/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1600px) {
    .container {max-width: 1550px;}
    .header-right .language-block {padding: 16px 22px 16px 22px;}
    .header-right .btn-login { margin-left:24px; }
    .header-right .language-block a.btn-login::before {left: -27px;}
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -46.5px;
    }

    .header .navbar .navbar-nav .nav-item:first-child {
        margin-left: 35px;
    }

    .header-fr .navbar .navbar-nav .nav-item:first-child {
        margin-left: 180px;
    }

    .header-en .navbar .navbar-nav .nav-item:first-child {
        margin-left: 50px;
    }

    .header-de .navbar .navbar-nav .nav-item:first-child {
        margin-left: 110px;
    }

    /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 151px; /*Height of header*/
    margin-top: -151px;
    }

    
    /* .header-fixed .navbar .navbar-nav .nav-item:first-child {
        margin-left: -80px;
    } */
    
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .container {max-width: 1480px;}

    /* Common style Start */
    .main-title { font-size: 45px; line-height: 55px; }
    /* Common style End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -220px; }
    /* Banner End */

    /* .header .navbar-brand {
        flex: 0 0 220px;
    }

    .header-fixed .navbar-brand {
        flex: 0 0 130px;
    }     */
}

@media (min-width: 1500px) {
    .header-right .btn-green {padding: 22px 23px 22px 23px;}
    .header .navbar-brand img {width: 180px;}
    .header .navbar-nav .nav-item .nav-link {padding-bottom: 20px}
}
@media (min-width: 1500px) and (max-width: 1599px) {
    .container {max-width: 1400px;}

    /* Common style Start */
    .main-title { font-size: 42px; line-height: 52px; }
    /* Common style End */

    /* Header Start */
    .header { padding: 0 0 0 45px; }
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -22.5px;
    }
    
    /* .header-fixed {padding: 20px 0 20px 45px;} */
    .header-right .language-block {padding: 16px 22px 16px 22px;}
    .header-right .btn-login { margin-left:24px; }
    .header-right .language-block a.btn-login::before {left: -27px;}

    .header .navbar .navbar-nav .nav-item:first-child {
        margin-left: 85px;
    }

    .header-fr .navbar .navbar-nav .nav-item:first-child {
        margin-left: 230px;
    }

    .header-en .navbar .navbar-nav .nav-item:first-child {
        margin-left: 100px;
    }

    .header-de .navbar .navbar-nav .nav-item:first-child {
        margin-left: 160px;
    }

     /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 161px; /*Height of header*/
    margin-top: -161px;
    }
    
    /* .header-fixed .navbar .navbar-nav .nav-item:first-child {
        margin-left: -30px;
    } */
    
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -220px; }
    .trustpilot-reviews-wrp { padding: 50px 0 0 30px; }
    .banner-wrp { padding: 115px 0 70px; }
    /* Banner End */
}

