@media (min-width: 1400px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
                max-width: 1350px;
        }
}

@media (max-width: 1400px) {
        .banner-sec {
                padding: 100px 0 169px 115px;
        }

        .banner-sec.who-banner-sec {
                padding: 80px 0 135px 0;
        }

        .timeLine .line {
                margin-left: 0;
        }

        .timeLine .line.active {
                height: 990px;
                transition: all 0.5s ease-in-out;
        }

        .timeLine .row:first-child.active:before {
                width: 50%;
                transition: all 0.5s ease-in-out;
        }

        .timeLine .row:first-child:before {
                content: "";
                width: 0;
                height: 4px;
                background: #9dd913;
                position: absolute;
                top: 0;
                left: 0px;
                transition: all 0.5s ease-in-out;
        }
}

/*@media (min-width: 1200px max-width: 1400px)*/
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
        .banner-sec {
                padding: 110px 0 220px 115px;
        }
}

@media (min-width:1921px) {

        /*.banner-animation, .second-banner-animation {
                width: 100%;
        }

        .footer-animation{
                width: 100%;

        }
        .banner-sec {
            padding: 174px 0 26vw 115px;
            margin-top: -26vw;
        }*/
        /*.banner-sec.who-banner-sec {
                padding: 224px 0 15px 0;

        }
        .second-banner-sec {
            padding: 174px 0 10vw 115px !important;
        }*/
        .secure-line-icon {
                display: none;
        }

        .secure-solution-sec {
                z-index: 998;
        }
}

@media (min-width: 1550px) {
        /*.banner-sec {
                padding: 174px 0 490px 115px;
        }*/

        .mega-menu {
                margin-left: -360px;
        }

        footer {
                padding: 236px 0 0px;
        }

        .footer-left {
                margin: 75px 0 0 10px;
        }

        .footer-link {
                margin: 150px 0 0 70px;
        }

        .second-banner-sec {
                padding: 210px 0 140px 0;
        }

        .second-banner-sec .text-box {
                padding-left: 0;
                max-width: 720px;
                margin-left: auto;
                /*margin-right: 115px;*/
        }

        .audit-banner {
                padding: 155px 0 115px 0;
        }

        .audit-banner .text-box {
                margin-right: 0;
                max-width: 545px;
                width: 100%;
                margin-top: 90px;
        }

        .leaks-banner {
                padding: 157px 0 185px 0;
        }

        .leaks-banner .image-holder {
                margin-left: -65px;
                margin-top: 60px;
        }

        .vpn-banner-sec {
                padding: 224px 0 181px 0;
        }

        .security-shape2 {
                max-width: 530px;
        }

        .sylink-learn-page .vpn-banner-sec {
                padding: 224px 0 275px 0;
        }

        .leaks-banner {
                padding: 90px 0 30px 0;
        }

        .vpn-banner-sec {
                padding: 200px 0 262px 0;

        }

        .service-portal-left .text-box h3 {
                font-size: 28px;
        }


        .mega-menu.active {
                width: 1200px;
        }


}

@media (max-width: 1549px) {

        .mega-menu {
                padding: 20px 20px;
                left: 85px;
        }

        .mega-menu

        /*.active*/
                {
                left: 10px;
                position: fixed;
                width: 1155px;
        }

        .mega-menu-left ol li .media .text-box {
                padding-left: 15px;
        }

        .mega-menu-left {
                padding: 15px 0;
                max-width: 400px;
        }

        .mega-menu-mid {
                padding: 15px 0;
        }

        .mega-menu-mid-box .text-box {
                padding: 22px 24px;
        }

        .menu-last-box {
                padding: 15px 12px;
        }

        /*.second-banner-sec .green-animation {
                max-width: 820px;
        }*/

        .leaks-banner {
                padding: 157px 0 185px 0;
        }

        .vpn-banner-sec {
                padding: 194px 0 265px 0;

        }

        .service-portal-left .text-box h3 {
                font-size: 28px;
        }

}



@media (max-width: 1399px) {
        header .navbar-brand img {
                max-width: 150px;
        }

        .navbar-nav .nav-item .nav-link {
                font-size: 16px;
        }

        .security-solution-right .image-holder img {
                max-width: 600px;
        }

        .security-solution-sec::after {
                background-position: left bottom;
        }

        /*.banner-sec {
                padding: 174px 0 280px 115px;
                position: relative;
                z-index: 1;
        }*/

        .banner-sec .text-box p {
                font-size: 18px;
        }

        .banner-sec .text-box h1 {
                font-size: 36px;
        }

        .technology-cyber-box .text-box p {
                font-size: 16px;
        }

        .technology-cyber-box .text-box h3 {
                font-size: 22px;
        }

        .technology-cyber-box form .form-group .form-control {
                height: 60px;
                font-size: 18px;
        }

        .btn-default {
                border: 6px solid #f3f3f3;
                height: 60px;
                font-size: 18px;
        }

        .form-check .form-check-label {
                font-size: 16px;
        }

        .service-portal-right .image-holder img {
                max-width: 600px;
                margin-left: 50px;
        }

        .service-portal-left .text-box h3 {
                font-size: 30px;
        }

        .service-portal-left .text-box p {
                font-size: 18px;
        }

        .icon-holder {
                max-width: 121px;
                height: 141px;
        }

        .icon-holder img {
                max-width: 70px;
        }

        .cyber-security-list {
                max-width: 500px;
        }

        .cyber-security-list ul li {
                position: absolute;
                right: -200px;
        }

        .cyber-security-inner {
                position: relative;
                z-index: 11;
                padding: 85px 0 170px 110px;
        }



        .cyber-security-list .image-holder img {
                max-width: 85%;
        }

        .cyber-security-list .image-holder a img {
                position: absolute;
                left: 55px;
                top: 70px;
                max-width: 65%;
        }

        .cyber-security-list ul li img {
                max-width: 25% !important;
        }


        .cyber-security-list ul li a div:nth-child(2) {
                display: inline-block;
                margin-left: -40px;
        }


        .cyber-security-list ul li div:last-child {

                vertical-align: bottom;
                margin-bottom: 60px;
        }


        .cyber-security-list ul li:first-child div:last-child {

                vertical-align: bottom;
                margin-bottom: 75px;
        }



        .cyber-security-list ul li:nth-child(3) div:last-child {

                vertical-align: bottom;
                margin-bottom: 80px;
        }

        .cyber-security-list ul li:first-child {
                top: -154px;
                right: -504px;
        }

        .cyber-security-list ul li .text-box h4 {
                font-size: 18px;
        }

        .cyber-security-list ul li .text-box p {
                font-size: 14px;
        }

        .cyber-security-list ul li .text-box p {
                max-width: 400px;
        }

        .cyber-security-list ul li:nth-child(3) {
                right: -697px;
                bottom: 85px;
        }

        .cyber-security-list ul li:nth-child(2) {
                top: -23px;
                right: -656px;
        }

        .cyber-security-list ul li:nth-child(4) {
                bottom: -86px;
                right: -649px;
        }

        .cyber-security-list ul li:nth-child(5) {
                bottom: -196px;
                right: -508px;
        }

        .cyber-security-list ul li:nth-child(5) .text-box {
                margin-bottom: 30px;
        }

        .case-study-box .text-box p {
                font-size: 18px;
        }

        .trust-inner ul {
                margin: 35px -15px 0;
        }

        .trust-inner ul li {
                padding: 0 15px;
        }

        .quality-work .media .image-holder {
                max-width: 160px;
        }

        .quality-work .media .text-box p {
                font-size: 18px;
        }

        .quality-work .media .text-box h4 {
                margin-bottom: 18px;
        }

        footer {
                background-position: bottom left;
        }

        .audit-phases-box {
                position: relative;
                padding: 40px 45px;
        }

        .audit-phases-box span {
                top: 18px;
                left: 16px;
                font-size: 35px;
        }

        .audit-phases-box p {
                font-size: 18px;
        }

        .audit-phases-box h4 {
                font-size: 18px;
                margin: 0 0 10px 31px;
        }

        .accordion-body p {
                font-size: 18px;
        }

        .accordion-item .accordion-button {
                font-size: 20px;
        }

        .accordion-button span {
                height: 40px;
                width: 40px;
        }

        .accordion-button span strong {
                font-size: 40px;
                line-height: 40px;
        }

        .accordion-button span strong.minus-icon {
                top: 0;
        }

        .management-solution-sec .text-box p {
                font-size: 16px;
        }

        .management-solution-sec .text-box h4 {
                font-size: 32px;
                margin: 0 0 50px 0;
        }

        .leak-secure-inner .text-inner p,
        .leak-secure-inner .media .media-text p {
                font-size: 18px;
        }

        .secure-pro-inner .image-holder {
                max-width: 350px;
        }

        .secure-pro-inner .media .secure-text-box p {
                font-size: 18px;
        }

        .secure-pro-inner .media .secure-text-box {
                padding-left: 30px;
        }

        .second-banner-sec .text-box h3 {
                font-size: 36px;
        }

        .second-banner-sec .text-box p {
                font-size: 28px;
        }

        .secure-solution-sec .text-box p {
                font-size: 18px;
        }

        .who-banner-sec .text-box h2 {
                font-size: 28px;
                line-height: 35px;
                margin-bottom: 18px;
        }

        .who-banner-sec .text-box p {
                font-size: 18px;
        }

        .sylink-who-box p {
                font-size: 18px;
        }

        .sylink-who-box {
                padding: 90px 10px 15px;
        }

        .sylink-who-box h3 {
                font-size: 40px;
        }

        .who-banner-sec .image-holder img {
                left: -62px;
        }

        .security-shape2 {
                max-width: 535px;
        }

        .secure-pro-sec .secure-shape {
                max-width: 630px;
                top: -113px;
        }

        .footer-link h3 {
                margin-bottom: 20px;
        }

        .footer-link ul li {
                margin: 0 0 15px 0;
        }

        .footer-left ul {
                margin: 20px 0 0 0;
        }

        .copyright {
                margin: 15px 0 0 0;
        }

        .footer-link {
                margin: 90px 0 0 30px;
        }

        .black-image-inner {
                top: -90px;
        }

        /*.second-banner-sec .green-animation {
                top: -50px;
        }*/

        .mega-menu-mid {
                max-width: 320px;
        }

        .mega-menu

        /*.active*/
                {
                left: 10px;
                position: fixed;
                width: 1060px;
        }

        .dashed-line1 {
                top: -50px;
        }

        .secure-line-icon {
                top: -240px;
        }

        /****/
        .training-box {
                max-width: 1050px;
        }

        .training-box1 p {
                font-size: 16px;
                margin: 0 0 17px 0;
                line-height: 22px;
        }

        .training-box1 h4 {
                font-size: 18px;
                padding-bottom: 40px;
        }

        .training-box1 span {
                font-size: 16px;
                margin: 0 0 15px 0;
        }

        .training-box1 {
                max-width: 235px;
        }

        .training-box01 {
                left: 32px;
                top: 32px;
        }

        .training-box3 {
                top: auto;
                bottom: 67px;
                left: 33px;
        }

        .training-box2 {
                left: auto;
                right: 35px;
                top: 185px;
        }

        .training-box2 span {
                padding: 0 0 0 42px;
        }

        .training-box2 p.first-text {
                left: 60px;
        }

        .training-box2 p.second-text {
                left: 35px;
        }

        .training-box2 p.third-text {
                left: 10px;
        }

        .training-box4 {
                position: absolute;
                top: auto;
                bottom: -75px;
        }

        .digital-box h4 {
                font-size: 16px;
        }

        .digital-basics {
                top: 60px;
                left: 285px;
                max-width: 228px;
        }

        .digital-box p {
                font-size: 16px;
                line-height: 20px;
                margin: 15px 0 0 0;
        }

        .digital-basics2 {
                top: 208px;
                right: 285px;
                max-width: 228px;
        }

        .modules-box {
                top: 360px;
                left: 255px;
        }

        .digital-basics4 {
                bottom: 210px;
                left: 285px;
                max-width: 228px;
                width: 100%;
        }

        .digital-basics3 {
                top: 515px;
                right: 305px;
                max-width: 185px;
        }

        .digital-basics5 {
                bottom: 65px;
                right: 285px;
                max-width: 228px;
                width: 100%;
        }

        .leaks-banner {
                padding: 157px 0 20px 0;
        }

        .vpn-banner-sec {
                padding: 190px 0 275px 0;

        }

        .honey-combs {
                display: flex;
                flex-wrap: wrap;
                width: calc(150px + (2 * 2 - 1) * (.75 * 150px + 1.5*5px));
                margin-top: 90px;
        }

        .honey-combs>* {
                width: 150px;
                height: 130px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(150px * .5 + 3*5px);
                background-color: #9dd913;
        }

        .honey-combs>*:nth-child(4n-1) {
                margin-left: calc(150px * .75 + 1.5 * 5px);
        }

        .honey-combs>*:nth-child(4n+1) {
                margin-left: 0;
        }

        .honey-combs>*:nth-child(n+1) {
                margin-top: calc(130px * -.5 + 5px);
        }

        .honey-combs>*:first-child {
                border-color: #9dd913;
                border-radius: 10px;
        }


        .honey-combs>*:first-child:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(1)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 15px;
                width: 125px;
                height: 105px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #f3f3f3;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(1)>a>div:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(8)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 15px;
                width: 125px;
                height: 105px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #f3f3f3;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(8)>a>div:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(2)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 15px;
                width: 125px;
                height: 105px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #9dd913;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(2)>a>div:hover {
                background-color: #f3f3f3;
        }

        .honey-combs>div:nth-child(7)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 15px;
                width: 125px;
                height: 105px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #9dd913;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(7)>a>div:hover {
                background-color: #f3f3f3;
        }
}

