@media (max-width: 567px) {
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .cleaning-section{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .banner .banner-details h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .years-experience h2{
        font-size: 20px;
    }
    .years-experience a{
        text-decoration: none;
    }
    .cleaning-section h2 {
        font-size: 20px;
    }
    .cleaning-section-image{
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 568px) {
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .cleaning-section{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .banner .banner-details h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .years-experience h2{
        font-size: 20px;
    }
    .years-experience a{
        text-decoration: none;
    }
    .cleaning-section h2 {
        font-size: 20px;
    }
    .cleaning-section-image{
        margin-top: 20px;
    }   
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .cleaning-section{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .banner .banner-details h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .years-experience h2{
        font-size: 20px;
    }
    .years-experience a{
        text-decoration: none;
    }
    .cleaning-section h2 {
        font-size: 20px;
    }
    .cleaning-section-image{
        margin-top: 20px;
    }   
}
@media only screen and (max-width:  991px) and (min-width: 769px) {
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .cleaning-section{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .banner .banner-details h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .years-experience h2{
        font-size: 20px;
    }
    .years-experience a{
        text-decoration: none;
    }
    .cleaning-section h2 {
        font-size: 20px;
    }
    .cleaning-section-image{
        margin-top: 20px;
    }
    .cleaning-section-image{
        width: 100%;
        height: 500px;
    }  
}
@media only screen and (max-width:  1200px) and (min-width: 1025px) {
    
}