@media (min-width: 992px) {}

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

@media (max-width: 1399.98px) {
    .main-menu .btn {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 0.75rem 1rem 0.7rem;
    }

    .menu-link {
        font-size: 14px;
        padding: 0.5rem 0.8rem;
    }
}

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

@media (max-width: 991.98px) {
    .slide-wrapper {
        height: 600px;
    }
}

@media (max-width: 767.98px) {

    .slide-wrapper {
        height: 600px;
    }

    .about-experience {
        min-height: 120px;
        width: 140px;
        padding: 1rem;
        right: -12px;
        top: -16px;
    }

    .about-number {
        font-size: 2rem;
    }

    .about-section {
        padding: 4em 0em 3em 0em;
        overflow: hidden;
    }

    .about-right {
        padding: 0.3rem;
        border-radius: 0.5rem;
    }

    .about-right img {
        border-radius: 0.4rem;
    }

    .hero-title {
        font-size: 2.1rem;
    }
}

@media (max-width: 575.98px) {
    body {
        font-size: 14px;
    }

    .h1,
    h1 {
        font-size: calc(1.1rem + 1.5vw);
    }

    .h2,
    h2 {
        font-size: calc(1.1rem + .9vw);
    }

    .h3,
    h3 {
        font-size: calc(1.1rem + .6vw);
    }

    .h4,
    h4 {
        font-size: calc(1.05rem + .3vw);
    }

    .h5,
    h5 {
        font-size: 1rem;
    }

    .h6,
    h6 {
        font-size: 0.9rem;
    }

    .header-logo {
        height: 40px;
    }

    .btn {
        font-size: 12px;
        letter-spacing: 1px;
        padding: 0.75rem 1rem 0.7rem;
    }

    .hero-btn .btn {
        padding: 0.8rem 1.4rem 0.7rem;
        min-width: 170px;
    }

    .slide-wrapper {
        height: 400px;
    }

    .hero-title {
        margin-bottom: 0.5rem;
    }

    .hero-text {
        font-size: 0.85rem;
        margin-bottom: 1.5rem;
    }

    .about-section {
        padding: 3em 0em 3em 0em;
    }

    .footer-bottom {
        margin-top: 2rem;
    }

    .subscription-btn {
        gap: 0.3rem;
        height: 45px;
        padding: 1rem;
    }

    .subscription-input {
        height: 45px;
    }

    .feature-section {
        margin-top: 0;
        padding-top: 2rem;
    }

    .feature-icon {
        width: 80px;
        height: 80px;
    }

    .feature-icon>* {
        height: 32px;
    }

    .slide-content {
        padding-block: 2rem 3rem;
    }

    .hero-btn {
        gap: 0.5rem;
    }

    .footer .social-link {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .contact-form {
        padding: 1.8rem 2rem 2rem;
        border-radius: 0.3rem;
    }

    .map-wrapper iframe {
        height: 350px;
    }

    .breadcrumb {
        font-size: 14px;
    }

    .service-card-link {
        width: 50px;
        height: 50px;
    }

    .service-card-link>svg {
        height: 24px;
    }

    .service-card {
        margin-bottom: 1rem;
    }
}