/* ... .... ..- -... .... .- -- | RESPONSIVE STYLES | ... .... ..- -... .... .- -- */
@media (max-width: 1680px) {

    .error-page,
    .site-main {
        --error-page-height: calc(100vh - 110px);
    }
}


@media (max-width: 1440px) {

    .error-page,
    .site-main {
        --error-page-height: calc(100vh - 106px);
    }

    .any-questiond-form-section {
        --form-width: clamp(430px, 22.395833vw, 22.395833vw);
    }


}


@media (min-width: 1400px) {

    /* .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .blogs-parent .container {
        max-width: 1380px;
        max-width: clamp(1380px, 71.875vw, 71.875vw);
    } */


}

@media (max-width: 1200px) {

    .error-page,
    .site-main {
        height: 100%;
        padding: clamp(40px, 3.125vw, 3.125vw) 0;
    }

    .image-gallery {
        grid-template-rows: repeat(7, clamp(60px, 3.125vw, 3.125vw));
    }

}

@media (min-width: 768px) {

    /* .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    } */

    .blogs-parent .container {
        max-width: 720px;
        max-width: clamp(720px, 37.5vw, 37.5vw);
    }
}

@media (min-width: 767px) {
    .contact-us-tab .e-n-tabs-heading {
        background-color: #F6F5FA;
        padding: clamp(10px, 0.52083vw, 0.52083vw) clamp(18px, 1.04167vw, 1.04167vw);
        border-radius: clamp(30px, 2.34375vw, 2.34375vw);
        overflow: hidden;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {

    /* .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    } */

    .blogs-parent .container {
        max-width: 960px;
        max-width: clamp(960px, 50vw, 50vw);
    }
}



@media (max-width: 1024px) {
    .any-questiond-form-section {
        --form-width: clamp(380px, 19.7916666vw, 19.7916666vw);
    }
}

@media (max-width: 992px) {
    .it-contact-form {
        --it-contact-form-control-gutter-inline: 13px;
        --it-contact-form-control-gutter-block: 10px;
    }

    .it-mdd-compare-box {
        height: 100px;
    }

    .it-single-blog .container {
        max-width: 100%;
    }

    .any-questiond-form-section {
        --form-width: clamp(300px, 15.625vw, 15.625vw);
    }

    .image-gallery {
        grid-template-rows: repeat(7, clamp(50px, 2.60416666vw, 2.60416666vw));
    }
}

@media (max-width: 768px) {
    .image-gallery {
        grid-template-rows: repeat(7, clamp(40px, 2.0833333vw, 2.0833333vw));
    }
}

@media (max-width: 767px) {
    .it-footer-decoration {
        padding-top: clamp(36px, 3.64583vw, 3.64583vw);
    }

    .it-footer-decoration::before {
        height: 100%;
    }

    .testimonial-card .client {
        flex-direction: column;
        align-items: flex-start;
    }

    .it-mdd-compare-box {
        height: auto;
    }

    .it-number-line.it-number-line-after::after,
    .it-number-line.it-number-line-before::before {
        display: none;
    }

    .it-featured-article-card {
        flex-direction: column;
    }

    .it-featured-article-card-image {
        max-width: clamp(360px, 27.0833vw, 27.0833vw);
    }

    .meet-the-team-navbar-wrapper .meet-the-team-navbar {
        background-color: transparent;
        padding: 0 0 clamp(8px, 0.416667vw, 0.416667vw) 0;
        border-radius: 0;
    }

    .meet-the-team-navbar-wrapper .meet-the-team-navbar ul {
        overflow-x: auto;
        flex-wrap: nowrap !important;
        flex-direction: row;
    }

    .meet-the-team-navbar-wrapper .meet-the-team-navbar ul li a {
        background-color: #F6F5FA;
    }


    /* .image-twin-gallery .gallery {
        gap: clamp(6px, 1.04167vw, 1.04167vw);
    } */

    .image-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 8px;
    }

    .image-gallery .gallery1,
    .image-gallery .gallery2,
    .image-gallery .gallery3,
    .image-gallery .gallery4,
    .image-gallery .gallery5,
    .image-gallery .gallery6,
    .image-gallery .gallery7 {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        grid-column-start: auto !important;
        grid-row-start: auto !important;
        height: auto;
    }

    .global-timeline-card-wrapper {
        --timeline-devider-top: 18.5px;
        /*  [37/2= 18.5] center of the divider */
    }

    .pricing-card:hover .pricing-list .elementor-icon-list-item .elementor-icon-list-icon svg rect {
        fill: inherit;
    }

    .pricing-card:hover .pricing-list .elementor-icon-list-item .elementor-icon-list-icon svg path {
        stroke: var(--white);
    }

    .any-questiond-form-section {
        --form-width: clamp(400px, 20.83333333vw, 20.83333333vw);
    }

    .any-questiond-form-section .any-questiond-info {
        width: 100%;
    }

    .meet-the-team-navbar-wrapper .elementor-icon-list-items {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .contact-us-tab .e-n-tabs-heading button {
        border: 1px solid var(--stock_light);
    }

}

@media (max-width: 600px) {
    .global-timeline-slider .slick-list {
        padding-left: 8px;
    }

    .global-timeline-slider .slick-slide {
        margin-right: 3px;
        margin-left: 3px;
    }

    .global-timeline-slider .slick-track {
        margin-right: calc(-1 * 3px);
        margin-left: calc(-1 * 3px);
    }
}

@media (max-width: 576px) {
    #backToTop {
        bottom: 90px;
    }

    .it-featured-article-card-image {
        max-width: 100%;
    }

    .meet-the-team-navbar-wrapper .meet-the-team-navbar {
        width: 100%;
    }


    /* .meet-the-team-navbar-wrapper .meet-the-team-navbar ul {
        flex-wrap: wrap;
        flex-direction: column;
    } */

    /* .meet-the-team-navbar-wrapper .meet-the-team-navbar ul li {
        margin-top: clamp(4px, 0.208333vw, 0.208333vw);
        margin-bottom: clamp(4px, 0.208333vw, 0.208333vw);
        flex: 1;
    } */

}

@media (max-width: 450px) {
    .any-questiond-form-section {
        --form-width: 100%;
    }

    .any-questiond-form-section .any-questiond-form .auther-image img {
        height: 260px;
    }
}