@media (max-width: 768px) {
    .navbar-brand h3{
        font-size: 20px;
        color: #333;
    }
    .banner-content h1{
        font-size: 35px;
    }
    .banner{
        height: 500px;
    }
    .navbar {
        background-color: #fff;
        z-index: 10000;
    }
    .navbar-nav .nav-item .nav-link{
        color: #333;
    }
    .navbar-nav{
        gap: 5px;
        margin-top: 20px;
    }
    .common-content{
        margin-top: 20px;
    }
    .col-reverse{
        flex-direction: column-reverse;
        margin: 30px 0;
    }
    .pricing-plans h2{
        font-size: 24px;
        line-height: 32px;
    }
    .why-miami p{
        margin: 20px 0;
    }
    .single-step{
        flex-direction: column;
        align-items: flex-start;
    }
    .accordion-header button{
        font-size: 15px;
    }
    .contact-details{
        position: relative;
        transform: none;
        top: 0;
    }
    .common-heading{
        font-size: 25px;
    }
    .common-content h3, .about-details h4{
        font-size: 24px;
    }
    .about-details{
        margin-top: 20px;
    }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
    .banner{
        height: 600px;
    }
    .about-details{
        margin-top: 20px;
    }
    .common-content{
        margin-top: 20px;
    }
    .col-reverse{
        flex-direction: column-reverse;
        margin: 30px 0;
    }
    .why-miami p{
        margin: 20px 0;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 991px) {
  
}
@media only screen and (max-width: 1400px) and (min-width: 1025px) {
    
    .navbar-nav{
        gap: 10px;
    }
}