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

@media (max-width: 1200px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    .nav-inner {
        display: none;
    }

    .item.res-menu {
        display: block;
    }

    header .btn {
        display: none;
    }

    .head-inner {
        padding: 10px 20px 15px;
        border-radius: 0 0 25px 25px;
    }

    .logo-h {
        max-width: 134px;
    }

    .banner-h {
        padding: 50px 0;
    }

    .banner-text h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-img svg,
    .banner-img img {
        max-height: max-content;
    }

    .banner-img {
        margin-bottom: 30px;
    }

    .banner-h .col-md-12 {
        display: flex;
        flex-direction: column-reverse;
    }

    .services-h {
        padding: 15px 0 0;
    }

    ul.slick-dots {
        margin-top: 20px;
    }

    .about-h {
        padding: 50px 0;
    }

    .about-img .img {
        /* position: relative; */
        top: 0;
        max-width: 90%;
        height: 100%;
        margin-inline-start: -15px;
    }

    .about-img {
        height: 400px;
        max-width: 335px;
        position: relative;
        margin-bottom: 30px;
    }

    .progressbar-h {
        margin-inline-end: 0;
        margin-bottom: 20px;
    }

    .about-text h2 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 15px;
    }

    .about-h .counter-h.row .col-md-4 {
        width: 50%;
    }

    .counter-h {
        margin-top: 20px;
    }

    .title h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .client-block {
        height: 65px;
        border-radius: 15px;
    }

    .client-block .img-block {
        max-width: 70.5px;
        max-height: 40.54px;
    }

    .client-block .img-block img {
        max-height: 40.54px;
    }

    .why-h {
        padding: 50px 0;
    }

    .why-title {
        margin-bottom: 35px;
    }

    .why-title h3 {
        font-size: 30px;
        line-height: 45px;
    }

    .footer-top {
        padding: 40px 0;
    }

    .logo-f {
        max-width: 150px;
    }

    .info-f {
        flex-direction: column;
        gap: 18px 0;
        border-radius: 20px;
        padding: 20px;
        margin-bottom: 25px;
    }

    .info-f .item a i {
        width: 35.35px;
        height: 35.35px;
        font-size: 13px;
    }

    .info-f .item a span {
        font-size: 15px;
    }

    .links-f ul {
        justify-content: center;
        gap: 20px;
    }

    .links-f {
        margin-bottom: 30px;
    }

    .footer-bottom {
        text-align: center;
    }

    .s-h {
        justify-content: center;
        margin-top: 15px;
    }

    .mobile-menu .menu-box .logo-h {
        margin: 20px;
    }

    .mobile-menu .menu-box .menu-outer .btn {
        margin: 30px 20px 0;
    }

    .about-text p {
        font-size: 15px;
        line-height: 24px;
    }

    .counter-in-h .col-md-3 {
        width: 50%;
    }

    .counter-in-h .counter-h {
        gap: 15px 0;
    }

    .why-in-h {
        padding: 50px 0;
    }

    .why-block .details {
        padding-top: 20px;
    }

    .why-block .details h3 {
        font-size: 26px;
    }

    .why-block .details p {
        font-size: 14px;
        line-height: 25px;
    }

    .breadcrumb-h {
        padding: 40px 0;
    }

    .bread-text h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .bread-text ul li a,
    .bread-text ul li span {
        font-size: 18px;
        line-height: 52px;
    }

    .mobile-menu .menu-box .navigation li.current-menu-item a {
        color: var(--main-color);
    }

    .all-pages {
        margin-top: 10px;
    }

    .all-pages .pagination {
        padding: 10px;
        border-radius: 10px;
    }

    .all-pages .pagination .page-link.prev-page {
        margin-inline-end: 15px;
    }

    .all-pages .pagination .page-link.next-page {
        margin-inline-start: 15px;
    }

    .single-project-inner .img-big {
        height: 300px;
    }

    .imgs-single-project .img-small {
        height: 60px;
        border-radius: 10px;
    }

    .imgs-single-project .slider-single-nav .item {
        padding: 0 5px;
    }

    .single-project-inner .single-project-text {
        padding-top: 40px;
    }

    .single-project-inner .single-project-video {
        height: 320px;
    }

    .single-project-inner .single-project-video a::after {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .clients-page .col-md-2 {
        width: 50%;
    }
    
    .clients-page .client-block {
        margin: 10px 0;
    }
    
    .clients-page .client-block .img-block {
        max-width: 120.5px;
        max-height: 70.54px;
    }
    
    .clients-page .client-block .img-block img {
        max-height: 60.54px;
    }
    
    .clients-page .all-pages {
        margin-top: 40px;
    }
    
    .all-pages .pagination .page-link.prev-page, .all-pages .pagination .page-link.next-page {
        font-size: 12px;
        min-width: 66px;
    }

    .whatsappIcon {
        margin: 20px;
    }
    
    .form-contact.contact-block {
        padding: 25px;
        margin-bottom: 30px;
    }
    
    .info-contact.contact-block, .map-con {
        margin: 0;
    }
    
    .info-contact.contact-block {
        padding: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 600px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 480px) {}

@media (max-width: 390px) {}

@media (max-width: 360px) {}