@media (min-width:576px) {
    
  
}
@media (min-width:768px) {
    .hero-section{
        height: 100vh;
        display: flex;
        align-items: center ;
        justify-content: center;
    }
}


@media (min-width:992px) {
    

}
@media (min-width:1200px) {
    
   
}
@media (min-width:1400px) {
    
}



@media (max-width:1299px) {
    
}

@media (max-width:992px) {
}
   
@media (max-width:768px) {
    
}
@media (max-width:576px){
   
}

@media (max-width:410px){
    
}