@media (max-width: 567px) {
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    }
    .welcome-velocity-image img{
        margin-top: 20px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .welcome-velocity{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .contact-wrap{
        flex-direction: column;
        gap: 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;
    }
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    }
    .welcome-velocity-image img{
        margin-top: 20px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .welcome-velocity{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .contact-wrap{
        flex-direction: column;
        gap: 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;
    }
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    }
    .welcome-velocity-image img{
        margin-top: 20px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .welcome-velocity{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .contact-wrap{
        flex-direction: column;
        gap: 20px;
    }     
}

@media only screen and (max-width: 990px) and (min-width: 769px) {  
    .navbar-nav{
        margin-left: 0;
        margin-top: 20px;
        gap: 10px;
    }  
    .navbar-nav .nav-item .nav-link{
        padding-left: 0px;
    }
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    }
    .welcome-velocity-image img{
        margin-top: 20px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .welcome-velocity{
        padding: 30px 0;
    }
    .get-quote-form{
        margin-top: 30px;
    }
    .contact-wrap{
        flex-direction: column;
        gap: 20px;
    }    
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        padding: 0 15px;
    }	
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1025px) {
    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
        padding: 0 15px;
    }	 
    .banner-content h1 {
        font-size: 25px;
        width: 100%;
    }
    .banner{
        height: auto;
        padding: 150px 0;
    } 
}