@media (min-width: 1400px) {
    body.fixed {
        padding-top: 180px;
    }
    .header, .navbar { /* ABC TODO */
        min-height: 180px;
    }
}
@media (min-width: 1400px) and (max-width: 1499px) { 
    /* Common style Start */
    .main-title { font-size: 42px; line-height: 52px; }
    /* Common style End */

    /* Header Start */
    .header { padding: 0 0 0 45px; }
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -22.5px;
    }    
    .header .navbar-nav .nav-item .nav-link {padding-bottom: 20px}
    /* .header-fixed {padding: 20px 0 20px 45px;} */
    .header .navbar-brand img {width: 180px;}
    .header-right .btn-green {padding: 18px 20px 18px 20px;}
    .header-right .language-block {padding: 16px 22px 16px 22px;}
    .header-right .btn-green::before {width: 16px; height: 24px; right: 22px;}
    .header-right .btn-login { margin-left:17px; }
    .header-right .language-block a.btn-login::before {left: -24px;}

    .header .navbar .navbar-nav .nav-item:first-child {
        margin-left: 85px;
    }

    .header-fr .navbar .navbar-nav .nav-item:first-child {
        margin-left: 230px;
    }

    .header-en .navbar .navbar-nav .nav-item:first-child {
        margin-left: 100px;
    }

    .header-de .navbar .navbar-nav .nav-item:first-child {
        margin-left: 160px;
    }

     /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 153px; /*Height of header*/
    margin-top: -153px;
    }
   

    
    /* .header-fixed .navbar .navbar-nav .nav-item:first-child {
        margin-left: -30px;
    } */
    
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -190px; }
    .trustpilot-reviews-wrp { padding: 30px 0 0 20px;}
    .banner-wrp { padding: 115px 0 70px; }
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 40px; }
    .electronics-wrp { padding: 65px 0; }
    .our-solutions-wrp { padding: 65px 0; }
    .our-solutions-title { margin: 0 auto 75px; }
    .our-solutions-content {padding: 90px 70px;}
    .our-solutions-row { margin: 0 0 180px; }
    /* Our Solutions end */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-232px, -267px); -webkit-transform: translate(-232px, -267px); -moz-transform: translate(-232px, -267px); -ms-transform: translate(-232px, -267px); -o-transform: translate(-232px, -267px); }
    .branch-modal.area2 { transform: translate(-322px, -125px); -webkit-transform: translate(-322px, -125px); -moz-transform: translate(-322px, -125px); -ms-transform: translate(-322px, -125px); -o-transform: translate(-322px, -125px); }
    /* Our Branches End */

    /* Footer Start */
    .footer-bottom {padding: 33px 100px 33px 40px;}
    .footer-logo {width: 180px;}
    /* Footer End */
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .container {max-width: 1180px;}

    /* Common style Start */
    .main-title { font-size: 35px; line-height: 44px; }
    .btn-green { font-size: 16px; line-height: 18px;}
    /* Common style End */

    /* Header Start */
    .header { padding: 0 0 30px 35px; }
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -17.5px;
    }    
    /* .header-fixed {padding: 20px 0 20px 35px;} */
    .header .navbar-brand img {width: 180px;}
    .header-right .btn-green {padding: 18px 20px 18px 20px;}
    .header-right .language-block {padding: 14px 19px 14px 19px;}
    .header-right .btn-green::before { width: 14px; height: 22px; right: 22px; }
    .header-right .btn-login { margin-left:17px; }
    .header .navbar-nav .nav-item { padding: 0 10px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 18px; padding-bottom:20px;}
    .header-right .language-block a.btn-login { font-size: 16px; line-height: 24px; }
    .header-right .language-block a.btn-login::after {width: 14px; height: 19px;}
    .header-right .language-block a.btn-login::before {left: -19px;}
    .header-right .form-select {padding: 0 20px 0 0; background-position: right 0px center;}
    .header-search .form-group .form-control {padding: 10px 20px 10px 43px;}
    .header-search { max-width: 400px; top: 15px;}

    .header-fr .navbar .navbar-nav .nav-item:first-child {
        margin-left: 230px;
    }

    .header-en .navbar .navbar-nav .nav-item:first-child {
        margin-left: 100px;
    }

    .header-de .navbar .navbar-nav .nav-item:first-child {
        margin-left: 160px;
    }

    /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 147px; /*Height of header*/
    margin-top: -147px;
    }


    /* .header .navbar .navbar-nav { margin-bottom: 16px !important; } */
    /* .header-fixed .navbar .navbar-nav { margin-bottom: auto !important; } */
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -140px; }
    .trustpilot-reviews-wrp { padding: 20px 0 0 20px;}
    .banner-wrp { padding: 100px 0 65px; }
    .banner-content {margin: -70px -30px 0 0; padding: 40px 37px 40px 40px;}
    .trustpilot-reviews-top > img {width: 130px;}
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 30px; }
    .electronics-wrp { padding: 60px 0; }
    .our-solutions-wrp { padding: 60px 0; }
    .our-solutions-title { margin: 0 auto 75px; }
    .our-solutions-content {padding: 70px 60px;}
    .our-solutions-row { margin: 0 0 160px; }
    /* Our Solutions end */

    /* Counter Start */
    .counter-wrp { padding: 65px 0 35px; }
    .counter-block .section-title { font-size: 30px; line-height: 30px; margin: 0 0 15px; }
    .counter-block .common-detail {font-size: 16px; line-height: 26px;}
    .counter-section .row>* { padding: 0 18px; }
    .counter-section .row { margin: 0 -18px; }
    /* Counter End */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-200px, -267px); -webkit-transform: translate(-200px, -267px); -moz-transform: translate(-200px, -267px); -ms-transform: translate(-200px, -267px); -o-transform: translate(-200px, -267px); }
    .branch-modal.area2 { transform: translate(-322px, -125px); -webkit-transform: translate(-322px, -125px); -moz-transform: translate(-322px, -125px); -ms-transform: translate(-322px, -125px); -o-transform: translate(-322px, -125px); }
    .our-branches-wrp { padding: 65px 0; }
    .our-branches-section { margin: -50px 0 0; }
    /* Our Branches End */

    /* Vacancies Start */
    .vacancies-wrp { padding: 65px 0; }
    /* Vacancies End */


    /* Footer Start */
    .footer-bottom {padding: 33px 100px 33px 40px;}
    .footer-logo { width: 170px; margin: 0 0 40px; }
    .footer-contact {padding: 65px 20px 65px 0;}
    .footer {margin: 35px 0 0;}
    .copyright p {font-size: 16px}
    /* Footer End */
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common style Start */
    .main-title { font-size: 35px; line-height: 44px; }
    .btn-green { font-size: 16px; line-height: 18px;}
    /* Common style End */

    /* Header Start */
    .header { padding: 0 0 30px 35px; }
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -17.5px;
    }    
    /* .header-fixed {padding: 20px 0 20px 35px;} */
    .header .navbar-brand img {width: 180px;}
    .header-right .btn-green {padding: 18px 20px 18px 20px;}
    .header-right .language-block {padding: 14px 19px 14px 19px;}
    .header-right .btn-green::before { width: 14px; height: 22px; right: 22px; }
    .header-right .btn-login { margin-left:17px; }
    .header .navbar-nav .nav-item { padding: 0 10px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 18px; padding-bottom:20px;}
    .header-right .language-block a.btn-login { font-size: 16px; line-height: 24px; }
    .header-right .language-block a.btn-login::after {width: 14px; height: 19px;}
    .header-right .language-block a.btn-login::before {left: -19px;}
    .header-right .form-select {padding: 0 20px 0 0; background-position: right 0px center;}
    .header-search .form-group .form-control {padding: 10px 20px 10px 43px;}
    .header-search { max-width: 400px; top: 15px;}

    .header-fr .navbar .navbar-nav .nav-item:first-child {
        margin-left: 195px;
    }

    .header-fr .header-right .language-block a {
        padding: 0 17px 0 0;
    }

    .header-en .navbar .navbar-nav .nav-item:first-child {
        margin-left: 100px;
    }

    .header-de .navbar .navbar-nav .nav-item:first-child {
        margin-left: 160px;
    }

    /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 147px; /*Height of header*/
    margin-top: -147px;
    }
    

    /* .header .navbar .navbar-nav { margin-bottom: 16px !important; } */
    /* .header-fixed .navbar .navbar-nav { margin-bottom: auto !important; } */
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -140px; }
    .trustpilot-reviews-wrp { padding: 20px 0 0 20px;}
    .banner-wrp { padding: 100px 0 60px; }
    .banner-content {margin: -70px -30px 0 0; padding: 40px 37px 40px 40px;}
    .trustpilot-reviews-top > img {width: 130px;}
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 30px; }
    .electronics-wrp { padding: 60px 0; }
    .our-solutions-wrp { padding: 60px 0; }
    .our-solutions-title { margin: 0 auto 65px; }
    .our-solutions-content {padding: 70px 75px; margin: -60px -58px 0 0;}
    .our-solutions-section .our-solutions-row:nth-child(even) .our-solutions-content { margin: -60px 0 0 -58px; }
    .our-solutions-row { margin: 0 0 160px; }
    .our-solutios-img img {height: 400px;}
    .our-solutions-section { padding: 60px 0 0; }   
    /* Our Solutions end */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-200px, -267px); -webkit-transform: translate(-200px, -267px); -moz-transform: translate(-200px, -267px); -ms-transform: translate(-200px, -267px); -o-transform: translate(-200px, -267px); }
    .branch-modal.area2 { transform: translate(-322px, -125px); -webkit-transform: translate(-322px, -125px); -moz-transform: translate(-322px, -125px); -ms-transform: translate(-322px, -125px); -o-transform: translate(-322px, -125px); }
    .our-branches-wrp { padding: 60px 0; }
    .our-branches-section { margin: -50px 0 0; }
    /* Our Branches End */

    /* Counter Start */
    .counter-wrp { padding: 60px 0 30px; }
    .counter-block .section-title { font-size: 28px; line-height: 28px; margin: 0 0 15px; }
    .counter-block .common-detail {font-size: 16px; line-height: 26px;}
    .counter-section .row>* { padding: 0 15px; }
    .counter-section .row { margin: 0 -15px; }
    /* Counter End */

    /* Vacancies Start */
    .vacancies-wrp { padding: 60px 0; }
    /* Vacancies End */

    /* Footer Start */
    /* .footer-bottom {padding: 45px 80px 0px 40px;} */
    .footer-logo { width: 170px; margin: 0 0 40px; }
    .footer-contact {padding: 65px 20px 65px 0;}
    .footer {margin: 30px 0 0;}
    .footer-content a, .footer-content p { font-size: 16px; line-height: 26px; }
    .footer-links .common-detail { font-size: 20px; line-height: 20px; margin: 0 0 22px; }
    .footer-links ul li { font-size: 16px; line-height: 18px; padding: 0 0 20px; }
    .footer-middle { padding: 50px 0 30px 40px; }
    .back-to-top {right: 20px; /*bottom: 25px;*/}
    .copyright p {font-size: 16px}
    /* Footer End */
}