@media (max-width: 1300px) {
        /*.banner-sec {
                padding: 174px 0 190px 115px;
        }*/

        .headercontainer {
                width: 100%;
                padding-right: var(--bs-gutter-x, .75rem);
                padding-left: var(--bs-gutter-x, .75rem);
                margin-right: auto;
                margin-left: auto;
                max-width: inherit;
        }

        .cyber-bg {
                max-width: 535px;
                top: -85px;
        }

        .technology-cyber-bg {
                margin: 0 40px 0 0;
        }

        .security-shape {
                max-width: 350px;
                top: -180px;
        }

        .security-shape2 {
                max-width: 440px;
        }

        .cyber-security-bg {
                bottom: -10px;
                margin: 0 14px 0 0;
        }

        .secure-shape {
                top: -120px;
                max-width: 340px;
        }

        .flexible-reporting-right {
                margin: 30px 0 0 0;
        }

        .functionalities-hexagon2 {
                max-width: 380px;
        }

        .how-work-shape .horizontal-dashed-line {
                bottom: 15px;
        }

        .secure-line-icon {
                right: 54px;
                top: -290px;
                z-index: -1;
        }

        .secure-solution-sec {
                z-index: 998;
        }

        .sylink-leak-page .secure-shape {
                max-width: 680px;
                bottom: 280px;
        }

        .sylink-leak-page .management-solution-sec .text-box h4 {
                font-size: 28px;
                margin: 0 0 30px 0;
        }

        .management-solution-sec .text-box p {
                font-size: 15px;
        }

        .vpn-secure-sec .leak-secure-inner .media .vpn-secure {
                max-width: 590px;
        }

        .dashed-line2 {
                right: 62px;
        }

        .dashed-line4 {
                right: 37px;
        }

        .secure-pro-sec .secure-shape {
                max-width: 630px;
                top: -60px;
        }

        .secure-pro-sec .secure-line-icon {
                right: 63px;
                top: -265px;
                height: 0;
        }

        .secure-pro-sec .secure-line-icon img {
                height: 50%;
        }

        .secure-audit-main {
                display: none
        }

        .vertical-dashed-same img {
                height: 125%;
                object-position: bottom;
        }

        .secure-line-icon {
                display: none;
        }
}

