@media only screen 
and (max-width : 399px){
.banner, .banner ul, .banner ul li {
    height: 270px !important;}}
@media only screen 
and (min-width : 400px)
and (max-width : 499px) {
.banner, .banner ul, .banner ul li {
    height: 270px !important;}}
@media only screen 
and (min-width : 500px)
and (max-width : 599px) {
.banner, .banner ul, .banner ul li {
    height: 300px !important;}}
@media only screen 
and (min-width : 600px)
and (max-width : 699px) {
.banner, .banner ul, .banner ul li {
    height: 340px !important;}}
@media only screen 
and (min-width : 700px)
and (max-width : 799px) {
.banner, .banner ul, .banner ul li {
    height: 380px !important;}}
@media only screen 
and (min-width : 800px)
and (max-width : 899px) {
.banner, .banner ul, .banner ul li {
    height: 420px !important;}}
@media only screen 
and (min-width : 900px)
and (max-width : 999px) {
.banner, .banner ul, .banner ul li {
    height: 470px !important;}}
@media only screen 
and (min-width : 1000px)
and (max-width : 1099px) {
.banner, .banner ul, .banner ul li {
    height: 510px !important;}}
@media only screen 
and (min-width : 1100px)
and (max-width : 1169px) {
.banner, .banner ul, .banner ul li {
    height: 550px !important;}}
@media only screen 
and (min-width : 1170px)
and (max-width : 1229px) {
.banner, .banner ul, .banner ul li {
    height: 570px !important;}}
@media only screen 
and (min-width : 1230px)
and (max-width : 1299px) {
.banner, .banner ul, .banner ul li {
    height: 585px !important;}}
@media only screen 
and (min-width : 1300px)
and (max-width : 1399px) {
.banner, .banner ul, .banner ul li {
    height: 620px !important;}}