/**
 * Responsive Styles
 */  



#mobnav-btn {
	display:none;
}

@media (max-width: 1200px) {
	#popup_box {
		width: 90%;
		height: 90%;
		top: 5%;
		left: 5%;
	}
	#popupBoxClose {
		top: 4%;
		right: 4%;
	}
}

/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ///// Max 900px ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */


@media (max-width:900px) {
	
	.container {
		margin-top:56px;
	}
	.mobile-header {
		display:block;
	}
	.hp-pricing {
		border: 0;
		padding: 0;
		margin-bottom: 3em;
	}
	
	/* HP HERO ---------------------------------------------------------- */
	.splash {
		overflow: hidden;
	}
	.splash .slides li {
		position:relative;
		perspective: 2000px;
		transform-style: none;
	}
	.splash .flex-info {
		position: relative;
		top: auto;
		left: auto;
		bottom:0;
		max-width:100%;
		padding:1em 2em 3em 2em;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		transition: none;
		background:rgba(255,255,255,.875);
	}
	.splash .flex-info:hover {
		transform: none;
		transition: none;
	}
	.splash .flex-title {
		font-size:48px;
		font-weight:300;
		color:#e05c30;
	}
	.splash .flex-caption {
		font-size:21px;
		color:rgb(2,27,49);
	}
	
	
	/* INTERNAL ---------------------------------------------------------- */
	.xcontent {
		padding-right:2em !important;
	}
	.fmlnav ul {
		margin:0;
	}
	
	/* Mobile Navigation / Buttons  ---------------------------------------- */
	 #mobnav-btn {
		background:#00AEDB;
	    color: #fff;
	    display: inline-block;
	    cursor: pointer;
	    padding:0 .5em;
		line-height:40px;
	    font-size: 18px;
	    z-index: 999999999999;
	    border-radius: 5px;
	}
	.mobile-menu #mobnav-btn .mobnav-btn-label {
		display: inline-block;
	}
	.mobile-menu-open body {
		position:fixed;
	}
	.mobnav-icon {
		width: 25px;
	}
	.mobnav-icon span {
	    display: block;
	    width: 100%;
	}
	.mobile-menu-open {
		left: 50%;
		overflow: hidden;
	}
	.mobile-menu-open #mobnav-btn i {
	    background: none;
		color:#fff;
		line-height:1;
		margin:0;
	}
	.mobile-menu-open #mobnav-btn span.middle {
	    background-color: white;
	}
	.primary-nav {
		display:none;
	}
	/* class opens mobile navigation */
	.mobile-menu-open .mobile-nav {
	    z-index: 9999999999999;
	    zoom: 1;
	    left: 0%;
	}

	
	/* Lightbox Widget ----------------------------------------------------- */       
    .page-gallery .xpagewrapper { min-height: 580px !important; }
    table.fm-gallery tr { width: 100%; display: block; }
    table.fm-gallery td { width: 33% !important; float: left; }
    table.fm-gallery .fmgtitle { min-height: 40px; }
    table.fm-gallery .fmgdesc { min-height: 16px; }
    table.fm-gallery td { min-height: 275px; }
    table.fm-gallery .fmgimg { width: 100%; }
	table.int-photos {float: right; width: 33%; }
	div.pimg-large img { width: 98%!important; padding: 1%!important;}
	#lightbox-image {width: 100%;}
	#lightbox-container-image-box {width: 90%!important;height: 100%!important;}
	#lightbox-container-image-data-box {width: 90%!important;padding: 0!important;}
	.gallery-group { width:100%!important; }
	.gallery-group .fmgimg { width:100%!important; }  
	
	
	/* VIDEO SECTION RESPONSIVE -------------------------------------------- */
	.smhdr { display: none!important;}
    table.fmmediat tr td { display: block!important;width: 100%!important;float: none!important;}
    table.fmmediat tr.row1, table.fmmediat tr.row2 {display: block!important;width: 100%!important;float: none!important;}
    div.featuredblock { width:100%!important; }
    
    
	/* Receptionist Popup ------------------------------------------------- */
	.recep_form .column.half{
		float: none;
		width: 100% !important;
	}
	.popup_container h1,
	.popup_container .h1 {
		line-height: 1em;
		font-size: 26px;
	}
	.popup_container h2,
	.popup_container .h2 {
		padding: 0 0.5em;
		margin: 0;
		color: #00AEDB;
		font-size: 22px;
	}
	
} /* end media(...) */



/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ///// Max 600px ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */

@media (max-width:600px) {
	
	/* HOME PAGE ---------------------------------------------------- */
	.hp-pricing {
		border: 0;
		padding: 0;
		margin-bottom: 3em;
	}
    .pys-search select {
	   width:65% !important;
        float:left;
    }
    .pys-search button {
        width:30% !important;
        margin-left:5%;
        float:left;
    }
    .pys-title {
        font-size: 36px;
        margin-bottom:.25em;
    }
	
	/* INT PAGE ---------------------------------------------------- */
	.xcontent {
		padding-right:0 !important;
	}
	.xleftnav {
		width:47.5%;
		float:left;
	}
	.xsidebar-cta {
		width:47.5%;
		float:right;
	}
	
	/* INT HEADER IMAGE ---------------------------------------------------- */
	.header-info { 
		position:relative;
		bottom: auto;
		width:100%;
		color:white;
		padding:1em 2em;
		max-width:auto;
		background: #021B31;
	}

	.header-info .htitle {
		font-size:32px;
		line-height: 1.25;
	}

	/* Events RESPONSIVE ---------------------------------------------------- */
    table.fm-calendar { border-top:0px solid white; }
    table.fm-calendar tr { display:block; width:100%; }
    table.fm-calendar tr td { display:block; width:100%; }
    table.fm-calendar tr.fmchdr { display:none; }
	
	/* Lightbox Widget ----------------------------------------------------- */       
	table.int-photos {float: none; width: 100%; margin:1em 0 2em 0; }
        
} /* end media(...) */



/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ///// Max 400px ////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */

@media (max-width:450px) {
	
	/* INT PAGE ---------------------------------------------------- */
	.xcontent {
		padding-right:0 !important;
	}
	.xleftnav {
		width:100% !important;
	}
	.xsidebar-cta {
		width:100% !important;
		float:right;
	}