@media (max-width: 1199px) {
        header .navbar-brand img {
                max-width: 126px;
        }


        .banner-sec.who-banner-sec {
                padding: 80px 0 105px 0;
        }

        .navbar-nav .nav-item {
                margin-right: 6px;
        }

        .header-right ol li {
                margin-right: 20px;
        }

        /*.banner-sec {
                padding: 120px 0 220px 0;
        }*/

        .green-animation {
                top: -100px;
        }

        .security-solution-right .image-holder img {
                max-width: 100%;
        }

        .service-portal-right .image-holder img {
                max-width: 100%;
        }

        .icon-holder {
                max-width: 102px;
                height: 122px;
        }

        .icon-holder img {
                max-width: 50px;
        }

        .service-portal-right .text-box p {
                font-size: 16px;
        }

        .service-portal-right .text-box h4 {
                font-size: 28px;
                line-height: 36px;
        }

        .cyber-security-inner {
                padding: 0 0 0 100px;
        }

        .footer-link {
                margin: 75px 0 0 50px;
        }

        .copyright {
                margin: 22px 0 0 0;
        }

        .footer-link ul li a,
        .footer-left ul li p {
                font-size: 14px;
        }

        .footer-link h3 {
                font-size: 16px;
        }

        .footer-link h3 {
                margin-bottom: 18px;
        }

        .footer-link ul li {
                margin-bottom: 16px;
        }

        footer {
                padding: 415px 0 15px;
        }

        .security-solution-left .text-box p {
                font-size: 16px;
        }

        .security-solution-left .text-box h3 {
                font-size: 26px;
                margin: 18px 0;
        }

        .audit-phases-box {
                padding: 55px 40px 25px;
                height: 100%;
        }

        .audit-phases-box p {
                min-height: 80px;
                font-size: 14px;
                line-height: 18px;
        }

        .audit-phases-box span {
                top: 12px;
                left: 8px;
        }

        .audit-phases-box h4 {
                margin-left: 0;
        }

        .leak-secure-inner .media .media-slider {
                max-width: 266px;
                padding: 20px 30px;
        }

        .feature-shape {
                left: -69px;
        }

        .second-banner-sec.spot-banner .text-box {
                margin-left: 0;
        }

        .second-banner-sec.spot-banner .text-box h3 {
                text-align: left;
        }

        .second-banner-sec .image-holder {
                margin: 0;
        }

        .sylink-who-inner ul {
                justify-content: center;
                margin: 0 -10px;
        }

        .sylink-who-inner ul li {
                width: 25%;
                margin: 0 0 15px;
                padding: 0 10px;
        }

        .timeLine .line {
                left: 8px;
                top: -1331px;
        }

        .timeLine .line.active {
                height: 1333px;
        }

        .timeLine .row:first-child:before {
                content: "";
                width: 0;
                height: 4px;
                background: #9dd913;
                position: absolute;
                top: 0;
                left: 8px;
                transition: all 0.5s ease-in-out;
        }

        .timeLine .row:first-child.active:before {
                width: 49%;
                transition: all 0.5s ease-in-out;
        }

        .who-banner-sec .image-holder img {
                left: -55px;
        }

        .timeLine .contentText {
                max-width: 412px;
        }

        .cyberattack h3,
        .timeLine .contentText h3 {
                font-size: 28px;
        }

        .timeLine .contentText p {
                font-size: 18px;
        }

        .timeLine .row {
                padding: 100px 0;
        }

        .technology-cyber-box {
                padding: 20px;
        }

        .technology-cyber-box .text-box p {
                margin: 0 0 15px 0;
        }

        .technology-cyber-box .text-box {
                margin-bottom: 20px;
        }

        .btn-default {
                border: 3px solid #f3f3f3;
                height: 50px;
                font-size: 16px;
                max-width: 160px;
        }

        .technology-cyber-box form .form-group .form-control {
                height: 50px;
                font-size: 14px;
                margin-right: 10px;
        }

        .technology-cyber-inner {
                margin: 15px 0 0 0;
        }

        .title h2 {
                font-size: 26px;
        }

        .service-portal-left .text-box {
                padding: 0 20px 0 75px;
        }

        .service-portal-left .text-box h3 {
                font-size: 22px;
                margin: 0 0 23px 0;
        }

        .service-portal-right .text-box {
                margin: 10px 0 0 10px;
        }

        .service-portal-left .text-box p {
                font-size: 20px;
                margin: 0 0 15px 0;
                line-height: 22px;
        }

        .security-title h3 {
                font-size: 24px;
        }

        .security-title p {
                font-size: 16px;
                font-weight: 400;
                line-height: 20px;
                max-width: 650px;
                margin: 15px 0 0 0;
        }

        .security-shape {
                max-width: 290px;
                top: -150px;
        }

        .security-shape2 {
                max-width: 370px;
        }

        .case-study-box .image-holder {
                max-width: 180px;
                width: 100%;
        }

        .case-study-box .text-box {
                padding-left: 20px;
        }

        .case-study-box .text-box h4 {
                font-size: 22px;
                margin: 0 0 10px 0;
        }

        .case-study-box .text-box p {
                font-size: 16px;
        }

        .case-study-inner {
                margin: 30px 0 0 0;
                padding: 0 30px;
        }

        .study-shape2 {
                top: 110px;
                max-width: 230px;
        }

        .quality-shape {
                top: -320px;
                max-width: 190px;
        }

        .quality-work-sec {
                padding: 60px 0 30px;
        }

        .quality-work h3 {
                font-size: 27px;
                margin: 0 0 30px 0;
        }

        .quality-work .media .image-holder {
                max-width: 120px;
        }

        .quality-work .media .text-box h4 {
                font-size: 14px;
                line-height: 18px;
                margin: 0 0 30px 0;
        }

        .quality-work .media .text-box p {
                font-size: 14px;
                line-height: 20px;
        }

        .second-banner-sec .text-box p {
                font-size: 24px;
        }

        .second-banner-sec .text-box {
                padding-left: 0;
                max-width: 465px;
                margin-left: 0;
                margin-right: 0;
        }

        .second-banner-sec {
                padding: 145px 0 40px 0;
        }

        .horizontal-dashed-line {
                bottom: 5px;
        }

        .management-solution-sec .text-box h4 {
                font-size: 26px;
                line-height: 30px;
                margin: 0 0 30px 0;
        }

        .management-solution-sec .text-box p {
                font-size: 16px;
                line-height: 24px;
                margin: 0 0 15px 0;
        }

        .management-solution-sec .text-box {
                padding: 0 0 0 65px;
        }

        .flexible-reporting-inner {
                padding: 0 0 0 70px;
        }

        .flexible-reporting-inner h3 {
                font-size: 24px;
                line-height: 30px;
        }

        .flexible-reporting-inner .text-box {
                margin: 30px 0 0 0;
        }

        .flexible-reporting-inner .text-box p {
                font-size: 16px;
                margin: 0 0 20px 0;
        }

        .functionalities-hexagon-shape {
                top: -325px;
                max-width: 400px;
        }

        .how-work-inner {
                padding: 0;
        }

        .functionalities-hexagon2 {
                max-width: 320px;
                top: 535px;
        }

        .how-work-shape .horizontal-dashed-line {
                bottom: 6px;
        }

        .how-vertical-dashed {
                right: 35px;
                left: auto;
                top: 0;
        }

        .functionalities-vertical-dashed {
                left: 43px;
        }

        .how-work-inner h3 {
                font-size: 36px;
                margin: 0 0 30px 30px;
        }

        .how-work-shape {
                margin-right: 15px;
        }

        .secure-line-icon {
                display: none;
        }



        .sopt-network-shape {
                bottom: -220px;
                max-width: 250px;
        }

        .network-right ul li p {
                font-size: 16px;
                margin: 12px 0 0 0;
        }

        .sylink-audit-page .secure-shape {
                top: auto;
                max-width: 360px;
                bottom: -200px;
        }

        .sylink-audit-page .functionalities-hexagon-right {
                max-width: 360px;
                top: auto;
                bottom: -150px;
        }

        .leak-secure-inner {
                padding: 20px;
        }

        .leak-secure-inner .media .media-text {
                padding-left: 15px;
        }

        .leak-secure-inner .media .media-text p {
                margin: 0 0 15px 0;
        }

        .leak-secure-inner .text-inner p,
        .leak-secure-inner .media .media-text p {
                font-size: 14px;
                line-height: 20px;
                margin: 0 0 10px 0;
        }

        .media-slider .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
                right: 5px;
                left: auto;
        }

        .media-slider .swiper-button-next img,
        .media-slider .swiper-button-prev img {
                height: 40px;
        }

        .media-slider .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
                left: 5px;
                right: auto;
        }

        .sylink-leak-page .secure-shape {
                max-width: 465px;
        }

        .sylink-leak-page .management-solution-sec .text-box h4 {
                font-size: 26px;
                margin: 0 0 30px 0;
        }

        .management-solution-sec .text-box p {
                font-size: 14px;
        }

        .sylink-leak-page .audit-phases-inner {
                padding: 30px 10px 20px 70px;
        }

        .leaks-banner .image-holder {
                margin-left: -215px;
        }

        .vpn-secure-sec .leak-secure-inner .media .media-slider {
                max-width: 320px;
                width: 100%;
        }

        .sylink-vpn-page .functionalities-inner {
                padding: 0 50px 0 70px;
        }

        .vpn-work-shape1 {
                top: -90px;
                max-width: 200px;
        }

        .training-shape1 {
                top: -71px;
                right: -194px;
                max-width: 800px;
        }

        .secure-pro-sec .secure-shape {
                max-width: 510px;
                top: 147px;
        }

        .feature-pro-box h4 {
                font-size: 22px;
                padding-left: 0px;
                margin-bottom: 30px;
        }

        .functionalities-inner h3 {
                font-size: 22px;
                margin: 0 0 50px 0;
        }

        .accordion-item .accordion-button {
                font-size: 16px;
        }

        .feature-pro-box {
                padding: 80px 0 0 15px;
        }

        .feature-shape.feature-shape1 {
                top: -190px;
        }

        .who-banner-sec .text-box {
                margin: 20px 0;
        }

        .sylink-who-box p {
                font-size: 16px;
        }

        .sylink-who-box {
                height: 325px;
        }

        .vpn-secure-sec .leak-secure-inner .media .vpn-secure {
                max-width: 420px;
                padding: 11px 40px;
        }


        .cyber-security-inner {
                position: relative;
                z-index: 11;
                padding: 85px 0 170px 0px;
        }




        .footer-left ul li {
                display: flex;
                margin-bottom: 5px;
        }

        .footer-link ul li {
                margin-bottom: 10px;
        }

        .footer-logo img {
                height: 60px;
        }

        .copyright {
                margin: 14px 0 0 0;
        }

        .copyright p {
                font-size: 12px;
        }

        .footer-left {
                padding: 20px 0 0 10px;
        }

        /*.second-banner-animation,
        .second-banner-animation .black-animation {
                height: 100%;
        }*/

        .second-banner-animation .black-animation img {
                height: 100%;
                object-fit: cover;
                background-position: center center;
        }

        .mega-menu

        /*.active*/
                {
                left: 10px;
                position: fixed;
                width: 800px;
        }

        .mega-menu {
                padding: 15px;
                border-radius: 10px;
        }

        .mega-menu-left ol li .media .image-holder {
                max-width: 40px;
                width: 100%;
        }

        .mega-menu-left ol li .media .text-box {
                padding-left: 10px;
        }

        .mega-menu-left ol li .media .text-box h4,
        .mega-menu-left ol li .media .text-box .h4 {
                font-size: 14px;
                margin: 0 0 3px 0;
        }

        .mega-menu-left ol li .media .text-box p {
                font-size: 12px;
                line-height: 14px;
        }

        .mega-menu-left ol li {
                margin: 0 0 20px 0;
        }

        .mega-menu-left {
                padding: 15px 0;
                max-width: 280px;
        }

        .mega-menu-mid-box .text-box h4 {
                font-size: 14px;
                margin: 0 0 4px 0;
        }

        .mega-menu-mid-box .text-box {
                min-height: 45px;
                padding: 10px 10px;
        }

        .mega-menu-mid-box .text-box p {
                font-size: 12px;
                line-height: 14px;
        }

        .mega-menu-last {
                max-width: 200px;
                left: 100%;
        }

        .dashed-line1 {
                top: -125px;
                height: 740px;
        }

        .dashed-line5 {
                bottom: 6px;
                left: 41px;
                height: 100%;
        }

        .spot-faq-shap {
                margin-right: 0;
        }

        .dashed-line-spot {
                right: 32px;
                height: 500px;
                left: auto !important;
        }

        /*****/
        .training-box {
                max-width: 860px;
        }

        .training-box1 {
                max-width: 220px;
        }

        .training-box01 {
                left: 18px;
                top: 25px;
        }

        .training-box1 h4 {
                font-size: 16px;
                padding-bottom: 35px;
        }

        .training-box1 span {
                font-size: 14px;
                margin: 0 0 10px 0;
        }

        .training-box1 p {
                font-size: 14px;
                margin: 0 0 10px 0;
                line-height: 18px;
        }

        .training-box3 {
                top: auto;
                bottom: 70px;

                left: 18px;
        }

        .training-box2 {
                left: auto;
                right: 20px;
                top: 147px;
        }

        .training-box2 span {
                padding: 0 0 0 50px;
        }

        .training-box2 p.first-text {
                left: 66px;
        }

        .training-box2 p.second-text {
                left: 50px;
        }

        .training-box2 p.third-text {
                left: 23px;
        }

        .training-box4 {
                position: absolute;
                top: auto;
                bottom: -42px;
        }

        .digital-basics {
                top: 48px;
                left: 242px;
                max-width: 170px;
        }

        .digital-box h4 {
                font-size: 12px;
        }

        .digital-box p {
                font-size: 12px;
                line-height: 18px;
                margin: 8px 0 0 0;
        }

        .digital-basics2 {
                top: 165px;
                right: 242px;
                max-width: 170px;
        }

        .modules-box h4 {
                font-size: 20px;
        }

        .modules-box ul li {
                padding: 0 12px;
        }

        .modules-box ul li img {
                height: 26px;
        }

        .modules-box ul {
                margin: 20px 0;
        }

        .modules-box {
                top: 302px;
                left: 185px;
        }

        .digital-basics3 {
                top: 420px;
                right: 255px;
                max-width: 150px;
        }

        .digital-basics4 {
                bottom: 170px;
                left: 241px;
                max-width: 170px;
                width: 100%;
        }

        .digital-basics5 {
                bottom: 55px;
                right: 242px;
                max-width: 170px;
                width: 100%;
        }

        .training-inner .image-holder {
                margin: 80px 0 0 0;
        }

        .how-vertical-dashed2 {
                right: 25px;
        }

        .feature-lines {
                left: -70px;
        }

        .feature-polygon-doted {
                left: -48px;
        }

        .artificial-solid-line {
                left: -49px;
        }

        .feature-Based-doted {
                left: -49px;
        }

        .honey-combs {
                display: flex;
                flex-wrap: wrap;
                width: calc(130px + (2 * 2 - 1) * (.75 * 130px + 1.5*5px));
                margin-top: 90px;
        }

        .honey-combs>* {
                width: 130px;
                height: 110px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(130px * .5 + 3*5px);
                background-color: #9dd913;
        }

        .honey-combs>*:nth-child(4n-1) {
                margin-left: calc(130px * .75 + 1.5 * 5px);
        }

        .honey-combs>*:nth-child(4n+1) {
                margin-left: 0;
        }

        .honey-combs>*:nth-child(n+1) {
                margin-top: calc(110px * -.5 + 5px);
        }

        .honey-combs>*:first-child {
                border-color: #9dd913;
                border-radius: 10px;
        }


        .honey-combs>*:first-child:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(1)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 12px;
                width: 105px;
                height: 85px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 10 0% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #f3f3f3;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(1)>a>div:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(8)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 12px;
                width: 105px;
                height: 85px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #f3f3f3;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(8)>a>div:hover {
                background-color: #9dd913;
        }

        .honey-combs>div:nth-child(2)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 12px;
                width: 105px;
                height: 85px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #9dd913;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(2)>a>div:hover {
                background-color: #f3f3f3;
        }

        .honey-combs>div:nth-child(7)>a>div {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 20px;
                font-weight: bold;
                font-size: 12px;
                width: 105px;
                height: 85px;
                -webkit-clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%);
                margin-left: calc(-5px * .5 + 3*5px);
                background-color: #9dd913;
                margin-top: 12.5px;
                transition: 0.5s;
        }

        .honey-combs>div:nth-child(7)>a>div:hover {
                background-color: #f3f3f3;
        }
}

