/***
 RESPONSIVE
***/
.bannercontainer {
	position:relative;
	margin:0 auto;
	padding:15px;
	background-color:#000;
	width:960px;
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	border-radius:10px;
}

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

/***
 FULL WIDTH
***/
.fullwidthbanner-container {
	position:relative;
	width:100% !important;	
	padding:0;
	max-height:400px !important;
	overflow:hidden;
	background-color:#000;
}

.fullwidthbanner-container .fullwidthbanner {
	position:relative;
	width:100% !important;
	max-height:400px !important;	
}

/***
 FIXED
***/
.bannercontainer-fixed {
	position:relative;
	margin:0;
	padding:0px;
	background-color:#fff;
	width:960px;
	height: 300px;
	}

.banner-fixed {
	position:relative;
	width:960px;
	height:300px;	
	overflow:hidden;
}

@media only screen and (min-width:768px) and (max-width:959px) {
	.banner, .bannercontainer {
		width:760px;
		height:317px;
	}
}

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

@media only screen and (min-width:0px) and (max-width:479px) {
	.banner, .bannercontainer {
		width:320px;
		height:133px;
	}
}