@media only screen and (max-width: 326px){
/* header section  start*/
#header{
    display: block;
 }
 .mobile-navbar-btn{
    display: block;
    z-index: 1001;
}
.call{
    display: none; 
}
#sub_header{
    width: 90%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 50%;   
    z-index: 1001;
}
.logo img {
    max-width: 100% !important;
}
.navbar{        
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    z-index: 998;
    top:0;
    right: 0;        

    display: flex;
    justify-content: center;
    align-items: center;  
    
    
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s ease-in-out;
    overflow-x: hidden;
  }
  #nav{
    width: 80%;
    height: 100%; 
    margin: auto;       
    display: flex;
    gap: 20px 0px;        
    flex-direction: column;
    align-items: center;
    justify-content: center;                      
  }
  .dropdown {   
    width: 190px;
}
#nav li {
    margin: 0px;
}
  
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    background: none;
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.extra_footers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */

    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 23%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 100%;
            height: auto;
        }
        .about_text {
            width: 100%;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 95%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 56%;
        }
        .sub_products {
            width: 100%;
            height: 82px;            
        }
        .slide {
            object-fit: contain;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 90%;
            padding: 10px 0px;

            display: flex;
            flex-direction: column-reverse;            
            justify-content: center;
            align-items: center;
        }
        .fact_img {
            width: 90%;
        }
        .fact_text {
            width: 98%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: auto;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.res_dev_text {
    width: 98%;
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 85%;
    padding-bottom: 20px;
}.res_dev_video {
    width: 97%;
    height: 160px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {
    width: 92%;
}
.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 90%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 86%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 82%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 96%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 86%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 98%;
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 87px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 100%;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;        
    }
    #site_visit_reg {
        width: 92%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 90%;
        height: 300px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column; 
    margin-top: 30px;  
}
#dealer_find_reg {
    width: 98%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 96%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 90%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 100%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: auto;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: auto;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
}
.faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
}
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: center;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.Categories_info_sec {
    width: 100%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 100%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: auto;
    top: 10px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.document_info .opt_link{
    width: 100%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 95%;
    margin: auto;   
}
.detalis_sec {
    width: 27%;
    padding: 0px;
}

.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 17px;
    overflow: hidden;
}

/* document page end  */




/* network page start  */
.only_map {
    width: 90%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-direction: column;
}
#chartdiv {
    width: 100%;
    height: 340px;
}
.detalis_list {
    width: 96%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */



/* qlw product page start  */
.hero_link {    
    height: 130px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: auto;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 90%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}
/* .tbale img{
    padding-left:8%;
} */

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 11px;
}
#qlw_Features {
    width: 88%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 14px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_btn {
    padding: 10px 26px;
}
.qlw_tag{
    text-align: center !important;
}
.white {
    width: 98%;
}
/* qlw product page end  */

}








@media only screen and (max-width: 426px){
/* header section  start*/
#header{
    display: block;
 }
 .mobile-navbar-btn{
    display: block;
    z-index: 1001;
}
.call{
    display: none; 
}
#sub_header{
    width: 90%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 50%;   
    z-index: 1001;
}
.logo img {
    max-width: 100% !important;
}
.navbar{        
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    z-index: 998;
    top:0;
    right: 0;        

    display: flex;
    justify-content: center;
    align-items: center;  
    
    
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s ease-in-out;
    overflow-x: hidden;
  }
  #nav{
    width: 80%;
    height: 100%; 
    margin: auto;       
    display: flex;
    gap: 20px 0px;        
    flex-direction: column;
    align-items: center;
    justify-content: center;                      
  }
  .dropdown {   
    width: 190px;
}
#nav li {
    margin: 0px;
}
  
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    background: none;
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.extra_footers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */
    #banner {
       margin-top: 30px;
    }
    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 23%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 100%;
            height: auto;
        }
        .about_text {
            width: 100%;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 95%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 56%;
        }
        .sub_products {
            width: 96%;
            margin: auto;
            height: 105px;            
        }
        .slide {
            object-fit: cover;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 90%;
            padding: 10px 0px;

            display: flex;
            flex-direction: column-reverse;            
            justify-content: center;
            align-items: center;
        }
        .fact_img {
            width: 90%;
        }
        .fact_text {
            width: 98%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: auto;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.res_dev_text {
    width: 98%;
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 85%;
    padding-bottom: 20px;
}.res_dev_video {
    width: 97%;
    height: 160px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {
    width: 92%;
}
.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 90%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 86%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 82%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 96%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 86%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 98%;
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 87px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 100%;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;        
    }
    #site_visit_reg {
        width: 92%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 90%;
        height: 300px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column; 
    margin-top: 30px;  
}
#dealer_find_reg {
    width: 98%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 96%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 90%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 100%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: auto;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: auto;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
}
.faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
}
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: center;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.Categories_info_sec {
    width: 100%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 100%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: auto;
    top: 10px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.document_info .opt_link{
    width: 100%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 95%;
    margin: auto;   
}
.detalis_sec {
    width: 27%;
    padding: 0px;
}

.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 17px;
    overflow: hidden;
}

/* document page end  */




/* network page start  */
.only_map {
    width: 90%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-direction: column;
}
#chartdiv {
    width: 100%;
    height: 340px;
}
.detalis_list {
    width: 96%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */


/* qlw product page start  */
.hero_link {    
    height: 130px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: auto;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 90%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}
.table img {
    padding-left:0%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 12px;
}
#qlw_Features {
    width: 88%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 14px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_btn {
    padding: 10px 26px;
}
.qlw_tag{
    text-align: center !important;
}
.white {
    width: 98%;
}

/* qlw product page end  */

}





