:root {
    --header-height-small-cal: 140px;
}
.single-feature-project-box a{
    /* color: #fff !important; */
}
.image-gallery-slider-big__single-slide {
    height: 680px;
    width: 1170px;
}
.image-gallery-slider-big__single-slide img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
}
.image-gallery-slider-small__single-slide {
    width: 170px;
    height: 98px;
}

@media only screen and (min-width: 420px) and (max-width: 991px){ 
    .container, .container-md, .container-sm {
        max-width: 94%;
    }  
    .header-area {
        height: var(--header-height-small-cal);
    }
    .mobile-menu-area {
        height: 140px !important;
        display: flex;
        align-items: center;
    }
    .logo a img{
        max-width: 200px;
        width: 200px;
    }
    .mobile-navigation-icon{
        width: 60px;
        height: 60px;
    }
    .mobile-navigation-icon i:before{
        bottom: 18px;
    }
    .mobile-navigation-icon i:after{
        bottom: -18px;
    }
    .mobile-menu-overlay__body .offcanvas-navigation>ul>li>a, .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li a{
        font-size: calc(100% + 144%);
    }
    .mobile-menu-overlay__header .mobile-navigation-close-icon i{
        font-size: 60px;
    }
    .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand, 
    .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand{
        line-height: 52px;
        width: 62px;
        height: 52px;
    }
    .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before,
     .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .sub-menu li.has-children .menu-expand:before,
     .mobile-menu-overlay__body .offcanvas-navigation>ul>li.has-children .menu-expand:before{
        font-size: 40px;
     }
    
    .breadcrumb-area {
        margin-top: var(--header-height-small-cal);
    }
    .breadcrumb-page-title--style2 {
        font-size: calc(100% + 51px);
    }
    .breadcrumb-page-list li{
        font-size: calc(100% + 20px);
        padding-right: 45px !important;
    }
    .breadcrumb-page-list li.has-children:before{
        font-size: calc(100% + 0px);
        right: 10px;
    }
    .banner-image{
        background-image: url(../../assets/img/slider/mobile-res.jpeg) !important;
    }
    .industry-slider-nav-container .swiper-slide-active {
        margin: 0px -245px;
        width: 100% !important;
        z-index: 9;
    }
    .industry-single-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .industry-slider-nav-container{
        margin-bottom: -60px;
    }
    .swiper-slide-prev, .swiper-slide-next{
    }
    .feature-project-single-slide__content, .feature-project-single-slide__image, .featured-project-wrapper {
        text-align: center;
    }
    .section-title-area .title:after{
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    }
    .section-title-video-button{
        justify-content: center;
    }
      /* -------------- */
      .swiper-slide .col-md-6, .feature-project-box-wrapper1 .col-md-4{
        width: 100%;
      }
      .swiper-slide .row.align-items-center {
        gap: 4rem 0;
    }
    p, .sidebar-download-items a, .industry-single-nav__title, .industry-slider-content-single .industry-content-inner .title, .section-title-area .subtitle,
     .footer-desc, .footer-widget, .footer-copyright-left, .footer-widget__title, .social-links i{
        font-size: calc(18px + 1vw) !important;
        line-height: calc(30px + 1vw) !important;
    }
    .single-feature-project-box__link span, .single-feature-project-box__link i, .single-feature-project-box__title, .ht-btn--dark, .video-text {
        font-size: calc(16px + 1vw) !important;        
    }
    .footer-desc, .footer-logo{
        text-align: center;
        max-width: 100% !important;
    }
    .col-md-6:has(.footer-copyright-left){
        width: 100%;
        text-align: center;
    }
    .social-links ul {
        justify-content: center;
    }
    .industry-slider-content-single .industry-content-inner {
        width: 100%;
        max-width: 100%;
        background-color: #fff;
        padding: 60px 40px;
        text-align: center;
    }  
    .mobile-menu-content .social-links ul{
        display: none !important;
    }
    .sidebar-download-items li a{
        overflow: visible !important;
    }
    .sidebar-download-items li a:after {
        top: -7px;
    }
    .single-icon-info {
        justify-content: start !important;
    }
    .section-space--inner--120 {
        padding-top: 2rem !important;
    }
    .page-content-wrapper.section-space--inner--120 * {
        font-size: calc(1.25rem + 48%);
    }
    .contact-form-wrapper input, .contact-form-wrapper textarea{
        font-size: 31px !important;
        padding: 35px !important;
    }
    .career-title-area .title {
        font-size: 3.7rem !important;
    }
    .contact-location-grid__content .info-list li{
        padding: 5px 0 5px 77px;
    }
    .contact-location-grid__content .info-list li:before {
        font-size: 41px;
    }
    .contact-location-grid__wrapper .col-md-8{
        width: 100%;
    }
    .contact-social-link-list li a .link-text{
        font-size: 30px;
    }
    .contact-social-link-list li a .link-icon {
        width: 75px;
        height: 75px;
        line-height: 75px;
        font-size: 45px;
    }
    .contact-form-wrapper button#submit {
        padding: 26px 62px;
        height: auto;
        font-size: 30px;
    }
    /*---services---*/
    a.button-85.shop-ctr {
        font-size: 31px;
    }
    .faq-wrapper button.btn.btn-link {
        font-size: calc(100% + 20px) !important;
        padding-right: 65px;
    }
    .widget-title {
        font-size: 44px;
    }
    .section-service-form button.button-2.type2 {
        height: 100%;
        width: 100%;
        padding: 20px 30px;
        font-size: 30px;
        border-radius: 50px;
    }
    .btn-txt-new ion-icon{
        font-size: 2rem !important;
    }
    .card-header span i{
        font-size: 1.5rem !important;
    }
    .single-feature-project-box a span {
        color: #fff;
    }
}