@media (max-width: 1199px) {
    /* Header Start */
    .header {z-index: 102;}
    .header .navbar-toggler { padding: 0; border: none; box-shadow: none; position: relative; z-index: 102; }
    .header .navbar-toggler span { background-color: #74B943; width: 25px; height: 2px; display: block; position: relative; margin-bottom: 5px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:first-child {width: 18px; margin-left: auto;}
    .header .navbar-toggler span:nth-child(2) {width: 20px; margin-left: auto;}
    /* .header .navbar-toggler span:last-child {margin-bottom: 0;} */
    .header { padding: 20px; }

    .header .navbar-collapse { position: fixed; background-color: #fff; max-width: 320px; width: 100%; top: 0; bottom: 0; right: -100%; height: 100%; z-index: 9; padding: 80px 50px; overflow: auto; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; }
    .header .navbar-collapse.show { right: 0; height: auto; }
    .header .navbar-nav .nav-item { padding: 15px 0; }
    .header-right .language-block {margin: 0 0 20px;}
    .header .navbar-collapse::after { content: ""; position: fixed; background-color: #fff; top: 0; max-width: 320px; width: 100%; right: -100%; height: 80px; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; }
    .header .navbar-collapse.show::after {right: 0;}
    .header .navbar-toggler.open span:first-child { top: 5px; width: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler.open span:nth-child(2) {display: none;}
    .header .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header-right .form-select {padding: 0 20px 0 0;}
    .header-search { max-width: 400px; top: 50%; left: 54%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
    
    .header .navbar .navbar-nav .nav-item:first-child {
        margin-left: 0;
    }
    
    /* .header-fixed .navbar .navbar-nav .nav-item:first-child {
        margin-left: 0;
    } */

    /* Header End */
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common style Start */
    .main-title { font-size: 34px; line-height: 40px; margin: 0 0 22px;}
    .btn-green { font-size: 16px; line-height: 18px;}
    .section-title { font-size: 28px; line-height: 36px; margin: 0 0 20px;}
    /* Common style End */

    /* Header Start */
    .header { padding: 20px; }
    /* .header-fixed .navbar-brand { width: 120px; }
    .header-fixed {padding: 15px 20px;}
    .header-fixed .header-search {display: block;}
    .header-fixed .header-right .language-block {display: flex;} */
    .header .navbar-brand img {width: 150px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 16px; padding-bottom:20px;}
    .header-right .language-block a.btn-login { font-size: 16px; line-height: 20px;  padding: 0 22px 0 0;}
    .header-right .language-block a.btn-login::after {width: 12px; height: 16px;}
    .header-search .form-group .form-control {padding: 10px 20px 10px 43px;}
    /* .header .navbar .navbar-nav { margin-bottom: 10px !important; } */
    .header-right .form-select { font-size: 16px; line-height: 16px; padding: 0 20px 0 0; background-position: right 0px center; }
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0 0 0 -80px; }
    .trustpilot-reviews-wrp { padding: 20px 0 0 15px;}
    .banner-wrp { padding: 80px 0 50px; }
    .banner-content {margin: -50px -30px 0 0; padding: 30px;}
    .trustpilot-reviews-top > img {width: 110px;}
    .banner-img img {height: 500px;}
    .trustpilot-reviews-bottom { padding: 10px 0 0 30px; }
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 30px; }
    .electronics-section .row { margin: 0 -22px; }
    .electronics-section .row>* {padding: 0 22px;}
    .electronics-wrp { padding: 50px 0; }
    .our-solutions-wrp { padding: 50px 0; }
    .our-solutions-title { margin: 0 auto 65px; max-width: 800px; }
    .our-solutions-content {padding: 50px 40px; margin: -60px -58px 0 0;}
    .our-solutions-row { margin: 0 0 160px; }
    .our-solutios-img img {height: 360px;}
    .our-solutions-section { padding: 60px 0 0; }   
    .our-solutions-content .common-detail { margin: 0px 0 25px; }
    .our-solutions-section .our-solutions-row:nth-child(even) .our-solutions-content { margin: -60px 0 0 -58px; }
    /* Our Solutions end */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-178px, -161px); -webkit-transform: translate(-178px, -161px); -moz-transform: translate(-178px, -161px); -ms-transform: translate(-178px, -161px); -o-transform: translate(-178px, -161px); }
    .branch-modal.area2 { transform: translate(-212px, -125px); -webkit-transform: translate(-212px, -125px); -moz-transform: translate(-212px, -125px); -ms-transform: translate(-212px, -125px); -o-transform: translate(-212px, -125px); }
    .our-branches-wrp { padding: 50px 0; }
    .our-branches-section { margin: -50px 0 0; }
    /* Our Branches End */

    /* Counter Start */
    .counter-wrp { padding: 50px 0 20px; }
    .counter-block .section-title { font-size: 26px; line-height: 26px; margin: 0 0 15px; }
    .counter-block .common-detail {font-size: 16px; line-height: 24px;}
    .counter-section .row>* { padding: 0 15px; }
    .counter-section .row { margin: 0 -15px; }
    .counter-block {padding: 30px 10px;}
    /* Counter End */

    /* Vacancies Start */
    .vacancies-wrp { padding: 50px 0; }
    .vacancies-main .vacancies-title {margin: 0 auto 40px;}
    .vacancies-detail ul li {padding: 0 30px 0 0; font-size: 16px; line-height: 18px;}
    .vacancies-row {padding: 45px 20px 45px 20px;}
    /* Vacancies End */

    /* Footer Start */
    .footer-bottom {padding: 30px 60px 30px 30px;}
    .footer-logo { width: 170px; margin: 0 0 40px; }
    .footer-contact {padding: 65px 20px 65px 0;}
    .footer {margin: 20px 0 0;}
    .footer-content a, .footer-content p { font-size: 16px; line-height: 26px; }
    .footer-links .common-detail { font-size: 20px; line-height: 20px; margin: 0 0 22px; }
    .footer-links ul li { font-size: 16px; line-height: 18px; padding: 0 0 20px; }
    .footer-middle { padding: 40px 0 20px 30px; }
    .back-to-top {right: 20px; bottom: 25px;}
    .contact-us-wrp {padding: 30px;}
    .contact-us-wrp .contact-us-left {flex: 1 0 0;}
    .copyright p {font-size: 16px}
    /* Footer End */
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common style Start */
    .main-title { font-size: 34px; line-height: 40px; margin: 0 0 22px;}
    .btn-green { font-size: 16px; line-height: 18px;}
    .section-title { font-size: 24px; line-height: 32px; margin: 0 0 20px;}
    .common-detail { font-size: 16px; line-height: 26px; }
    body {font-size: 16px; line-height: 26px;}
    /* Common style End */

    /* Header Start */
    /* .header-fixed .navbar-brand { width: 120px; }
    .header-fixed {padding: 15px 20px;}
    .header-fixed .header-search {display: block;}
    .header-fixed .header-right .language-block {display: block;} */
    .header .navbar-brand img {width: 150px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 16px; padding-bottom: 20px}
    .header-right .language-block a.btn-login { font-size: 16px; line-height: 20px;  padding: 0 22px 0 0;}
    .header-right .language-block a.btn-login::after {width: 12px; height: 16px;}
    .header-search .form-group .form-control {padding: 10px 20px 10px 43px;}
    /* .header-search { max-width: 400px; top: 35px; left: 54%;} */
    /* .header .navbar .navbar-nav { margin-bottom: 10px !important; } */
    .header-search { max-width: 300px; margin: 0 0 0 20px;}
    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0; }
    .trustpilot-reviews-wrp { padding: 20px 0 0 15px;}
    .banner-wrp { padding: 40px 0 40px; }
    .banner-content {margin: -50px 0 0 0; padding: 30px;}
    .trustpilot-reviews-top > img {width: 110px;}
    .banner-img img {height: 500px;}
    .trustpilot-reviews-bottom { padding: 10px 0 0 30px; }
    .banner-left {margin: -70px 30px 0 30px;}
    .banner-section .row {flex-direction: column-reverse;}
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 20px; }
    .electronics-section .row { margin: 0 -18px; }
    .electronics-section .row>* {padding: 0 18px;}
    .electronics-wrp { padding: 40px 0; }
    .electronics-content { margin: 0; }
    .electronics-content .common-detail { margin: 0 0 20px; }
    .our-solutions-wrp { padding: 40px 0; }
    .our-solutions-title { margin: 0 auto 50px; max-width: 800px; }
    .our-solutions-content {padding: 30px; margin: -40px -20px 0 0;}
    .our-solutions-section .our-solutions-row:nth-child(even) .our-solutions-content { margin: -40px 0 0 -20px; }
    .our-solutions-row { margin: 0 0 120px; }
    .our-solutios-img img {height: 320px;}
    .our-solutions-section { padding: 40px 0 0; }   
    .our-solutions-content .common-detail { margin: 0px 0 25px; }
    /* Our Solutions end */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-158px, -131px); -webkit-transform: translate(-158px, -131px); -moz-transform: translate(-158px, -131px); -ms-transform: translate(-158px, -131px); -o-transform: translate(-158px, -131px); }
    .branch-modal.area2 { transform: translate(-191px, -125px); -webkit-transform: translate(-191px, -125px); -moz-transform: translate(-191px, -125px); -ms-transform: translate(-191px, -125px); -o-transform: translate(-191px, -125px); }
    .branch-content .section-title { font-size: 20px; line-height: 24px; }
    .branch-content .common-detail { margin: 0 0 12px; }
    .branch-modal { max-width: 470px; }
    .branch-modal .modal-img {flex: 0 0 130px;}
    .branch-modal .modal-img img { width: 130px; height: 130px; }
    .our-branches-wrp { padding: 40px 0; }
    .our-branches-section { margin: 0; }
    /* Our Branches End */

    /* Counter Start */
    .counter-wrp { padding: 40px 0 10px; }
    .counter-block .section-title { font-size: 26px; line-height: 26px; margin: 0 0 15px; }
    .counter-block .common-detail {font-size: 16px; line-height: 24px;}
    .counter-section .row>* { padding: 0 15px; }
    .counter-section .row { margin: 0 -15px; }
    .counter-block {padding: 30px 10px;}
    /* Counter End */

    /* Vacancies Start */
    .vacancies-wrp { padding: 40px 0; }
    .vacancies-main .vacancies-title {margin: 0 auto 30px;}
    .vacancies-detail ul li {padding: 0 30px 0 0; font-size: 16px; line-height: 28px;}
    .vacancies-row {padding: 30px 20px 30px 20px;}
    .vacancies-row .vacancies-left {flex: 1 0 0;}
    .vacancies-detail ul {flex-wrap: wrap;}
    .vacancies-left .common-detail {margin: 0 0 15px;}
    /* Vacancies End */

    /* Footer Start */
    .footer-bottom {padding: 30px 60px 30px 30px;}
    .footer-logo { width: 170px; margin: 0 0 40px; }
    .footer-contact {padding: 40px; margin: -210px 0 0; height: auto;}
    .footer {margin: 210px 0 0; overflow: visible;}
    .footer-content a, .footer-content p { font-size: 16px; line-height: 26px; }
    .footer-links .common-detail { font-size: 20px; line-height: 20px; margin: 0 0 22px; }
    .footer-links ul li { font-size: 16px; line-height: 18px; padding: 0 0 20px; }
    .footer-middle { padding: 40px 0 20px 30px; }
    .back-to-top {right: 20px; bottom: 25px;}
    .contact-us-wrp {padding: 30px; margin: 30px 0 0;}
    .contact-us-wrp .contact-us-left {flex: 1 0 0;}
    .footer-contact::before {width: 100%;}
    .contact-us-wrp::after {width: 100%;}
    .footer-bottom::after {width: 100%;}
    /* Footer End */
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-right .btn-green {padding: 15px 10px 15px 10px; float: none;}
    .header-right .btn-green::before { width: 12px; height: 20px; right: 21px; }
    .header-right .btn-login { margin-left:30px; }
    .header-right .language-block a.btn-login::before {left: -25px;}
    .header-right .form-select { font-size: 16px; line-height: 16px; padding: 0 20px 0 0; background-position: right 0px center; margin-top:40px }
    .header .navbar-nav .nav-item .megamenu {
        margin-left: -17.5px;
    } 
    
    .header-right .language-block {
        padding: 0;
        display: block;
    }

    .header-right .language-block a {
        display: block;
    }
    body.fixed {
        padding-top: 120px;
    }

    /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 98px; /*Height of header*/
    margin-top: -98px;
    }

}