@media only screen and (max-width: 567px) and (min-width: 427px ) {
    /* header section  start*/
#header{
    display: block;
 }
 .mobile-navbar-btn{
    display: block;
    z-index: 1001;
}
.call{
    display: none; 
}
#sub_header{
    width: 90%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 50%;   
    z-index: 1001;
}
.logo img {
    max-width: 65% !important;
}
.navbar{        
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    z-index: 998;
    top:0;
    right: 0;        

    display: flex;
    justify-content: center;
    align-items: center;  
    
    
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s ease-in-out;
    overflow-x: hidden;
  }
  #nav{
    width: 80%;
    height: 100%; 
    margin: auto;       
    display: flex;
    gap: 20px 0px;        
    flex-direction: column;
    align-items: center;
    justify-content: center;                      
  }
  .dropdown {   
    width: 190px;
}
#nav li {
    margin: 0px;
}
  
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    background: none;
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.extra_footers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */

    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 23%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 100%;
            height: auto;
        }
        .about_text {
            width: 100%;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 95%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 56%;
        }
        .sub_products {
            width: 96%;
            margin: auto;
            height: 135px;            
        }
        .slide {
            object-fit: cover;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 90%;
            padding: 10px 0px;

            display: flex;
            flex-direction: column-reverse;            
            justify-content: center;
            align-items: center;
        }
        .fact_img {
            width: 90%;
        }
        .fact_text {
            width: 98%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: auto;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.res_dev_text {
    width: 98%;
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 85%;
    padding-bottom: 20px;
}.res_dev_video {
    width: 97%;
    height: 160px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {
    width: 92%;
}
.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 90%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 86%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 82%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 96%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 86%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 98%;
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 110px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 100%;
        padding: 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;        
    }
    #site_visit_reg {
        width: 92%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 90%;
        height: 300px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column; 
    margin-top: 30px;  
}
#dealer_find_reg {
    width: 98%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 96%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 90%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 100%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: auto;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: auto;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
}
/* .faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
} */
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: center;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.Categories_info_sec {
    width: 100%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 100%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: 50%;
    top: 40px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.document_info .opt_link{
    width: 100%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 95%;
    margin: auto;
}
.detalis_sec {
    width: 20%;
    padding: 0px;
}
.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 7px;
    overflow: hidden;
}
/* document page end  */




/* network page start  */
.only_map {
    width: 90%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-direction: column;
}
#chartdiv {
    width: 100%;
    height: 340px;
}
.detalis_list {
    width: 96%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */



/* qlw product page start  */
.hero_link {    
    height: 130px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: auto;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 90%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}
.table img{
    padding-left:0%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 15px;
}
#qlw_Features {
    width: 88%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 17px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_tag{
    text-align: center !important;
}
.white {
    width: 98%;
}

/* qlw product page end  */
    
}




@media only screen and (max-width: 767px) and (min-width: 568px ){
     /* header section  start*/
#header{
    display: block;
 }
 .mobile-navbar-btn{
    display: block;
    z-index: 1001;
}
.call{
    display: none; 
}
#sub_header{
    width: 90%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 50%;   
    z-index: 1001;
}
.logo img {
    max-width: 46% !important;
}
.navbar{        
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    z-index: 998;
    top:0;
    right: 0;        

    display: flex;
    justify-content: center;
    align-items: center;  
    
    
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s ease-in-out;
    overflow-x: hidden;
  }
  #nav{
    width: 80%;
    height: 100%; 
    margin: auto;       
    display: flex;
    gap: 20px 0px;        
    flex-direction: column;
    align-items: center;
    justify-content: center;                      
  }
  .dropdown {   
    width: 190px;
}
#nav li {
    margin: 0px;
}
  
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    background: none;
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.detalis img {
    max-width: 50%;
    margin: auto;
}
.footer_p {    
    text-align: center;
}
.extra_footers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */

    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 23%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 50%;
            height: auto;
        }
        .about_text {
            width: 100%;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 45%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 25%;
        }
        .sub_products {
            width: 96%;
            margin: auto;
            height: 185px;            
        }
        .slide {
            object-fit: cover;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 90%;
            padding: 10px 0px;

            display: flex;
            flex-direction: column-reverse;            
            justify-content: center;
            align-items: center;
        }
        .fact_img {
            width: 60%;
        }
        .fact_text {
            width: 98%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: 505px;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.res_dev_text {
    width: 98%;
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 85%;
    padding-bottom: 20px;
}
.res_dev_img img {
    max-width: 70%;
}
.res_dev_video {
    width: 67%;
    height: 217px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_img img {
    max-width: 83%;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {
    width: 92%;
}
.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 90%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 50%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 82%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 50%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 96%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 46%;
        height: 500px;
        box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.233);
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 210px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 98%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 46%;
        padding: 30px 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;        
    }
    #site_visit_reg {
        width: 92%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 90%;
        height: 300px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column; 
    margin-top: 30px;  
}
#dealer_find_reg {
    width: 98%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 96%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 90%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 100%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: auto;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: 76%;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 12%;
    top: 50px;
}
/* .faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
} */
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: center;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.Categories_info_sec {
    width: 100%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 100%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: 50%;
    top: 70px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.document_info .opt_link{
    width: 100%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 95%;
    margin: auto;
}
.detalis_sec {
    width: 20%;
    padding: 0px;
}
.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 10px;
    overflow: hidden;
}
/* document page end  */




