/*big stuff*/

@media only screen and (max-width: 1200px){
    
    .hero-text-box{
        width: 100%;
        padding 0 2%;
    }
}





/*small tablet to big tablet*/

@media only screen and (max-width: 1027px){
    
}



/*small phones and tablets*/


@media only screen and (max-width: 767px){
    
}


/*very small phones*/

@media only screen and (max-width: 480px){
    
}