@media only screen and ( min-width: 1400px ) and ( max-width: 1699px ) {

    .hero_banner_content h1 {
        font-size: 72px;
    }
    .section_bg_wrapp {
        padding: 150px 0 100px;
    }
    .feature_card a h3 {
        font-size: 34px;
    }

}

@media only screen and ( min-width: 1200px ) and ( max-width: 1399px ) {

    .hero_banner_content h1 {
        font-size: 64px;
    }
    .main_heading h2 {
        font-size: 54px;
    }
    .section_bg_wrapp {
        padding: 110px 0 70px;
    }
    .feature_card a h3 {
        font-size: 32px;
    }

} 

@media only screen and ( min-width: 992px ) and ( max-width: 1199px ) {

    .hero_banner_content h1 {
        font-size: 56px;
    }
    .main_heading h2 {
        font-size: 50px;
    }
    .hero_banner_content p, 
    .main_heading p {
        font-size: 22px;
    }
    .brand_logo a img {
        max-width: 150px;
    }
    .feature_card a h3 {
        font-size: 28px;
        margin-top: -30px;
    }
    .section_bg_wrapp .main_heading p {
        max-width: 100%;
    }
    .section_bg_wrapp {
        padding: 100px 0 70px;
    }
    .feature_gallery_catd img {
        height: 300px;
    }
    .section_ready_wrapp {
        padding: 50px 0 120px;
    }

} 

@media only screen and ( max-width: 991px ) {

    .header_menu {
        position: absolute;
        left: 0;
        top: 101%;
        z-index: 99;
        width: 100%;
        background-color: var(--body-white-color);
    }
    .header_menu ul {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }
    
    .header_wrapp {
        padding: 0;
    }
    .navbar_toggle .toggler_menu_icon:before {
        content: '\f057';
    }
    .navbar_toggle.collapsed .toggler_menu_icon:before {
        content: '\f0c9';
    }
    .menu_icon {
        width: 20px;
        text-align: center;
    }
    .header_menu ul li {
        width: 100%;
    }
    .header_menu ul li a {
        padding: 10px 15px;
        font-size: 14px;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid var(--border-color);
    }

}

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

    .header_right ul {
        gap: 0 25px;
    }
    .hero_banner_content h1 {
        font-size: 40px;
    }
    .main_heading h2 {
        font-size: 40px;
    }
    .hero_banner_content p, 
    .main_heading p {
        font-size: 20px;
    }
    .header_right ul li a {
        padding: 30px 0;
    }
    .feature_card a h3 {
        font-size: 26px;
        margin-top: -20px;
    }
    .section_bg_wrapp {
        background-position: 0px 150px;
        margin-top: -150px;
    }
    .main_heading p {
        max-width: 95%;
    }
    .feature_gallery_catd img {
        height: 220px;
    }
    .section_ready_wrapp {
        padding: 0px 0 90px
    }
    .brand_logo a img {
        max-width: 150px;
    }
    .footer_menu ul li a {
        font-size: 16px;
    }
    .footer_menu ul {
        gap: 10px 25px;
    }

}

@media only screen and ( max-width: 767px ) {

    .hero_banner_content p, 
    .main_heading p {
        font-size: 18px;
    }
    .main_heading p {
        max-width: 100%;
    }
    .hero_banner_content {
        text-align: center;
    }
    .section_ready_wrapp {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .footer_menu ul li a {
        font-size: 16px;
    }
    .footer_top {
        justify-content: center;
    }
    .footer_menu ul {
        justify-content: center;
    }
    .section_bg_wrapp {
        background-position: -60px 150px;
        margin-top: -150px;
    }
    .section_bg_wrapp .main_heading p {
        font-size: 16px;
    }
    .header_right ul li a {
        padding: 15px 0;
    }

}

@media only screen and ( min-width: 577px ) and ( max-width: 767px ) {

    .header_right ul {
        gap: 0 20px;
    }
    .hero_banner_content h1 {
        font-size: 46px;
    }
    .main_heading h2 {
        font-size: 40px;
    }
    .feature_gallery_catd img {
        height: 200px;
    }
    .brand_logo a img {
        max-width: 150px;
    }
    .feature_card a h3 {
        font-size: 26px;
    }

}

@media only screen and ( max-width: 576px ) {

    .hero_banner_content h1 {
        font-size: 38px;
    }
    .brand_logo a img {
        max-width: 100px;
    }
    .header_right ul {
        gap: 0 15px;
    }
    .main_heading h2 {
        font-size: 34px;
    }
    .feature_card a h3 {
        font-size: 22px;
    }
    .feature_gallery_main {
        grid-template-columns: 1fr;
    }
    .feature_gallery_catd img {
        height: 100%;
    }

}

@media (min-width: 1800px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width: 1625px
    }
}

@media only screen and ( min-width: 992px ) {

    .header_right ul li.menu_icon {
        display: none;
    } 
    .header_right {
        order: 1;
    }

}