/* network page start  */
.only_map {
    width: 90%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-direction: column;
}
#chartdiv {
    width: 100%;
    height: 340px;
}
.detalis_list {
    width: 96%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */




/* qlw product page start  */
.hero_link {    
    height: 130px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: 80%;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 75%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}
.table img{
    padding-left:0%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 15px;
}
#qlw_Features {
    width: 88%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 17px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_tag{
    text-align: center !important;
}
.white {
    width: 75%;
}
/* qlw product page end  */
    
     
}





@media only screen and (max-width: 967px) and (min-width: 768px ){
     /* header section  start*/
#header{
    display: block;
 }
 .mobile-navbar-btn{
    display: block;
    z-index: 1001;
}
.call{
    display: none; 
}
#sub_header{
    width: 90%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 50%;   
    z-index: 1001;
}
.logo img {
    max-width: 50% !important;
}
.navbar{        
    width: 0%;
    height: 100vh;
    background-color: #fff;
    position: absolute;
    z-index: 998;
    top:0;
    right: 0;        

    display: flex;
    justify-content: center;
    align-items: center;  
    
    
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: all 0.6s ease-in-out;
    overflow-x: hidden;
  }
  #nav{
    width: 80%;
    height: 100%; 
    margin: auto;       
    display: flex;
    gap: 20px 0px;        
    flex-direction: column;
    align-items: center;
    justify-content: center;                      
  }
  .dropdown {   
    width: 190px;
}
#nav li {
    margin: 0px;
}
  
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    background: none;
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.extra_footer{
    flex-direction: row !important;
    align-items: center;
}
.detalis img {
    max-width: 40%;
    margin: auto;
}
.footer_p {    
    text-align: center;
}
.extra_footers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */

    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 30%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 50%;
            height: auto;
        }
        .about_text {
            width: 46%;
            overflow: hidden;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
            text-align: justify;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 45%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 25%;
        }
        .sub_products {
            width: 96%;
            margin: auto;
            height: 233px;            
        }
        .slide {
            object-fit: cover;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 96%;
            padding: 10px 0px;

            display: flex;
            flex-wrap: wrap;            
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        .fact_img {
            width: 45%;
        }
        .fact_img img {
            max-width: 90%;
        }
        .fact_text {
            width: 50%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: 505px;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.res_dev_text {
    width: aotu;
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 55%;
    padding-bottom: 20px;
}
.res_dev_img img {
    max-width: 100%;
}
.res_dev_video {
    width: 67%;
    height: 217px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_img img {
    max-width: 45%;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {    
        width: 92%;        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 65%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 45%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 82%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 50%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 96%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 46%;
        height: 500px;
        box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.233);
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 210px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 98%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 46%;
        padding: 30px 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;        
    }
    #site_visit_reg {
        width: 92%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 90%;
        height: 300px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 92%;
    height: auto;
    display: flex;
    flex-direction: column; 
    margin-top: 30px;  
}
#dealer_find_reg {
    width: 98%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 96%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 45%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 52%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
    text-align: center;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: auto;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: 76%;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 12%;
    top: 50px;
}
/* .faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
} */
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: left;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.Categories_info_sec {
    width: 43%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 53%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: 50%;
    top: 115px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.document_info .opt_link{
    width: 100%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 95%;
    margin: auto;
}
.detalis_sec {
    width: 15%;
    padding: 0px;
}
.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    gap: 7px;
    overflow: hidden;
}
/* document page end  */




/* network page start  */
.only_map {
    width: 96%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-wrap: wrap;
}
#chartdiv {
    width: 48%;
    height: 340px;
}
.detalis_list {
    width:48%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */



/* qlw product page start  */
.hero_link {    
    height: 145px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: 85%;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 70%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 15px;
}
#qlw_Features {
    width: 88%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 17px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_tag{
    text-align: center !important;
}
/* qlw product page end  */

}






@media only screen and (max-width: 1277px) and (min-width: 968px ){

     /* header section  start*/
#header{
    display: block;
 }

.call{
    display: block; 
    width: auto;
}
#sub_header{
    width: 97%;  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    padding: 10px 0px;
    border-bottom: none
}
.logo {     
    width: 17%;   
    z-index: 1001;
}
.logo img {
    max-width: 100% !important;
}
.navbar{
    width: auto;
}
#nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 20px;
} 
#nav li {
    margin: 0px;
}
#nav li a {
    font-size: 18px;
}
.fa-solid, .fas {
    font-weight: 550 !important;
}
.call a {
    font-size: 12px;
}
.actives .navbar{
    width: 100%;
    height: 100vh;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
    display: block;
  }
  .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
    display: none;
  }

