@media (min-width: 1231px) and (max-width: 1400px) {

    .desktop-nav { width: calc(100% - 170px);}

    .header-bottom{ padding: 0 0 0 170px; }

    .main-nav ul{gap: 22px; }

    .products-nav ul li + li{ margin: 0 0 0 10px; padding: 0 0 0 10px; }

    .banner-block .big-text h1{ font-size: 50px;}

    .header-top{ min-height: 100px; }

    .why-title h2,

    .counter-box h5{font-size: 50px;; }

    .tab-contain-blk h3{ font-size: 50px;;}

    .tab-contain-blk .left-data{ max-width: 480px; }

    .tab-contain-blk .tab-img{ width: 600px;;}

    .certi-list{  gap: 22px;padding: 100px 0 0 0; }

    .section-title h2{font-size: 90px; }

    .certi-img img{ max-width: 200px; }

    .country-blk .country-box.box-3{ right: 103px; }

    .testimonial-blk{ max-width: 930px; }

    .company-block .company-logo span img{ max-height: 110px; }

    .cta-block h3{ font-size: 50px;;}

    .cta-block{ max-width: 1000px; }

    .company-block{ max-width: 900px; }

    .inner-banner-wapper{ padding: 170px 0 0 0; }



    .about-right-col h2,

    .mission-block h4,

    .desk-block .desk-left h3,

    .core-row .core-row-sub h4,

    .community-block h3{ font-size: 50px; }

    .about-vdi-blk .about-video{ width: 580px;}

    .core-box-list .core-box{ width: 200px;}

    .core-box-list .core-box{ padding: 30px 15px; }

    .desk-block .desk-img{ width: 580px;}

    .desk-block .desk-left{ width: 520px;}

    .core-row{ padding: 70px 0 0 0; }

    .core-row .core-img{ width: 360px;}

    .core-row .core-row-sub {width: calc(100% - 400px);}

    .community-block h3{ padding: 0 0 40px; }



    .team-banner-caption h1{font-size: 50px; }

    .catalogue-box a .img-main .img img{ height: 298px; }

    .catalogue-box a .img-main .over-arrow img{ max-width: 80px; }





    .conatact-right{ max-width: 565px; }

    .conatact-right img{ max-width: 620px; }

    .contact-block-1::after{ left: calc(100% - 565px);}

    .contact-left {width: 500px;;}

    .contact-data-row .contact-map{ width: 620px;}

    .contact-data-right{ width: calc(100% - 620px);}

    .contact-left .contact-title h3{ font-size: 50px;;}

    





    .section-title h3{ font-size: 50px; }



    .quality-data h4,

    .Relations-block .Relations-left h4,

    .environment-data h4{font-size: 50px; }

    .Privacy-section-1,

    .quality-outer,

    .environment-outer,

    .giving-outer,

    .Relations-block{ padding: 80px 0; }

    .Privacy-img-1 img{ width: 700px;}

    .quality-block .quality-img{width: 400px;}

    .Relations-block .Relations-left{ width: 590px;}

    .environment-block .environment-img{ width: 400px;}

    .giving-row .row-text-left h5{ font-size: 28px;}

    .giving-row .giving-img{ max-width: 400px; }

    .giving-row .row-text-left{ max-width: 700px; }

    .giving-row{ padding: 70px 0 0; }





    .products-slider-block{ width: 550px;}

    .products-slider-block .slide-img img{ max-height: 420px; }

    .products-right-data,

    .products-slider-block .slide-img{ min-height: 420px; }

    .box-body-blk .info-box-prodcts ul li,

    .box-body-blk .text-sub p{font-size: 16px; }





    .products-box .img img{ height: 268px; }

    .products-box .name{ font-size: 22px; padding: 15px 20px; }

    .team-box .img img{ height: 248px; }

    .slider-box-block{ margin: 0 0 0 100px; }

    .pro-title-new h2{ font-size: 50px;}
    .desktop-nav{display: flex !important;}

}