@media (max-width: 1100px) {
        /*.banner-sec {
                padding: 120px 0 170px 0;
        }*/

        .banner-sec .col-6 {
                width: 50%;
        }
}

@media (max-width: 991px) {
        header {
                padding: 0;
        }

        .lookingfor {
                display: none !important;
        }

        .lookingfor2 {
                display: block;
        }

        .mega-menu

        /*.active*/
                {
                position: static;
                width: 100%;
        }

        .second-banner-sec .col-lg-4 {
                padding-top: 20px;
        }

        .banner-sec .col-6 {
                width: 100%;
        }

        .banner-sec .home-col {
                margin-top: 25px;
        }

        .banner-sec {
                /*padding: 90px 0 20px 0;*/
                padding: 90px 0 85px 0;
        }

        .alternative-banner-sec {

                padding: 90px 0 220px 0;
        }

        .banner-sec .text-box h1 {
                font-size: 30px;
        }

        .banner-sec .text-box p {
                font-size: 16px;
                line-height: 20px;
                margin: 15px 0 25px;
        }

        .security-solution-bg {
                margin: 0 0 0 10px;
        }

        .security-solution-left .text-box p,
        .security-solution-left .text-box {
                text-align: center;
        }

        .security-solution-left .text-box p {
                margin: 26px auto 35px;
        }

        .catalogue-btns {
                justify-content: center;
        }

        .image-holder {
                text-align: center;
        }

        .security-solution-right .image-holder {
                max-width: 500px;
                margin: 0 auto 10px;
                float: none;
        }

        .service-portal-right .image-holder {
                float: none;
                margin: 0 auto;
                max-width: 600px;
        }

        .service-portal-right .image-holder img {
                margin-left: 0;
        }

        .portal-left-list ul {
                margin: 40px 0;
        }

        .service-portal-right .text-box h4 {
                font-size: 26px;
                line-height: 30px;
                margin: 0 0 15px 0;
        }

        .service-portal-right .text-box {
                margin: 0;
                float: none;
                padding: 15px 30px 0;
        }

        .service-portal-bg {
                bottom: -5px;
                left: 0;
                margin: 0 0 0 5px;
        }

        .cyber-security-list ul li .text-box p {
                font-size: 12px;
        }

        .cyber-security-list {
                max-width: 300px;
        }

        /*.cyber-security-list ul li .text-box p {
                max-width: 420px;
            }*/

        .cyber-security-list .image-holder img {
                max-width: 85%;
        }

        .cyber-security-list .image-holder a img {
                position: absolute;
                left: 60px;
                top: 40px;
                max-width: 65%;
        }

        .cyber-security-list ul li img {
                max-width: 15% !important;
        }


        .cyber-security-list ul li a div:nth-child(2) {
                display: inline-block;
                margin-left: -20px;
        }


        .cyber-security-list ul li div:last-child {

                vertical-align: middle;
                margin-bottom: 60px;
        }


        .cyber-security-list ul li:first-child div:last-child {

                vertical-align: middle;
                margin-bottom: 115px;
        }



        .cyber-security-list ul li:nth-child(2) div:last-child {

                vertical-align: middle;
                margin-bottom: 60px;
                width: 365px;
        }

        .cyber-security-list ul li:nth-child(3) div:last-child {

                vertical-align: middle;
                margin-bottom: 50px;
                width: 365px;
        }

        .cyber-security-list ul li:last-child div:last-child {

                vertical-align: middle;
                margin-bottom: -25px;
        }

        .cyber-security-list ul li {
                right: -290px;
        }

        .cyber-security-list ul li:first-child {
                top: -154px;
                right: -663px;
        }

        .cyber-security-list ul li:nth-child(5) {
                bottom: -125px;
                right: -671px;
        }


        .cyber-security-list ul li:nth-child(2) {
                top: -43px;
                right: -723px;
        }

        .cyber-security-list ul li:nth-child(3) {

                right: -748px;
                bottom: 30px;
        }

        .cyber-security-list ul li:nth-child(4) {
                bottom: -82px;
                right: -753px;
        }

        .security-title p {
                margin: 15px 0 0 0;
                max-width: 510px;
                font-size: 16px;
        }

        .case-study-box .image-holder {
                max-width: 160px;
        }

        .quality-work {
                margin-bottom: 30px;
        }

        .footer-link {
                margin-top: 30px;
        }

        .navbar-toggler {
                padding: 0;
                margin: 0;
        }

        .navbar-toggler img {
                width: 32px;
        }

        header .navbar-collapse {
                position: fixed;
                left: 0;
                top: 0;
                bottom: 0;
                height: 100vh;
                overflow-y: auto;
                background-color: #9dd913;
                max-width: 400px;
                width: 100%;
                padding: 80px 15px;
                z-index: 999;
                transition: all 0.3s;
                transform: translateX(-100%);
        }

        .header-right ol {
                justify-content: center;
                display: block;
        }

        .header-right ol li {
                padding: 15px 0;
        }

        header .navbar-nav {
                align-items: flex-start;
        }

        header .collapse:not(.show) {
                display: block;
                opacity: 0;
                visibility: hidden;
        }

        header .navbar-collapse.show {
                opacity: 1;
                visibility: visible;
                transform: translateX(0);
        }

        .audit-banner .text-box {
                margin: 0 auto;
        }

        .audit-banner .text-box p {
                text-align: center;
        }

        .audit-phases-box {
                padding: 60px 50px 55px;
                max-width: 300px;
                margin: 0 auto 30px;
                height: auto;
        }

        .accordion [class*="col-"] {
                margin-bottom: 25px;
        }

        .audit-banner .image-holder {
                margin: 30px 0 0;
        }

        .flexible-reporting-right {
                margin: 30px 0;
        }

        .leak-secure-inner .media {
                flex-direction: column;
        }

        .leak-secure-inner .media .media-slider {
                margin: 0 auto 30px;
        }

        .vpn-banner-sec .image-holder img {
                margin-top: 30px;
        }

        .vpn-banner-sec .text-box h3 {
                padding: 0;
        }

        .sylink-learn-page .vpn-banner-sec .text-box {
                margin: 0 auto;
        }

        .vpn-banner-sec .text-box h3,
        .second-banner-sec .text-box p,
        .second-banner-sec .text-box h3 {
                text-align: center;
        }

        .second-banner-sec .image-holder {
                float: initial;
        }

        .leak-secure-inner .text-inner {
                padding: 0;
        }

        .vpn-banner-sec .text-box {
                margin: 0 auto;
        }

        .secure-pro-inner .media {
                flex-direction: column;
        }

        .secure-pro-inner .image-holder {
                max-width: 100%;
                margin-bottom: 30px;
        }

        .secure-pro-inner .image-holder img {
                width: 100%;
        }

        .secure-pro-inner .media .secure-text-box {
                padding: 0;
        }

        .functionalities-inner h3,
        .feature-pro-box h4 {
                padding-left: 0;
                font-size: 18px;
        }

        .functionalities-inner h3 {
                margin-bottom: 15px;
        }

        .feature-pro-box h4 {
                margin-bottom: 15px;
        }

        .second-banner-sec.spot-banner .text-box h3 {
                text-align: center;
                padding: 0;
        }

        .second-banner-sec.spot-banner .text-box {
                margin: 0 auto 30px;
        }

        .second-banner-sec.spot-banner .image-holder {
                padding: 0;
        }

        .network-right {
                padding: 0;
        }

        .who-banner-sec .container .row .col-lg-6:last-child {
                display: none;
        }

        .sylink-who-inner ul li {
                width: 33.3%;
                padding: 0 10px;
        }

        .who-banner-sec {
                padding-bottom: 50px;
        }

        .who-banner-sec {
                /* background: url(../images/who-banner-bg.webp) no-repeat; */
                background-position: center center;
                background-size: cover;
                padding: 110px 0 80px 0 !important;
                margin-top: 0px;
        }

        .who-banner-sec .banner-animation .black-animation:last-child div {
                width: 100%;
                height: 400px;
                position: absolute;
                top: 0px;
                left: 0;
                background: rgb(0, 0, 0);
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6539547703847164) 50%, rgba(0, 0, 0, 0) 100%);
        }

        .who-banner-sec .image-holder img {
                left: -137px;
                top: -42px;
        }

        .timeLine .row:first-child:before {
                content: none;
        }

        .timeLine .row:after {
                left: 0;
        }

        .timeLine .row .shape {
                left: 0;
        }

        .timeLine .line {
                left: -2px;
                top: -1350px;
        }

        .timeLine .line.active {
                height: 1350px;
        }

        .timeLine .contentText,
        .timeLine .row:nth-child(odd) .contentText {
                margin: 0 auto;
                text-align: center;
        }

        .timeLine .contentText p {
                text-align: center;
        }

        .timeLine .row {
                padding: 50px 0;
        }

        .timeLine .row .img-holder {
                margin-bottom: 30px;
        }

        .close-menu {
                display: inline-block;
                border: none;
                background: transparent;
                position: absolute;
                top: 10px;
                right: 10px;
        }

        .close-menu img {
                height: 30px;
        }

        .cyber-security-sec {
                padding: 40px 0;
                position: relative;
        }

        .security-title {
                position: relative;
                z-index: 100;
                padding: 0 0 0 25px;
        }

        .security-shape {
                max-width: 250px;
                top: -200px;
        }

        .security-shape2 {
                max-width: 290px;
        }

        .vertical-dashed-line {
                bottom: 0;
        }

        .vertical-dashed-line img {
                height: 100%;
        }

        .footer-left ul {
                margin: 20px 0 0 0;
        }

        .footer-left ul li {
                margin-bottom: 10px;
        }

        /*footer {
                padding: 50px 0;
                margin: 0;
                background-color: #000;
        }*/

        /*.footer-animation {
                display: none;
        }*/

        footer {

                /*padding: 215px 0 15px;*/
                padding: 50px 0;
                margin: 0;
                background-color: #000;
        }

        .footer-animation {
                display: none;
        }

        .second-banner-sec .text-box {
                padding-left: 0;
                max-width: 100%;
                margin-left: 0;
                margin-right: 0;
        }

        .second-banner-sec .text-box p {
                font-size: 20px;
        }

        .second-banner-sec .text-box h3 {
                font-size: 30px;
        }

        .second-banner-sec {
                padding: 115px 0 40px 0;
        }

        .leaks-banner {
                padding: 115px 0 150px 0;
        }

        .secure-shape {
                top: -120px;
                max-width: 210px;
        }

        .management-solution-bg {
                margin-left: 10px;
        }

        .management-solution-bg .vertical-dashed-line {
                bottom: auto;
        }

        .management-solution-sec {
                padding: 60px 0 60px;
        }

        .management-solution-sec .text-box {
                padding: 0 0 0 30px;
        }

        .management-solution-right {
                padding: 30px 0 0 0;
        }

        .flexible-reporting-bg {
                margin-right: 10px;
        }

        .functionalities-sec .vertical-dashed-line {
                bottom: auto;
        }

        .functionalities-shape-bg {
                margin-left: 10px;
        }

        .functionalities-sec {
                padding: 50px 0;
        }

        .how-work-sec {
                position: relative;
                padding: 50px 0;
        }

        .second-banner-sec.spot-banner {
                padding: 115px 0 45px 0;
        }

        .sylink-spot-page .management-solution-sec .text-box {
                padding: 20px 0 0 44px;
        }

        .sylink-spot-page .network-right {
                padding: 0 40px;
        }

        .sopt-network-shape {
                bottom: -180px;
                max-width: 150px;
        }

        .functionalities-hexagon-right {
                top: 490px;
                max-width: 430px;
        }

        .audit-banner .text-box p {
                margin: 20px 0;
        }

        .sylink-audit-page .management-solution-sec {
                padding: 60px 0;
                z-index: 100;
        }

        .audit-shape {
                max-width: 200px;
        }

        .sylink-audit-page .vertical-dashed-line {
                bottom: auto;
        }

        .spot-faq-shap {
                margin-right: 0;
        }

        .leaks-banner .text-box {
                margin-right: 0;
                margin-top: 0;
        }

        .leaks-banner .text-box h3 {
                text-align: center;
                padding-left: 0;
        }

        .leaks-banner .image-holder img {
                max-width: 100%;
        }

        .leaks-banner .image-holder {
                margin-left: 0;
                float: none;
        }

        .leak-secure-inner .media .media-text {
                padding-left: 0;
        }

        .sylink-leak-page .vertical-dashed-line {
                bottom: auto;
        }

        .sylink-vpn-page .functionalities-sec {
                padding: 100px 0;
        }

        .sylink-vpn-page .functionalities-inner {
                padding: 0 30px 0 40px;
        }

        .training-title {
                padding: 0;
        }

        .training-title P {
                font-size: 20px;
                margin: 0 0 15px 0;
                max-width: 560px;
        }

        .training-title h3 {
                font-size: 26px;
        }

        .training-shape1 {
                top: -110px;
                right: -144px;
                max-width: 600px;
        }

        .training-sec {
                padding: 50px 0;
        }

        .training-inner .image-holder {
                margin: 40px 0 0 0;
        }

        .training-shape2 {
                bottom: -20px;
                max-width: 240px;
        }

        .feature-shape.feature-shape1 {
                top: -90px;
        }

        .feature-pro-box.feature-pro-box1 {
                padding: 50px 0 20px 20px;
        }

        .feature-pro-box {
                padding: 10px 0 40px 15px;
        }

        .passes {
                font-size: 16px;
                margin: 0;
        }

        .navbar-nav .nav-item .nav-link:hover {
                color: #fff;
        }

        .navbar-nav .nav-item {
                margin-right: 6px;
                width: 100%;
        }

        .navbar-nav .nav-item .nav-link {
                justify-content: flex-start;
        }

        .navbar-nav .nav-item .nav-link:hover svg path {
                fill: #fff;
        }

        .vpn-secure-sec .leak-secure-inner .media .vpn-secure {
                margin: 20px auto 30px;
        }

        .vpn-secure .swiper-button-next,
        .swiper-rtl .swiper-button-prev {
                right: 6px;
                left: auto;
        }

        .vpn-secure .swiper-button-next img,
        .vpn-secure .swiper-button-prev img {
                height: 40px;
        }

        .vpn-secure .swiper-button-prev,
        .swiper-rtl .swiper-button-next {
                left: 6px;
                right: auto;
        }

        .functionalities-sec .cyber-horizontal-solid-line::after {
                width: calc(100vw - 480px);
        }

        /*.green-animation {
                top: -70px;
        }

        .footer-green-bg {
                height: 100%;
        }

        .footer-green-bg img {
                height: 100%;
                object-fit: cover;
                object-position: center center;
        }*/

        .footer-link {
                margin: 75px 0 0 15px;
        }

        .mega-menu {
                position: static;
        }

        .mega-menu-mid {
                max-width: 100%;
                position: static;
                transform: translate(0, 0);
                border: none;
                padding: 25px 0 15px;
        }

        .mega-menu-left {
                padding: 10px 0;
                max-width: 100%;
        }

        .mega-menu-mid-box .text-box {
                margin: 0 0 15px 0;
                min-height: auto;
                padding: 0 50px;
                border: none;
        }

        .mega-menu-last {
                max-width: 100%;
                position: static;
                transform: translate(0, 0);
                margin: 20px 0;
        }

        .mega-menu-mid-box .text-box p {
                font-size: 14px;
                line-height: 20px;
        }

        .dashed-line1 {
                top: -125px;
                height: 1090px;
                left: 41px;
        }

        .dashed-line1 img {
                width: 5px;
        }

        .dashed-line3 {
                left: 37px;
                height: 100%;
        }

        .dashed-line3 img {
                height: 100%;
                width: 3px;
        }

        .sylink-spot-page .management-solution-bg {
                width: 100%;
        }

        .vertical-dashed-second {
                left: 31px;
        }

        .work-vertical-dashed {
                left: 37px;
        }

        /******/
        .training-box {
                max-width: 700px;
        }

        .training-box1 {
                max-width: 170px;
        }

        .training-box01 {
                left: 11px;
                top: 15px;
        }

        .training-box1 h4 {
                font-size: 16px;
                padding-bottom: 32px;
        }

        .training-box1 span {
                font-size: 12px;
                margin: 0 0 10px 0;
        }

        .training-box1 p {
                font-size: 12px;
                margin: 0 0 10px 0;
                line-height: 13px;
        }

        .training-box3 {
                top: auto;
                bottom: 47px;
                left: 8px;
        }

        .training-box2 {
                left: auto;
                right: 12px;
                top: 114px;
        }

        .training-box2 span {
                padding: 0 0 0 35px;
        }

        .training-box2 p.first-text {
                left: 42px;
        }

        .training-box2 p.second-text {
                left: 28px;
        }

        .training-box2 p.third-text {
                left: 4px;
        }

        .training-box4 {
                position: absolute;
                top: auto;
                bottom: -42px;
        }

        .digital-box h4 {
                font-size: 10px;
        }

        .digital-box p {
                font-size: 10px;
                line-height: 15px;
                margin: 8px 0 0 0;
        }

        .digital-basics {
                top: 37px;
                left: 194px;
                max-width: 140px;
        }

        .digital-basics2 {
                top: 135px;
                right: 195px;
                max-width: 140px;
        }

        .modules-box ul li img {
                height: 16px;
        }

        .modules-box h4 {
                font-size: 16px;
        }

        .modules-box {
                top: 243px;
                left: 125px;
        }

        .digital-basics4 {
                bottom: 132px;
                left: 196px;
                max-width: 140px;
                width: 100%;
        }

        .digital-basics3 {
                top: 335px;
                right: 202px;
                max-width: 130px;
        }

        .digital-basics5 {
                bottom: 39px;
                right: 195px;
                max-width: 140px;
                width: 100%;
        }

        .visible .how-vertical-dashed2 {
                display: none;
        }

        .secure-pro-sec .secure-shape {
                max-width: 380px;
                top: auto;
                bottom: -140px;
        }

        .sylink-leak-page .secure-shape.secure-shape-second {
                max-width: 245px;
                bottom: -130px;
                top: auto;
        }

        .sylink-spot-page .secure-shape.secure-shape-second {
                max-width: 245px;
                bottom: -150px;
                top: auto;
        }

        .dashed-line-spot {
                right: 26px;
        }

        .visible .how-vertical-dashed2.vertical-dashed-same {
                display: block;
        }

        .secure-shape-boxes {
                top: -190px;
                max-width: 210px;
        }

        .flexible-vertical-dashed {
                right: 31px;
                left: auto;
        }

        .flexible-vertical-dashed img {
                height: 61%;
        }

        .hexagon-shape-boxw {
                top: -435px;
                max-width: 400px;
        }

        .functionalities-hexagon2 {
                max-width: 320px;
                top: 725px;
        }

        .how-vertical-dashed {
                right: 35px;
                left: auto;
                top: 0;
        }
}

