/*-----------------------------------------------------------------------------KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENTScreen Stylesheetversion: 1.0date: 07/27/11author:themepunchemail: support@themepunch.comwebsite: 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{background-color:#fff;width:960px;position:relative;position:relative;margin-left:auto;margin-right:auto;}.banner{width:960px;height:450px;position:relative;overflow:hidden;}.bannercontainer-simple{padding:0px;background-color:#fff;width:960px;position:relative;position:relative;margin-left:auto;margin-right:auto;}.banner-simple{width:960px;height:450px;position:relative;overflow:hidden;}.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:450px !important;overflow:hidden;}.fullwidthbanner-container .fullwidthabnner{width:100% !important;max-height:450px !important;position:relative;}@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;}}