/* RESPONSIVE STYLES */

@media screen and (min-width : 695px) and (max-width: 900px){
	.headerbox h1{
		text-align:left;
		margin:0px;
	}
	.headerbox p{
		text-align:left;
	}
	#homescroller{
		height:290px;
	}
	.calltoactionbox{
		flex-wrap: nowrap;
    	flex-direction: row;
	}
	ul.feedbacklist li p:nth-child(4){
	    float: left;
	    display: inline-block;
	    text-align: left;
	    width: 70%;
	}
	.contentbox .feedbacklist li h4{
		float:left;
	}
	.contentbox .feedbacklist li b{
	    float: left;
	    margin: 12px 0px 0px;
	}
}

@media screen and (min-width : 300px) and (max-width : 900px) {
	html{
	     height:100%;
	     min-height:100%;
	     }
	body{
	     /*min-height:100%;*/
	     overflow:visible;
	     overflow-x:hidden;
	}
	.full{
	    display: block;
	    text-align: center;
	}
	.thirdform{
		width:100%;
	}
	.calltoactionbox{
	    position: relative;
	    top: 0px!important;
	    flex-wrap: wrap;
	    flex-direction: column;
	    position: relative!important;
	    height:auto;
		display: none;
	}
	.calltoactionbox a{
    	margin: 2px 0px;		
	}
	.calltoactionbox a h1{
	    font-size: 16pt;
	    font-weight: 600;
	    margin: 30px auto;
	    padding: 5px 0px;
	    width: 90%;
	}
	.flexWidth100m{
		display:block;
	    -webkit-box-flex: 1 100%!important;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1 100%!important;         /* OLD - Firefox 19- */
	    width: 100%;			  /* For old syntax, otherwise collapses. */
		-webkit-flex: 1 100%!important;          /* Chrome */
		-ms-flex: 1 100%!important;              /* IE 10 */
		flex: 1 100%!important;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */	  
	}
	.headerimg {
		width: 100%;
		height: auto;
		left: 0;
		top: 0px;
		margin: 0px;
		/*position: relative;*/
		margin: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.contentbox{
		text-align: center;
		width:100%;
		width:90%;
		float:none;
	}
	.contentbox img{
		width: 100%;
		margin:0px 0px 20px;
		height: auto;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
	.contentbox b {
	    margin: 10px 0px;
	    display: inline-block;
	}
	ul.feedbacklist{
		text-align:center;
	}
	.contentbox ul.memberoptions{
	    text-align: center;
	    height: auto;
	}
	.contentbox ul.memberoptions li{
		float:none;
		display: inline-block;
		margin:0px 0px 10px 0px;
	}
	.rentalimg{
		width: 100%;
	}
	.valbox {
		margin: 20px 0px;
		font-size: 14pt;
		text-align: center;
		width: 100%;
		display: inline-block;
		max-width: 100%;
		background: #F1F1F1;
		padding: 4px 0px;
	}	
	.smtext{
		font-size:12pth;
	}
	.headerbox {
		padding-bottom: 20px;
		padding-top: 20px;
		min-height: 550px;
	}	
	.headerbox b{
		text-align:right;
	}
	.headerbox p{
		text-align:right;
	}
	.headerbox h1{ 
		margin: 10px 0px;
		text-align:right;
		font-size: 22pt;
	}
	.headerbox h1 a {
		color: #213F99;
		line-height: 1;	
	}
	.mobilelogo{
		padding:0px;
		margin-top:20px;
	}
	.icon_small{
		margin:5px;
		height:32px;
		width:auto;
		/*display:none;*/
	}
	.icon_small.mobile{
		display: inline-block;		
	}
	.menulogo{
		background: #213F99;
		background: #FFF;
		margin:0px 0px 0px;
    	position: relative;
	}
	.reviewbox{
	    position: relative;
	    margin: auto;
	    width: 80%;
	}	
	.dropfix{
	    width: 100%;
	    height: auto;
	    display: inline-block;
	    position: relative;
	}
	.dropfix{
		position: relative;
		top: 0px;
		padding: 0px;
	}	
	#brandlink{
		width:100%;
		padding:0px;
		float:none;
		white-space: nowrap;
	}
	#logolink{
		position: relative;
		width: 100%;
		/*display: inherit;	*/
		padding:0px;
		text-align: center;
		vertical-align: top;
		height: auto;
		display: inline-block;
		border-top: 1px solid #454545;
	}
	#logolink .nomobile{
		background:#000;
	}
	#headertext{
		font-size:10pt;
		top:0px;
		left:10px;
		width:100%;
		padding:0px;
		position:relative;
	}
	#headertext b{
		text-align:left;
	}
	#headertext span{
		clear: both;
		display: inherit;		
	}
	#contactbox{
		bottom:60px;
		left:0px;
		padding:0px;
		z-index:9996;
		font-size:1.9em;
		text-align: center;
		width:90%;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		position: relative;
    	margin: auto;
	}
	#contactbox p{
		margin:5px auto;
		z-index:-1;
		float:none;
	}
	ul.formslist{
		height: auto;
	}
	ul.formslist li{
		margin: 0px 0px 20px 0px;
	}
	ul.socialmediabar {
		float: none;
		height:auto;
		width:100%;
		text-align:center;
	}
	ul.socialmediabar li{
		margin:0px 4px;
		padding:0px;
		float: none;
		display:inline-block;
	}
	.icon{
		height:24px;
		width:24px;
		margin:0px;
		float:none;
	}
	h1.title2{
		font-size:14pt;
		line-height:2
	}
	h3{
		font-size: 16pt;
		margin: 0px auto;
		width: 90%;
	}
	.innertextbox h5{
		font-size:16pt;
	}
	#savingscalc{
		padding:20px 0px;
		border-radius:0px;
	}
	#imgscroller img{
		height: auto;
		width: 200%;
		left: -100px;
	}
	.scrollimg{
		height: auto;
		width: 200%;
		left: -100px;		
	}
	.headerinnerbox{
		width:90%;
		padding:0px;
		margin:0px auto;
		height: auto;
	}
	.headerinnerbox .contentbox{
		width: 100%;
	}
	.pricebox{
	    white-space: normal;
	    text-align:right;
	}
	.pricebox div{
	}
	.actionbtn{
		display:none;
	}
	input[type=button] {
		padding:6px;
	}
	.submenu_bar_fullcoverbox{
		display:none;
		left:0px;
		background: black;
		position:relative;
		border-bottom:1px solid #fff;
	}
	.submenu_bar_leftbox{
		display:none;		
	}
	.submenu_bar span b{
		color:#FFF;
		font-weight:600;
	}	
	.submenu_bar {
		position:relative;
		min-height:45px;
		background: black;
		/*height: auto;*/
	}
	.submenu_bar ul {
		width: 100%;
		height: auto;
		/*display:none;*/
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		transition:all 0.2s ease-out;
	    -webkit-transform: translate(0px, -600px);
	    -moz-transform: translate(0px, -600px);
	    transform: translate(0px, -600px);
		background: black;
		position: absolute;
	}
	.submenu_bar ul.slide_down{
		transform: translate(0px, 45px);
		margin: 0px;
	}
	.submenu_bar a{
		padding: 16px 25px 16px;
	}
	.submenu_bar:hover li a{
	}
	.submenu_bar li{
		width: 100%;
	}
	.submenu_bar li ul {
		width:100%;
		left:0px;
		border-radius:0px;
		display:none;
	}
	.submenu_bar span {
		font-size:17pt;
		margin:10px 10px;
		color: #00AEEF;
		float:left;
	}
	.submenu_bar_coverbox{
		display:none;
	}
	.subNavBtn {
	    color:#e0e0e0;
	    flex: 1 0;
	}	
	.userbtn{
		margin: 0px;
		width: 100%;
		display: inline-block !important;
		float: none;
		border-radius: 0px;
		padding: 15px 0px !important;
	}
	.topicon {
		height:22px;
		width:22px;
		margin:15px;
	}
	.innersocialbox {
	    z-index: 9999;
	    position: relative;
	    right: initial;
	    top: initial;
	    margin: 0px 0px 0px;
	    color: white;
	    background: rgba(0, 36, 115, 0.5);
	    padding: 10px;
	}	
	.innersocialbox iframe{
	    border: none;
	    overflow: hidden;
	    margin-bottom: 0px;
	}
	.innersocialbox h3 {
	    color: white;
	    margin-bottom: 5px;
	    width: 100%;
	}
		
	#float-menu{
		position: relative;
		height: auto;
		display: inline-block;
	}
	.adbox img{
		width:100%;
		height:auto;
	}
	.horzlist div{
		width: 100%;       
	} 
	.adboxhorz{
		margin-left:0px;
    	width: 100%;
		text-align: center;
	}
	.innerbox,.innerbox.width900{
		padding: 0px 0px 40px;
		height: 100%;
		width: 100%;
		text-align: center;
		min-width: 0px;
		display: block!important;
	}
	.innerbox h1 {
		font-size:30pt;	
		text-align:center;
		line-height:1.4;
		padding:10px 0px;
		margin: 20px 0px;
	}
	.innerbox p {
		font-size: 14pt;
		width: 100%;
		padding: 10px 0px;
		text-align: left;
		float: none;
		margin: auto;
	}
	.innerbox h2{
		margin-top:20px;
	}
	.fullbox{
		text-align:center;
		display:block;
	}
	.fullbox h6, .fullbox p{text-align:center;}
	.fullbox ul {
		width:90%;
		float:none;
		margin:0px auto;
	}
	.fullbox .quotebox{
		width:80%; /*20px padding*/
		float:none;
		display:inline-block;
	}
	.fullbox .biobox {
		float:none;
		width:90%;
		margin:0px auto 10px;
	}
	.quaterbox {
		float:none;
		width:auto;
	}
	.thirdbox{
		width:90%;
		margin:10px 0px;
		min-height:10px;
	}
	.horzlist{
		margin: 0px auto;
		width: 100%;
		z-index: 9999;
		bottom: 0px;
		text-align: center;
		height: auto;
		/* min-height: 40px; */
		float: none;
		top: initial;
	    	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	    display: -ms-flexbox;      /* TWEENER - IE 10 */
	    display: -webkit-flex;     /* NEW - Chrome */
	    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		position: relative;
		flex-basis: space-around;
		flex-wrap: wrap;
	}
	.horzlist div {
		height: 58px;
		width:100%;
		z-index: 9999;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		float: none;
		display: inline-block;
		-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex: 1;        /* For old syntax, otherwise collapses. */
		-webkit-flex: 1;          /* Chrome */
		-ms-flex: 1;              /* IE 10 */
		flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */	  
	}
	.horzlist div:hover{
		/* height: 40px; */
		width:100%;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	.horzlist a {
	    /*FLEX: 1 35%;
	    background: black;
	    */
  
	    margin:1px 0px;
	}
	.horzlist input[type=button]{
		padding: 12px;
		margin: 0px 0px 0px;
		WIDTH: 100%;
		BOX-SIZING: border-box;
		HEIGHT: 100%;
	}	
	.horzlist div img, .fit .horzlist div img{
		height: 32px;
		width: 32px;
		float: none;
		left: 50%;
		right: initial;
		margin: 0px -16px;
		visibility:hidden;
		top: 12px;
	}
	.horzlist div:hover img{
		visibility: visible;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	.horzlist h3, .horzlist h3:hover, .fit .horzlist h3,.fit .horzlist h3:hover {
		margin: 12px 0px;
		font-size:16pt;
		-webkit-transform: translate3d(0px,0px,0px) !important;
		transform: translate3d(0px,0px,0px) !important;
		padding:2px 0px;
	}
	.horzlist div:hover h3,.fit .horzlist div:hover h3{
		-webkit-transform:none;
		transform:none;
	}
	.fit .horzlist div img{
		visibility: visible;
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	.title {
		font-size: 20pt;
		text-align: center;
	}
	.events{
		height: auto;
	}
	.eventvideo {
		width:100%;
		float:none;
		margin:10px auto;
	}
	.eventimg {
		width:100%;
		height:auto;
	}
	.eventimg-sml {
		width:100%;
		height:auto;
	}
	.dropbtm{
		font-size:10pt;
	}
	.faqlist div{
		margin:20px auto;
		width:90%;
	}
	.imgfull{
		width:100%;
		height:auto;
	}
	.pricebox div b{
		/*font-size:24pt;*/
	}
	.wrap{
		/*top:0px;*/
		position:relative;
		height:auto;
		overflow-x:hidden;
		overflow-y:visible;
		max-height:inherit !important;
		-webkit-overflow-scrolling: touch;
		position: relative;
		top: 0px;		
	}
	.innerbox span {
		/*width:96%;*/		
	}
	.headerbox{
		padding-bottom:20px;
	}
	.headervideobox{
		width:98%;
		margin:auto;
		float:none;
		position:relative;
	}
	#hoverad{
		display:none;
	}
	.sidebox{
		display:none;
	}
	#homescroller {
		width:100%;
		float:none;
		margin:0px auto;
		height: 330px;
	}
	.marginleft {
		margin-left:0px;
		height:400px;
	}
	#div_links {
		padding:20px 0px;
		width:100%;		
	}
	.hpmenu{
		margin: 20px auto;
		width:90%;
		font-size:14pt;
	}
	.hpmenu ul {
		text-align: center;
	}	
	.hpmenu a {
		font-size:14pt;
	}
	.hpmenu ul > a:first-child{
		width:auto;
	}
	.highlightbox{
		clear:both;
	}
	.mobile-textcenter{
		text-align:center;
	}
	.adbox{
	    text-align: center;
	    flex-wrap: wrap;
	    height: auto;
	    display: block;
	    box-sizing: border-box;
	}
	form{
		/*padding: 10px;*/
		-webkit-border-radius:0px !important;
		border-radius:0px !important;
		width:auto;
		margin: 0px auto 50px auto;
		padding:20px 0px;		
	}
	#bookrentalform {
		width:100%;
	}
	.formbox{}
	.formbox div {
		width:100%;
		margin: 10px auto;
	}	
	.formbox{
		width:100%;
		margin:0px 0px 10px;
		-webkit-border-radius:0px important;
		border-radius:0px important;
	}
	#iframebox {
		width:100%;
		height: 1300px;
	}
	input[type=button] {
		padding: 12px;
		margin: 0px 0px 10px;
	}
	select, input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], input[type=date], input[type=file] {
		width: 175px;
		font-weight:200;
		border:none;
	}
	.selectricWrapper{
		width:146px;
	}
	#bookrentalform .selectricWrapper {
		width:100% !important;
		margin-bottom:20px;
	}
	.innerbox select.oversize{
		width:96%;
		position: relative;
	}
	.innerbox textarea.oversize {
		width: 90%;
		max-width: 90%;
		margin: 0px 0px 20px;
		min-width: 96%;
	}	
	textarea{
		max-width:150px;
		width:150px;
	}
	label{
		padding:6px 0px;
		width: 100%;
		display: inline-block;
		float:none;
		font-size:14pt;
	}
	.s1 .dealbutton, .dealbutton {
		margin: 10px auto;
		float: none;
	}
	.lbltext{
		font-size:14pt;
		position: relative;
		text-align: left;
		float: left;	
	}
	.lbltext:after{
		content:"";
	}
	.lbltextred {
		width: 150px;
	}
	.s1 .lowformtext, .lowformtext {
		padding:5px 0px !important;
		width: 90%;
		margin: 20px auto;
		float: none;	
	}
	.lowformtext span{
		width: 100%;
		display: inline-block;
	}
	.left {
		margin:0px 10px;
	}
	.pricetext{
		margin: 20px;
		font-size: 14pt;
	}
	.contentbox .feedbacklist li h4 {
		float:none;
		display: block;
		margin: 0px;
		font-size: 18pt;
		padding: 0px;		
	}	
	ul.feedbacklist li p:nth-child(4) {
	    float: none;
	    padding: 6px 20px;
	    text-align: center;
	    font-size: 12pt;
	}
	.contentbox .feedbacklist li b{
		margin: auto;
		padding: 0px 20px;
		display: inline-block;
		text-align: center;
		float: none;
	}	
	.s1{
		overflow: hidden;
	}
	.s1 .medbutton{
	    position: relative;
	    margin: 0px;
	    display: inline-block;
	    width: 100%;
	    float: none;
	    box-sizing: border-box;
	}
	.s1 .widebutton, .widebutton, a.buttonstyle.widebutton {
	    padding: 14px 10px;
	    font-weight: 200;
	    box-sizing: border-box;
	    font-size: 14pt;
	}
	.sTop{
		/* height: auto; */
		/* min-height: 255px; */
		position: relative;
		top: -4px;
		background: white;
		border-top: 4px solid white;
		display: inline-block;
		max-height: 100%;
		position: relative;
	}
	.sTop .buttonstyle {
 	   margin:1px 0px;
	}
	.contentbox .sponsorsimg {
		width:100%;
		float:none;
		margin:0px;
		height:300px;
		padding:0px;
		display:inline-block;
	}	
	.sponsorsimg img, .cornerimg img {
		height: 100%;
		padding:0px 10px;
		width: auto;
		margin: auto;
		float: none;
	}
	.contentbox .cornerimg {
		position:relative;
		margin:0px;
	}	
	.fit{
		/* height: 60px !important; */
		/* max-height: 60px; */
		/* min-height: 60px; */
	}
	.sBtm {
		opacity:1;
		float:left;
		font-size:12px;	
		position:relative;
		width:100%;
		text-align:center;
		right:0px;
		padding-bottom:40px;
	}
	.sBtm b{
		margin:0px auto;
		font-weight:800;
		text-align: center;
		display:inline-block;
		float:none;
		width:100%;
		padding:10px 0px;
		color:#2A2A2A;
	}
	.sBtm b span {
		font-size:10pt;
		height: 30px;
		display: inline-block;		
	}
	.sBtm p{
		text-align: center;
		width: 90%;
		margin:10px auto;	
		color:#2A2A2A;	
		font-size:9pt;
	}
	#contactbox img {
	    width: 36px;
	    margin: 10px;
	}	
	.topimgbox {
		height: 200px;
	}
	.topimgbox li {
		height:50px;
		width:60px;
	}
	.scrollupbox {
		margin: 0px;
		right: initial;
		left: 0px;
	}
	#scrollup{
		margin:0px;	
		padding:10px 15px;
	}
	.icon_top {
		margin:0px -10px;
	}
	.noborder{
		border:14px solid #fff;
	}
	.innertextbox{
		margin-bottom: 40px;
		width:90%;
	}
	.innertextbox p{
		text-align: justify;
	}
	.innerbox h1 b {
		text-align:center;
		right:0px;
		position:relative;
		font-size:6.5pt;
		margin: 2px auto;
		display: inline-block;
		word-wrap:none;
	}
	.halfbox{
		width:90%;
		margin:10px 15px 20px;
		margin:0px;
		float:none;
		display: inline-block;
	}
	.teamlist div{
		text-align: center;
	}
	.teamlist p:not(.skip) {
		padding-top: 5px;
		text-align: left;
		width: 90%;
		float: none;
		margin: auto;
	}
	.fontsmall{
		display: block;
	}
	.teamimg{
		margin:10px 20px 10px 10px;
		float:none;
	}
	ul.fulllist h2{
		width: 100%;
		height: auto;
		display: block;
		float: none;
		text-align: center;
	}
	ul.fulllist h2 b {
		display:block;
		float:none;
	}
	ul.fulllist p {
		width:100%;
		margin:10px 0px;
		float:none;
		text-align: center;
	}
	ul.fulllist span {
		float:none;
		text-align:center;
	}
	ul.blocklist{
		text-align:center;
		float:none;
	}
	ul.blocklist input{
		width: 80px;
	}
	.icon_number {
		position: relative;
	}
	.videofull {
		height:230px;
	}	
	.videohome{
		width:100%;
		height:230px;
	}
	form .fadeimgback {
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 140px;
		width: auto;
		z-index: 0;
		opacity: 0.2;
		filter: alpha(opacity=40);
	}
	.crossbar {
	}
	.preloadlogo{
		width:100%;
	}
	#backgroundimg {
		background-size:auto 100%;
		background-position:top center; 
	}
	.loadtext {
		font-size: 16pt;
		/* width: 200px; */
		position: relative;
		/* margin: 120px -110px; */
		display: block;
		/* background: rgba(0,0,255,0.6); */
		color: #fff;
		border-radius: 5px;
	}
	.logoreduced{
		-webkit-transform:none;
		transform:none;
	}
	#status{
		background-size:60%;
		text-align: center;
		top:48%;
	}
	.center {
		top:14%;
		float: none;
		position: absolute;
	}
	#mobile{
		display:block;
	}	
	#tablet{	
		display:none;
	}
	.shadeblue{
		background:rgba(114,159,250,0.6);
	}
	.shadegrey5{
		background:rgba(195,195,195,0.5);
	}
	.shadegrey6{
		background:rgba(137,137,137,0.8);
	}
	.footerimg{
		display:none;
	}
    section, article{
        min-height:280px !important;
    }
	section img{
	    background-size: cover;
	    height: 100%;
	    width: 100%;
	}
	article h1{
		font-size:32pt;
		margin:0px;
		text-align: center;
	}
	article h2{
		text-align: center;
		float: none;
	}
	article div{
		top:0px !important;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.sBtm p.legal{
		width:90%;
		margin:auto;
	}
	.sBtm img:first-child{
		left:0px;
	}
	.socialbox {
	    margin:0px;
	}
	.socialboxnorm{
		position: absolute;
		width:50%;
		top: 0px;
		text-align: left;
		padding: 0px;
		margin: 10px 150px;
	}	
    .socialboxmobile{
		position:absolute;top:8px;left:150px;z-index:9998
	}	
	#guidescreenbtn{
		border-radius:0px;
	}	
	#guideonbtn {
	    position: fixed;
	    left: 48px;
	    bottom: 0px;
	    margin: 0px;
	    border-radius: 0px;
	    padding: 10px 15px 11px;
	    width: 100%;
	    z-index: 999;
	}
    .guidebox span{
		width: 200px;
	}
	#guidebox1{ /* logout or access */
		top: 25px;
		right: 0px;
		width: 50px;
		left: initial;
	}
	#guidebox1 span{
		left: initial;
		text-align:right;
		right:10px;
	}
	#guidebox2{ /* social media share */
	}
	#guidebox3{ /*latest promotions*/
		right: 5%;
		top: 60%;
		width: 90%;
	}
	#guidebox4{

	}
	#guidebox5{ /*legal info*/

	}
	#guidebox6{ /* book a rental */

	}
	#guidebox6 span{
		left:initial !important;
	}
	#guidebox7{ /* content info */

	}
	#guidebox8{

	}
	#guidebox9{

	}
	#guidebox10{

	}
	#guidebox11{

	}
	#mobilemenu{
	    float: right;
	    font-size: 15pt;
	    margin:10px 5px 0px 0px;
	    color: #EA8509;
	}
    #boxmodel{
		display:none
	}
	.lowformtext span {
		float:none;
	}
	.spanbox{
		width:auto;
		display: inline-block;		
	}
	.spanbox input#dateview{
		/*float:left;*/
	}
	.spanbox span{		
		margin: 0px 0px;
		float: left !important;
		display: inline-block;
		width: 100%;
	}
	.innerbox .lowerleft{
		position: relative;
		margin: 10px !important;
		padding: 10px 0px !important;
	}
	.innerbox .margin20x20{
		margin:10px auto!important;
	}

	/* PAGE BACKGRUONDS */
	
	/*
	#welcome img{ 		
		background-position:left;
	}*/
	
	.displaybgcover{
		-webkit-background-size:cover !important;
		-ms-background-size:cover !important;
		-o-background-size:cover !important;
		background-size:cover !important;
	}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width : 320px) and (max-width : 695px) {
		
	.wrap .floatleft, .floatleft{
		float: none !important;
	}
	.wrap .floatright, .floatright{
		float:none;
	}
	.floatnone-mobile{
		float:none!important;		
	}
	.floatright-mobile{
		float:right!important;
	}
	.width100m,
	.resize60, .innerbox .resize60{
		width:100%;
		box-sizing: border-box;
		display: inline-block;
	}
	.resize50, .innerbox .resize50{
		width:100%;
		box-sizing: border-box;
	}
	.resize32, .innerbox .resize32{
		width:100%;
		box-sizing: border-box;
	}
	.resize36, .innerbox .resize36{
		width:100%;
		box-sizing: border-box;
	}
	.resize38, .innerbox .resize38{
		width:100%;
		box-sizing: border-box;
	}
	.resize40, .innerbox .resize40{
		width:100%;
		box-sizing: border-box;
	}
	.width500, .width540, .width450{
		width: 90%;
		box-sizing: border-box;
		min-width: 0px;
		max-width: 100%;
	}
	.formbox,
	.formbox .width500 {
		width: 90%;
		min-width: 0px;
		box-sizing: border-box;
	}
	.formbox .width540{
		width: 90%;
		min-width: 0px;
		box-sizing: border-box;
	}
	.formbox .width450{
		width: 90%;
		min-width: 0px;
		box-sizing: border-box;
	}
	.formbox .width100{
		width: 90%;
		min-width: 0px;
		box-sizing: border-box;
	}
	.contentbox .width110{
		width: 100%;		
	}
	.contentbox .mobilecenter{
		text-align:center;
	}
	.innerbox span{
		padding:0px 0px;
	}	
	.pricebox span {
		cursor: pointer;
		font-size: 18pt;
		margin: 10px 10px 10px 0px;
		/* clear: both; */
		display: inline-block;
		width: 100%;
	}		
	.memberoptions{
	    position: relative;
	    width: 100%;
	    text-align: center;
	    margin: 0px 0px 10px;
	}
	.menulink,select.menulink {
	    float: none;
	    display: inline-block;	   
	    margin: 6px 0px 0px 0px;
	}	
	.profilebox .profileimg{
	    float: none;
	    margin: 10px auto;
		background: black;
	}
	input[type=submit] {
		padding: 12px;
		margin: auto;
		float: none;
		width: 80%;
	}
	.dealbox p{
		display:inline-block;
	}
	.dealbox .smltext {
		float: none;
		position: relative;
		margin: 20px auto 0px;
		text-align: right;
		display: inline-block;
		text-align: center;
		width: 90%;
	}
	.topright500 {
		border-radius:4px;
		margin:20px;
		font-size: 12pt;
		background: #000;
		padding: 6px;
		color: white;		
    }
	ul.eventlist li{
	    padding: 20px 0px;
	    box-sizing: border-box;
	    width: 100%;
	    display: inline-block;
	    margin: 10px auto 0px;
	    /* float: none; */
	    position: relative;
	}
	ul.eventlist .raisebar {
	    opacity: 1;
	    -webkit-transform: translate3d(-50px,-36px,0px);
	    transform: translate3d(-20px,-70px,0px);
	}	
	.profilebox .feedbackimg, .contentbox .feedbackimg {
		width: 140px;
		height: 140px;
		margin: auto;
		padding: 5px;
		background: rgba(255,255,255,1);
		display: inline-block;
		float: none;
		clear: both;
		text-align: center;
	}
	.profilebox .feedbackimg, .contentbox .feedbackimg img {
	    width: 70%!important;
	    margin: 20px auto!important;
	    height: 80%!important;
	    -webkit-border-radius:50%;
	    border-radius:50%;
	    float: none;		
	}


	#welcome img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-8-500.jpg);
	}
	#about-us img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-2-500.jpg);
	}
	#contact-us img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-3-500.jpg);
	}
	#feedback img:first-child{
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-6-500.jpg);
	}
	#sponsors img:first-child{
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-9-500.jpg);
	}
	#vision img:first-child{
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-13-500.jpg);
	}
	#locations img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-14-500.jpg);
		background-position:right center;
	}
	#faq img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-4-500.jpg);
	}
	#seadoo-waverunners img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-1-500.jpg);
	}
	#deals img:first-child{
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-12-500.jpg);
	}
	#kayaks img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-16-500.jpg);
	}
	#rates img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-2-500.jpg);
	}
	#clothes img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-15-500.jpg);
		background-position-y: 0px;
	}
	#equipment img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-17-500.jpg);
	}
	#book-rental img:first-child{ 
		background-position: -124px 0px;
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-18-500.jpg);
	}
	#media img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-10-500.jpg);
	}
	#training img:first-child{ 
		background-image: url(../imgs/banners/900/deep-wave-rentals-banner-4-500.jpg);
	}	
}

