/* Mobile Portrait View */

@media screen and (max-width:1040px) {

*{box-sizing:border-box;}

.left, .right, .copyright-txt, .design-by{ float:none;}

.container { width:auto;}

.wrap_one{width:auto; text-align:center;}

.header { width:100%; padding:0; position:relative;}


.menu-nav-menu ul li{
	display:block;
	float:left;
}




.menu-nav-menu{
	float:left;
}

.mobilebooknow{
	width:15%;
}

.toggle{
	width:85%;
}



}

/*Book Now Button Expansion*/
@media screen and (max-width:750px) {

.mobilebooknow{
width:25%;
}

.toggle{
    width:75%;
}
}

@media screen and (max-width:450px) {

.mobilebooknow{
width:35%;
}

.toggle{
    width:65%;
}
}

@media screen and (max-width:330px) {

.mobilebooknow{
width:40%;
}

.toggle{
    width:60%;
}
}


/*Logo Pops Above*/

@media screen and (max-width:1356px) {

*{box-sizing:border-box;}

.logo{ float:none; text-align:center; margin:0 auto 10px auto; padding:8px 15px; position:relative; width: auto; display:table;}

.sitenav{
	margin-top:0px;
}

.container{
	width:850px;
	padding:0px 70px 0 0;
}

.sitenav {
	font-size:13px;
	width:850px;
}

#four-wide-left,#four-wide-mid-right,#four-wide-mid-left,#four-wide-right{
	width:50%;
}

.four-wide{
	height:320px;
}

img.custom-logo{
	top:-30px;
}

#locations, #charters{
	margin-top:0;
}

#tours-classes h2#classtitle{
	height:60px;
}

.videocutoff{
	height:400px;
}



}

/*Toggle Pops In*/

@media screen and (max-width:997px) {
#locations {
	margin-top:0;
}

.threewide{
	height:400px;
	margin-top:20px;
}

#malarkythreewide, #hottubthreewide, #catalina, #capri{
	width:50%;
	margin:0;
	line-height:50px;
}

#malarkythreewide a, #hottubthreewide a{
	padding-top:0;
}

#allcharters, .rightholder{
	width:100%;
	margin:0;
	height:100px;
}

#castoff a, #marissa a, #catalina a, #capri a{
	padding-top:0;
}


#charterlist, #sailboatlist{
	display:none;
}

#slider_153{
	margin-top:20px;
}

.sliderblue p, .slideraqua p{
	display:none;
}

.sliderbutton{
	display:none;
}

#youthcampslider, #yogaslider, #jetskislider{
	width:100%;
	border:solid 5px #1977D5;
}

#nightsup{
	width:100%;
	border:solid 5px #62CACA;
}

.sliderblue, .slideraqua{
	width:100%;
	height:50px;
	padding:0;
	text-align:center;
}

.sliderblue h2, .slideraqua h2{
	line-height:50px;
	margin:0;
}

.sliderblue h2:hover, .slideraqua h2:hover{
	text-decoration:none;
}

.slideraqua{
	margin:0;
}

.owl-next{
	position:relative;
	top:-30px;
}

.hdrright{
	display:block;
	width:100%;
}

.sitenav{
	width:100%;
	clear:both;
	background:#fff;
	left:10px;
}

.menu-nav-menu-container{
	width:200px;
}

ul#menu-nav-menu.menu{
	float:none;
}

.sitenav ul li{
	text-align:left;
	display:block;
	float:none;
}

#menu-item-51{
	margin:0px;
	text-align:center;
}

.container{
	width:100%;
	
}



.mobilebooknow{
display:block;
}

.custom-logo{
	margin-top:5px;
}

.booknow{
	display:none;
}

.container{
	width:100%;
	padding:0;
}

#menu-item-51{
	display:block;
}

#four-wide-left,#four-wide-mid-right,#four-wide-mid-left,#four-wide-right{
	width:100%;
}


#four-wide-left a,#four-wide-mid-right a,#four-wide-mid-left a,#four-wide-right a{
	width:100%;
	float:left;
}

.four-wide{
	height:640px;
}

.logo{
	padding-top:40px;
}

#footer-wrapper{
	height:auto;
	margin-top:10px;
}

#footer-wrapper .container{
	height:auto;
}

.charterp p, .tours-classes-p p, #malarkyinfo h4, #malarkyinfo h5{
padding:0 0 15px 0;
margin-left:10px;
}

.videopadding{
	padding-left:0;
}

.videocutoff{
	height:300px;
}