@media (min-width: 992px) and (max-width: 1231px) {

    .desktop-nav { width: calc(100% - 130px);}

    .header-bottom{ padding: 0 0 0 130px; }

    .main-nav ul{gap: 14px; }

    .products-nav ul li + li{ margin: 0 0 0 10px; padding: 0 0 0 10px; }

  

    .header-top{ min-height: 80px; }

    .products-nav ul{ min-height: 60px; }

    .why-title h2,

    .banner-block .big-text h1,

    .counter-box h5,

    .tab-contain-blk h3,

    .cta-block h3{ font-size: 44px;;} 

    .tab-contain-blk .left-data{ max-width: 430px; }

    .tab-contain-blk .tab-img{ width: 450px;;}

    .certi-list{  gap: 22px;padding: 70px 0 0 0; }

    .section-title h2{font-size: 80px; }

    .certi-img img{ max-width: 160px; }

    .country-blk .country-box.box-3{ right: 103px; }

    .testimonial-blk{ max-width: 930px; }

    .company-block .company-logo span img{ max-height: 110px; }

    

    .cta-block{ max-width: 800px; }

    .company-block{ max-width: 800px; }

    .main-nav ul li a,

    .products-nav ul li a { font-weight: 600; font-size: 14px; } 

    .dl-btn a{ padding: 0 10px 2px; }

    .dl-btn{ margin: 0 0 0 15px; }
    
    .header-top .logo a {width: 110px;}
    
    .header-top .logo a img{ width: 100%;}
    
    .header-top .logo{margin-bottom: -45px;}


    .why-box h5{font-size: 16px; }

    p{ font-size: 16px; }

    .tab-box .over-title h6{ font-size: 18px;}

    .country-box .sub-box{ width: 440px;}

    .country-box .sub-box ul {

        column-count: 3;

        -webkit-column-count: 3;

    }

    .country-box .sub-box ul li{font-size: 16px; font-weight: 400; }

    .country-blk .country-box .country-trigger{font-size: 18px; font-weight: 600; }

    .country-blk .country-box.box-1 {top: 77px;left: 350px;}

    .country-blk .country-box.box-2 {top: 144px;left: 630px;}

    .country-blk .country-box.box-3{ bottom: 226px; }

    .exhibition-list{ padding: 70px 0 0 0; }

    .testimonial-blk{ max-width: 837px; margin-top: 100px;  margin-left: 0px; }

    .testimonial-blk .coma img{ max-width: 140px;; }

    .testimonial-blk .coma{ top: -74px; }

    .testi-slider-blk{ margin-right: -60px; }

    .company-block .text{ padding: 0 0 60px; }

    .f-links ul li a{font-size: 16px; }

    .footer-left .f-text p{ font-size: 16px;}



    .inner-banner-wapper{ padding: 140px 0 0 0; }


    .footer-last-img span {
        width: 260px;
    }


    .about-right-col h2,

    .mission-block h4,

    .desk-block .desk-left h3,

    .core-row .core-row-sub h4,

    .community-block h3{ font-size: 40px; }

    .about-vdi-blk .about-video{ width: 420px;}

    .about-right-col{ width: 450px;}

    .core-box-list .core-box{ width:172px;}

    .core-box-list .core-box{ padding: 30px 15px; }

    .desk-block .desk-img{ width: 450px;}

    .desk-block .desk-left{ width: 450px;}

    .core-row{ padding: 70px 0 0 0; }

    .core-row .core-img{ width: 360px;}

    .core-row .core-row-sub {width: calc(100% - 400px);}

    .community-block h3{ padding: 0 0 40px; }

    .about-video-outer,

    .desk-block,

    .about-core-2-outer{ padding: 70px 0; }

    .abt-logo-blk span{ width: 135px;}

    .mission-block{ max-width: 550px; }

    .core-box-list .core-box h6{font-size: 18px; font-weight: 600; }

    .core-row-block{ padding: 0px;; }

    .community-block-inner .text p{font-size: 18px; }





    .team-banner-caption h1{font-size: 50px; }

    .catalogue-box a .img-main .img img{ height: 242px; }

    .catalogue-box a .img-main .over-arrow img{ max-width: 70px; }

    .catalogue-box a .name{font-size: 16px; }

    .catalogue-outer{ padding: 70px 0; }

    .catalogue-block{ padding: 45px 0; }







    .conatact-right{ max-width: 400px; }

    .conatact-right img{ max-width: 430px; }

    .contact-block-1::after{ left: calc(100% - 400px);}

    .contact-left {width: 500px;;}

    .contact-data-row .contact-map{ width: 500px;}

    .contact-data-right{ width: calc(100% - 500px);}

    .contact-left .contact-title h3{ font-size: 40px;;}



    .section-title h3{ font-size: 40px; }





    .quality-data h4,

    .Relations-block .Relations-left h4,

    .environment-data h4{font-size: 40px; }

    .Privacy-section-1,

    .quality-outer,

    .environment-outer,

    .giving-outer,

    .Relations-block{ padding: 80px 0; }

    .Privacy-img-1 img{ width: 600px;}

    .Relations-block .Relations-left,

    .quality-data,

    .environment-data,

    .giving-row .row-text-left{ width: 540px;}

    .giving-row .row-text-left h5{ font-size: 28px;}

    .quality-block .quality-img,

    .environment-block .environment-img,

    .giving-row .giving-img{ max-width:360px; }

    .giving-row .row-text-left{ max-width: 700px; }

    .giving-row{ padding: 70px 0 0; }

    .quality-data p,

    .Relations-block .Relations-left p,

    .environment-data p,

    .giving-row .row-text-left p{font-size: 16px; font-weight: 500; }

    .quality-logos{gap: 20px; }







    .products-slider-block{ width: 450px;}

    .products-slider-block .slide-img img{  max-height: 420px; }

    .products-right-data,

    .products-slider-block .slide-img{ min-height: 420px; }

    .box-body-blk .info-box-prodcts ul li,

    .box-body-blk .text-sub p{font-size: 16px; }

    .products-right-data{ width: 450px;}

    .box-body-blk .info-box-prodcts ul li{ padding: 12px 20px; }

    .box-body-blk .acc-blk ul li{ margin: 30px 15px 0; }

    .pro-img-center{ width: 700px;}

    .products-table-inner ul.thead li .text-1, .products-table-inner ul.thead li .text-4, .products-table-inner ul.thead li .text-5,

    .products-table-inner ul.tbody li .text-1, .products-table-inner ul.tbody li .text-4, .products-table-inner ul.tbody li .text-5{ min-width: 123px; }

    .table-max-width{ width: 100%;}





    .products-box .img img{ height: 218px; }

    .products-box .name{ font-size: 22px; padding: 15px 20px; }

    .products-listing .row .col-md-4{  padding: 30px 15px 0 15px !important;}





    .team-box .img img{ height: 200px; }

    .team-box .name{ font-size: 20px;}



    .slider-box-block{ margin: 0 0 0 100px; }

    .pro-title-new h2{ font-size: 40px;}
    .desktop-nav{display: flex !important;}

}