@media (max-width: 767px) {
    /* Common style Start */
    .main-title { font-size: 26px; line-height: 34px; margin: 0 0 20px; }
    .btn-green { font-size: 16px; line-height: 16px; padding: 12px 42px 12px 20px;}
    .common-detail { font-size: 16px; line-height: 24px; }
    body { font-size: 16px; line-height: 24px; }
    .section-title { font-size: 22px; line-height: 30px; margin: 0 0 15px; }
    /* Common style End */

    /* Header Start */
    .header .navbar-brand img {width: 80px;}
    .header-right .btn-green {padding: 15px 10px 15px 10px; float: none;}
    .header-right .btn-green::before { width: 12px; height: 20px; right: 28px; }
    .header-right .btn-login { margin-left:10px; }
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; line-height: 16px; }
    .header-right .language-block a.btn-login { font-size: 16px; line-height: 20px;  padding: 0 27px 0 0;}
    .header-right .language-block a.btn-login::after {width: 12px; height: 16px;}
    .header-right .language-block a.btn-login::before {left: -15px;}
    .header-search .form-group .form-control {padding: 10px 20px 10px 43px; font-size: 14px; line-height: 14px;}
    .header .navbar .navbar-nav { margin-bottom: 10px !important; }
    .header-right .form-select { font-size: 16px; line-height: 16px; padding: 0 20px 0 0; background-position: right 0px center; margin-top:40px}
    .header-search { max-width: 48%; margin: 0 0 0 30px; left: 50%; }
    /* .header-fixed .navbar-brand { width: 120px; }
    .header-fixed {padding: 15px 20px;}
    .header-fixed .header-search {display: block;} */

    .header-right .language-block,
    /* .header-fixed .language-block {
        padding: 0;
        display: block;
    } */

    .header-right .language-block a {
        display: block;
    }

    body.fixed {
        padding-top: 100px;
    }

    /* Adjustment for anchor tag positioning with fixed header */
    :target:before
    {
    content: "";
    display: block;
    height: 82px; /*Height of header*/
    margin-top: -82px;
    }

    /* Header End */

    /* Banner Start */
    .banner-img { margin: 0; }
    .trustpilot-reviews-wrp { padding: 20px 0 0 0;}
    .banner-wrp { padding: 20px 0 30px; }
    .banner-content {margin: 0; padding: 20px;}
    .trustpilot-reviews-top > img {width: 110px;}
    .banner-img img {height: 280px;}
    .trustpilot-reviews-bottom { padding: 10px 0 0 0; }
    .banner-left {margin: -60px 20px 0 20px;}
    .banner-section .row {flex-direction: column-reverse;}
    .banner-content .common-detail { margin: 0 0 20px; }
    .banner-contact-info ul li { font-size: 14px; line-height: 22px; }
    .banner-contact-info ul li .footer-contact-icon { width: 20px; height: 18px;  margin: 0 12px 0 0;}
    /* Banner End */

    /* Our Solutions Start */
    .electronics-content .main-title { margin: 0 0 20px; }
    .electronics-section .row { margin: 0 -15px; }
    .electronics-section .row>* {padding: 0 15px;}
    .electronics-wrp { padding: 30px 0; }
    .electronics-content { margin: 0; }
    .electronics-content .common-detail { margin: 0 0 20px; }
    .our-solutions-wrp { padding: 30px 0; }
    .our-solutions-title { margin: 0 auto 30px; max-width: 800px; }
    .our-solutions-content {padding: 30px; margin: 0;}
    .our-solutions-section .our-solutions-row:nth-child(even) .our-solutions-content { margin: 0; text-align: left; }
    .our-solutions-section .our-solutions-row:nth-child(even) .row {flex-direction: column-reverse;}
    .our-solutions-row { margin: 0 0 50px; }
    .our-solutios-img img {height: 320px;}
    .our-solutions-section { padding: 40px 0 0; }   
    .our-solutions-content .common-detail { margin: 0px 0 20px; }
    .electronics-img {margin: 0 0 30px;}
    .our-solutions-row .row {flex-direction: column-reverse;}
    /* Our Solutions end */

    /* Our Branches Start */
    .branch-modal.area1 { transform: translate(-155px, -274px); -webkit-transform: translate(-155px, -274px); -moz-transform: translate(-155px, -274px); -ms-transform: translate(-155px, -274px); -o-transform: translate(-155px, -274px); }
    .branch-modal.area2 { transform: translate(-180px, -90px); -webkit-transform: translate(-180px, -90px); -moz-transform: translate(-180px, -90px); -ms-transform: translate(-180px, -90px); -o-transform: translate(-180px, -90px); }
    .branch-content .section-title { font-size: 16px; line-height: 22px; }
    .branch-content .common-detail { margin: 0 0 12px; }
    .branch-modal { max-width: 390px; }
    .branch-modal .modal-img {flex: 0 0 130px;}
    .branch-modal .modal-img img { width: 130px; height: 130px; }
    .branch-content a { font-size: 16px; line-height: 16px; }
    .our-branches-wrp { padding: 30px 0; }
    .our-branches-section { margin: 0; }
    .map-img svg {width: 100%;}
    /* Our Branches End */

    /* Counter Start */
    .counter-wrp { padding: 30px 0 10px; }
    .counter-block .section-title { font-size: 22px; line-height: 22px; margin: 0 0 10px; }
    .counter-block .common-detail {font-size: 14px; line-height: 22px;}
    .counter-section .row>* { padding: 0 12px; }
    .counter-section .row { margin: 0 -12px; }
    .counter-block {padding: 30px 10px; margin: 0 0 20px; height: calc(100% - 20px);}
    /* Counter End */

    /* Vacancies Start */
    .vacancies-wrp { padding: 30px 0; }
    .vacancies-main .vacancies-title {margin: 0 auto 30px;}
    .vacancies-detail ul li {padding: 0 30px 20px 0; font-size: 16px; line-height: 20px;}
    .vacancies-row {padding: 30px 20px 30px 20px; flex-direction: column; align-items: flex-start;}
    .vacancies-row .vacancies-left {flex: 1 0 0;}
    .vacancies-detail ul {flex-wrap: wrap;}
    .vacancies-left .common-detail {margin: 0 0 15px;}
    .vacancies-detail {padding: 0 0 10px;}
    .vacancies-detail ul li:first-child {
        min-width:0;
    }
    /* Vacancies End */

    /* Footer Start */
    .footer-bottom {padding: 30px 0 30px 0;}
    .footer-logo { width: 150px; margin: 0 0 40px; }
    .footer-contact {padding: 30px; margin: -210px 0 0; height: auto;}
    .footer {margin: 210px 0 0; overflow: visible;}
    .footer-content a, .footer-content p { font-size: 16px; line-height: 20px; }
    .footer-links .common-detail { font-size: 16px; line-height: 18px; margin: 0 0 22px; }
    .footer-links ul li { font-size: 16px; line-height: 16px; padding: 0 0 15px; }
    .footer-middle { padding: 40px 0 0 0; }
    .back-to-top {right: 20px; bottom: 25px;}
    .contact-us-wrp {padding: 30px; margin: 30px 0 0; flex-wrap: wrap;}
    .contact-us-wrp .contact-us-left {flex: 1 0 0;}
    .footer-contact::before {width: 100%;}
    .contact-us-wrp::after {width: 100%;}
    .footer-bottom::after {width: 100%;}
    .footer-links {padding: 0 0 20px;}
    .footer-contact-icon { width: 45px; height: 45px; flex: 0 0 45px; }
    .footer-content span { font-size: 16px; line-height: 16px; }
    .footer-bottom {flex-direction: column;}
    .copyright p { font-size: 16px; line-height: 18px; padding: 0 0 30px; text-align: center; }
    .social-icons ul li {font-size: 16px;}
    /* Footer End */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* Header Start */
    .header-search { max-width: 50%; }
    /* Header End */
}

