/*----------------------------------------------------------------------------- REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT Screen Stylesheet version: 1.0 date: 26/06/12 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /********************************************************************************************* - SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESPONSIVE - **********************************************************************************************/ /* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */ @media only screen and (max-width : 1024px) { .banner{width:85%; height:520px !important;} .banner-landing{height:520px !important;} #slideshow-container {margin-bottom:0px;} #slideshow-container-landing {margin-bottom:-40px;} #slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-180px !important; top:173px !important;} #slideshow-container-landing .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-180px !important; top:220px !important;} #slideshow-container-landing .tp-rightarrow.default {top:220px !important;} .magazine-wrap .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-110px !important;} .tp-rightarrow.default {background-color:#fafafa !important; top:173px !important;} .tp-leftarrow.default:before, .tp-rightarrow.default:before {top:3px !important;} .landing_media {margin-top:-20px !important; margin-left:50px !important;} .store_media1 {margin-left:45px !important;} .store_media2 {margin-left:-40px !important;} .store_media3 {margin-left:-60px !important;} .store_media4 {margin-left:50px !important;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .banner{width:100%; height:346px !important;} .banner-magazine {height:360px !important;} #slideshow-container {margin-bottom:-177px;} #slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-440px !important; top:86px !important;} #slideshow-container-landing .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-440px !important;} .magazine-wrap .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-45px !important; top:416px !important;} .magazine-wrap .tp-rightarrow.default {background-color:#fafafa !important; top:416px !important;} .tp-rightarrow.default {background-color:#fafafa !important; top:86px !important;} .tp-leftarrow.default:before, .tp-rightarrow.default:before {top:3px !important;} .landing-media1 {margin-left:50px !important;} .landing-media2 {margin-left:-120px !important;} .store_media1 {margin-left:45px !important;} .store_media2 {margin-left:-280px !important;} .store_media3 {margin-left:-180px !important;} .store_media4 {margin-left:20px !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .banner{width:83%; height:240px !important;} .banner-magazine {height:270px !important;} .banner-landing {height:270px !important;} #slideshow-container {margin-bottom:-290px;} #slideshow-container-landing {margin-bottom:-255px;} #slideshow-container .tp-rightarrow.default {background-color:#fafafa !important; top:-20px !important; margin-right:-20px !important;} #slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-620px !important; top:-20px !important;} #slideshow-container-landing .tp-leftarrow.default {background-color:#fafafa !important; top:10px !important; margin-left:-620px !important;} #slideshow-container-landing .tp-rightarrow.default {background-color:#fafafa !important; top:10px !important; margin-right:-20px !important;} .magazine-wrap .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-250px !important; top:326px !important;} .magazine-wrap .tp-rightarrow.default {background-color:#fafafa !important; top:326px !important; margin-right:5px !important;} .tp-leftarrow.default:before, .tp-rightarrow.default:before {top:3px !important;} .landing-media1 {margin-left:45px !important;} .landing-media2 {margin-left:20px !important;} .landing-media3 {margin-top:20px !important;} .landing-media4 {margin-top:8px !important;} .landing-media5 {margin-top:-18px !important;} .store_media1 {margin-left:45px !important;} .store_media1 .big-heading3, .store_media3 .big-heading3 {font-size:28px !important;} .store_media1 h3, .store_media3 h3 {font-size:18px !important; margin-top:-2px !important;} .store_media2 {margin-left:-40px !important;} .store_media3 {margin-left:-10px !important;} .store_media4 {margin-left:40px !important;} .home-media1 {margin-top:32px !important;} .home-media2 {margin-top:20px !important;} .general_caption h1 {font-size:18px;} .general_caption p, .general_caption a.button-plain {display:none;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .banner{width:75%; margin-top:30px !important; height:60px !important;} .banner-magazine {height:170px !important;} .banner-landing {height:180px !important;} #slideshow-container {margin-bottom:-367px;} #slideshow-container:before {height:45px !important;} #slideshow-container-landing:before {height:45px !important; top:-19px !important; position:relative;} #slideshow-container-landing {margin-top:0px; margin-bottom:-358px;} #slideshow-container .tp-rightarrow.default {display:none !important;} #slideshow-container .tp-leftarrow.default {display:none !important;} #slideshow-container-landing .tp-leftarrow.default {display:none !important;} #slideshow-container-landing .tp-rightarrow.default {display:none !important;} .magazine-wrap .tp-leftarrow.default {display:none !important;} .magazine-wrap .tp-rightarrow.default {display:none !important;} .tp-leftarrow.default:before, .tp-rightarrow.default:before {top:3px !important;} .landing-media1 {margin-left:45px !important;} .landing-media2 {margin-left:-20px !important;} .landing-media3 {margin-top:30px !important; margin-left:40px !important; background-color:#4a4a4a; padding:0 5px !important;} .landing-media4 {margin-top:8px !important;} .landing-media5 {display:none !important;} .store_media1 {margin-left:30px !important; margin-top:18px !important;} .store_media1 .big-heading3, .store_media3 .big-heading3 {font-size:18px !important;} .store_media1 h3, .store_media3 h3 {display:none !important;} .store_media2 {margin-left:-40px !important;} .store_media3 {margin-left:-30px !important; margin-top:18px !important;} .store_media4 {margin-left:40px !important;} .home-media1 {margin-top:25px !important; margin-left:-45px !important; background-color:#4a4a4a; padding:0 5px !important;} .home-media2 {margin-top:20px !important;} .general_caption h1 {font-size:16px; color:#fff !important;} .general_caption p, .general_caption a.button-plain, .slide-separator, .slide-separator2 {display:none;} }