/*=========================================================
                    RESPONSIVE
=========================================================*/

@media (max-width: 1199px) {

    .container {
        padding:0 20px;
    }

    .hero {
        padding:70px 0;
    }

    .hero .row {
        gap:36px;
    }

    .hero-image {
        max-width:100%;
    }

}

@media (max-width: 991px) {

    .hero {
        min-height:auto;
        padding:60px 0;
    }

    .hero .row {
        display:block;
    }

    .hero .col-lg-6 {
        width:100%;
        max-width:100%;
    }

    .hero-title {
        font-size:48px;
    }

    .hero-text {
        font-size:16px;
    }

    .hero-buttons {
        flex-direction:column;
        align-items:flex-start;
    }

    .hero::before {
        display:none;
    }

    .navbar-nav {
        margin-top:18px;
    }

}

@media (max-width: 767px) {

    body {
        font-size:15px;
    }

    .section {
        padding:55px 0;
    }

    .section-title {
        font-size:38px;
    }

    .hero-title {
        font-size:36px;
    }

    .hero-buttons .btn {
        width:100%;
        justify-content:center;
    }

    .feature-box,
    .service-card,
    .testimonial-card,
    .about-item,
    .contact form {
        padding:28px;
    }

    .why-item {
        flex-direction:column;
        align-items:flex-start;
    }

    .why-icon {
        margin-bottom:12px;
    }

    .feature-box {
        min-height:auto;
    }

    .counter-box {
        padding:18px;
    }

    .footer {
        padding:55px 0 25px;
    }

}

@media (max-width: 575px) {

    .navbar-brand {
        font-size:24px;
    }

    .section-title {
        font-size:32px;
    }

    .service-card h4 {
        font-size:20px;
    }

    .cta-box {
        padding:36px 22px;
    }

    .contact form {
        padding:24px 18px;
    }

}