@media (min-width:1400px){
    h1,.h1{font-size: 72px;}
    .common-contetn-section p{margin-bottom: 0;font-size: 23px;}
    .power-list-section h4{font-size: 36px;}
    header .header-bootom .menu-area ul li:not(:first-child){margin-left: 3.5vw;}
    .counter-list-section h5 { font-size: 28px; }
    .box-list .service-box h4{font-size: 32px}
    .services-section{padding: 100px 0;}
    .right-content-box p,.contact_page_section .left-detail-box ul li,.right-content-box ul li,.right-content-box ol li{font-size: 24px;color: #5f656e;}
    .form-box form .btn{padding-left: 75px; padding-right: 75px;} 

    .get-quote-section .right-detail-box p, .get-quote-section .right-detail-box li{font-size: 24px;}

}
@media (max-width:1599px){
.footer-bottom .footer-menu-area ul{gap: 5vw;}
.footer-top .logo-list { gap: 3.2vw; }
.gradient-text , .inner-hero-banner .gradient-text{ font-size: 100px;}
.btn,.btn-white{padding: 13px 40px;font-size: 22px;}

.services-section .box-list{gap: 25px;}
.services-section .box-list .service-box a{padding: 40px;}
}
@media (max-width:1399px){
     h4, .h4 { font-size: 28px; }
    header .header-bootom .menu-area ul li a{font-size: 18px;}
    header .header-bootom .logo img{max-width: 350px;}
   
    .footer-bottom .footer-menu-area ul{gap: 3vw;}
    .footer-top .logo-list { gap: 2vw; }
    .belec-footer .footer-bottom .bottom-box .con-num{font-size: 22px;}

    .common-contetn-section .common-box img { max-width: 130px; }

    .power-list .list-box ul{gap: 18px;}
    .power-list .list-box ul li{font-size: 24px;    padding-left: 38px;    background-size: 25px;}
    .box-list .service-box h4 { text-transform: uppercase; margin-bottom: 20px; min-height: 70px; }

    .contact-section .form-box form .input-box{font-size: 22px;padding: 10px 15px;}
}
@media (max-width:1199px){
    h1, .h1 { font-size: 40px;}
    h2, .h2{font-size: 32px;}
    h4, .h4 { font-size: 26px; }
    h5, .h5 { font-size: 20px; }
    p,body,a,li{font-size: 18px;}
    .get-quote-section .contact-form-box lable,.get-quote-section .contact-form-box .wpcf7-radio .wpcf7-list-item span { font-size: 20px;}
    section{padding: 60px 0;}

    .btn{font-size: 18px;padding: 12px 25px;}

    header .header-bootom .logo img { max-width: 200px; }
    header .header-bootom { padding: 10px 0; }
    header .header-bootom .menu-area ul li:not(:first-child) { 
/*       margin-left: 9px;  */
      margin-left: 35px; 
   }
   header .header-bootom .menu-area ul .sub-menu-toggle-icon {
      width:20px;
   }
    header .header-bootom .menu-area ul li a{font-size: 14px;}

    .footer-top .logo-list img { max-width: 115px; }
    .footer-bottom .footer-menu-area ul{gap: 1.5vw;}
    .belec-footer .footer-top{padding: 15px 0;}
    .belec-footer .footer-bottom{padding: 20px 0;}

    .btn, .btn-white { padding: 12px 35px; font-size: 18px; }
    .gradient-text, .inner-hero-banner .gradient-text { font-size: 80px !important; }

    .common-contetn-section .common-box img { max-width: 100px; }

    .power-list-section .left-title-box{width: 44vw;}
    .power-list-section .left-title-box h4{font-size: 23px;}

    .counter-list-section .counter-list .col-3 { padding-top: 0; padding-bottom: 0;}

    .services-section .box-list .service-box a{padding: 30px;}

    .content-with-image-section H2, .content-with-image-section .info { margin-bottom: 20px; }

    .inner-contact-box .bottom-box,.inner-contact-box .con-video-url { padding: 22px 30px}

    .contact-section .form-box form .input-box{font-size: 20px;padding: 10px 15px;}

    .inner-hero-banner {padding: 100px 0;}
   
   .proactive-list-section .proactive-list .proactive-box{width:50%;}
   
   .culture-list .culture-box{padding:15px}

    .team-member-list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:991px){
    p,body,a,li{font-size: 16px;}
    .footer-top .logo-list img { max-width: 100px; }
    .footer-bottom a.logo { max-width: 170px; }
    .footer-bottom .footer-menu-area ul li a{font-size: 14px}
    .belec-footer .footer-bottom .bottom-box .con-num img { max-width: 22px; }

    .common-contetn-section .common-box img { max-width: 90PX; }
    .power-list-section .power-list .list-box{padding-left: 7vw}
    .power-list .list-box ul li{font-size: 22px;}
    .belec-footer .footer-bottom .bottom-box span { padding-left: 35PX; }

    .services-section .box-list{grid-template-columns: repeat(2, 1fr);}
    .contact-section h2 { margin-bottom: 30px; }
    header .header-bootom .menu-area ul li:not(:first-child) {
        margin-left: 20px;
    }
       header .header-bootom .menu-area ul li a {
        font-size: 12px;
    }
    .gradient-text, .inner-hero-banner .gradient-text { font-size: 60px !important; }
    .inner-hero-banner {padding: 80px 0;}
   
   .culture-list{ grid-template-columns: repeat(1, 1fr);}
    .contact_page_section .right-detail-box h3{font-size: 32px;}
}
@media (max-width:782px){
body.logged-in { padding-top: 46px; }
body.logged-in header{top: 46px;}
}
@media (max-width:767px){
    h1, .h1 { font-size: 32px; } .d-none{display: block;}
    h2, .h2 { font-size: 28px; }
    h4, .h4 { font-size: 24px; }
    h5, .h5 { font-size: 20px; }
    .m-none{display: none;}
    .container{max-width: 100%;}
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{max-width:100%;}
    section{padding-top: 40px;padding-bottom: 40px;}
    p,body,a,li{font-size: 16px;}
    p { margin-bottom: 15px;}
    
    .btn, .btn-white { padding: 12px 35px; font-size: 16px; }
    .gradient-text,.inner-hero-banner .gradient-text { font-size: 38px !important;         word-wrap: break-word;}

    header .header-bootom{padding: 10px 0 8px;}
    header .header-bootom .d-flex{align-items: center;}
    header .header-top .d-flex { align-items: center; gap: 5px;justify-content: center;}
    header .header-bootom .logo img { max-width: 180px; }
    a#hamburger-icon { max-width: 30px; }

    #mobile_menu_popup{ position: fixed; display: block; width: 320px; height: 100%; right: 0; top: 0; background: #FFF; z-index: 99; display: flex; flex-direction: column; justify-content: center; padding: 40px 20px; transition:all .4s ease ; -webkit-transition:all .4s ease ; -moz-transition:all .4s ease ; -ms-transition:all .4s ease ; -o-transition:all .4s ease ; opacity: 0;right: -100%;z-index: 999;}
    #mobile_menu_popup.open{opacity: 1;right: 0;}
    #mobile_menu_popup ul li .sub-menu{display: none;}
    #mobile_menu_popup .inner-box{height: 90%;overflow-x: hidden;overflow-y: auto;}
    #mobile_menu_popup .inner-box .close-icon{position: absolute;right: 20px;top: 20px;max-width: 25px;}
    #mobile_menu_popup .inner-box ul{list-style: none;}
    #mobile_menu_popup .inner-box ul li{margin: 15px 0;}

    #mobile_menu_popup ul li a{font-size: 18px;}
    body.logged-in #mobile_menu_popup {top: 42px;}

    .footer-top .belec-top,.belec-footer .footer-bottom .bottom-box{ flex-direction: column; gap: 20px; }
    .belec-footer .footer-top { padding: 30px 0; }
    .footer-top .logo-list img { max-width: 140px; }
    .footer-top .logo-list { gap: 4vw;flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 432px; }
    .footer-bottom a.logo { max-width: unset; }
    .belec-footer .footer-bottom .bottom-box{text-align: center;}
    .footer-bottom .footer-menu-area ul { gap: 12px; flex-direction: column; }
    .belec-footer .footer-bottom .bottom-box { margin: 26px 0; }

    .hero-banner h5 br{display: none;}
    .common-contetn-section{padding: 40PX 0;}
    .common-contetn-section .common-box{flex-direction: column;align-items: center;text-align: center;}
    .common-contetn-section .common-box img { max-width: 70px; }

    .power-list-section{padding: 40px 20px;}
    .power-list-section .left-img-box{display: none;}
    .power-list-section::after{content: none ;}
    .power-list-section .right-img-box{right: unset;top: 0;left: 0; width: 100%;height: 100%;}
    .power-list-section .power-list .list-box{align-items: center;padding: 0;}
    .power-list .list-box ul{width: fit-content;}
    .power-list-section .left-title-box h4 { text-transform: uppercase; text-align: center; padding: 0; font-size: 22px;}
    .power-list-section .left-title-box { width: fit-content; position: relative; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 15px 30px; margin-bottom: 30px; }
    .power-list .list-box ul li { font-size: 20px; padding-left: 32px; background-size: 22px; }

    .counter-list-section .counter-list .col-3{border: 0;}
    .counter-list-section { padding: 30px 0; }
    .counter-list-section .counter-list .col-3 { padding-top: 10PX; padding-bottom: 10PX;}
    .counter-list-section .counter-list .col-3  .h1 { font-size: 45px; }

    .services-section .box-list { gap: 15px; grid-template-columns: repeat(1, 1fr);}
    .box-list .service-box h4 {margin-bottom: 15px; min-height: UNSET; }

    .content-with-image-section::after{content: none;}
    .content-with-image-section .left-image-box img { width: 100%; height: 65vw; margin-bottom: 20px; object-fit: cover; object-position: top; }
    .content-with-image-section .right-content-box { padding-left: 15PX; padding-right: 15PX; text-align: center; }

    .contact-section h2 { margin-bottom: 20px;text-align: center; }
    .contact-section .form-box form .input-box{font-size: 18px;}

    .inner-hero-banner {padding: 60px 0;}
    .left-right-content-section *,.common-content-section *,.services-section *,.proactive-list-section *,.culuter-list-section *,.contact_page_section *{text-align: center;}
    .h-m-20 { margin-bottom: 10px; }
   .proactive-list-section .proactive-list .proactive-box,.proactive-list-section .proactive-list.odd-count .proactive-box:last-child, .proactive-list-section .proactive-list.odd-count .proactive-box:nth-last-child(2) { width: 100%; padding:0}
   .proactive-list-section .proactive-list {margin:20px 0}
   .culture-list .culture-box { padding: 15px; border: 1px solid #5f656e; border-top: 5px solid #5f656e; }
    .section_box_list .inner-boox .heading-box{justify-content: center;}
    .contact_page_section .right-detail-box ul,.contact_page_section .left-detail-box ul{width: fit-content; margin: 0 auto 15px;}
    .contact_page_section .right-detail-box ul LI,.contact_page_section .left-detail-box ul li{text-align: left;}
    .contact_page_section .left-detail-box { margin-bottom: 40px; }
    .section_box_list .col-6 { margin-bottom: 20px; }

    .get-quote-section .contact-form-box lable,.get-quote-section .contact-form-box .wpcf7-radio .wpcf7-list-item span { font-size: 18px;}
    .contact_page_section .right-detail-box *{text-align: left;}
    .get-quote-section .contact-form-box .form-item { margin-bottom: 10px; }
    .get-quote-section .contact-form-box .form-item textarea { height: 100px; }
    .get-quote-section .contact-form-box input.wpcf7-submit{text-align: center;}
    .contact_page_section .right-detail-box{padding: 20px;}
    .get-quote-section .right-detail-box{padding-bottom: 0;}
    .right-content-box ul li,.right-content-box ol li{text-align: left;}
    .right-content-box ul,.right-content-box ol{width: fit-content; margin: 0 auto;}

    .team-member-list { grid-template-columns: repeat(2, 1fr); }

    .solution-list .box-list .service-box a { height: 40vw; display: flex; align-items: center; justify-content: center; }
   .team-popup .inner-detail{padding:15px}
   .team-popup .popup-bio {
    padding: 12px;
}
   .team-popup .popup-bio p{margin-bottom:10px}
}

@media (max-width:575px){
  .hero-banner-section { padding: 50vw 0 30vw; } 
  .blog-section .blog-list .img-box { height: 200px;}
  .hero-banner-section .h1{line-height: 1;}
    .footer-top .logo-list img { width: 57%; height: 63px; object-fit: contain; }
    .footer-top .logo-list { gap: 5px 20px; }

        .services-section .box-list .service-box a,    .inner-contact-box .bottom-box, .inner-contact-box .con-video-url { padding: 20px; }
        .team-member-list { grid-template-columns: repeat(1, 1fr); }
       
}

@media (max-width:374px){

}