@media screen and (min-width : 300px) and (max-width : 365px) {
	ul.socialmediabar {
		width:80%;
	}
	article h1{
		font-size: 25pt;
	}
	.socialbox {
		display:none;
	}	
	.drop45{
		top:148px;
	}
}

@media screen and (min-width : 300px) and (max-width : 465px) {
	.socialbox {
	    margin: 0px;
	    display: none;
	}
}

@media screen and (min-width : 420px) and (max-width: 695px){
	.headerbox{
		min-height: 560px;
	}
	.drop45{
		top:0px;
	}	
	.wrap{
		top:0px;
	}
	article div{
		top: 0px;
	}
    section, article{
        min-height:200px !important;
    }
}

/* iPads (landscape) ----------- */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}

/* samsung tablet 3 600x1024*/
@media screen and (min-width : 580px) and (max-width: 899px) and (min-height:853px) and (max-height:1280px){
    .sTop{
        position:relative;
    }
    .submenu_bar{
    }
    .submenu_bar span{
        font-size:17pt
    }
    .submenu_bar img{
        height:36px
    }
    #contactbox{
        bottom:85px;
    }
    #contactbox p{
        font-size:22pt;
    }
    .socialboxnorm{
		margin-left: 200px;
	}	
    .horzlist div, .horzlist div:hover{
		height:50px;
		width:100%;
	}
	.horzlist h3, .horzlist h3:hover {
		margin:12px 0px;
	}
    .headerbox {
		min-height:600px;
		padding-bottom: 0px;
	}
    ul.socialmediabar li{
        padding:5px 5px 0px;
    }
    ul.socialmediabar li img{
        height:44px;
        width:44px
    }
    .socialboxmobile{
		position:absolute;top:10px;left:200px;z-index:9998
	}
	#mobilemenu{
	    float: right;
	    font-size: 15pt;
	    color: #EA8509;
	}
	select, input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], input[type=datetime] {
		width:280px;
	}
	.selectricWrapper{
		width:296px;
	}	
	.valbox{
		margin:20px 0px 0px 25px;
		font-size:12pt;
		color:black;
		width:auto;
	}
	input[type=submit] {
		margin: 10px 25px 0px 0px;
		font-size:15pt;
		width:auto;
		float:right;
	}
	.lowformtext, .s1 .lowformtext {
		display: inline-block;
		width: 90%;
		margin: 20px auto;
		float: none;
	}
	.lowformtext a{
		font-size:14pt;
	}
	.innerbox h1{
		margin: 30px 0px 20px;
	}
	#bookrentalform {
		width:90%;
		overflow: visible;
	}
	form{
		margin: 0px auto 50px auto;
		padding: 20px 0px;
	}
	label{
		font-size:14pt;
	}
	.footerimg{
		width: 150px;
		margin: auto;
		left: 50%;
		margin-left:-75px;
		margin-bottom:70px;
		display:block;
	}
	.selectricWrapper {
	}
	.profilebox .feedbackimg, .contentbox .feedbackimg {
		width:100px;
		height:100px;
		margin:10px 10px 0px 10px;
		padding: 5px;
		background: rgba(255,255,255,1);
		float:left;
	}
	.horzlist h3, .horzlist h3:hover, .fit .horzlist h3, .fit .horzlist h3:hover{
		margin:10px 0px;
	}
	.dealbox p{
		display: initial;
		width: 40% !important;
		margin: 0px !important;
		float: left !important;
	}
	.dealbox .smltext{
		float: right;
		margin: 20px;
	}
	.s1 .dealbutton, .dealbutton {
		margin:10px 20px 0px 0px;
	}
	.innerbox .lowerleft {
	margin: 0px 25px !important;
	}
}

