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

    .banner_content {
        padding-left: 5rem;
    }

}


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

    .hero_banner_imgs {
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
    }

    .pricing_box {
        margin-bottom: 2rem;
    }

}


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

    .service_main {
        grid-template-columns: 1fr 0.2fr 1fr 0.2fr 1fr;
        gap: 1.5rem;
    }
    .banner_content {
        padding-left: 1rem;
    }
    .banner_content h6, 
    .numbers_box {
        padding-top: 2.25rem;
    }
    .numbers_box h2 {
        font-size: 3rem;
    } 


}


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

    .header_main {
        padding: 0;
        /* gap: 0 1rem; */
    }
    .hero_banner_content {
        padding-left: 0;
        padding-right: 0;
    }
    .feature_imgs {
        margin-top: 2rem;
        text-align: center;
    }
    .feature_padding_right {
        padding-right: 0;
    }
    .feature_padding_left {
        padding-left: 0;
    }
    .feature_bottom_content h3 {
        padding-bottom: 1rem;
    }
    .feature_bottom_content p  {
        font-size: 1rem;
    }
    .service_box_arrow {
        display: none;
    }

    .banner_imgs {
        text-align: center;
        margin-top: 2.5rem;
        display: none;
    }
    .banner_imgs img {
        width: 100%;
    }
    .banner_content {
        padding: 0;
    }
    .banner_heading h1 {
        margin-bottom: 0;
    }

    .clients_bg_main .clients_box {
        grid-template-columns: 1fr;
        padding: 1.5rem;
    }  
    .clients_bg_main .clients_box .quote_contant {
        display: flow;
    } 
    .banner_heading br {
        display: none;
    }
    .leave_from {
        margin-top: 3rem;
    }


}


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

    .service_box {
        gap: 0 1rem;
    }
    .service_main {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }

}


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

    .service_main, 
    .businesses_box, 
    .footer_box {
        grid-template-columns: 1fr;
    }
    .footer_bottom {
        display: flow;
    }
    .header_main .navbar-toggler {
        background-color: #3156f1;
        border: none;
        position: relative;
        border-radius: 5px;
        padding: 0px !important;
        width: 40px;
        height: 36px;
        line-height: 43px;
    }
    .header_main .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }
    .header_main .navbar-toggler .navbar_toggler_icon {
        position: relative;
        width: 24px;
        height: 2px;
        display: inline-block;
        background-color: #ffff;
        margin: 9px 0;
        line-height: 35px;
    }
    .header_main .navbar-toggler .navbar_toggler_icon::before, 
    .header_main .navbar-toggler .navbar_toggler_icon::after {
        content: '';
        width: 26px;
        height: 2px;
        display: inline-block;
        background-color: #ffff;
        position: absolute;
        left: 0;
    }
    .header_main .navbar-toggler .navbar_toggler_icon::before {
        top: -9px;
    }
    .header_main .navbar-toggler .navbar_toggler_icon::after {
        bottom: -9px;;
    }
    .header_right {
        display: none;
    }
    .headerRight .header_right {
        display: block !important;
    }
    .headerRight {
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 0 1rem;
    }
    .header_main #navbarMenu {
        background-color: #f4f4f5;
        margin-top: 1rem;
    }
    .header_main #navbarMenu .navbar-nav {
        padding: 1rem;
    }
    .header_main #navbarMenu .navbar-nav .nav-item {
        display: inline-block;
        width: 100%;
        padding: 0.3rem 0;
    }

    .hero_banner_imgs {
        padding: 1.5rem 0;
        text-align: center;
    }
    .partners_logo {
        border: 1px solid #dddddd;
        padding: 0.5rem 0.5rem 0.9rem;
        border-radius: 1rem;
    }
    .clients_box {
        grid-template-columns: 1fr;
    }
    .quote_icon img {
        width: 64px;
    }
    .quote_contant {
        padding-left: 0 !important;
    }
    .quote_contant p {
        font-size: 1rem;
    }
    .footer_right .social_media {
        margin-top: 2rem;
    }
    .footer_right .social_media li {
        padding-left: 0;
        padding-right: 1.5rem;
    }
    
}

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

    .footer_menu {
        gap: 1.5rem;
    }
    .partners_main {
        grid-template-columns: 1fr 1fr 1fr;
    }

}


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

    .footer_menu {
        grid-template-columns: 1fr;
    }
    .header_right .header_btns li:last-child {
        display: none;
    }
    .partners_main {
        grid-template-columns: 1fr 1fr;
    }

}


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

    .headerRight .header_right {
        display: none !important;
    }

}