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


/*small tablets to big tablets from 768to 1023px*/
@media only screen and (max-width: 1023px) {
  
}


/*small phones to small tablets from 481 to 767px*/
@media only screen and (max-width: 767px) {
  
}


/*small phones from 0 to 480px*/
@media only screen and (max-width: 480px) {
  
}