@media screen and (min-width:630px) and (max-width:900px){
	#contactbox p{
		display: inline-block;
		vertical-align: middle;
		margin:0px;		
	}
	ul.socialmediabar{
		vertical-align: top;
		margin:0px;
	}
}

@media screen and (min-width:695px) and (max-width:900px){
	.drop45{
		top:0px;
	}	
	/*.innerbox h1, h1.title{
		text-align:left;
	}*/
	.headerbox h1 {
		text-align:left;
	}
	.headerbox p {
		text-align:left;
	}	
	.highlightbox span {
		text-align:right;
	}
	.headerbox {
		min-height:200px;
		padding-bottom: 0px;
	}		
	.footerimg{
		width: 150px;
		margin: auto;
		left: 50%;
		margin-left:-75px;
		margin-bottom:70px;
	}
}

/* iPads (portrait) ----------- */
@media screen and (min-width : 768px) and (max-width : 900px){
	.sTop{
		text-align: center;
	}
	.headerimg{
		/* max-width:708px; */
		margin:auto;
		top:0px;
	}
	.horzlist div {
	    width: 100%;
	}
	.hpmenu {
		width: 20%;	
	}
	.halfbox {
		width:45%;
	}
	.innerbox{
		text-align: center;
	}
	.contentbox, .formbox{
		margin:0px auto;
		width:90%;
		text-align: center;	
	}
	article h1 {
		font-size: 52pt;
	}
	.formbox div {
		width: 90%;
		margin: auto;
		margin: 10px auto;
	}	
	select, input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], input[type=datetime] {
		width: 250px;
	}
	.footerimg{
		display:block;
	}
	
}

