/* dCodes Framework:(c) TemplateAccess */
/*********************************************************************************************
-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-	
**********************************************************************************************/
/*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/
.rev_bannercontainer {	
/*padding:5px;*/		
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
	width:100%;	
}
.rev_banner{
	height:450px !important;
	overflow:hidden;
	position:relative;
	width:100%;
}
/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
  
@media screen and (min-width:  0px) and (max-width: 480px){
	.rev_banner, .rev_bannercontainer{width:100%; height:180px !important;}
}
@media screen and (min-width:481px) and (max-width: 768px){
	.rev_banner, .rev_bannercontainer{width:100%; height:270px !important;}
}
@media screen and (min-width:769px) and (max-width:1024px){
	.rev_banner, .rev_bannercontainer{width:100%; height:450px !important;}
}