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

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 RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

.bannercontainer {
	direction: ltr;
	width: 100%;
	max-height: 430px;
	height:auto;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
.banner {
	width: 1000px;
	height: 430px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	display: inline-block;
}

/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.banner, .bannercontainer {
	width: 766px;
	max-height: 394px;
	height:auto
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer {
	width: 478px;
	max-height: 245px;
	height:auto
}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.banner, .bannercontainer {
	width: 318px;
	max-height: 165px;
	height:auto
}
}