@media (min-width: 1281px) {
.main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
}
  
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
 .main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
} 
  
  
}

@media (min-width: 768px) and (max-width: 1024px) {
.main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
}  
  
  
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
}  
  
  
}

@media (min-width: 481px) and (max-width: 767px) {
.main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
}  
  
  
}

@media (min-width: 320px) and (max-width: 480px) {
.main-banner-sub-page{
    width: 100%;
    height: 572px;
    position: relative;
    padding: 0;
    overflow: hidden;
}  
  
  
}