/*-----------------------------------------------------------------------------

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:90.5%; height:auto !important;}
        .banner-landing{height:480px !important;}
        #slideshow-container {margin-bottom:-20px;}
		#slideshow-container.idz-homepage-slider{min-height:480px;}
        #slideshow-container-landing {margin-bottom:-40px;}
		#slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:0px !important; top:375px !important;}
		#slideshow-container .tp-rightarrow.default {background-color:#fafafa !important; margin-left:0px !important; top:375px !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;}
		.banner-magazine-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-110px !important; top:430px !important;}
		.banner-magazine-container .tp-rightarrow.default {background-color:#fafafa !important; top:430px !important;}
		.tp-leftarrow.default:before, .tp-rightarrow.default:before {top:0px !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;}
		.magazine-style h4 {margin-top:5px}
   }
  
  
   @media only screen and (min-width: 768px) and (max-width: 959px) {
		.banner{width:100%; height:auto !important;}
        .banner-magazine {height:360px !important;}
        #slideshow-container {margin-bottom:-20px;}
		#slideshow-container.idz-homepage-slider{min-height:380px;}
		#slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:0px !important; top:310px !important;}
		#slideshow-container .tp-rightarrow.default {background-color:#fafafa !important; margin-left:0px !important; top:310px !important;}
		#slideshow-container-landing .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-440px !important;}
		.banner-magazine-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-50px !important; top:340px !important;}
        .banner-magazine-container .tp-rightarrow.default {background-color:#fafafa !important; top:340px !important;}
		.tp-rightarrow.default {background-color:#fafafa !important; top:310px !important;}
		.tp-leftarrow.default:before, .tp-rightarrow.default:before {top:0px !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;}
		.magazine-style {left:0 !important;top:220px !important;}
		.magazine-style p{display:inline;}
   }

   @media only screen and (min-width: 480px) and (max-width: 767px) {
		.banner{width:83%; height:auto !important;}
        .banner-magazine {height:270px !important;}
        .banner-landing {height:270px !important;}
        #slideshow-container {margin-bottom:-20px;}
		#slideshow-container.idz-homepage-slider{min-height:250px;}
        #slideshow-container-landing {margin-bottom:-255px;}
        #slideshow-container .tp-rightarrow.default {background-color:#fafafa !important; top:210px !important; margin-right:0px !important;}
		#slideshow-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:0px !important; top:210px !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;}
		.banner-magazine-container .tp-leftarrow.default {background-color:#fafafa !important; margin-left:-180px !important; top:250px !important;}
        .banner-magazine-container .tp-rightarrow.default {background-color:#fafafa !important; top:250px !important; margin-right:5px !important;}		
		.tp-leftarrow.default:before, .tp-rightarrow.default:before {top:0px !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;}        
        .tp-caption h1 {font-size:18px !important;}
        .tp-caption p, .tp-caption a.button-plain {display:none;}
		.magazine-style {left:0 !important;top:150px !important;}
		.magazine-style p{display:inline;}
         
   }

   @media only screen and (min-width: 0px) and (max-width: 479px) {
		.banner{width:75%; margin-top:0px !important; height:auto !important;}
        .banner-magazine {height:170px !important;}
        .banner-landing {height:180px !important;}
        #slideshow-container {margin-bottom:0px;}
        #slideshow-container:before {height:0px !important;}
        #slideshow-container-landing:before {height:45px !important; top:-19px !important; position:relative;}
        #slideshow-container-landing {margin-top:5px; 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;}
		.banner-magazine-container .tp-leftarrow.default {display:none !important;}
        .banner-magazine-container .tp-rightarrow.default {display:none !important;}		
		.tp-leftarrow.default:before, .tp-rightarrow.default:before {top:0px !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:5px !important;}
        .home-media2 {margin-top:20px !important;}        
        .tp-caption h1 {font-size:16px !important; color:#fff !important;}
        .tp-caption p, .tp-caption a.button-plain, .slide-separator, .slide-separator2 {display:none;}    
   }