@media (max-width: 767px) {
        .banner-sec .text-box h1 {
                font-size: 26px;
        }

        .banner-sec .text-box p {
                font-size: 16px;
        }

        .catalogue-btns {
                justify-content: flex-start;
        }

        .text-box .catalogue-btns {
                justify-content: center;
        }

        .second-banner-sec .text-box p {
                text-align: center;
        }

        .cyber-security-inner {
                display: none;
        }

        .cyber-security-inner-mobile {
                display: block;
        }

        /*.banner-sec {
                padding: 147px 0 228px 0;
        }*/

        .security-solution-left .text-box ul {
                justify-content: center;
        }

        .security-solution-sec {
                padding: 30px 0 50px;
        }

        .technology-cyber-sec {
                padding: 40px 0;
        }

        .service-portal-left .text-box {
                padding: 0 0 0 40px;
        }

        .cyber-security-inner {
                padding: 0;
        }

        .case-study-box {
                flex-direction: column;
        }

        .case-study-box .text-box {
                padding-left: 0;
                text-align: center;
        }

        .case-study-box .image-holder {
                margin-bottom: 20px;
        }

        .security-title {
                padding: 0;
                text-align: center;
        }

        .trust-inner ul {
                justify-content: center;
        }

        .trust-inner ul li {
                width: 33.3%;
        }

        .trust-inner {
                padding: 0;
        }

        .quality-work .media {
                flex-direction: column;
        }

        .quality-work .media .image-holder {
                margin-bottom: 30px;
        }

        .quality-work .media .text-box {
                text-align: center;
        }

        .copyright {
                flex-direction: column;
        }

        .copyright ul {
                margin-bottom: 15px;
        }

        .catalogue-btns li:last-child,
        .catalogue-btns li {
                margin: 8px 4px;
        }

        .banner-sec .text-box p {
                text-align: center;
                margin: 15px 0;
        }

        .banner-sec {
                padding: 90px 0 55px 0 !important;
        }

        .alternative-banner-sec {
                padding: 90px 0 690px 0 !important
        }

        .security-solution-left {
                padding-left: 0;
        }

        .flexible-reporting-inner {
                padding-left: 0;
        }

        .management-shape {
                display: none;
        }

        .management-solution-sec .text-box {
                padding-left: 0;
        }

        .sylink-who-inner ul li {
                width: 50%;
        }

        .sylink-who-box {
                max-width: 200px;
                margin: 0 auto;
                height: 295px;
        }

        .who-banner-sec .image-holder img {
                left: 0;
        }

        .timeLine .row .shape,
        .timeLine .row:after,
        .timeLine .line {
                display: none;
        }

        .timeLine .contentText .btn {
                height: 60px;
                font-size: 16px;
        }

        .cyberattack h3 {
                margin-bottom: 40px;
        }

        .banner-sec .text-box h1 {
                text-align: center;
        }

        .security-solution-sec {
                padding: 0px 0 50px;
        }

        .polygon-solid {
                width: 40px;
        }

        .vertical-dashed-line {
                left: 10px;
        }

        .cyber-bg {
                max-width: 370px;
                top: -75px;
        }

        .technology-cyber-box .text-box h3 {
                font-size: 18px;
                margin: 0 0 15px 0;
        }

        .technology-cyber-box .text-box p {
                margin: 0 0 10px 0;
                font-size: 14px;
                line-height: 22px;
        }

        .technology-cyber-box .text-box {
                min-height: auto;
        }

        .polygon-transp {
                max-width: 40px;
                margin-left: auto;
        }

        .technology-cyber-bg {
                margin: 0 10px 0 0;
        }

        .technology-cyber-bg .vertical-dashed-line {
                bottom: -10px;
                left: auto;
                right: 9px;
        }

        .technology-service-bg {
                max-width: 310px;
                bottom: -215px;
        }

        .service-portal-left .text-box h3 {
                font-size: 20px;
                margin: 0 0 15px 0;
                line-height: 28px;
        }

        .service-portal-left .text-box p {
                font-size: 16px;
                margin: 0 0 10px 0;
                line-height: 20px;
        }

        .service-portal-bg .polygon-transp {
                text-align: left;
                margin-left: 0;
        }

        .service-portal-bg .polygon-transp::after {
                width: 60px;
        }

        .security-shape {
                max-width: 170px;
                top: -147px;
        }

        .cyber-security-bg {
                bottom: -33px;
                margin: 0 5px 0 0;
        }

        .cyber-horizontal-solid-line {
                bottom: 18px;
        }

        .security-shape2 {
                max-width: 200px;
        }

        .cyber-security-list ul li .text-box p {
                max-width: 260px;
                font-size: 14px;
                display: none;
        }

        .cyber-security-list ul li {
                right: -20px;
        }

        .cyber-security-list ul li:first-child {
                top: 14px;
        }

        .cyber-security-list ul li:nth-child(2) {
                right: -96px;
                top: 73px;
        }

        .cyber-security-list ul li:nth-child(3) {
                right: -102px;
                top: 167px;
        }

        .cyber-security-list ul li:nth-child(4) {
                right: -80px;
                bottom: 98px;
        }

        .cyber-security-list ul li:nth-child(5) {
                bottom: 39px;
                right: -1px;
        }

        .cyber-security-bg .vertical-dashed-line {
                left: auto;
                right: 7px;
        }

        .case-study-sec .security-solution-bg {
                margin: 0 0 0 10px;
        }

        .study-shape2 {
                top: 310px;
                max-width: 180px;
        }

        .quality-shape {
                top: -240px;
                max-width: 140px;
        }

        .quality-work h3 {
                font-size: 18px;
                margin: 0 0 15px 0;
        }

        .quality-work .media .text-box h4 {
                margin: 0 0 15px 0;
        }

        .quality-work-sec {
                padding: 40px 0 0px;
        }

        .quality-dotted-line {
                left: 20px;
        }

        .footer-left {
                padding: 0 0 20px 0;
        }

        .footer-link ul li {
                margin-bottom: 20px;
        }

        .footer-link {
                margin-left: 0;
        }

        footer {
                /*padding: 120px 0 15px;*/
                padding: 50px 0;
                margin: 0;
                background-color: #000;
        }

        .footer-animation {
                display: none;
        }

        .secure-line-icon {
                display: none;
        }

        .secure-solution-sec .text-box {
                padding: 20px 20px;
        }

        .secure-solution-sec .text-box h4 {
                font-size: 18px;
                margin: 0 0 15px 0;
        }

        .secure-solution-sec .text-box p {
                font-size: 16px;
                line-height: 24px;
        }

        .horizontal-dashed-line {
                bottom: -7px;
        }

        .management-solution-sec .vertical-dashed-line {
                left: 7px;
        }

        .management-solution-sec .text-box h4 {
                font-size: 18px;
                line-height: 22px;
                margin: 0 0 20px 0;
        }

        .management-solution-bg,
        .flexible-reporting-bg {
                display: none;
        }

        .management-solution-sec {
                padding: 0px 0 50px;
        }

        .flexible-shapeleft {
                left: 0px;
                top: -170px;
                max-width: 130px;
        }

        .functionalities-hexagon-shape {
                top: -325px;
                max-width: 310px;
        }

        .functionalities-inner {
                padding: 0 25px;
        }

        .functionalities-inner h3,
        .feature-pro-box h4 {
                font-size: 18px;
        }

        .functionalities-inner h3 {
                margin-bottom: 30px;
        }

        .accordion-item .accordion-button {
                font-size: 18px;
                padding: 15px 20px;
        }

        .accordion-body {
                padding: 0 20px 20px;
        }

        .accordion-body p {
                font-size: 14px;
                line-height: 20px;
        }

        .how-work-shape {
                display: none;
        }

        .sylink-spot-page .management-solution-sec .text-box {
                padding: 0;
        }

        .sylink-spot-page .network-right {
                padding: 0;
        }

        .sopt-network-shape {
                bottom: -110px;
                max-width: 100px;
        }

        .functionalities-hexagon-right {
                top: 490px;
                max-width: 275px;
        }

        .how-work-inner h3 {
                font-size: 26px;
                margin: 0 0 15px 0;
        }

        .spot-faq-shap,
        .how-work-bg {
                display: none;
        }

        .sylink-audit-page .management-solution-sec {
                padding: 0 0 50px 0;
                z-index: 100;
        }

        .audit-shape {
                max-width: 100px;
                top: -25px;
        }

        .accordion [class*="col-"] {
                padding: 0 15px;
        }

        .accordion .row {
                margin: 0 -15px;
        }

        .sylink-audit-page .functionalities-inner {
                padding: 0 0;
        }

        .sylink-audit-page .how-work-sec {
                padding: 0 0 30px 0;
        }

        .how-work-inner .image-holder {
                padding: 20px;
        }

        .sylink-leak-page .management-solution-sec .text-box h4 {
                font-size: 22px;
                margin: 0 0 10px 0;
        }

        .sylink-vpn-page .functionalities-sec {
                padding: 0;
        }

        .sylink-vpn-page .functionalities-inner {
                padding: 0;
        }

        .vpn-work-shape1 {
                top: 0px;
                max-width: 70px;
        }

        .secure-pro-inner {
                padding: 20px;
        }

        .secure-pro-inner h4 {
                font-size: 18px;
                margin-bottom: 20px;
        }

        .secure-pro-inner .media .secure-text-box p {
                font-size: 14px;
        }

        .secure-pro-inner .image-holder {
                margin-bottom: 20px;
        }

        .secure-pro-inner .media {
                margin-bottom: 20px;
        }

        .feature-shape {
                display: none;
        }

        .functionalities-sec.feature-pro-sec {
                padding: 0 0 50px 0;
        }

        .functionalities-inner {
                padding: 0;
        }

        .feature-pro-box {
                margin: 0;
                padding: 0;
        }

        .sylink-who-title h3 {
                font-size: 28px;
        }

        .sylink-who-sec {
                padding: 50px 0;
        }

        .sylink-who-inner {
                margin: 30px auto 0;
        }

        .timeLine .row {
                padding: 30px 0;
        }

        .banner-animation {
                height: 100%;
        }

        /*.black-animation {
                height: 100%;
        }

        .black-animation img {
                height: 100%;
                object-fit: cover;
                object-position: center center;
        }*/

        .green-animation {
                animation: mymove 10s infinite alternate;
        }

        .dashed-line2 {
                right: 28px;
                left: auto !important;
        }

        .dashed-line2 img {
                width: 5px;
        }

        .technology-cyber-bg .horizontal-dashed-line {
                position: absolute;
                bottom: -6px;
                left: 0;
                width: 100%;
        }

        .dashed-line3 {
                left: 25px;
        }

        .dashed-line4 {
                right: 13px;
                height: 525px;
                left: auto !important;
        }

        .dashed-line5 {
                left: 21px;
        }

        .dashed-line1 {
                left: 29px !important;
        }

        .vertical-dashed-second,
        .dashed-line-spot {
                display: none;
        }

        .modules-box h4 {
                font-size: 20px;
                text-align: left;
        }

        .modules-box {
                position: static;
        }

        .modules-box ul li {
                padding: 0 10px;
        }

        .modules-box {
                position: static;
                max-width: 100%;
                margin: 30px 0 0 0;
        }


        .modules-box ul {
                justify-content: flex-start;
        }

        .sylink-leak-page .secure-shape {
                max-width: 345px;
                bottom: 370px;
        }

        .feature-lines {
                display: none;
        }

        .secure-pro-sec .secure-shape {
                max-width: 380px;
                top: 150px;
                bottom: auto;
        }

        .feature-pro-box {
                padding: 0 0 30px 0;
                margin: 0;
        }

        .feature-pro-box.feature-pro-box1 {
                padding: 0px 0 30px 0px;
        }

        .artificial-solid-line,
        .feature-Based-doted {
                display: none;
        }

        .sylink-audit-page .secure-shape {
                top: auto;
                max-width: 230px;
                bottom: 0px;
        }

        .visible .how-vertical-dashed2.vertical-dashed-same {
                display: none;
        }

        .banner-sec .col-6 {
                margin: 0 auto;
                width: 100%;
        }

        .banner-sec .col-6 h3 {
                text-align: center;
        }
}

