@media only screen and (max-width: 1900px), (max-width: 1920px){ 
.banner,
.banner-img{height:auto !important;}
}

@media only screen and (max-width: 1660px), (max-width: 1680px){ 
.banner,
.banner-img{height:364px;}
}

@media only screen and (max-width: 1600px), (max-width: 1659px){ 
.banner,
.banner-img{height:312px;}
}

@media only screen and (max-width: 1400px), (max-width: 1450px){ 
.banner,
.banner-img{height:312px;}
}

@media only screen and (max-width: 1360px), (max-width: 1370px){
.banner, 
.banner-img{height:298px;}
}

@media only screen and (max-width: 1260px), (max-width: 1299px){ 
.banner,
.banner-img{height:276px;}
}

@media only screen and (max-width: 1000px), (max-width: 1199px){ 
.banner,
.banner-img{height:220px;}
}

@media only screen and (max-width: 800px), (max-width: 899px){ 
.banner,
.banner-img{height:400px;}
.banner{margin:10px 0 0 0;}
}

@media only screen and (max-width: 768px), (max-width: 799px){ 
.banner,
.banner-img{height:384px;}
}

@media only screen and (max-width: 400px), (max-width: 499px){ 
.banner,
.banner-img{height:207px;}
}

@media only screen and (max-width: 399px){ 
.banner,
.banner-img{height:195px;}
}

@media only screen and (max-width: 375px){
.banner, 
.banner-img{height:188px;}
}

@media only screen and (max-width: 360px){
.banner, 
.banner-img{height:180px;}
}

@media only screen and (max-width: 320px){ 
.banner,
.banner-img{height:160px;}
}