@media (max-width: 992px) {

    .mobile-show-nav{display: block;}  

    .header-bottom-outer{ display: none;}

    .header-top{ min-height: 65px; }

    .container{ padding: 0 20px; }

    .header-top .logo a img{ width: 80px;}

    .menu-icon{ display: flex;}

    .desktop-nav{ display: none;}



    .desktop-show-tablate{display: none; }

    .mobile-tab-block{ display: block;}

    .home-section-3{ padding: 60px 0; }

    .tab-box .img img{ opacity: 1; }

    .tab-box .over-title h6{color: #fff; }

    .menu-icon a.active span.line-2{ opacity: 0; }

    .menu-icon a.active span.line-1{ top: 7px; transform: rotate(45deg); }

    .menu-icon a.active span.line-3{ top: 7px; transform: rotate(-45deg); }

    .desktop-nav{ overflow-x: hidden; position: fixed; padding: 51px 20px 0 20px; left: 0px;     background: #0D1821; top: 79px; width: 100%; height: calc(100vh - 79px); overflow-y: auto;  }

    .mobile-nav-title{ display: block;}

    .main-nav ul{gap: 10px; flex-direction: column; align-items: flex-start;justify-content: flex-start; }

    .products-nav ul{gap: 10px; flex-direction: column; align-items: flex-start;justify-content: flex-start; }

    .products-nav ul li + li{ margin: 0px; padding: 0px;; }

    .products-nav ul li + li::after{display: none; }

    .mobile-nav-title { padding: 0 0 10px; font-size: 20px; font-weight:bold; color: #B4CDED; }

    .main-nav ul li a,

    .products-nav ul li a { font-weight:normal; color: #F0F4EF; font-size: 16px; } 

    .products-nav.mobile-show-nav{ margin: 25px 0 0 0; padding: 25px 0 30px 0; border-top: #333 solid 1px; }

   .header-top .dl-btn{ padding: 13px 20px; background: #fff; width: calc(100% + 40px); margin-left: -20px;; }

   .header-top .dl-btn a{background: #344966; color: #fff; }

   #header{ position: fixed; left: 0px; top: 0px; }

   .header-top .logo{ position: relative;z-index: 15; margin-bottom: 0; }



   .inner-banner-wapper{ padding: 80px 0 0 0; }

   .four-zero-blk p{ font-size: 16px;;}

   .four-zero-blk h1{ font-size: 90px; }

   .back-link{ padding: 30px 0 0 0; }

   .back-link a{ padding: 0 20px; min-width: 178px; text-align: center; }

   .mobile-show{ display: block;}

   .about-right-col h2{display: none; }

   .about-video h2 { padding: 0 0 40px; text-align: center; font-size: 32px; color: #0D1821; font-weight: 600; }

   .about-vdi-blk{flex-direction: column; }

   .section-title h3{ font-size: 40px; }



   .products-listing .row .col-md-4{  padding: 30px 15px 0 15px !important;}





   .country-blk{flex-direction: column ;align-items: center;  justify-content: center; }

   .country-blk .country-box{ width: 100%; left: auto ; transform: none; display: flex; align-items: center; justify-content: center  }

   .modal-backdrop{background: rgba(13, 24, 33, 0.90);



    backdrop-filter: blur(3px);}

    .products-right-data{ min-height: 0px; }



    .desktop-nav { top: 65px; height: calc(100vh - 65px); }

    .main-nav ul .navchildwrapper > ul { display: none; margin: 0; padding: 10px 10px 0; background: transparent; position: static !important; transform: none; width: 100%; opacity: 1 !important; visibility: visible !important; }

    .main-nav ul .navchildwrapper:hover:before { display: none; }

    .main-nav ul .navchildwrapper > ul li { width: 100%; margin-right: 0 !important; margin-bottom: 10px; }

    .main-nav ul .navchildwrapper:hover > a > i { transform: none; }

    .main-nav ul .navchildwrapper.active > a > i { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: rotate(180deg); }

    .main-nav ul .navchildwrapper > ul li a { font-size: 16px; font-weight: 400; color: #F0F4EF; }

    .submenu-right { width: 100%; margin-top: 20px; }

    span.submenu-left { width: 100%; }

    .submenu-right img { background: #F0F4EF; }

    .main-nav ul .navchildwrapper > ul li a img { background: #F0F4EF; }

    .main-nav ul .navchildwrapper > ul.singlecolumnnav { min-width: auto; margin-top: 0; padding: 10px 10px 10px; }

    .main-nav ul .normaldropdown > ul li { margin-bottom: 24px; }

    .main-nav ul .navchildwrapper > ul.singlecolumnnav li:last-child { margin-bottom: 0; }
    #google_translate_element { right: 15px; top: 50px;}


} 

@media (min-width: 768px) and (max-width: 991px) {

     

    

  
    #google_translate_element { right: 15px !important; top: 50px;}
    .header-top{ min-height: 80px; }

    .products-nav ul{ min-height: 60px; }

    .why-title h2,

    .banner-block .big-text h1,

    .counter-box h5,

    .tab-contain-blk h3,

    .cta-block h3{ font-size: 40px;;} 

    .tab-contain-blk .left-data{ max-width: 430px; }

    .tab-contain-blk .tab-img{ width: 450px;;}

    .certi-list{  gap: 22px;padding: 40px 0 0 0; }

    .section-title h2{font-size: 80px; }

    .certi-img img{ max-width: 160px; }

    .country-blk .country-box.box-3{ right: 103px; }

    .testimonial-blk{ max-width: 930px; }

    .company-block .company-logo span img{ max-height: 90px; }

    

    .cta-block{ max-width: 800px; }

    .company-block{ max-width: 800px; }

  

    .dl-btn a{ padding: 0 10px 2px; }

    .dl-btn{ margin: 0 0 0 15px; }

    .header-top .logo a img{ width: 70px;}

    .why-box h5{font-size: 16px; }

    p{ font-size: 16px; line-height: 1.43; }

    .tab-box .over-title h6{ font-size: 18px;}

    .country-box .sub-box{ width: 440px;}

    .country-box .sub-box ul {

        column-count: 3;

        -webkit-column-count: 3;

    }

    .country-box .sub-box ul li{font-size: 16px; font-weight: 400; }

    .country-blk .country-box .country-trigger{font-size: 18px; font-weight: 600; }

    .country-blk .country-box.box-1 {top: 77px;left: 350px;}

    .country-blk .country-box.box-2 {top: 144px;left: 630px;}

    .country-blk .country-box.box-3{ bottom: 226px; }

    .exhibition-list{ padding: 70px 0 0 0; }

    .testimonial-blk{ max-width: 620px; margin-top: 100px;  margin-left: 0px; }

    .testimonial-blk .coma img{ max-width: 110px;; }

    .testimonial-blk .coma{ top: -50px; }

    .testi-slider-blk{ margin-right: -30px; }

    .company-block .text{ padding: 0 0 60px; }

    .f-links ul li a{font-size: 16px; }

    .footer-left .f-text p{ font-size: 16px;}



    .home-section-1{ padding: 60px 0; }

    .why-title{ padding: 0 0 20px; }

     .why-listing .col-md-3{ padding-top: 40px; width: 50%;}

     .counter-box p{ font-size: 18px; font-weight: 600;}

     .home-section-2{ padding: 20px 0 60px; }

     .counter-block-main .col-md-3{ padding-top: 40px; width: 50%;}



     .certificatet-outer{ padding: 60px 0; }

     .section-title h2{font-size: 50px; }

     .certi-list{ justify-content: center; }

     .globle-outer{ padding:70px 0; }

     .globle-blk{ margin: 60px 0 0 0; }

     .globle-map .country-block{  position: relative; display: block; height: auto; width: 100%;  }

     .globle-map{flex-direction: column; }

     .country-blk{ gap: 20px; display: flex; align-items: flex-start; }

     .country-blk .country-box,

     .country-blk .country-box.box-1,

     .country-blk .country-box.box-2,

     .country-blk .country-box.box-3{ position: static; display: flex ;align-items: center; justify-content: center; flex-direction: column; bottom: auto; left:  auto; right: auto; top: auto; right: auto; }

     .country-box .sub-box{ max-width: 336px; padding: 16px 8px; position: relative; left: auto; transform: none; }

     .country-blk .country-box .country-trigger{ white-space: nowerp;}

     .exhibition-outer{ padding: 60px 0; }

     .exhibition-list{ padding: 60px 0 00; }

     .exhibition-list .row{ margin: 0 -15px; }

     .exhibition-list .row .col-md-4{ padding: 0 15px; }

     .testi-slider-blk{ width: 600px;}

     .testimonial-outer{ padding: 60px 0; }

     .footer-top{flex-wrap: wrap; gap: 30px; }

     .footer-last-img {
        text-align: center;
    }

    .footer-last-img span {
        width: 100%;
        text-align: center;
        margin-top: 0;
    }





     .abt-banner-text h1{font-size: 50px;; }





     .about-right-col h2,

    .mission-block h4,

    .desk-block .desk-left h3,

    .core-row .core-row-sub h4,

    .community-block h3{ font-size: 40px; }

    .about-vdi-blk .about-video{ width: 100%;}

    .about-right-col{ width: 100%; padding: 30px 0 0 0; }

    .core-box-list .core-box{ width:172px;}

    .core-box-list .core-box{ padding: 30px 15px; }

    .desk-block .desk-img{  width: 100%;}

    .desk-block .desk-left{ padding: 30px 0 0 0; text-align: center; width: 100%;}

    .core-row{ padding: 70px 0 0 0; }

    .core-row .core-img{ width: 200px;}

    .core-row .core-row-sub {width: calc(100% - 230px);}

    .community-block h3{ padding: 0 0 40px; }

    .about-video-outer,

    .desk-block,

    .about-core-2-outer{ padding: 70px 0; }

    .abt-logo-blk span{ width: 135px;}

    .mission-block{ max-width: 550px; }

    .core-box-list .core-box h6{font-size: 18px; font-weight: 600; }

    .core-row-block{ padding: 0px;; }

    .community-block-inner .text p{font-size: 16px; }

    .core-box-list{flex-wrap: wrap;   align-items: flex-start; justify-content: center; gap: 20px; }

    .about-core-outer{ padding: 70px 0; }

    .core-outer-inner::after{ background-size: auto 300px; top: -22px; }

    .desk-block{ flex-direction: column-reverse; }

    .desk-block .desk-left h3{display: none; }

    .desk-block .desk-left p{ line-height: 1.43; }

    .desk-block h3{ width: 100%; text-align: center; padding: 0 0 40px;  font-size: 32px; font-weight: 600; color: #F0F4EF;}





    .team-banner-caption h1{font-size: 50px; }

    .catalogue-box a .img-main .img img{ height: 369px; }

    .catalogue-box a .img-main .over-arrow img{ max-width: 70px; }

    .catalogue-box a .name{font-size: 16px; }

    .catalogue-outer{ padding: 70px 0; }

    .catalogue-block{ padding: 45px 0; }

    .catalogue-block .row [class*="col-md-"]{ width: 50%;}

    .team-banner .team-banner-bg span{ min-height: 400px; }







    .conatact-right{ display: none; max-width: 300px; }

    .conatact-right img{ max-width: 330px; }

    .contact-block-1::after{display: none; left: calc(100% - 300px);}

    

    .contact-data-row .contact-map{ width: 100%;}

    .contact-data-right{ align-items: flex-start; justify-content: flex-start; padding: 40px  ; width:100%;}

    .contact-left .contact-title h3{ font-size: 40px;;}

    .contact-block-2{ padding: 0 0 70px; }

    .contact-left{ padding: 40px 0; width: 100%;; }

    .contact-data-row{flex-direction: column; }







    .quality-data h4,

    .Relations-block .Relations-left h4,

    .environment-data h4{font-size: 40px; }

    .Privacy-section-1,

    .quality-outer,

    .environment-outer,

    .giving-outer,

    .Relations-block{ padding: 80px 0; }

    .Privacy-img-1 img{ width: 500px;}

    .Relations-block .Relations-left,

    .quality-data,

    .environment-data,

    .giving-row .row-text-left{ width: 100%; min-width: 100%;}

    .giving-row .row-text-left h5{ font-size: 28px;}

    .quality-block .quality-img,

    .environment-block .environment-img,

    .giving-row .giving-img{ max-width:450px; }

    .giving-row .row-text-left{ max-width: 700px; }

    .giving-row,

    .giving-row:nth-child(2n+0){ padding: 50px 0 0; flex-direction: column-reverse; gap: 40px; justify-content: center; }

    .quality-data p,

    .Relations-block .Relations-left p,

    .environment-data p,

    .giving-row .row-text-left p{font-size: 16px; font-weight: 500; }

    .quality-logos{gap: 20px; }



    .quality-block,

    .Relations-block,

    .environment-block{flex-direction: column; gap: 40px; }

    .Relations-right{ width: 100%;}





    .products-slider-block{ width: 100%; margin: 0 0 30px;}

    .products-slider-block .slide-img img{  max-height: 420px; }

    .products-right-data,

    .products-slider-block .slide-img{ min-height: 0px; }

    .box-body-blk .info-box-prodcts ul li,

    .box-body-blk .text-sub p{font-size: 16px; }

    .products-right-data{ width: 100%;}

    .box-body-blk .info-box-prodcts ul li{ width: 100%; padding: 12px 20px; }

    .box-body-blk .acc-blk ul li{ margin: 30px 15px 0; }

    .pro-img-center{ max-width: 100%; width: 700px;}

    

    .table-max-width{ width: 100%;}

    .products-table-inner  {-webkit-scroll-snap-type: x mandatory;

        -moz-scroll-snap-type: x mandatory;

        scroll-snap-type: x mandatory;

        -webkit-scroll-behavior: smooth;

        -moz-scroll-behavior: smooth;

        scroll-behavior: smooth;

        overflow: hidden;

    overflow-x: auto;

     width: 1000px;

    }

    .products-table-main {-webkit-scroll-snap-type: x mandatory;

        -moz-scroll-snap-type: x mandatory;

        scroll-snap-type: x mandatory;

        -webkit-scroll-behavior: smooth;

        -moz-scroll-behavior: smooth;

        scroll-behavior: smooth;

        overflow: hidden;

    overflow-x: auto;

    }

    .products-list-releted .row [class*="col-md-"]{ width: 50%;}

    .probox-2{ padding: 30px 0 0 0; }



 

    .products-block-1{ flex-direction: column; }



    .products-box .img img{ height: 242px; }

    .products-box .name{ font-size: 22px; padding: 15px 20px; }

    .products-listing .row .col-md-4{ width: 50% ; padding: 30px 15px 0 15px !important;}





    .team-box .img img{ height: 306px; }

    .team-box .name{ font-size: 20px;}

    .team-block .row [class*="col-md-"]{ width: 50%;}





    .slider-box-block{ margin: 0 0 0 50px; }

    .History-box .big-text-years{ font-size: 50px;}

    .History-slider-block{ padding: 90px 0; }

    .slider-thumbnail .years-text{ padding: 10px 0 30px; }

    .slider-thumbnail .years-text::after{ height: 20px; }

    .slider-thumbnail .slick-arrow.slick-prev::before{ height: 20px; }

    .slider-thumbnail{ padding: 20px 0 0 0 ; }

    .slider-thumbnail .slick-arrow.slick-prev{ top: -30px; }

    .History-arrow{display: none; }



    .pro-title-new h2{ font-size: 40px;}

    

    .desktop-nav { top: 80px; height: calc(100vh - 80px); }

    

}

 @media (max-width: 767px) {

     

  
    #google_translate_element { right: 15px !important; top: 50px;}
    .header-top{ min-height: 80px; }

    

    .why-title h2,

    .banner-block .big-text h1,

    .counter-box h5,

    .tab-contain-blk h3,

    .cta-block h3{ font-size:32px; line-height: 1.25 ;} 

    .tab-contain-blk .left-data{ max-width: 430px; }

    .tab-contain-blk .tab-img{ width: 450px;;}

    .certi-list{  gap: 22px;padding: 70px 0 0 0; }

    .section-title h2{font-size: 80px; }

    .certi-img img{ max-width: 154px; }

    .country-blk .country-box.box-3{ right: 103px; }

    .testimonial-blk{ max-width: 930px; }

    .company-block .company-logo span img{ max-height: 90px; }

    

    .cta-block{ padding: 100px 0; max-width: 800px; }

    .company-block{ padding: 20PX 0 0 0; max-width: 800px; }

     

 

    .dl-btn a{ padding: 0 10px 2px; }

    .dl-btn{ margin: 0 0 0 15px; }

    .header-top .logo a img{ width: 70px;}

    .why-box h5{font-size: 16px; }

    p{ line-height: 1.43; font-size: 16px; }

    .tab-box .over-title h6{ font-size: 16px;}

  

    .country-box .sub-box ul {

        column-count: 3;

        -webkit-column-count: 3;

    }

    .country-box .sub-box ul li{font-size: 16px; font-weight: 400; }

    .country-blk .country-box .country-trigger{font-size: 18px; font-weight: 600; }

    .country-blk .country-box.box-1 {top: 77px;left: 350px;}

    .country-blk .country-box.box-2 {top: 144px;left: 630px;}

    .country-blk .country-box.box-3{ bottom: 226px; }

    .exhibition-list{ padding: 70px 0 0 0; }

    .testimonial-blk{ max-width: calc(100% + 40px);  width: calc(100% + 40px);padding: 71px   0; margin: 80px 0 0 -20px; }

    .testimonial-blk .coma img{ max-width: 81px;; }

    .testimonial-blk .coma{ left: 20px; top: -40px; }

   

    .company-block .text{ padding: 0 0 60px; }

    .f-links ul li a{font-size: 18px; }

    .footer-left .f-text p{ font-size: 16px;}



    .home-section-1{ padding: 70px 0; }

    .why-title{ padding: 0 0 10px; }

     .why-listing .col-md-3{ padding-top: 30px; width: 50%;}

     .counter-box p{ font-size: 18px; font-weight: 600;}

     .home-section-2{ padding: 50px 0 80px; }

     .counter-block-main .col-md-3{ padding-top: 30px; width: 50%;}



     .certificatet-outer{ padding:70px 0; }

     .section-title h2{font-size: 32px; }

     .certi-list{ padding: 40px 0 0 0; justify-content: flex-start; gap: 20px;}

     .globle-outer{ padding: 60px 0; }

     .globle-blk{ margin: 60px 0 0 0; }

     .globle-map .country-block{  position: relative; display: block; height: auto; width: 100%;  }

     .globle-map{flex-direction: column; }

     .country-blk{ gap: 20px; display: flex; align-items: flex-start; }

     .country-blk .country-box,

     .country-blk .country-box.box-1,

     .country-blk .country-box.box-2,

     .country-blk .country-box.box-3{ position: static; display: flex ;align-items: center; justify-content: center; flex-direction: column; bottom: auto; left:  auto; right: auto; top: auto; right: auto; }

     .country-box .sub-box{ position: relative; }

     .country-blk .country-box .country-trigger{ white-space: nowerp;}

     .exhibition-outer{ padding: 60px 0; }

     .exhibition-list{ padding: 60px 0 00; }

     .exhibition-list .row{ margin: 0 -15px; }

     .exhibition-list .row .col-md-4{ padding: 0 15px; }

     .testi-slider-blk{ max-width: 280px; margin-right: 0px;  width: 100%; padding: 0 0 0 20px;}

     .testimonial-outer{ padding: 70px 0; }

     .footer-top{flex-wrap: wrap; gap:0px; }

     .banner-block .big-text{ padding: 20px 45px; }

     .banner-block .down-arrow a img{ width: 18px;}

     .why-box .icon img{ width: 100px;}

     .counter-box h5{ font-size: 24px; height: 35px; line-height: 29px; padding: 0 0 6px; }

     .counter-box p{font-size: 16px; line-height: 1.25; }

     .home-section-2 .round-img{ bottom: 10px; height: 90px; margin: 0 0 0 -60px; width: 90px; }

     .home-section-2 .squer-img{ width: 85px;     right: -20px;

        top: -14px; height: 85px;}

        .mobile-tab-block ul li{ width: 50%;}

        .home-section-3{ background: #0D1821; padding: 60px 0; }

        .tab-box .over-title{ padding: 12px ; }

        .exhibition-box{ margin: 20px 0 0 0; }

        .exhibition-list{ padding: 20px 0 0 0; }

        .testimonial-blk{  align-items: flex-start; justify-content: flex-start; }

        .testimonial-blk  .slick-list { overflow: visible; }

        .testimonial-outer .squer-img{left: -112px;top: -57px; }

        .testimonial-outer .triangle-img{ z-index: 2; }



        .testimonial-outer  .container .testi-slider-blk  { z-index: 7; position: relative;  }

        .company-block .text{ padding: 0 0 30px; }

        .company-block .company-logo{ flex-wrap: wrap; justify-content: center; gap: 25px; }

        .companies-outer{ padding: 85px 0 75px; }

        .cta-block h3{ font-size: 28px; padding: 0 0 20px;}

        .footer-top{ padding: 70px 0 30px; flex-direction: column; }

        .footer-last-img {
            text-align: center;
        }

        .footer-last-img span {
            width: 100%;
            text-align: center;
             margin-top: 0;
        }

        .footer-left .f-logo i img{ width: 100px;}

        .footer-left{ width: 100%; text-align: center; } 

        .footer-left .f-logo{ justify-content: center; align-items: center; }

        .footer-left .f-logo i{ padding: 0 0 12px; }

        .footer-left .f-text p{font-size: 18px;; }

        .f-social{ justify-content: center; }

        .f-col-main{ width: 100%; min-width: 100%;}

        .f-col-main.f-col-2{ padding: 60px 0; display: flex; }

        .f-box-main + .f-box-main{ padding: 0px; }

        .footer-bottom{ padding: 20px 0 30px; }

        .abt-banner-text h1{font-size: 32px; padding: 0 0 16px; }

        .about-banner .aboutbanner-bg span{ min-height: 640px; }

        .country-blk .country-box .country-trigger{white-space: nowrap;}





        .about-right-col h2,

        .mission-block h4,

        .desk-block .desk-left h3,

        .core-row .core-row-sub h4,

        .community-block h3{ font-size: 32px; }

        .about-vdi-blk .about-video{ width: 100%;}

        .about-right-col{ width: 100%; padding: 30px 0 0 0; }

        .core-box-list .core-box{ width:158px; padding: 20px 15px;  }

        

        .desk-block .desk-img{  width: 100%;}

        .desk-block .desk-left{ padding: 30px 0 0 0; text-align: center; width: 100%;}

        .core-row{ padding: 70px 0 0 0; }

        .core-row .core-img{ width: 100%; padding: 0 0 30px; }

        .core-row .core-row-sub {width: 100%;}

        .community-block h3{ padding: 0 0 40px; }

        .about-video-outer,

        .desk-block,

        .about-core-2-outer{ padding: 70px 0; }

        .abt-logo-blk span{ width: 105px;}

        .mission-block{ padding: 30px 18px; max-width: 550px; }

        .core-box-list .core-box h6{font-size: 16px; font-weight: 600; }

        .core-row-block{ padding: 10px 0 0 0;; }

        .community-block-inner .text p{font-size: 16px; }

        .core-box-list{flex-wrap: wrap; padding: 40px 0 00 ;   align-items: flex-start; justify-content: flex-start; gap:19px; }

        .about-core-outer{ padding: 70px 0; }

        .core-outer-inner::after{ background-size: auto 479px; top: -52px; }

        .desk-block{ flex-direction: column-reverse; }

        .desk-block .desk-left h3{display: none; }

        .desk-block .desk-left p{ line-height: 1.43; }

        .desk-block h3{ width: 100%; text-align: center; padding: 0 0 40px;  font-size: 32px; font-weight: 600; color: #F0F4EF;}

        .about-mission-outer{ padding: 232px 0 40px; }

        .core-box-list .core-box .icon img{ height: 46px; }

        .core-box-list .core-box .icon{ padding: 0 0 12px; }

        .about-desk-outer{ background: #344966; }

        .core-row{ padding: 40px 0 00; flex-direction: column; }

        .core-row .core-row-sub h4{ padding: 0 0 14px; }

        .core-row .core-row-sub .years-text{font-size: 18px; padding: 0 0 20px;  }

        .core-row .core-row-sub .text{ padding: 0 0 0 12px; }

        .core-row:nth-child(2n+0){flex-direction: column; }

        .community-block{ padding: 70px 0; }

        .community-block h3{ padding: 0 0 20px; }

        .community-block-inner{flex-direction: column; }

        .community-block-inner .text{ text-align: center; padding: 0 0 30px; }

        .community-block-inner .arrow-btn{ padding: 0px; display: flex; justify-content: center; width: 100%; }





        .team-banner-caption h1{font-size: 32px; }

    .catalogue-box a .img-main .img img{ height: 100%;  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover;  }

    .catalogue-box a .img-main .over-arrow img{ max-width:40px; }

    .catalogue-box a .name{ padding: 8px 7px; font-size: 14px; }

    .catalogue-outer{ padding: 40px 0 70px; }

    .catalogue-block{ padding: 20px 0; }

    .catalogue-block .row [class*="col-md-"]{ padding: 10px !important; width: 50%;}

    .team-banner .team-banner-bg span{ min-height:375px; }

    .catalogue-box a .img-main .img{     padding: 113% 0 0 0;position: relative;}

    .catalogue-block .row{ margin: 0 -10px !important; }

    .catalogue-search .input-text{font-size: 16px; }

    .catalogue-box{ padding: 0px;; }

    .catalogue-listing-main{ padding: 20px 0 0 0; }





    .conatact-right{ display: none; max-width: 300px; }

    .conatact-right img{ max-width: 330px; }

    .contact-block-1::after{display: none; left: calc(100% - 300px);}

    

    .contact-data-row .contact-map{ width: 100%;}

    .contact-data-right{ align-items: flex-start; justify-content: flex-start; padding: 30px 16px  ; width:100%;}

    .contact-left .contact-title h3{ padding: 0 0 10px; font-size: 32px;;}

    .contact-block-2{ padding: 0 0 70px; }

    .contact-left{ padding: 70px 0 40px; width: 100%;; }

    .contact-data-row{flex-direction: column; margin: 30px 0 0 0; }

    .ct-form .input-row{ padding: 20px 0 0 0; }

    .ct-form .input-row .input-text,

    body .nice-select{font-size: 16px; }

    .ct-form .input-row input[type="submit"]{ margin: 10px 0 0 0; }

    .contact-data-row .contact-map iframe{ height: 336px; }

    .ontact-data-inner .address h5{font-size: 18px;; padding:  0 0 8px;  }

    .section-title h3{ font-size:32px; }





    .quality-data h4,

    .Relations-block .Relations-left h4,

    .environment-data h4{font-size: 32px; }

    .Privacy-section-1,

    .quality-outer,

    .environment-outer,

    .giving-outer,

    .Relations-block{ padding: 70px 0; }

    .Privacy-img-1 img{ width: 500px;}

    .Relations-block .Relations-left,

    .quality-data,

    .environment-data,

    .giving-row .row-text-left{ width: 100%; min-width: 100%;}

    .giving-row .row-text-left h5{ font-size: 20px; padding: 0 0 10px;}

    .quality-block .quality-img,

    .environment-block .environment-img,

    .giving-row .giving-img{ width: 450px; max-width:100%; }

    .giving-row .row-text-left{ max-width: 700px; }

    .giving-row,

    .giving-row:nth-child(2n+0){ padding:50px 0 0; flex-direction: column-reverse; gap: 30px; justify-content: center; }

    .quality-data p,

    .Relations-block .Relations-left p,

    .environment-data p,

    .giving-row .row-text-left p{font-size: 16px; font-weight:600; }

    .quality-logos{gap: 20px; }



    .quality-block,

    .Relations-block,

    .environment-block{flex-direction: column; gap: 40px; }

    .Relations-right{ width: 100%;}

    .Privacy-img-1{ padding: 40px 0 0 0; }

    .mobile-show-title{ padding: 0 0 40px; display: block; }

    .quality-data h4{ display: none;}

    .quality-data p{ text-align: center; }

    .quality-logos {gap: 20px; }

    .quality-logos span{ width: calc(50% - 20px);}



    .Relations-right h6{ font-size: 20px; padding: 0 0 10px; }

    .Relations-list-boxes .box-Relations{ padding: 20px 0 0 0; }

    .Relations-list-boxes .box-Relations .title{ font-weight: 600;}

    .environment-data h4{ display: none;}

    .environment-data p{ text-align: center; }





     



    .products-slider-block{ width: 100%; margin: 0 0 30px;}

    .products-slider-block .slide-img img{ max-width: 280px; max-height: 420px; }

    .products-slider-block .slide-img img{   max-height: 420px; }

    

    .products-right-data,

    .products-slider-block .slide-img{ min-height: 0px; }

    .box-body-blk .info-box-prodcts ul li,

    .box-body-blk .text-sub p{font-size: 16px; }

    .products-right-data{ width: 100%;}

    .box-body-blk .info-box-prodcts ul li{ width: 100%; padding:0px; }

    .box-body-blk .acc-blk ul li{ margin: 30px 15px 0; }

    .pro-img-center{ margin: 70px 0 0 0; max-width: 100%; width: 700px;}

    

    .table-max-width{ width: 100%;}

    .products-table-inner  {-webkit-scroll-snap-type: x mandatory;

        -moz-scroll-snap-type: x mandatory;

        scroll-snap-type: x mandatory;

        -webkit-scroll-behavior: smooth;

        -moz-scroll-behavior: smooth;

        scroll-behavior: smooth;

        overflow: hidden;

    overflow-x: auto;

     width: 1000px;

    }

    .products-table-main {-webkit-scroll-snap-type: x mandatory;

        -moz-scroll-snap-type: x mandatory;

        scroll-snap-type: x mandatory;

        -webkit-scroll-behavior: smooth;

        -moz-scroll-behavior: smooth;

        scroll-behavior: smooth;

        overflow: hidden;

    overflow-x: auto;

    }

    .products-list-releted .row [class*="col-md-"]{ width: 50%;}

    .probox-2{ padding: 30px 0 0 0; }



 

    .products-block-1{ padding: 0px; flex-direction: column; }

    .bredecumb { display: none;}

    .products-slider-block .slick-arrow,

    .products-slider-block .slick-arrow.slick-next{ width: 12px; background-size: 100% auto;}

    .products-right-data h4{ font-size: 22px; padding: 0 0 10px;}

    .products-title-text-box{ margin: 40px 0 0 0; }

    .products-block-2{ padding: 30px 0 0 0; }

    .box-body-blk .info-box-prodcts ul li .text-1,

    .box-body-blk .info-box-prodcts ul li .text-2{ padding: 10px; }

    .box-body-blk .text-sub{ padding: 18px 10px; }

    .box-body-blk .acc-blk ul{ padding: 20px ; gap: 18px; }

    .box-body-blk .acc-blk ul li{ font-size: 16px; width: 100%; margin: 0px; }

    .products-block-3{ padding: 70px 0 0 0; }

    

    .table-max-width .table-text{ font-size: 16px;}

    .products-block-4{ padding: 70px 0 0 0; }

    .products-list-releted .row{ margin: 0 -10px !important; }

    .products-list-releted .row [class*="col-md-"]{  padding: 10px !important; }

    .probox-2{ padding: 0px;; }

    .probox-2 a{ min-height: 158px; }

    .probox-2 a .img{ padding: 20px 20px; }

    .probox-2 a .name{ padding: 9px 12px; font-size: 14px; }

    .probox-2 a img{ max-height: 78px; }

    .products-details-outer{ padding: 60px 0 70px; }



    .products-box .img img{ height: 100%; width: 100%; object-fit: contain; position: absolute; left: 0px; top: 0px; }

    .products-box .name{ font-size: 16px; padding: 12px 15px; }

    .products-listing .row .col-md-4{ width: 50% ; padding:   10px !important;}

    .products-listing .row{ margin: 0 -10px !important; }

    .products-box .img{     padding: 74% 0 0 0; position: relative;  }

    .products-listing{ padding: 60px 0 ; }





    .team-box .img img{ height: 306px; }

    .team-box .name{ padding: 10px 0 0 0; font-size: 16px;}

    .team-block .row [class*="col-md-"]{ padding:20px 10px !important; width: 50%;}

    .team-block .row{ margin: 0 -10px !important; }

    .team-box .img{     padding:94% 0 0 0; position: relative;  }

    .team-box .img img{ height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; }

    .team-box{ padding: 0px;; }

    .team-box .team-social{ padding: 8px 0 0 0; }

    .team-box .team-social{gap: 12px; }

    .team-block{ padding: 20px 0 10px; }

    .team-outer{ padding: 10px 0 40px; }

    .team-outer .round-img{ height: 80px; width: 80px; top: 30.5%; margin: 0 0 0 -40px; }

    .team-outer .squer-img{ height: 60px; width: 60px; right: -48px; }





    .slider-box-block{ margin:70px 0 0 20px;  width: 280px;}

    .History-box .big-text-years{ font-size: 40px;}

    .History-slider-block{ padding: 130px 0; align-items: flex-start; }

    .slider-thumbnail .years-text{ padding: 10px 0 40px; }

    .slider-thumbnail .years-text::after{ height: 30px; }

    .slider-thumbnail .slick-arrow.slick-prev::before{ height: 30px; }

    .slider-thumbnail{ padding: 20px 0 0 0 ; }

    .slider-thumbnail .slick-arrow.slick-prev{ top: -45px; }

    .History-arrow{display: none; }

    .slider-thumbnail{ margin: 0 0 0 -8px; width: 43px; }

    .History-box{ padding: 30px 20px; min-height: 206px; }

    .History-box .big-text-years i{ margin: 0 0 0 14px; font-size: 20px; }

    .History-box .sub-text p{ font-size: 16px;}





    .country-box .sub-box{ padding: 16px 8px; max-width: 336px; }

    .country-box .sub-box h6{  padding: 0 0 20px; font-size: 18px; }

    .country-box .sub-box ul li{font-size: 14px; }

    .country-blk .country-box .country-trigger{font-size: 16px; }



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

    .pro-title-new{ padding: 0 0 30px; }

    .box-body-blk .info-box-prodcts.on-col-table ul li .text-1,

    .box-body-blk .info-box-prodcts.on-col-table ul li .text-2{ width: 50%; font-size: 14px;}

    



    .popupinner { padding: 30px 20px; }

  .popupbox { padding: 40px 15px 30px; }

  .close { width: 30px; height: 30px; }

  .close svg { width: 16px; }

  .popupbox { max-height: 440px; }

  .popupbox h3 { font-size: 28px; }



  .desktop-nav { top: 80px; height: calc(100vh - 80px); }

    }

 @media (min-width: 568px) and (max-width: 767px) {

}

@media (min-width: 240px) and (max-width: 567px) {

}