/* header section  end*/


  /* footer section start */
  #footer{
    padding: 80px 0px;
  }
  .sub_footer {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.detalis{
    width: 100%;
}
.extra_footer{
    flex-direction: row !important;
    align-items: center;
}
.detalis img {
    max-width: 40%;
    margin: auto;
}
.footer_p {    
    text-align: center;
}
.extra_footers {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: auto;
    align-items: first baseline;
}

/* under footer section  */
.under_footer {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.design_authorized{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

  /* footer section end */




    /* index page  start*/

    
    /* banner section start */

    .carousel .list .item .content{
        max-width: 90%;
        padding: 0px;
        top: 30%;
    }
    .author{
       font-size: 13px;
     }
     .carousel .list .item:nth-child(1) .title{
        font-size: 42px;
     }
     .arrows {
        position: absolute;
        top: 81%;
        right: 62%;        
        max-width: 33%;
     }
     .arrows button {
        width: 50px;
        height: 50px;
    }
    .carousel .list .item:nth-child(1) .sbr {
        font-size: 23px !important;
    }
    .carousel .list .item:nth-child(1) .cool {
        font-size: 26px !important;
    }
    .carousel .list .item:nth-child(1) .guard {
        font-size: 33px !important;
    }    
        /* banner section end */


        /* about section start  */
        #about ::before, #about ::after{
            display: none;
        }
        #about_us {
            width: 90%;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .video {
            width: 50%;
            height: auto;
        }
        .about_text {
            width: 46%;
            overflow: hidden;
        }
        #about h2 {
            font-size: 32px;
            font-weight: 800;
            padding: 20px 0px 0px 0px;
        }
        .about_p{
            line-height: 20px;
            text-align: justify;
        }
        .about_text h3 {
            font-weight: 600;
        }
        .about_btnH {
            padding: 16px 24px;            
            margin-top: 16px;            
        }
               
        /* about section end  */

        /* service section start  */
        #services h2 {
            font-weight: 800;
            font-size: 25px;
        }
        .services_p {            
            font-size: 17px;
            padding: 12px 25px;       
            line-height: 21px;
         } 
         .service_box {
            width: 92%;
            margin: auto;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .single-service {
            width: 45%;
            height: auto;
        }
        .single-service h3{
            padding: 20px 0px;
        }
        /* service section end  */

        /* products section start  */

        #products::before, #products::after{
            display: none;
        }
        #products h1 {            
            font-size: 35px;           
            font-family: fantasy;
        }
        #products p{
            padding: 10px;
            line-height: 16px;
            font-size: 13px;
        }
        .products_img {
            width: 25%;
        }
        .sub_products {
            width: 96%;
            margin: auto;
            height: 290px;            
        }
        .slide {
            object-fit: cover;
        }
        /* products section end  */
        
        /* factory section start  */
        #factory {
            width: 96%;
            padding: 10px 0px;

            display: flex;
            flex-wrap: wrap;            
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        .fact_img {
            width: 45%;
        }
        .fact_img img {
            max-width: 90%;
        }
        .fact_text {
            width: 50%;
        }
        .fact_text h4{
            font-size: 23px;
            font-weight: 600;
            line-height: 30px;
        }
        .fact_text ul{
            list-style: square;

        }
        /* factory section end  */

        /* blog section start  */
        .blog {           
            padding: 40px 0px;
        }
        .box {           
            width: 84%;
        }
        .slick-prev {
            left: -22px;
        }
        .slick-next {
            right: -22px;
        }
        .b_slide{
            height: 505px;
            padding: 10px 10px 30px 10px;
            justify-content: flex-start;
            align-items: flex-start;
        }
        /* blog section end  */
 /* index page  end*/










  /* about page  start*/

  /* about_page section start  */
  .about_page_img {
    width: 100%;
    height: 300px;
    background-position: bottom;
    background-size: cover;
}
#about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
    opacity: 0.30;
}
.about_page_text{
    width: 90%;
    overflow: hidden;
    margin: auto;
}
.about_page_text h1{
    font-size: 30px;
}
.about_us_p {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_sec {
    width: 90%;
    padding: 0px;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.res_dev_text {    
    margin: auto;
    overflow: hidden;
}
.res_dev {
    font-size: 30px;
    color: #ebe6a4 !important;
    font-family: sans-serif;
}
.res_dev_p  {    
    width: 97%;
    margin: auto;
    padding: 10px 0px;
    text-align: justify;
}
.res_dev_img {
    width: 55%;
    padding-bottom: 20px;
}
.res_dev_img img {
    max-width: 100%;
}
.res_dev_video {
    width: 67%;
    height: 217px;
    border-radius: 10px;
}
.reach {
    width: 97%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.reach_img img {
    max-width: 45%;
}
.reach_text{
    width: 90%;
}
.reach_h {
    font-size: 29px;
}
.reach_img {    
        width: 92%;        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.about_btn {
    width: 120px;    
    padding: 9px;    
    letter-spacing: 1px;    
    font-weight: 900;
    border-radius: 5px
}
  /* about_page section end  */

  /* Milestones  section start  */
  .Milestones {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    background: none;
    }
    .Milestones img {
        max-width: 65%;
    }
    /* Milestones  section end  */


    /* Why_Choose section start   */
    .Why_Choose {
        width: 96%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .Why_Choose_img {
        width: 45%;
    }
    .Why_Choose_text {
        width: 96%;
    }
     /* Why_Choose section end   */

       /* about page  end*/



       /* services page start  */

       .services_banner {       
        height: 330px;
        }
        .services_banner_overlay{
        width: 80%;
        height: auto;
        left: 10%;
        top: 15%;
        }
        .services_banner_overlay p {          
            font-size: 20px;
        }
        .services_banner_overlay h1 {          
            font-size: 24px;
        }   
       #how_it_work::before, 
       #how_it_work::after{
        display: none;
       }
       .work_process {
        width: 98%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        padding: 60px 0px;
    }
    .work_process_box {
        width: 25%;
        margin-top: 50px;
    }
    #service_detalis h1 {       
        font-size: 30px;
        font-weight: 800;
    }
    .ser_p  {
        padding: 11px
    }
    .service_detalis_box {
        width: 96%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .service_single_box {
        width: 46%;
        height: 500px;
        box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.233);
    }
    .provide_service_text {
        text-align: justify;       
    }
    .service_video {
        width: 98%;
        height: 210px;        
        margin-top: 0px;
        margin-bottom: 10px;
    }
       /* services page end */

    

       /* products page start */
       .products_bucket_in {
        width: 98%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0px;
        margin: auto;

    }
    .products_bucket_in_sec {
        width: 46%;
        padding: 30px 0px;
        margin: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .products_bucket_in_sec_img {
        width: 98%;
    }
    .products_bucket_in_sec_text {
        width: 95%;
        text-align: justify;
    }
    .Features {
        width: 96%;
    }
       /* products page end  */


       /* site visit page start  */

       /* register page start */
       #free_visit {
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
       }
       .site_visit {
        width: 92%;
        height: auto;
        display: flex;
        flex-wrap: wrap;      
        margin: auto;
    }
    #site_visit_reg {
        width: 46%;
        margin: auto;
        padding: 20px 0px;
        gap: 10px;
        margin-top: 40px;
    }
    #site_visit_reg h1 {       
        font-size: 21px;
    }
    #site_visit_reg h2 {        
        font-size: 20px;        
        text-align: center;
    }
    #men {
        width: 52%;
        height: 455px;
        margin-top: 30px;
    }
    .contact_text{
        display: none;
    }
