/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
/* change max-width to trigger mobile menu active class */

/* ensure #nav is visible on desktop version */
body:not(.mobile_menu_active) #main-nav {
	display: block !important;
}
body:not(.mobile_menu_active) #menu-icon span {
	display: none;
}

/************************************************************************************
HEADER
*************************************************************************************/
/* header */
.mobile_menu_active #header {
	height: auto !important;
	padding-top: 20px;
}

/* nav bar */
.mobile_menu_active #nav-bar {
	display: none;
}

/* reset absolute elements to static */
.mobile_menu_active #site-logo,
.mobile_menu_active #site-description,
.mobile_menu_active #main-nav {
	position: static;
	float: none;
	clear: both;
	width: 100%;
    text-align: center;
}

/* site logo */
.mobile_menu_active #site-logo a {
	font-size: 30px;
}

/* site description */
.mobile_menu_active #site-description {
	margin: 0 0 10px;
}

/* social widget */
.mobile_menu_active .social-widget {
	position: static !important;
	padding: 10px 0;
	float: none;
}

/* searchform */
.mobile_menu_active #header #searchform {
	left: auto !important;
	right: 0 !important;
	top: 20px !important;
	width: 150px;
}
.mobile_menu_active #header #searchform #s {
	float: right;
	width: 50px;
}
.mobile_menu_active #header #searchform input#s:focus {
	width: 150px;
}

/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
.mobile_menu_active .mobile-button {
	background-color: #061588;
	position: relative;
	width: 32px;
	height: 30px;
	margin-bottom: 3px;
	margin-left: 12px;
	display: block;
	float: left;
	cursor: pointer;
	border-radius: 0px;
	top: -10px;
}
.mobile_menu_active .mobile-button:before {
	content: "\f0c9";
	font: normal 21px/1em FontAwesome;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -.5em 0 0 -.5em;
	width: 1em;
	height: 1em;
	text-align: center;
}
.mobile_menu_active .mobile-button.active:before {
	color: #fff;
}

/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
/* main nav */
.mobile_menu_active #main-nav {
	clear: both;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 100%;
    z-index: 1000;
    padding: 20px 0;
    background-color: #061588;
    border: solid 0px #999;
    display: none;
    /* box-shadow: 1px 2px 0 rgba(0,0,0,.2); */
    /* border-radius: 5px; */
}
.mobile_menu_active #main-nav li {
	clear: both;
	float: none;
	margin: 25px 0 25px 0;
	padding: 0;
	border: none;
	box-shadow: none;
	background: none;
	font-size: 20px;
	display: none;
}
.mobile_menu_active #main-nav a, 
.mobile_menu_active #main-nav ul a {
	font: inherit;
	text-transform: inherit;
	background: none;
	width: auto;
	display: none;
	padding: 0;
	color: #fff;
	border: none;
	text-shadow: none;
	box-shadow: none;
}
.mobile_menu_active #main-nav a:hover, 
.mobile_menu_active #main-nav ul a:hover {
	background: none;
	color: #fff;
}

/* dropdown */
.mobile_menu_active #main-nav ul {
	position: static;
	display: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.mobile_menu_active #main-nav .sub-arrow {
	display: none;
}

@media screen and (max-width: 1060px) {
.switcher {   
    float: none !important;
    padding: 12px 0 !important;
	display:block !important;
	margin:0 auto !important;
}
	
.myfixed .white-bar .white-bar-inner #site-logo{display:none !important;}
.myfixed .white-bar{display:none !important;}

.phone-icon{padding-left: 0px;}
	
.top-left-sec{display:none;}

.rating-text{display:none !important;}
	
.social-widget{display:none;}
	
.top-cta{margin:0px auto; display:block; float:none; height:auto !important; width:180px; padding:5px 15px;}
	
.rss {   
    text-align: center;
	width:100%;
	margin-right: 0px;
	float: none;
}
	
#headerwrap{
	display:none;
}

.white-bar-inner{
	width:100%;
    text-align: center;
}

