/* ===================================
   LARGE TABLETS & SMALL LAPTOPS
=================================== */

@media (max-width: 991px) {

    /* HERO */

    .sb-navbar {
        height: 80px;
        padding: 0 25px;
    }

    .sb-logo {
        font-size: 26px;
    }

    .sb-title {
        font-size: 14vw;
        line-height: .85;
    }

    .coming-text {
        max-width: 700px;
        width: 85%;
        font-size: 12px;
        letter-spacing: .08em;
    }

    /* SERVICES */

    .anifx-services {
        padding: 35px 0;
    }

    .anifx-services-list {
        gap: 50px;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: center;
        padding: 0 30px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .anifx-services-list::-webkit-scrollbar {
        display: none;
    }

    .service-item {
        flex-shrink: 0;
    }

    .service-item span {
        font-size: 48px;
    }

    /* CONTACT */

    .anifx-contact .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .anifx-contact-wrapper {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .anifx-contact-wrapper::after {
        display: none;
    }

    .contact-right {
        padding-left: 0;
        gap: 25px;
    }

    .contact-link {
        font-size: 60px;
    }

    .contact-bg-text {
        font-size: 28vw;
    }

    /* FOOTER */

    .anifx-footer-signature {
        padding: 0 20px 70px;
    }

    .anifx-footer-signature h2 {
        font-size: 60px;
    }
}


/* ===================================
   TABLETS
=================================== */

@media (max-width: 768px) {

    /* HERO */

    .sb-navbar {
        height: 75px;
        padding: 0 15px;
    }

    .sb-logo img {
        width: 140px;
    }

    .sb-contact-btn {
        padding: 10px 18px;
        font-size: 12px;
    }

    .sb-title {
        font-size: 18vw;
        line-height: .88;
        letter-spacing: -0.04em;
    }

    .coming-text {
        width: 90%;
        font-size: 11px;
        line-height: 1.6;
        letter-spacing: .06em;
        bottom: 25px;
    }

    /* SERVICES */

    .anifx-services {
        padding: 30px 0;
    }

    .anifx-services-list {
        gap: 35px;
        padding: 0 20px;
    }

    .service-item span {
        font-size: 38px;
    }

    /* CONTACT */

    .anifx-contact {
        padding-bottom: 70px;
    }

    .anifx-contact .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-tag,
    .social-label {
        font-size: 14px;
        letter-spacing: .22em;
    }

    .contact-link {
        font-size: 48px;
    }

    .contact-btn {
        width: 100%;
        min-width: 100%;
        height: 65px;
        font-size: 15px;
        letter-spacing: .14em;
    }

    .contact-bg-text {
        font-size: 26vw;
    }

    /* FOOTER */

    .anifx-footer-signature {
        padding: 0 20px 60px;
    }

    .anifx-footer-signature span {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .anifx-footer-signature h2 {
        font-size: 48px;
        line-height: 1.1;
    }

    .anifx-footer-signature p {
        font-size: 12px;
    }
}


/* ===================================
   MOBILE
=================================== */

@media (max-width: 576px) {

    /* HERO */

    .sb-navbar {
        padding: 0 12px;
    }

    .sb-logo img {
        width: 120px;
    }

    .sb-contact-btn {
        padding: 8px 16px;
        font-size: 11px;
    }

    .sb-title {
        font-size: 17vw;
        line-height: .9;
        letter-spacing: -0.03em;
    }

    .coming-text {
        width: 92%;
        font-size: 10px;
        bottom: 20px;
    }

    /* SERVICES */

    .anifx-services {
        padding: 25px 0;
    }

    .anifx-services-list {
        gap: 25px;
        padding: 0 15px;
    }

    .service-item span {
        font-size: 28px;
    }

    /* CONTACT */

    .anifx-contact {
        padding-bottom: 60px;
    }

    .anifx-contact .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-right {
        gap: 18px;
    }

    .contact-link {
        font-size: 32px;
        line-height: 1.1;
    }

    .input-group input {
        padding: 18px 0;
        font-size: 13px;
    }

    .contact-btn {
        height: 58px;
        font-size: 13px;
        letter-spacing: .12em;
    }

    .contact-bg-text {
        font-size: 24vw;
    }

    /* FOOTER */

    .anifx-footer-signature {
        padding: 0 15px 50px;
    }

    .anifx-footer-signature span {
        font-size: 11px;
        letter-spacing: 4px;
    }

    .anifx-footer-signature h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    .anifx-footer-signature p {
        font-size: 11px;
        margin-top: 15px;
    }
}


/* ===================================
   SMALL MOBILE
=================================== */

@media (max-width: 400px) {

    /* HERO */

    .sb-navbar {
        padding: 0 10px;
    }

    .sb-logo {
        font-size: 18px;
    }

    .sb-contact-btn {
        padding: 7px 14px;
        font-size: 12px;
    }

    .sb-title {
        font-size: 17vw;
    }

    .coming-text {
        width: 95%;
        font-size: 12px;
        line-height: 1.5;
    }

    /* SERVICES */

    .anifx-services {
        padding: 20px 0;
    }

    .anifx-services-list {
        gap: 18px;
        padding: 0 12px;
    }

    .service-item span {
        font-size: 22px;
    }

    /* CONTACT */

    .anifx-contact .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .contact-link {
        font-size: 22px;
    }

    .contact-btn {
        height: 54px;
        font-size: 12px;
    }

    .contact-bg-text {
        font-size: 24vw;
    }

    /* FOOTER */

    .anifx-footer-signature h2 {
        font-size: 22px;
        line-height: 1.25;
    }

    .anifx-footer-signature span {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .anifx-footer-signature p {
        font-size: 12px;
    }
}