#homevideo{
	top:-10%;
}

}

/* Nav Moves Over */

@media screen and (max-width:1136px) {



.booknow{
	margin:0;
}

}

@media screen and (max-width:640px) {

#hyattinfo p, #mbscinfo p, #westmissioninfo p{
	padding:0 0 5px 0;
}

.videocutoff{
	height:175px;
	display:none;
}

#homevideo{
	top:0;
}

	}

@media screen and (max-width:375px) {
#hyatt{
	width:100%;
}

#hyatt img, #mbsc img, #westmission img{
	float:none;
	display:block;
	margin:0 auto 10px auto;
}

#hyattinfo, #mbscinfo, #westmissioninfo{
	padding:0 5px;
}

	}

/* Jetpack Text Flow */

@media screen and (max-width:650px) {

.jetpacktext{
	padding:0;
	display:inline-block;
}


}

/*coloumn css*/





.post-thumb{ width:100%; float:none; margin:0 0 10px;}

/*sidebar css*/

#sidebar{ width:100%; float:none;}

#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:40px 0;}

/* --------- Pages ------- */

.content-area{ width:auto; margin:0; padding:50px 20px;}

.site-main{ width:auto; margin:0; padding:0; float:none;}

h2.section-title{ font-size:22px; line-height:26px;}

/*slider css*/

#slider{ top:0; margin:0;}

.nivo-directionNav a{ top:39% !important;}

.nivo-caption, .nivo-controlNav{ display:none !important;}

/*footer css */

.copyright-wrapper{ text-align:center;}

.cols-4{ width:100% !important; display:block; margin-right:0; margin-bottom:15%;}

/*custom css*/

h2.section_title{ text-align:center;}

/*front blog post*/

.BlogPosts{ float:none; width:auto; margin:0 0 10% 0;}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}

.welcomecontent, .welcomethumb{ width:auto; float:none; margin:0 0 35px;}

.fourbox{ float:none; width:100%; margin:0 0 25px;}

.column-3-bx{ float:none; width:100%; margin:0 0 20px; }

#pageholder{ width:100%;}

}



/* Mobile Landscape View */

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



*{box-sizing:border-box;}

.container, .content-area{ width:100%; margin:0 auto;}

.nivo-caption, .nivo-controlNav{ display:none !important;}

.nivo-caption{ width:65%; }

.slide_info h2{ font-size:20px !important; line-height:30px; text-shadow:1px 0 0 #333;}

.slide_info h2 span{ font-size:30px !important;}

.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}

.post-thumb{ width:50%; float:left; margin:5px 20px 10px 0;}





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

*{box-sizing:border-box;}

.fourbox .thumbbx{ height:100px;}

.column-3-bx .imagebox{ height:100px;}

.header{position:relative;}

.fourbox{ margin-right:12px;}

}



/* Tablet View */

*/@media screen and (max-width:1040px) and (min-width:768px) { 

*{box-sizing:border-box;}

.social-icons a{ box-sizing:content-box; margin-bottom:5px; }

.container { width:auto; padding:0 20px;}

.logo{ float:none; text-align:center; margin:0 auto; padding:8px 15px; position:relative; width: auto; display:table;}

/*slider css*/

.nivo-caption{ width:60%; bottom:15%;}

.slide_info h2{ font-size:24px !important; line-height:30px; }

.content-area{ width:auto; margin:0; padding:50px 20px;}

#sidebar{ width:30%;}

.site-main{ width:65%;}

.cols-4 h5{ font-size:16px;}

/*custom  css*/

#pageholder{ width:100%;}

}



@media screen and (max-width:1169px) and (min-width:1040px) { 

*{box-sizing:border-box;}

html{overflow-x:hidden; }

.logo{ float:left; text-align:left;}

.nivo-caption{ bottom:20%;}

}

/* Tablet View */

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

*{box-sizing:border-box;}

.social-icons a{ box-sizing:content-box; margin-bottom:5px; }

.container { width:auto; padding:0 20px;}

.logo{ float:none; text-align:center; margin:0 auto; padding:8px 15px; position:relative; width: auto; display:table;}

/*slider css*/

.nivo-caption{ width:60%; bottom:15%;}

.slide_info h2{ font-size:24px !important; line-height:30px; }

.content-area{ width:auto; margin:0; padding:50px 20px;}

#sidebar{ width:30%;}

.site-main{ width:65%;}

.cols-4 h5{ font-size:16px;}

/*custom  css*/

#pageholder{ width:100%;}

}