.main-banner-wapper ul.slides > li > div{ background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; } .main-banner-wapper ul.slides > li > div.slide > img { width: 100%; height: auto; } @media only screen and (min-width: 1201px) { .main-banner-wapper ul.slides > li > div .img1600{ display: block; } .main-banner-wapper ul.slides > li > div .img1200{ display: none; } .main-banner-wapper ul.slides > li > div .img768{ display: none; } .main-banner-wapper ul.slides > li > div.slide0 { background-image:url('images/book-direct-l.jpg'); } .main-banner-wapper ul.slides > li > div.slide1 { background-image:url('images/aradhana-l-1.jpg'); } .main-banner-wapper ul.slides > li > div.slide2 { background-image:url('images/LH1-1600.jpg'); } .main-banner-wapper ul.slides > li > div.slide3 { background-image:url('images/LH2-1600.jpg'); } .main-banner-wapper ul.slides > li > div.slide4 { background-image:url('images/LAGOON4-1600.jpg'); } .main-banner-wapper ul.slides > li > div.slide5 { background-image:url('images/YALA3-1600.jpg'); } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .main-banner-wapper ul.slides > li > div .img1600{ display: none; } .main-banner-wapper ul.slides > li > div .img1200{ display: block; } .main-banner-wapper ul.slides > li > div .img768{ display: none; } .main-banner-wapper ul.slides > li > div.slide0 { background-image:url('images/1200X500-main-banner.jpg'); } .main-banner-wapper ul.slides > li > div.slide1 { background-image:url('images/book-direct-m.jpg'); } .main-banner-wapper ul.slides > li > div.slide2 { background-image:url('images/aradhana-m-1.jpg'); } .main-banner-wapper ul.slides > li > div.slide3 { background-image:url('images/LH1-1200.jpg'); } .main-banner-wapper ul.slides > li > div.slide4 { background-image:url('images/LH2-1200.jpg'); } .main-banner-wapper ul.slides > li > div.slide5 { background-image:url('images/LAGOON4-1200.jpg'); } .main-banner-wapper ul.slides > li > div.slide6 { background-image:url('images/YALA3-1200.jpg'); } } @media only screen and (max-width: 767px){ .main-banner-wapper ul.slides > li > div .img1600{ display: none; } .main-banner-wapper ul.slides > li > div .img1200{ display: none; } .main-banner-wapper ul.slides > li > div .img768{ display: block; } .main-banner-wapper ul.slides > li > div.slide0 { background-image:url('images/768X370-main-banner.jpg'); } .main-banner-wapper ul.slides > li > div.slide1 { background-image:url('images/book-direct-s.jpg'); } .main-banner-wapper ul.slides > li > div.slide2 { background-image:url('images/aradhana-s-1.jpg'); } .main-banner-wapper ul.slides > li > div.slide3 { background-image:url('images/LH1-768.jpg'); } .main-banner-wapper ul.slides > li > div.slide4 { background-image:url('images/LH2-768.jpg'); } .main-banner-wapper ul.slides > li > div.slide5 { background-image:url('images/LAGOON4-768.jpg'); } .main-banner-wapper ul.slides > li > div.slide6 { background-image:url('images/YALA3-768.jpg'); } }