@media (max-width: 370px){


	a.fa.fa-angle-down{display:none;}
	.BookTourBoxLinkWrap{ width:100%}
	a.BookTourBoxLink{ padding:30px; display:block}
	.canyonViewBtnInv{ margin-bottom:20px;}
	.FacPicBox{padding:auto;}
	#canyon-FullPic{ height:auto; padding:20px 0;}

}

@media (max-width: 603px){
.mobLogo{ border:2px solid #f00; float:left}
/*.collapse{ display:block; visibility:visible !important}
.collapse img{ width:50%; display:block; visibility:visible !important}*/
#tf-menu.navbar-default {
	background-color: rgba(255, 255, 255, 0.79);
	}
	
	#tf-menu.navbar-default img{ width:200px;}
	
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
}
@media (max-width: 760px){
.hover-bg .hover-text {
    padding: 22% 10%;
}
body, html{
	font-size:16px;}
.content{ padding:37% 0 0}
		
	.content h1, h1, .FullPicContent h1{ font-size:40px !important}
	h2{font-size:24px !important}
	
	.col-md-12{ padding:20px 0}
	.tourBox{ min-height:75px;}
	.FacPicBox{ padding:0 18px; margin-bottom:30px}
	.et_pb_text_inner{ text-align:center; font-size:16px;}
	.ul.about-list li { margin-bottom:20px;}
	.mfullWidth{ size:100%; width:100%;}
	#bookatourWrapper{ padding-bottom:40px;}
	#bookatourWrapper{ padding:0;}
	.carousel .item{ margin:0;}
	.carousel{ padding:0 48px;}
	.on img{padding:8px 0 0 12px; width:160px !important;}

}