.contact-box{
	display:inline-block;
	float:none;
	}
	
.email-box{
	display:inline-block;
	float:none;
	}

.navbar-holder {    
    background-image: none; 
	height:25px;   
}

.navbar-inner{
	width:100%;	
}

.top-bar{
	display: table;
    text-align: center;
	height: auto;  
}

.top-bar-inner{
	width:100%;
}


	/************************************************************************************
	FOR PAGE SKIN
	*************************************************************************************/
	.skin-page .pagewidth,
	.skin-page-black .pagewidth {
		max-width: 100%;
	}
	/* content */
	.skin-page #content,
	.skin-page-black #content {
		width: 67.8%;
	}
	
	/* sidebar */
	.skin-page #sidebar,
	.skin-page-black #sidebar {
		width: 26.2%;
	}
}

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

.navbar-holder {    
    background-image: none; 
	height:25px;   
}

.navbar-inner{
	width:100%;	
}

.top-bar{
	display: table;
    text-align: center;
	height: auto;  
}

.top-bar-inner{
	width:100%;
}

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	.pagewidth,
	.full_width .themify_builder_row .row_inner {
		max-width: 94%;
	}
		
	/* content */
	#content {
		width: 67.8%;
	}
	
	/* sidebar */
	#sidebar {
		width: 26.2%;
	}
}

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

.trip-buster{		
	float: none !important;
	text-align: center;
	margin: 0 auto;
}
	
.top-bar{
	display: table;
    text-align: center;
	height: auto;  
}

.top-bar-inner{
	width:100%;
}

.rss{	
	text-align: center;
	width:100%;
}

.navbar-holder {    
    background-image: none; 
	height:25px;   
}

.navbar-inner{
	width:100%;	
}

.txt-box {	
	width: 94% !important;
	display:block;
	margin-bottom: 8px;
}
	
.txt-box-2 {    
	width: 93% !important;
}

.txt-box-1 {	
	width: 119% !important;
	display:block;
	margin-bottom: 8px;
}

.submit-but-1 {	
	width: 100% !important;	
	display:block;
}

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content {
		width: 100% !important;
		max-width: 100% !important;
		float: none;
		clear: both;
	}
	
	/* sidebar */
	#sidebar {
		width: 100% !important;
		max-width: 100% !important;
		float: none;
		clear: both;
	}
	#sidebar .secondary {
		width: 48%;
	}
	
	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	.list-thumb-image .post-content {
		overflow: visible;
	}
	.list-large-image .post-content {
		overflow: visible;
	}

}

