@media (max-width: 1199px) {
    .modal-body .modalbodyInfo {
        display: block;
    }
}
@media (max-width: 991px) {
    .inner-banner.services h2 {
        font-size: 50px;
    }
}
@media (max-width: 768px) {
    .inner-banner.services h2 {
        font-size: 40px;
    }
    .site-wrapper-reveal{height: auto;}
    .modern-it-company-hero-text {
        padding: 130px 15px !important;
    }
    .ht-box-icon.style-02 .icon-box-wrap {
        padding: 20px 15px;
    }
    .modalbodyInfo img {
        width: 100%;
    }
}
@media (max-width: 567px) {
    .ht-btn.ht-btn-sm {
        padding: 0 20px;
        font-size: 13px;
        line-height: 40px;
        height: 40px;
    }    
    .modern-it-company-hero-text {
        padding: 125px 15px 80px !important;
    }
    .filter-block .filtr-item {padding: 0 10px; width: 100% !important;}
    .brand-logo--wrap{max-width: 250px;margin:0 auto;}
    .ht-box-images.style-06 .image-box-wrap{ min-height: auto;}  
    .swiper-slide img{ width: 100%;}  
    .ht-box-icon.style-04 .icon-box-wrap{min-height: auto;}
    .client_logo_wrap{max-width:250px; margin: 0 auto;}
}