@media (max-width: 575px) {
    /* Our Branches Start */
    .branch-modal {  max-width: 100%; position: fixed; z-index: 999; height: 100%;flex-direction: column; align-items: flex-start; padding: 50px 30px; overflow: auto; top: 0; left: 0; } 
    .branch-modal .modal-img {margin: 0 0 20px 0; width: 100%; }
    .branch-modal .modal-img img {width: 100%; height: auto;}
    .branch-modal.area1, .branch-modal.area2 { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    body::after { content: ""; background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: -1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    body.overlay::after { opacity: 1; }
    .close-icon {display: block; font-size: 24px; line-height: 30px; color: #000; position: absolute; right: 20px; top: 10px;}
    /* Our Branches End */

    /* Banner Start */
    .trustpilot-reviews-top {flex-direction: column; align-items: flex-start;}
    .trustpilot-reviews-top > img { margin: 0 0 15px 0; }
    /* Banner End */

    /* Footer Start */
    .contact-us-wrp {flex-direction: column; align-items: flex-start;}
    .contact-us-wrp .contact-us-left {padding: 0 0 20px;}
    /* Footer End */
}

@media (min-width: 481px) and (max-width: 767px) {
    /* Header Start */
    .header .navbar-brand img { width: 110px; }
    .header-search {margin: 0 0 0 40px;}
    /* Header Start */
}


@media (min-width: 992px) {
  #navbarSupportedContent.collapse {
    display: flex !important;
    height: auto !important;
    visibility: visible !important;
  }
}