@media (max-width: 575px) {
        .banner-sec .text-box h1 {
                font-size: 22px;
                text-align: center;
        }

        footer {
                padding: 50px 0;
                margin: 0;
                background-color: #000;
        }

        .footer-animation {
                display: none;
        }

        .green-animation {
                top: -70px;
        }

        .footer-green-bg {
                height: 100%;
        }

        .footer-green-bg img {
                height: 100%;
                object-fit: cover;
                object-position: center center;
        }

        .banner-sec .text-box p {
                text-align: center;
        }

        .catalogue-btns {
                flex-direction: column;
        }

        .security-solution-sec {
                padding-top: 0;
        }

        .security-solution-sec::after {
                content: none;
        }

        .cyber-bg {
                max-width: 270px;
                top: -90px;
        }

        .title h2 {
                font-size: 20px;
        }

        .technology-cyber-box {
                padding: 30px 15px;
        }

        .technology-cyber-box form .form-group.media {
                flex-direction: column;
                align-items: center;
                justify-content: center;
        }

        .technology-cyber-box form .form-group .form-control {
                margin: 0;
                margin-bottom: 16px;
                min-height: 60px;
        }

        .service-portal-sec {
                padding: 35px 0;
        }

        .service-portal-left .text-box h3 {
                line-height: 1.4;
        }

        .portal-left-list ul li {
                width: 50%;
        }

        .cyber-security-list {
                max-width: 202px;
                margin: 70px 0 0 20px;
        }

        .cyber-security-list ul li .text-box h4 {
                font-size: 14px;
                line-height: 1;
        }

        .cyber-security-list ul li .text-box p {
                font-size: 9px;
                line-height: 1;
        }

        .cyber-security-list ul li .text-box p {
                max-width: 166px;
        }

        .cyber-security-list ul li {
                right: -21px;
        }

        .cyber-security-list ul li:first-child {
                top: 10px;
        }

        .cyber-security-list ul li:nth-child(2) {
                top: 50px;
                right: -80px;
        }

        .cyber-security-list ul li:nth-child(3) {
                right: -85px;
                bottom: 124px;
                top: initial;
        }

        .cyber-security-list ul li:nth-child(4) {
                bottom: 63px;
                right: -69px;
        }

        .cyber-security-list ul li:nth-child(5) {
                bottom: 25px;
                right: -17px;
        }

        .case-study-sec {
                padding: 35px 0;
        }

        .case-study-inner {
                margin: 10px 0 0;
                padding: 0;
        }

        .quality-shape {
                max-width: 150px;
        }

        .quality-work-inner {
                padding: 0 40px;
        }

        .audit-banner .text-box p {
                font-size: 24px;
                line-height: 32px;
                margin: 20px;
        }

        .second-banner-sec .text-box h3 {
                font-size: 32px;
        }

        .secure-solution-sec .text-box p {
                font-size: 16px;
                line-height: 24px;
        }

        .sylink-spot-page .secure-shape {
                top: 200px;
                z-index: -1;
                max-width: 200px;
        }

        .management-solution-sec .text-box {
                padding: 0;
        }

        .how-work-inner,
        .functionalities-inner,
        .audit-phases-inner {
                padding: 0;
        }

        .how-work-inner h3 {
                margin-bottom: 20px;
                margin-left: 0;
        }

        .how-work-sec,
        .functionalities-sec {
                padding: 35px 0;
        }

        .management-solution-sec .text-box h4 {
                font-size: 28px;
                line-height: 1.4;
                margin-bottom: 30px;
        }

        .management-solution-sec {
                padding: 35px 0;
        }

        .secure-solution-sec {
                padding-bottom: 35px;
        }

        .flexible-reporting-inner .text-box p,
        .management-solution-sec .text-box p {
                font-size: 16px;
                line-height: 24px;
        }

        .second-banner-sec .image-holder img {
                max-width: 100%;
        }

        .how-work-inner h3 {
                font-size: 28px;
        }

        .management-solution-sec .text-box h4 {
                font-size: 20px;
                line-height: 1.4;
                margin-bottom: 30px;
        }

        .leak-secure-inner .text-inner p,
        .leak-secure-inner .media .media-text p {
                font-size: 16px;
        }

        .audit-phases-box {
                padding: 40px 54px;
                height: 227px;
        }

        .leak-secure-inner {
                padding: 30px 15px;
        }

        .training-shape2 {
                max-width: 250px;
        }

        .leak-secure-inner {
                padding: 30px 15px;
        }

        .secure-pro-inner {
                padding: 40px 20px;
        }

        .secure-pro-inner .media .secure-text-box p {
                font-size: 16px;
                line-height: 24px;
        }

        header {
                padding: 0;
                z-index: 99999;
        }

        .vpn-banner-sec {
                padding: 121px 0 50px 0;
        }

        .network-right ul {
                flex-direction: column;
                width: 100%;
                margin: 0;
        }

        .network-right ul li {
                margin-bottom: 15px;
                margin: 0;
                width: 100%;
        }

        .second-banner-sec.spot-banner {
                padding: 111px 0 13px 0;
        }

        .leak-secure-inner .media .media-text {
                padding: 0;
        }

        .sylink-who-inner ul li {
                width: 100%;
        }

        .sylink-who-title h3 {
                font-size: 28px;
        }

        .sylink-who-title img {
                max-width: 25%;
        }

        .security-solution-bg {
                display: none;
        }

        .technology-cyber-sec {
                padding: 0 0 40px;
        }

        .technology-service-bg {
                max-width: 200px;
                bottom: -125px;
        }

        .portal-left-list ul::after,
        .service-portal-bg,
        .cyber-security-bg,
        .functionalities-shape-bg {
                display: none;
        }

        .service-portal-right .text-box {
                padding: 20px 0px 0;
        }

        .security-shape {
                max-width: 140px;
                top: -77px;
        }

        .security-shape2 {
                max-width: 130px;
                bottom: -20px;
        }

        .study-shape2 {
                top: 330px;
                max-width: 110px;
        }

        .carousel-indicators {
                margin: 20px 0 0 0;
        }

        .trust-sec {
                position: relative;
                padding: 15px 0 20px 0;
        }

        .trust-inner ul {
                margin: 20px -15px 0;
        }

        .quality-shape {
                max-width: 90px;
                top: -160px;
        }

        .quality-dotted-line {
                left: 5px;
        }

        .how-work-inner .image-holder {
                padding: 15px 15px;
        }

        .catalogue-btns li a {
                font-size: 16px;
                height: 45px;
                padding: 0 20px;
        }

        .flexible-reporting-sec {
                padding: 50px 0;
        }

        .flexible-shapeleft {
                max-width: 100px;
        }

        .sopt-network-shape {
                display: none;
        }

        .how-work-inner h3 {
                font-size: 20px;
        }

        .sylink-audit-page .secure-shape {
                top: 144px;
                max-width: 160px;
        }

        .sylink-audit-page .audit-phases-box {
                padding: 58px 50px;
                height: 227px;
        }

        .accordion-button span {
                height: 30px;
                width: 30px;
        }

        .accordion-button span strong {
                font-size: 26px;
                line-height: 29px;
        }

        .accordion-item .accordion-button {
                font-size: 14px;
                padding: 10px 15px;
        }

        .sylink-leak-page .audit-phases-inner {
                padding: 0;
        }

        .sylink-leak-page .functionalities-sec {
                z-index: 100;
                padding-bottom: 0;
        }

        .sylink-leak-page .functionalities-hexagon-right {
                max-width: 155px;
        }

        .leak-secure-inner .text-inner p,
        .leak-secure-inner .media .media-text p {
                font-size: 14px;
        }

        .leak-secure-inner .text-inner p {
                line-height: 20px;
                margin-bottom: 10px;
        }

        .training-shape1 {
                top: 0px;
                right: -54px;
                max-width: 250px;
        }

        .training-title P {
                font-size: 14px;
                margin: 0 0 15px 0;
                max-width: 550px;
                line-height: 20px;
        }

        .training-shape2 {
                max-width: 130px;
        }

        .training-title h3 {
                font-size: 18px;
        }

        .who-banner-sec .text-box h2 {
                font-size: 22px;
                line-height: 28px;
                margin-bottom: 15px;
        }

        .who-banner-sec .text-box p {
                font-size: 16px;
        }

        .sylink-who-title h3 {
                font-size: 20px;
        }

        .timeLine .contentText p {
                font-size: 16px;
        }

        .vpn-secure-sec .leak-secure-inner .media .vpn-secure {
                max-width: 300px;
                padding: 15px 40px;
                margin: 20px auto 30px;
        }

        .green-animation {
                display: flex;
                align-items: center;
                justify-content: center;
        }

        .green-animation img {
                height: auto;
        }

        /*.banner-sec {
                padding: 100px 0 140px 0;
        }*/

        .banner-sec .text-box p {
                margin: 10px 0;
                font-size: 14px;
                line-height: 18px;
        }

        .dashed-line1,
        .dashed-line3,
        .dashed-line4,
        .dashed-line5 {
                display: none;
        }

        .training-module .text-box p {
                font-size: 14px;
                line-height: 16px;
                margin: 10px 0;
        }

        .training-module .text-inner p {
                font-size: 14px;
                line-height: 18px;

        }

        /*.sylink-table tr th:first-child, .sylink-table tr td:first-child {
                display: none;
        }
        .sylink-table td, .sylink-table th {
                padding: 0 !important;
                margin:0 !important;
        }
        
        .sylink-table th {
                font-size: 0.5rem !important;
            }
            .sylink-table tr td:nth-child(5n+2) {
                    
                font-size: 0.5rem !important;
            }*/
}