/* register page end */

/* dealer page start  */
.dealer_find {
    width: 96%;
    height: auto;
    display: flex;
    flex-wrap: wrap; 
    margin-top: 30px;
    padding: 30px 0px;  
}
#dealer_find_reg {
    width: 45%;
    margin: auto;
}
#dealer_find_reg h1 {    
    padding: 0px;
    margin: auto;
}
.d_contact_text {
    width: 45%;
    margin-top: 0px;    
}
.d_contact_text h2 {    
    text-align: center;
}
/* dealer page end  */
/* site visit page end  */



/* contact page start  */
.contact_sec {
    width: 92%;
    height: auto;    
}
#contact_reg {
    width: 45%;
    margin: auto;
    margin-top: 50px;
   padding: 20px 0px;
}
.c_contact_text {
    width: 52%;
    padding: 0px;
    margin: auto;
}
#map {
    width: 95%;
    margin: auto;
    padding: 10px 0px;
    margin-top: 40px;
}
#map iframe{
    width: 100% !important;
    height: 300px;
}
#contact_about {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#contact_about_box {
    width: 92%;
    margin: auto;
    text-align: center;
}
/* contact page end  */



/* faq page start  */
#faq_banner {
    width: 100%;
    height: 200px;
    margin-top: 90px;   
}
#faq_banner_overlay {
    width: 76%;    
    background-color: #22222267;
    color: white;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    left: 12%;
    top: 50px;
}
/* .faq {
    text-align: center;
    font-size: 30px;
    padding: 10px;
} */
#for_affter::before, #for_affter::after{
    display: none;
}
#faq_sec {
    width: 96%;
    margin: auto;
}
.faq_info {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faq_info_sec {
    width: 98%;
    padding: 0px;
}
.faq_guide{
    font-size: 20px;
    margin: auto;
}
 .faq_para {
    margin: auto;   
}

#Categories_seciton {
    width: 90%;
    margin: auto;
}
#Categories_sec {
    width: 92%;
}
.Categories_text {    
    margin: auto;
    text-align: left;
}
.Categories_info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.Categories_info_sec {
    width: 43%;
}
.Categories_guide {
    margin: auto;
}
.Categories_info_detalis {
    width: 96%;}

.Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
.Categories_info_sec5, .Categories_info_sec6 {
    width: 53%;
}
/* faq page end  */





/* career page start  */

.career {
    width: 100%;
    height: auto;  
    margin-top: 60px;
}
.career img {   
    object-fit: contain;
    max-width: 100%;
}
.job {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.job_telecaller {
    width: 96%;
    padding: 40px 0px;
    margin: auto;
}
.job_head{
    padding: 0px !important;
    text-align: center;
}
.Job_Profile {
    padding: 10px 0px !important;
    text-align: center;
}
.job_telecaller h5{
    padding: 5px 0px;
    text-align: center;
}
.job_telecaller P{
    padding: 6px 0px;
    text-align: justify;
}
.job_telecaller ul li{
    padding: 10px 0px;
}
.job_telecaller h4 {
    padding: 7px 0px;   
}
.apply_from {
    width: 90%;
    margin: auto;
    padding: 0px;
}
.apply_from p {
    padding: 7px 0px;
}
.from_fullname {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.from_fullname #e_mail, #dob {
    width: 90%;
}
.from_fullname #full_names{
    width: 90%;
    margin-top: 10px;
}
.upload_resume {
    width: 98%;
    margin-top: 10px;
}
.upload_p{
    display: none !important;
}
#upload{
    padding: 10px 7px;
}
/* career page end  */




/* document page start  */
 
#document_page {
    width: 100%;
    height: auto;
    margin-top: 70px;
}
#document_page img {   
    object-fit: contain;
    max-width: 100%;
}
#document_page_overlay {
    width: 50%;
    top: 125px;
    left: 0;
    transform: translate(50%, -50%);
}
#document {
    width: 97%;
    padding: 40px 0px;
    margin: auto;
}
.document_info {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.document_info .opt_link{
    width: 40%;
}
.document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
    width: 55%;
    margin: auto;
}
.detalis_sec {
    width: 20%;
    padding: 0px;
}
.one, .two, .three, .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items:center;
    gap: 17px;
    overflow: hidden;
}
/* document page end  */




