#header #ham {
    background-image: url("/images/mobilemenu.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    display: block;
    height: 35px !important;
    overflow: hidden;
    padding: 0 5px 12px;
    position: absolute;
	right: 2%;
    top: 0;
    width: 35px;
    clear: both;
    z-index: 999;
}
#header #ham.open {
    background-color: #555;
	background-image: url("/images/mobilemenuclose.png");
}


#header h1 {
    max-width: 495px;
    width: auto;
	min-width:383px;
}
.mobilemenuhide, .mobilehide, .tablethide, .bigtablethide {display:block !important;}
.mobilemenushow, .mobileshow, .tabletshow, .bigtabletshow {display:none !important;}

.mobilecamps {text-align:center;}
.mobilecamps img {width:inherit;} 
.mobilecamps strong {text-transform:uppercase;display:block;margin: 5px 0 0 0;}

 /* ==========================================================================
   Second level (< 1150 px )
   ========================================================================== */
@media only screen and (max-width: 1250px) {
ul#desktop-menu > li > span, ul#desktop-menu > li > a {
    padding: 20px 10px;
}
}

@media only screen and (max-width: 1180px) {
#header h1 {
    height: 30px;
    margin-top: 8px;
	min-width:253px;
}
}

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

.colquarter h2 { font-size:20px;} 
}

/* ==========================================================================
   Second level (< 1025 px)
   ========================================================================== */


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

.colquarter h2 { font-size:18px;}

}


/* ==========================================================================
   Second level (< 960 px)
   ========================================================================== */
@media only screen and (max-width: 990px) {
	#header h1 {
		background-position: center center;
		height: 30px;
		margin: 0 auto;
		max-width: unset;
		min-width: 200px;
		padding-top: 5px;
		position: static;
		width: 100%;
		background-color:#333;
	}
	ul#desktop-menu > li > span, ul#desktop-menu > li > a {padding: 5px 15px;line-height:15px;}
	ul#desktop-menu > li.dd_arrow > a { padding-right:20px; }
	
	
	ul#desktop-menu {
		background-color: #333;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		padding-top: 5px;
		position: static;
		width: 750px;
	}

	#header {height:70px;}
	.flexslider {margin: 53px 0 0;}
	ul#desktop-menu > li#wetu a {
		background-image: url("/images/social/wetu.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 60px;
		line-height: 50px;
		position: absolute;
		right: 2%;
		top: 0;
	}
	ul#desktop-menu > li#wetu {
		border: medium none;
		height: 10px;
		padding: 10px 5px;
	}
	ul#desktop-menu > li#wetu:hover {background-color:transparent;}
	ul#desktop-menu > li > ul {top:70px;}
	
	#mfuwe #header h1{
		height: 30px;
	}
	ul#desktop-menu > li.dd_arrow > a::after {right:4px;}
}
   

@media only screen and (max-width: 960px) {
#logos {
    height: inherit;
}
/*
a.hp_icon {
  margin: 3px 3%;
  width: 23%;
}
*/

/* .socialicons {padding-top:30px;} */

#logos a.logo {
    width: 30%;
	margin: 0 10%;
} 

.colquarter h2 { font-size:16px;}

.colonethird p {
    text-align: left;
    word-wrap: initial;
}

.bigtablethide { display:none !important;}
.bigtabletshow { display:block !important;}

 .colonethird.tablethide.contactdeets span {display:block;}
 

.mhide { display: none; }
.mshow { display: block; }

#camptoparea > .coltwothirds { float: none; margin: 0 auto;}
#camptoparea > .colonethird { display: none; }

.res_gal > a > img { max-height: 120px; }

/* 
#header h1 {
    height: 24px;
    margin-top: 11px;
	min-width:200px;
} ul#desktop-menu > li > span, ul#desktop-menu > li > a {font-size:14px;}
ul.columned > li > a > span {
    font-size: 13px;
    padding: 0 0 20px;
}
ul#desktop-menu > li.dd_arrow > a {padding-right:30px;}
ul#desktop-menu > li.dd_arrow > a::after {right:10px;}
*/

}
/* ==========================================================================
   Third level (< 860 px)
   ========================================================================== */

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

a.hp_icon {
	width:30%;
}

.home .drkgreybg .colquarter {
    float: none;
    min-height: unset;
    padding: 30px 20%;
    width: 60%;
}