@media (max-width: 470px) {
        .honey-combs {
                overflow-x: visible;
        }
}

@media (max-width: 374px) {
        .banner-sec .text-box h1 {
                font-size: 18px;
        }

        .service-portal-left .text-box h3 {
                font-size: 16px;
        }

        .service-portal-left .text-box p {
                font-size: 14px;
        }

        .case-study-box .text-box p {
                font-size: 14px;
        }

        .security-title h3 {
                font-size: 20px;
        }

        .security-title p {
                font-size: 14px;
        }

        .quality-work-inner {
                padding: 0 10px;
        }

        .quality-work h3 {
                margin: 0 0 15px 30px;
        }

        .second-banner-sec .text-box p {
                font-size: 16px;
                line-height: 22px;
        }

        .flexible-reporting-inner h3 {
                font-size: 16px;
                line-height: 24px;
        }

        .flexible-reporting-inner .text-box p,
        .management-solution-sec .text-box p {
                font-size: 14px;
                line-height: 20px;
        }

        .functionalities-hexagon-shape {
                top: -200px;
                max-width: 180px;
        }

        .functionalities-hexagon2 {
                max-width: 210px;
                top: 485px;
        }

        .secure-solution-sec .text-box p {
                font-size: 14px;
                line-height: 20px;
        }

        .secure-solution-sec .text-box h4 {
                font-size: 16px;
                margin: 0 0 10px 0;
        }

        .sylink-audit-page .secure-shape {
                display: none;
        }

        .secure-pro-inner {
                padding: 30px 15px;
        }

        .cyberattack h3,
        .timeLine .contentText h3 {
                font-size: 20px;
        }

        .cyberattack h3 {
                margin-bottom: 20px;
        }

        .mega-menu-mid-box .text-box {
                padding: 0 20px;
        }
}


@media (max-width: 1850px) {
        .newsletterabs {

                position: absolute;
                left: 25vw;
                width: 25vw;
                max-width: 350px;
                bottom: 30px;
        }
}


@media (max-width: 991px) {
        .newsletterabs {
                position: relative;
                margin-top: 30px;
                margin-bottom: 25px;
                margin-left: 15px;
                left: inherit;
                width: 97%;
                max-width: inherit;
                bottom: inherit;
        }
}

@media (min-width: 992px) {
        .navbar-expand-lg .navbar-collapse {
                flex-basis: 100%;
        }
}