@media (min-width: 1500px){
    .container{max-width:calc(90.625rem + var(--bs-gutter-x))}
}


@media (max-width: 1920px){  
}
@media (max-width: 1499px){
    html{font-size: 15.5px;}
    .banner_content_inner h1{font-size: 5rem;}
}
@media (max-width: 1400px){ 
    html{font-size: 13px;}
}
@media (max-width: 1200px){  
}
@media (max-width: 1024px){  
}
@media (min-width: 992px){  
    .sub_menu{position:absolute;left:50%;top:100%;padding:0;width:100%;list-style:none;background-color: #00000078;min-width:17.5rem;transform: translateX(-50%) translateY(6rem);opacity: 0;pointer-events: none;box-shadow: 0 0 30px var(--black50);/* border-radius: 0.5rem; */transition: all ease 0.5s;z-index: 1;z-index: 9999;  border-radius: 8px;}
    .menu-item li:hover>.sub_menu{opacity:1;transform:translateX(-50%) translateY(0);pointer-events: all;}
    .sub_menu li a{color: #fff;}
    .sub_menu li > a{border-left: solid 5px transparent;border-bottom: 1px solid #0000001a;width: 100%;}
    .sub_menu li:hover > a {border-left: solid 5px #f8f8f8;color: #ccc;}
    .sub_menu>li.active{background-color: var(--theme-color);}
}

@media (min-width: 768px) and (max-width: 980px) {
    .header_menu li a{font-size: 1.1rem;}
    .has_submenu.active .ddp-click i{transform: rotate(180deg);}
    .ddp-click { position: absolute; top: 0.45rem; right: 0.6rem; padding: 0.5rem; border: 1px solid #0000002e; color: #616161; cursor: pointer; background-color: #fff; display: block;line-height: 1;}
    .sub_menu { position: static; opacity: 1; display: none; pointer-events: all; transform: none; transition: none;border-radius: 0; background: #0f3721;}
    .sub_menu a { border-bottom: 1px solid var(--black100); padding: 0.7rem 1.1rem; display: flex ; border-left: solid 5px transparent; align-items: center; justify-content: space-between; font-size: .9rem; }

    .sub_menu { position: static; opacity: 1; display: none; pointer-events: all; transform: none; transition: none; background-color: #00000036; border-radius: 0; }
    .banner_content_inner h1 {font-size: 3rem;}
    .banner_content_inner h1 br{display: none;}
    .bg_gradient::after{width: 100%;}
    .after_banner_flex .offering_box{width: calc(100% / 2);margin-bottom: 2rem;}
    .after_banner_flex{margin-bottom: -2rem;}
    section{padding: 5rem 0;}
    .heading{line-height: 1.3;font-size: 2.438rem;}
    .zero_delay_right{margin-top: 3rem;width: 100%;display: flex;flex-wrap: wrap;}
    .zero_delay_right>div{width: calc(100%  / 2 );}
    .footer_mail li{margin: 0 15px;}
    .partnerSwiper{padding-bottom: 4rem;}
    .what_cbam_left{width: 100%;}
    .what_cbam_right{width: 100%;margin-top: 3rem;}
    .app_sec_box{justify-content: space-around;}
    .cmn_chalngs_inner{padding: 1rem;}
    .support_steps ul{width: 55%;}
    .journey_flex li{width: calc(100% / 2);}
    .benifits_left{width: 100%;}
    .benifit_right{width: 100%;margin-top: 3rem;padding-left: 4rem;}
    .benifits_left img{border: 0;}
    .faq_main{background-color: #fff;}
    .banner_counter_text h2{font-size: 2.5rem;}
    .counter_banner_sec li{margin-bottom: 2rem;}
    .book_form_left{width: 100%;}
    .book_form_right{width: 100%;margin-top: 3rem;}
    .book_a_demo{padding: 2rem;}
    .demo_heading {font-size: 2.75rem;}
    .book_demo_footer section{padding: 13rem 0;}
}
@media (max-width: 767px){  
    .impact_main ul{padding: 2rem;}
    .circle_box{font-size: 1.1rem!important;}
    .big_section{padding-top: 0;}
    .ai_box{margin-bottom: 2rem;}
    .ai_box{width: 100%;}
    .lrgst_cer_flex{width: 100%;}
    .largst_cer_right{width: 100%;margin-top: 2rem;}
    .caertictin_time{margin-top: 3rem;}
    .largst_cer_left{width: 100%;}
    .largest_cert_flex{width: 100%;}
    .header_menu li a{font-size: 1.1rem;}
    .has_submenu.active .ddp-click i{transform: rotate(180deg);}
    .ddp-click { position: absolute; top: 0.45rem; right: 0.6rem; padding: 0.5rem; border: 1px solid #0000002e; color: #616161; cursor: pointer; background-color: #fff; display: block;line-height: 1;}
    .sub_menu { position: static; opacity: 1; display: none; pointer-events: all; transform: none; transition: none;border-radius: 0; background: #0f3721;}
    .sub_menu a { border-bottom: 1px solid var(--black100); padding: 0.7rem 1.1rem; display: flex ; border-left: solid 5px transparent; align-items: center; justify-content: space-between; font-size: .9rem; }


    body{letter-spacing: normal;}
    html {font-size: 13px!important;}
    section {padding: 4.688rem 0;overflow-x: hidden;}
    .header_menu{position: fixed;top: 0;background: #000;border-radius: 0;padding: 5rem 1rem;height: 100%;left: 0;width: 80%;transform: translateX(-100%);transition: all 0.5s ease;}
    .header_menu li{width: 100%;}
    .phone-menu {display: block;margin-left: 1rem;cursor: pointer;}
    .phone-menu span {width: 24px;height: 2px;background-color: #fff;display: block;transition: allease .5s;}
    .phone-menu span:nth-child(2) {margin: 6.5px 0;}
    .menu-opened .header_menu {transform: translateX(0);}
    .menu-opened .phone-menu span:nth-child(1) {transform: rotate(-45deg);transform-origin: right;}
    .menu-opened .phone-menu span:nth-child(2) {opacity: 0;}
    .menu-opened .phone-menu span:nth-child(3) {transform: rotate(45deg);transform-origin: right;}
    .menu-opened{overflow: hidden;}
    .header_menu li a.active {color: var(--theme-color);border-bottom: 2px solid var(--theme-color);border-radius: 0;font-weight: 500;margin-bottom: .5rem;}
    .header_menu>ul>li>a{font-size: 1.5rem;}
    .social_links ul li a{font-size: 1rem;}
    .social_links ul li{margin: 0;width: calc(100% / 2);margin-bottom: 1rem;}
    .social_links ul li a i{margin-right: .5rem;}
    .social_links ul li a img{margin-right: .5rem;}
    .hov-marker, .marker{display: none;}
    .menu-opened .header_menu::after {content: '';position: fixed;width: 1000vw;height: 100%;background-color: #00000082;top: 0;left: 0;z-index: -1;}
    .menu_main{background-color: transparent;}
    .bg_gradient::after{width: 100%;background-size: 100% 100%;}
    .after_banner_flex .offering_box{width: 100%;margin-bottom: 2rem;}
    .banner_content_inner h1 {font-size: 3rem;margin-bottom: 3rem;}
    .heading{font-size: 2rem;line-height: 1.2;}
    .bg_gradient::before{width: 100%;}
    .zero_delay_right{width: 100%;margin-top: 4rem;}
    .footer_mail li{margin-bottom: 1rem;font-size: 1.5rem;min-width: 85%;}
    .footer_mail li i{width: 37px;height: 37px;}
    .social_links ul{margin-top: 1rem;justify-content: space-between;padding: 0 2rem;margin-bottom: -1rem;}
    .main_footer {padding: 2.375rem 0 3.125rem 0;}
    .container {padding: 0 1.5rem;}
    .partner_logo{background-color: #fff;height: 100px;display: flex;align-items: center;justify-content: center;padding: .5rem;}
    .partnerSwiper {padding-bottom: 3rem;}
    /* .banner_box video{height: 75vh;} */
    .banner_content_inner h1 br {display: none;}
    .banner_counter_text h2{font-size: 2rem;}
    .counter_banner_sec {margin-bottom: -2rem;width: 100%;align-items: flex-start;margin-left: 1rem;}
    .counter_banner_sec li{margin-bottom: 2rem;}
    .counter_banner_sec li:nth-child(2){margin-left: -1.5rem;}
    .what_cbam_left{width: 100%;}
    .what_cbam_right{width: 100%;margin-top: 3rem;}
    .app_sec_icon{width: 5rem;height: 5rem;}
    .app_sec_box p{width: 52%;font-size: 1.2rem;}
    .applicable_sector li{margin-bottom: 2rem;}
    .small_heading{font-size: 2rem;}
    .small_heading br{display: none;}
    .cmn_chlng_box{width: 100%;margin-bottom: 2rem;}
    .support_steps ul{width: 100%;}
    .steps_img{width: 100%;margin-top: 3rem;}
    .heading br{display: none;}
    .journey_flex li{width: 100%;margin-bottom: 2rem;}
    .benifits_left{width: 100%;}
    .benifit_right{width: 100%;margin-top: 3rem;}
    .benifit_right ul li::after{width: 23px;height: 28px;}
    .benifit_right ul{padding-left: 4rem;}
    .benifit_content{width: 100%;}
    .benifit_icon{margin-bottom: 1rem;}
    .benifits_left img{border: none;}
    .animate_logo img {max-width: 70px;}
    .faq_main{background: #fff;}
    .cmn_chalngs_inner{padding: 2.5rem;}
    .journey_box{min-height: auto;}
    p{font-size: 1.125rem;font-weight: 400;}
    .header_logo a {display: inline-block;height: auto;width: 70%;}
    .book_form_left{width: 100%;}
    .book_form_right{width: 100%;margin-top: 3rem;}
    .book_a_demo{padding: 2rem;}
    .book_a_demo form .form-group.w_49{width: 100%;}
    .demo_heading {font-size: 2.75rem;}
    .inner_heading {font-size: 2.5rem;margin-bottom: 2rem;}
}
@media (max-width: 560px){  
}