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

  .bannercontainer {
		width:980px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
    }

  .banner{
		width:980px;
		height:735px;
		position:relative;
		overflow:hidden;
   }


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


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

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