@media (max-width:991px){

.header-right{

    margin-top:20px;

    flex-direction:column;

    align-items:flex-start;

}

.navbar-nav{

    margin-top:20px;

}

.nav-link{

    margin:8px 0;

}

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

.hero{

    text-align:center;

    padding-top:150px;

}

.hero-list li{

    justify-content:center;

}

.hero-buttons{

    justify-content:center;

}

.hero-image{

    margin-top:50px;

}

.hero h1{

    font-size:42px;

}

}

@media (max-width:576px){

.hero h1{

    font-size:34px;

}

.hero-text{

    font-size:16px;

}

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


.feedback-wrapper{

    grid-template-columns:1fr;

    padding:35px;

}


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


.contact-card{

    padding:30px;

}


.map-wrapper{

    min-height:350px;

}


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


.footer-content{

    flex-direction:column;

}


.footer-links{

    flex-direction:column;

    align-items:flex-start;

}


}

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

@media (max-width: 991px) {

    .navbar {

        padding: 15px 0;
        background: #fff;
        box-shadow: 0 2px 15px rgba(0,0,0,.06);

    }

    .navbar-collapse {

        margin-top: 15px;
        padding: 25px;

        background: #fff;

        border-radius: 16px;

        box-shadow: 0 15px 40px rgba(0,0,0,.12);

    }

    .navbar-nav {

        margin-bottom: 20px;

    }

    .navbar-nav .nav-item {

        margin-bottom: 10px;

    }

    .navbar-nav .nav-link {

        font-size: 20px;
        font-weight: 600;

    }

    .header-right {

        display: flex;
        flex-direction: column;
        gap: 15px;

    }

    .header-right .phone {

        text-align: center;
        font-size: 22px;
        font-weight: 700;

    }

    .header-right .btn {

        width: 100%;

    }

}