.home .drkgreybg .colquarter:nth-child(3n+1) {
	clear:none;
}
.home .drkgreybg .colquarter:nth-child(2n+1) {clear:left;}
.colquarter h2 { font-size:22px;}

/* .home .drkgreybg .colquarter:nth-child(odd) {clear:left;} */
.home .drkgreybg .colquarter:nth-child(1), .home .drkgreybg .colquarter:nth-child(2) { margin-top:0;border-top:none; }
.drkgreybg .colquarter:nth-child(1) {margin-top:15px;}
/*.home .drkgreybg .colquarter:nth-child(2) {padding-top:15px;} */

#logos a.logo { width: 48%; }

.clearer {display:none;}

.bushcamps_info .coltwothirds, .bushcamps_info .colonethird {width:45%;}

.fullcol, .fullcol.hozpads {
    padding: 0 4%;
    width: 92%;
}


}


/* ==========================================================================
   Mobile (< 720 px)
   ========================================================================== */

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


/* Hide desktop menu show hamburger - adjust bits! */
.mobilemenuhide {display:none !important;}
.mobilemenushow {display:block !important;}
#header {height: 50px;}
#header h1 {
    background-color: transparent;
    height: 40px;
    margin-left: 2%;
    margin-top: 5px;
    width: 80%;
	background-position:center left;
}
.flexslider {margin: -10px 0 0 !important;}
/* Hide desktop menu show hamburger ! */

.videoblocker {
    width: 45%;
}

.videos360 .videoblocker {width: 31%;margin: 10px 1%;}

.videos .videoblocker:nth-child(3n+1), .ellies .videoblocker:nth-child(3n+1), .videos360 .videoblocker:nth-child(4n+2) {clear:none;}
.video .videoblocker:nth-child(2n), .ellies .videoblocker:nth-child(2n), .videos360 .videoblocker:nth-child(3n+2) {clear:left;}

.info .colcontent, .faqs .fullcol, .cols3  {
    -moz-column-count: 2;
    -moz-column-gap: 5%;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-webkit-column-gap: 5%;
    column-count: 2;	
    column-gap: 5%;
	
}
ul.news_sight li {
    border-bottom:none;
    margin: 0 0 10px;
    padding-bottom: 10px;
}

ul.news_sight li div.news_date {
    clear: both;
    margin-right: 5px;
    min-width: unset;
    width: 100%;
}

ul.news_sight li div.news_camp {
    clear: both;
    float: none;
    width: 100%;
}

ul.news_sight li div.news_details {
    clear: both;
    float: none;
    width: 100%;
}

#logos a.logo { width: 48%; }

}

/* ==========================================================================
   Mobile (< 660 px) : tablets
   ========================================================================== */

@media only screen and (max-width: 660px) {
	.gallerywrapper { padding: 20px 5%; }
	.res_gal > a { margin: 0 2px 2px 0; }
	.res_gal > a > img { max-height: 90px; }
	
	#logos a.logo { width: 48%; }
}


/* ==========================================================================
   Mobile (< 620 px) : tablets
   ========================================================================== */

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

.tablethide {display:none !important;}
.tabletshow {display:block !important;}
.tabshow {display:block !important;}

#selectgallery, #selecttabs, #dykselect {width:100%;}

h2 {font-size:20px;}

#logos a.logo { width: 48%; }

.bushcamps_info .coltwothirds, .bushcamps_info .colonethird, .coltwothirds, .colonethird, .fullcol, .halfcol, .fullcol.hozpads {width:84%;clear:both;margin:0;padding:15px 8%;}

.formvalcol input.midder, .formvalcol textarea.midder, .formvalcol input.smler, .formvalcol textarea.smler {width:95%;}


#logos a.hp_icon {
   margin: 0 4%;
  width: 12%;
}

.colonethird.socialicons {
  padding-top: 10px;
  padding-bottom: 10px;
}

.colquarter.hp_hpsocials {
	width:46% !important;
}
a.hp_icon {
	width:20%;
}
#uniquelodgesoftheworld {
	width:70% !important;
	margin-top:18px !important;
}