/* network page start  */
.only_map {
    width: 96%;
    display: flex;
    padding: 100px 0px 50px 0px;
    flex-wrap: wrap;
}
#chartdiv {
    width: 48%;
    height: 340px;
}
.detalis_list {
    width:48%;
    overflow: hidden;
}
.detalis_list li {    
    width: 100%;
    padding: 10px 0px;
}
.detalis_list li a {  
    justify-content: space-evenly;
}
/* network page end  */




/* qlw product page start  */
.hero_link {    
    height: 160px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: 85%;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 55%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 17px;
}
#qlw_Features {
    width: 55%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 90%;
}
.qlw_li {    
    font-size: 17px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_tag{
    text-align: center !important;
}

/* qlw product page end  */

}






@media only screen and (max-width: 1567px) and (min-width: 1278px ){

     /* header section  start*/
     #header{
        display: block;
     }
    
    .call{
        display: block; 
        width: auto;
    }
    #sub_header{
        width: 97%;  
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;  
        padding: 10px 0px;
        border-bottom: none
    }
    .logo {     
        width: 17%;   
        z-index: 1001;
    }
    .logo img {
        max-width: 100% !important;
    }
    .navbar{
        width: auto;
    }
    #nav {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: auto;
        gap: 20px;
    } 
    #nav li {
        margin: 0px;
    }
    #nav li a {
        font-size: 18px;
    }
    .fa-solid, .fas {
        font-weight: 550 !important;
    }
    .call a {
        font-size: 12px;
    }
    .actives .navbar{
        width: 100%;
        height: 100vh;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }
      .actives .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
        display: block;
      }
      .actives .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
        display: none;
      }
    
    /* header section  end*/
    
    
      /* footer section start */
      #footer{
        padding: 80px 0px;
      }
      .sub_footer {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .detalis{
        width: 100%;
    }
    .extra_footer{
        flex-direction: row !important;
        align-items: center;
    }
    .detalis img {
        max-width: 40%;
        margin: auto;
    }
    .footer_p {    
        text-align: center;
    }
    .extra_footers {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        margin: auto;
        align-items: first baseline;
    }
    
    /* under footer section  */
    .under_footer {
        width: 80%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .design_authorized{
        text-align: center;
        padding: 0px 0px 20px 0px;
    }
    
      /* footer section end */
    
    
    
    
        /* index page  start*/
    
        
        /* banner section start */
    
        .carousel .list .item .content{
            max-width: 90%;
            padding: 0px;
            top: 30%;
        }
        .author{
           font-size: 13px;
         }
         .carousel .list .item:nth-child(1) .title{
            font-size: 42px;
         }
         .arrows {
            position: absolute;
            top: 81%;
            right: 62%;        
            max-width: 33%;
         }
         .arrows button {
            width: 50px;
            height: 50px;
        }
        .carousel .list .item:nth-child(1) .sbr {
            font-size: 23px !important;
        }
        .carousel .list .item:nth-child(1) .cool {
            font-size: 26px !important;
        }
        .carousel .list .item:nth-child(1) .guard {
            font-size: 33px !important;
        }    
            /* banner section end */
    
    
            /* about section start  */
            #about ::before, #about ::after{
                display: block;
            }
            #about_us {
                width: 90%;
    
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
            .video {
                width: 50%;
                height: auto;
            }
            .about_text {
                width: 46%;
                overflow: hidden;
            }
            #about h2 {
                font-size: 32px;
                font-weight: 800;
                padding: 20px 0px 0px 0px;
            }
            .about_p{
                line-height: 20px;
                text-align: justify;
            }
            .about_text h3 {
                font-weight: 600;
            }
            .about_btnH {
                padding: 16px 24px;            
                margin-top: 16px;            
            }
                   
            /* about section end  */
    
            /* service section start  */
            #services h2 {
                font-weight: 800;
                font-size: 25px;
            }
            .services_p {            
                font-size: 17px;
                padding: 12px 25px;       
                line-height: 21px;
             } 
             .service_box {
                width: 96%;
                margin: auto;
    
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;                
            }
            .single-service {
                width: 30%;
                height: auto;
            }
            .single-service h3{
                padding: 20px 0px;
            }
            /* service section end  */
    
            /* products section start  */
    
            #products::before, #products::after{
                display: none;
            }
            #products h1 {            
                font-size: 35px;           
                font-family: fantasy;
            }
            #products p{
                padding: 10px;
                line-height: 16px;
                font-size: 13px;
            }
            .products_img {
                width: 17%;
            }
            .sub_products {
                width: 96%;
                margin: auto;
                height: 310px;            
            }
            .slide {
                object-fit: cover;
            }
            /* products section end  */
            
            /* factory section start  */
            #factory {
                width: 96%;
                padding: 10px 0px;
    
                display: flex;
                flex-wrap: wrap;            
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }
            .fact_img {
                width: 45%;
            }
            .fact_img img {
                max-width: 90%;
            }
            .fact_text {
                width: 50%;
            }
            .fact_text h4{
                font-size: 23px;
                font-weight: 600;
                line-height: 30px;
            }
            .fact_text ul{
                list-style: square;
    
            }
            /* factory section end  */
    
            /* blog section start  */
            .blog {           
                padding: 40px 0px;
            }
            .box {           
                width: 84%;
            }
            .slick-prev {
                left: -22px;
            }
            .slick-next {
                right: -22px;
            }
            .b_slide{
                height: 505px;
                padding: 10px 10px 30px 10px;
                justify-content: flex-start;
                align-items: flex-start;
            }
            /* blog section end  */
     /* index page  end*/
    
    
    
    
    
    
    
    
    
    
      /* about page  start*/
    
      /* about_page section start  */
      .about_page_img {
        width: 100%;
        height: 300px;
        background-position: bottom;
        background-size: cover;
    }
    #about_page::before, #about_page::after,.Why_Choose_sec::before,.Why_Choose_sec::after {    
        opacity: 0.30;
    }
    .about_page_text{
        width: 90%;
        overflow: hidden;
        margin: auto;
    }
    .about_page_text h1{
        font-size: 30px;
    }
    .about_us_p {    
        width: 97%;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
    }
    .res_dev_sec {
        width: 90%;
        padding: 0px;
        margin: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .res_dev_text {
        width: aotu;
        margin: auto;
        overflow: hidden;
    }
    .res_dev {
        font-size: 30px;
        color: #ebe6a4 !important;
        font-family: sans-serif;
    }
    .res_dev_p  {    
        width: 97%;
        margin: auto;
        padding: 10px 0px;
        text-align: justify;
    }
    .res_dev_img {
        width: 40%;
        padding-bottom: 20px;
    }
    .res_dev_img img {
        max-width: 100%;
    }
    .res_dev_video {
        width: 40%;
        height: 300px;
        border-radius: 10px;
    }
    .reach {
        width: 97%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .reach_img img {
        max-width: 45%;
    }
    .reach_text{
        width: 90%;
    }
    .reach_h {
        font-size: 29px;
    }
    .reach_img {    
            width: 92%;        
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    
    .about_btn {
        width: 120px;    
        padding: 9px;    
        letter-spacing: 1px;    
        font-weight: 900;
        border-radius: 5px
    }
      /* about_page section end  */
    
      /* Milestones  section start  */
      .Milestones {
        width: 100%;
        height: auto;
        padding: 30px 0px;
        background: none;
        }
        .Milestones img {
            max-width: 65%;
        }
        /* Milestones  section end  */
    
    
        /* Why_Choose section start   */
        .Why_Choose {
            width: 96%;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .Why_Choose_img {
            width: 45%;
        }
        .Why_Choose_text {
            width: 96%;
        }
         /* Why_Choose section end   */
    
           /* about page  end*/
    
    
    
           /* services page start  */
    
           .services_banner {       
            height: 330px;
            }
            .services_banner_overlay{
            width: 80%;
            height: auto;
            left: 10%;
            top: 15%;
            }
            .services_banner_overlay p {          
                font-size: 20px;
            }
            .services_banner_overlay h1 {          
                font-size: 24px;
            }   
           #how_it_work::before, 
           #how_it_work::after{
            display: none;
           }
           .work_process {
            width: 98%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            align-items: center;
            padding: 60px 0px;
        }
        .work_process_box {
            width: 25%;
            margin-top: 50px;
        }
        #service_detalis h1 {       
            font-size: 30px;
            font-weight: 800;
        }
        .ser_p  {
            padding: 11px
        }
        .service_detalis_box {
            width: 96%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }
        .service_single_box {
            width: 30%;
            height: 500px;
            box-shadow: 0px 0px 4px 0px rgba(128, 128, 128, 0.233);
        }
        .provide_service_text {
            text-align: justify;       
        }
        .service_video {
            width: 98%;
            height: 210px;        
            margin-top: 0px;
            margin-bottom: 10px;
        }
           /* services page end */
    
        
    
           /* products page start */
           .products_bucket_in {
            width: 98%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding: 0px;
            margin: auto;
    
        }
        .products_bucket_in_sec {
            width: 46%;
            padding: 30px 0px;
            margin: 0px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .products_bucket_in_sec_img {
            width: 98%;
        }
        .products_bucket_in_sec_text {
            width: 95%;
            text-align: justify;
        }
        .Features {
            width: 96%;
        }
           /* products page end  */
    
    
           /* site visit page start  */
    
           /* register page start */
           #free_visit {
            width: 100%;
            background-size: cover;
            background-repeat: no-repeat;
           }
           .site_visit {
            width: 92%;
            height: auto;
            display: flex;
            flex-wrap: wrap;      
            margin: auto;
        }
        #site_visit_reg {
            width: 46%;
            margin: auto;
            padding: 20px 0px;
            gap: 10px;
            margin-top: 40px;
        }
        #site_visit_reg h1 {       
            font-size: 21px;
        }
        #site_visit_reg h2 {        
            font-size: 20px;        
            text-align: center;
        }
        #men {
            width: 52%;
            height: 455px;
            margin-top: 30px;
        }
        .contact_text{
            display: none;
        }
    /* register page end */
    
    /* dealer page start  */
    .dealer_find {
        width: 96%;
        height: auto;
        display: flex;
        flex-wrap: wrap; 
        margin-top: 30px;
        padding: 30px 0px;  
    }
    #dealer_find_reg {
        width: 45%;
        margin: auto;
    }
    #dealer_find_reg h1 {    
        padding: 0px;
        margin: auto;
    }
    .d_contact_text {
        width: 45%;
        margin-top: 0px;    
    }
    .d_contact_text h2 {    
        text-align: center;
    }
    /* dealer page end  */
    /* site visit page end  */
    
    
    
    /* contact page start  */
    .contact_sec {
        width: 92%;
        height: auto;    
    }
    #contact_reg {
        width: 45%;
        margin: auto;
        margin-top: 50px;
       padding: 20px 0px;
    }
    .c_contact_text {
        width: 52%;
        padding: 0px;
        margin: auto;
    }
    #map {
        width: 95%;
        margin: auto;
        padding: 10px 0px;
        margin-top: 40px;
    }
    #map iframe{
        width: 100% !important;
        height: 300px;
    }
    #contact_about {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    #contact_about_box {
        width: 30%;
        margin: auto;
        text-align: center;
    }
    /* contact page end  */
    
    
    
    /* faq page start  */
    #faq_banner {
        width: 100%;
        height: 250px;
        margin-top: 90px;   
    }
    #faq_banner_overlay {
        width: 76%;    
        background-color: #22222267;
        color: white;
        overflow: hidden;
        position: absolute;
        z-index: 9;
        left: 12%;
        top: 50px;
    }
    /* .faq {
        text-align: center;
        font-size: 30px;
        padding: 10px;
    } */
    #for_affter::before, #for_affter::after{
        display: none;
    }
    #faq_sec {
        width: 96%;
        margin: auto;
    }
    .faq_info {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .faq_info_sec {
        width: 98%;
        padding: 0px;
    }
    .faq_guide{
        font-size: 20px;
        margin: auto;
    }
     .faq_para {
        margin: auto;   
    }
    
    #Categories_seciton {
        width: 90%;
        margin: auto;
    }
    #Categories_sec {
        width: 92%;
    }
    .Categories_text {    
        margin: auto;
        text-align: left;
    }
    .Categories_info {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .Categories_info_sec {
        width: 43%;
    }
    .Categories_guide {
        margin: auto;
    }
    .Categories_info_detalis {
        width: 96%;}
    
    .Categories_info_sec1, .Categories_info_sec2, .Categories_info_sec3, .Categories_info_sec4,
    .Categories_info_sec5, .Categories_info_sec6 {
        width: 53%;
    }
    /* faq page end  */
    
    
    
    
    
    /* career page start  */
    
    .career {
        width: 100%;
        height: auto;  
        margin-top: 60px;
    }
    .career img {   
        object-fit: contain;
        max-width: 100%;
    }
    .job {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .job_telecaller {
        width: 96%;
        padding: 40px 0px;
        margin: auto;
    }
    .job_head{
        padding: 0px !important;
        text-align: center;
    }
    .Job_Profile {
        padding: 10px 0px !important;
        text-align: center;
    }
    .job_telecaller h5{
        padding: 5px 0px;
        text-align: center;
    }
    .job_telecaller P{
        padding: 6px 0px;
        text-align: justify;
    }
    .job_telecaller ul li{
        padding: 10px 0px;
    }
    .job_telecaller h4 {
        padding: 7px 0px;   
    }
    .apply_from {
        width: 90%;
        margin: auto;
        padding: 0px;
    }
    .apply_from p {
        padding: 7px 0px;
    }
    .from_fullname {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .from_fullname #e_mail, #dob {
        width: 90%;
    }
    .from_fullname #full_names{
        width: 90%;
        margin-top: 10px;
    }
    .upload_resume {
        width: 98%;
        margin-top: 10px;
    }
    .upload_p{
        display: none !important;
    }
    #upload{
        padding: 10px 7px;
    }
    /* career page end  */
    
    
    
    
    /* document page start  */
     
    #document_page {
        width: 100%;
        height: 240px;
        margin-top: 70px;
    }
    #document_page img {   
        object-fit: contain;
        max-width: 100%;
    }
    #document_page_overlay {
        width: 50%;
        top: 120px;
        left: 0;
        transform: translate(50%, -50%);
    }
    #document {
        width: 97%;
        padding: 40px 0px;
        margin: auto;
    }
    .document_info {
        width: 90%;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .document_info .opt_link{
        width: 40%;
    }
    .document_detail, .document_detail_one, .document_detail_two, .document_detail_three, .line_four {
        width: 55%;
        margin: auto;
    }
    .detalis_sec {
        width: 15%;
        padding: 0px;
    }
    .one, .two, .three, .four {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items:center;
        gap: 7px;
        overflow: hidden;
    }
    /* document page end  */
    
    
    
    
    /* network page start  */
    .only_map {
        width: 96%;
        display: flex;
        padding: 100px 0px 50px 0px;
        flex-wrap: wrap;
    }
    #chartdiv {
        width: 48%;
        height: 340px;
    }
    .detalis_list {
        width:48%;
        overflow: hidden;
    }
    .detalis_list li {    
        width: 100%;
        padding: 10px 0px;
    }
    .detalis_list li a {  
        justify-content: space-evenly;
    }
    /* network page end  */




    
/* qlw product page start  */
.hero_link {    
    height: 160px;
}
.hero_link h3 {  
    left: 0px;
    width: 100%;
}
.pro_info {
    width: 85%;
}
.pro_info p {
    color: #000000b7;
    text-align: justify;
}
.qlw-text {
    padding: 5px 20px;
}
.pro_info_img {
    width: 45%;
    height: auto;
}.table {
    width: 96%;
    overflow: hidden;
}

td, th {
    border: 1px solid #dddddd;
    text-align: center;
    padding: 8px;
    font-size: 17px;
}
#qlw_Features {
    width: 50%;
}
#qlw_Features h5 {    
    text-align: center;
}
#qlw_Method {
    width: 60%;
}
.qlw_li {    
    font-size: 17px;
    text-align: justify;
}
.qlw_banner {
    width: 100%;
    height: auto;  
}
.pro_info {
    padding-bottom: 20px;
}
.qlw_tag{
    text-align: center !important;
}

/* qlw product page end  */


}