@media screen and (max-width: 680px) {
	
	/************************************************************************************
	HEADING
	*************************************************************************************/
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.6em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.2em;
	}	
	
	/************************************************************************************
	LAYOUTS
	*************************************************************************************/
	
	/* grid4 */
	.loops-wrapper.grid4 .post {
		width: 100%;
		margin-left: 0;
		float: none;
	}

	/* grid3 */
	.loops-wrapper.grid3 .post {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	
	/************************************************************************************
	POST VIDEO (css for fluid video)
	*************************************************************************************/
	.post-video {
		clear: both;
	}

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	 {
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/************************************************************************************
	LAYOUT
	*************************************************************************************/
	/* loops-wrapper */
	.loops-wrapper {
		margin-left: 0 !important;
		width: auto !important;
	}

	/* post */
	.post {
		width: auto !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		float: none !important;
	}
	
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist {
		padding-left: 0;
	}
	.commentlist .commententry {
		clear: left;
	}
	.commentlist .avatar {
		float: left;
		width: 40px;
		height: 40px;
		margin: 0 10px 10px 0;
	}
	
	/************************************************************************************
	WOOCOMMERCE SUPPORT
	*************************************************************************************/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary {
		float: none !important;
		width: 100% !important;
	}

}

body:not(.mobile_menu_active) #main-nav{display:block !important}body:not(.mobile_menu_active) #menu-icon span{display:none}.mobile_menu_active #header{height:auto !important;padding-top:20px}.mobile_menu_active #nav-bar{display:none}.mobile_menu_active #site-logo,.mobile_menu_active #site-description,.mobile_menu_active #main-nav{position:static;float:none;clear:both}
.mobile_menu_active #site-logo a{font-size:30px}
.mobile_menu_active #site-description{margin:0 0 10px}
.mobile_menu_active .social-widget{position:static !important;padding:10px 0;float:none}
.mobile_menu_active #header #searchform{left:auto !important;right:0 !important;top:20px !important;width:150px}
.mobile_menu_active #header #searchform #s{float:right;width:50px}
.mobile_menu_active #header #searchform input#s:focus{width:150px}

.mobile_menu_active .mobile-button{background-color: #061588;
position: relative;
width: 32px;
height: 30px;
margin-bottom: 3px;
margin-left: 12px;
display: none;
float: left;
cursor: pointer;
border-radius: 0px;
top: -10px;}

.mobile_menu_active .mobile-button:before{content: "\f0c9";
font: normal 21px/1em FontAwesome;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.5em;
width: 1em;
height: 1em;
text-align: center;}

.mobile_menu_active .mobile-button.active:before{color:#fff}

.mobile_menu_active #main-nav{clear: both;
position: absolute;
top: -20px;
right: 0;
left: auto;
bottom: auto;
width: 100%;
z-index: 1000;
padding: 20px 0;
background-color: #061588;
border: solid 0px #999;}

.mobile_menu_active #main-nav li{clear: both;
float: none;
margin: 25px 0 25px 0;
padding: 0;
border: none;
box-shadow: none;
background: none;
font-size: 20px;
display: block;}

.mobile_menu_active #main-nav a,.mobile_menu_active #main-nav ul a{font:inherit;text-transform:inherit;background:0;width:auto;display:inline;padding:0;color:#fff;border:0;text-shadow:none;box-shadow:none}

.mobile_menu_active #main-nav a:hover,.mobile_menu_active #main-nav ul a:hover{background:0;color:#fff}
.mobile_menu_active #main-nav ul{position:static;display:inline;margin:0;padding:0;background:0;border:0;border-radius:0;box-shadow:none}.mobile_menu_active #main-nav .sub-arrow{display:none}@media screen and (max-width:1060px){.skin-page .pagewidth,.skin-page-black .pagewidth{max-width:100%}.skin-page #content,.skin-page-black #content{width:67.8%}.skin-page #sidebar,.skin-page-black #sidebar{width:26.2%}}@media screen and (max-width:980px){.pagewidth,.full_width .themify_builder_row .row_inner{max-width:94%}#content{width:67.8%}#sidebar{width:26.2%}}@media screen and (max-width:760px){#content{width:100% !important;max-width:100% !important;float:none;clear:both}#sidebar{width:100% !important;max-width:100% !important;float:none;clear:both}#sidebar .secondary{width:48%}.list-thumb-image .post-content{overflow:visible}.list-large-image .post-content{overflow:visible}}@media screen and (max-width:680px){h1{font-size:1.8em}h2{font-size:1.6em}h3{font-size:1.4em}h4{font-size:1.2em}.loops-wrapper.grid4 .post{width:100%;margin-left:0;float:none}.loops-wrapper.grid3 .post{width:100%;margin-left:0;float:none}.post-video{clear:both}html{-webkit-text-size-adjust:none}.col4-1,.col4-2,.col2-1,.col4-3,.col3-1,.col3-2{margin-left:0 !important;width:100% !important;max-width:100% !important}.loops-wrapper{margin-left:0 !important;width:auto !important}.post{width:auto !important;max-width:100% !important;margin-left:0 !important;float:none !important}.post-nav .prev,.post-nav .next{display:block;width:100%;clear:both;margin-bottom:10px}.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;width:40px;height:40px;margin:0 10px 10px 0}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary{float:none !important;width:100% !important}}