.home .dykcamps img {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.dykcamps {width:100%;background-color:transparent;}
.dykcamps h3, .dykcamps h2 {color: #956734;}
.dykcamps p {color: #333;width:100%; }

.spaicon {
    float: none;
    margin-left: 0;
    margin-top: 10px;
}

.videos360 .videoblocker {width: 45%;}
.videos360 .videoblocker:nth-child(3n+2) {clear:none;}
.videos360 .videoblocker:nth-child(2n) {clear:left;}

.info .colcontent, .faqs .fullcol, .cols3, .cols2 {
    -moz-column-count: 1;
    -moz-column-gap: 0;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-webkit-column-gap: 0;
    column-count: 1;	
    column-gap: 0;

}
.faqq {max-width:none;}

}
/* ==========================================================================
   Mobile (< 540 px) [hamburger]
   ========================================================================== */

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

.home .dykcamps img {
    float: none;
    margin: 0 auto;
    width: 100%;
}

.home .dykcamps .colonethird {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.home .drkgreybg .colquarter {
    width: 84%;
	padding:15px 8%;
}

.formheadcol, .formvalcol {width:100%;clear:both;margin:0;float:none;}

.videoblocker, .videos360 .videoblocker {
    width: 76%;
	margin-right:12%;
	margin-left:12%;
}

}

/* ==========================================================================
   Mobile (< 480 px) : smartphones
   ========================================================================== */

@media only screen and (max-width: 480px) {
	
	.avail_cal div.prev_week, .avail_cal a.prev_week, .avail_cal a.next_week {
		padding: 0;
		width: 100%;
		margin: 10px 0;
		float:none;
		clear:both;
		text-align:center;
	}
	
a.hp_icon {
	width:25%;
}
#uniquelodgesoftheworld {
	width:82% !important;
	margin-top:18px !important;
}

.avail_cal form {
    float: none;
	clear:both;
    margin: 10px 0;
    padding: 15px;
    width: 90%;
}

.avail_cal input, .avail_cal textarea, .avail_cal select {
    background-color: #eee;
    font-size: 13px;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.mobilehide {display:none !important;}
.mobileshow {display:block !important;}

.flex-control-nav.flex-control-paging, .flex-nav-prev, .flex-nav-next, .doc_deets {display:none;}
.flexslider {margin-bottom:0 !important;padding-bottom:0;}
.drkgreybg h2 {
    color: #fff;
    display: block;
    margin: 0 0 8px;
    text-align: center;
}
.contentwrapper, .home .drkgreybg, .home .drkgreybg .colquarter {margin:0;	}
.home .drkgreybg .colquarter:nth-child(1) {margin-top:15px;}
.home .drkgreybg .colquarter:nth-child(2) { border-top:2px solid #ccc;}
.drkgreybg as.arrow_link, .dykcamps a.arrow_link, a.arrow_link {
  color: #fff;
  display: block;
  line-height: 20px;
  color: #fff;
  padding: 5px;
  padding-left: 20px;
  clear: both;
  height: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 90%;
  margin-bottom: 15px;
  text-align: left;
  background-image: url('/images/arrow-bg.png');
  background-repeat: no-repeat;
  background-color: #555;
  background-position: 95% center;
  margin-top:15px;
}

.drkgreybg a.arrow_link {background-color: #d18e44;}
.drkgreybg a.arrow_link:hover {color:#fff;background-color: #d18e44;background-position: 95% center !important;}

.dykcamps a.arrow_link:hover, a.arrow_link:hover {
	color:#fff;
	background-position: 95% center !important;
}

.bushcamps_info h2 {margin:0 0 25px 0;display:block;width:100%;text-align:center;}

.vertpadder30 {padding:0;}

/* 
a.hp_icon {margin: 0 3%;}
*/

#logos a.logo {width:48%;margin:0 auto;}


#header {
    background-color: #333;
    display: block;
    height: 52px;
    position: fixed;
    top: 0;
}


.videoblocker, .videos360 .videoblocker {
    margin-left: 6%;
    margin-right: 6%;
    width: 88%;
}

#mfuwe #header h1 {
    background-image: url("/images/mfuwelogomobile.png");
    height: 35px;
    left: 14px;
    top: 8px;
    width: inherit;
}



}

@media only screen and (max-width: 450px) {
	#lhsvideoholder > iframe { width:100%; }
}


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

#logos a.logo {width: 80%;float:none;}

.drkgreybg as.arrow_link, .dykcamps a.arrow_link, a.arrow_link {
  font-size:13px;
}

.videoblocker, .videos360 .videoblocker {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}


}