@media screen and (min-width:900px) and (max-width:1024px){
	#tablet{
		display:none;
	}
	#mobile{
		display:none;
	}
	.menulogo {
		margin: 20px 20px;
		/* width: 345px; */
	}
}

@media screen and (min-width:900px) and (max-width:1060px){
	.socialbox {
	    display: none;
	}
}

@media screen and (min-width: 900px) and (max-width: 1280px){
	.innerbox h1, h1.title{
	}		
	#welcome{ 
		/*background-position:left -600px;*/
	}
	#vision{ 
		background-position:center 0px;
	}
	.submenu_bar a, .submenu_bar li li a{
		padding:14px 18px 15px;
	}
	.submenu_bar a:hover{
		padding:14px 18px 15px;
	}	
	.s1 .widebutton, .widebutton, a.buttonstyle.widebutton {
	    padding: 20px 10px;
	    font-weight: 200;
	    font-size: 15pt;
	    margin: 15px 0px 0px 10px;
	}	
	.calltoactionbox{
		height: 210px;
	}
	.calltoactionbox h1{
		margin-top:18%!important;
	}
	.menulogo {
		margin: 20px 20px;
		/* width: 345px; */
	}
	.menulogo {
		margin: 10px 20px;
	}
}

/* Desktops and laptops ----------- */
@media screen and (min-width : 900px) and (max-width: 1600px) {
	.headerimg {
		width:500px
	}
	.homelogo {
	    width: 600px;
	    top: 10px;
	}
	#contactbox{
		left: 0px;
		bottom: 10px;		
	}
	.reduced{
		-webkit-transform:scale(0.6,0.6)  translate3d(-160px,0px,0px);
		transform:scale(0.6,0.6)  translate3d(-160px,0px,0px);
	}
	.submenu_bar_coverbox{
	}
	.submenu_bar_leftbox{
		display:inline-block;
	}
	.submenu_bar{
		box-shadow:none;
	}
	.submenu_bar ul {
	}	
	.submenu_bar a{
	}
	.horzlist{
	}
	.horzlist div {
		width:100px;
	}
	.horzlist div:hover{
		width:260px;
	}
	.a-btn{
		height:50px;
		width:48%;
		float:none;
	}
	.adbox img{
		/*width: 100%;*/
		height: auto;
		display: block;
		margin: 10px auto 20px;		
	}
	.rentalimg img {
		height:200px;
		width:340px;
	}
	.innerbox .contentbox b{
	}
	.topright{
		top:0px;
	}
}

