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

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 {	
    margin: 0 0 0 0;
    background-color:#fff;
    width:858px;
    height:300px;
    position:relative;
    position:relative;	
    margin-left:auto;
    margin-right:auto;	

}
.banner{		
    width:858px;
    height:300px;
    position:relative;
    overflow:hidden;			
}



/*	THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE    */
@media only screen and (min-width: 980px) and (max-width: 1200px) {		

    .banner, .bannercontainer			{	width:697px; height:auto;	}

}


@media only screen and (min-width: 768px) and (max-width: 979px) {		

    .banner, .bannercontainer			{	width:531px; height:auto;	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .banner, .bannercontainer		{	width:auto; height:auto;	}	

}

@media only screen and (min-width: 0px) and (max-width: 479px) {

    .banner, .bannercontainer		{	width:auto; height:auto;	}

}