@media screen and (min-width:1280px) and (max-width:1600px){
	.headerimg{
		position: relative;
	}
	.submenu_bar ul {
	}
	#welcome{ 
		background-position:center -600px;
	}	
	.menulogo{
	    margin: 8px 20px;
	    width: 345px;
		top: 0px;
	}
}

@media screen and (min-width:1601px) and (max-width:2100px){
	
	.submenu_bar ul {
	}
	#welcome{ 
		/*background-position:center -1000px;*/
	}	
	
}

@media (min-height:200px) and (max-height:800px) and (min-width:320px) and (max-width : 780px){
	
	.horzlist div {
		/*min-height: 30%;
		height:100%;*/
		width: inherit;
		display: flex;
	}
	.horzlist span{
		bottom:5px;
	}	
	.wrap{
		position: relative;
    	top: 0px;
	}	
	.dropwrap {
		top:0px;
	}
}

/* Large screens ----------- */
@media (min-width:1024px) and (min-height: 200px) and (max-height:800px){
  /* Styles */
  
	.horzlist div {
		min-height:40%;
		height:100%;
	}
	.horzlist span{
		bottom:5px;
		padding-left:5px;
	}
	.wrap{
		/*top:45px;*/
	}
	.dropwrap {
		top:205px;
	}
  
}

/* iPhone 4 ----------- */
@media screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
  /* Styles */
}

/* iPhone 5 ----------- */
/* You've spent way to much on a phone */

/* iPads (portrait and landscape) ----------- min-device-width */
@media screen and (min-width : 320px) and (max-width : 900px) {

}