/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 600px or less */
@media screen and (max-width:600px){
	html{font-size:13px;}
	body,button,input,select,textarea{line-height:1.53846em;}
	.innerpad{width:90%;padding:0;}
	/* For anything that requires hiding */
	#logo,#header,#nav,#feature-panel .slide-control{display:none;}
	/* Mobile Navigation --------------- */
	#mob-nav{clear:both;}
	#mob-nav ul{margin:0;padding:0;border-top:none;}
	#mob-nav ul li{margin:0;padding:0;background:none;list-style-type:none;}
	#mob-nav ul li a{display:block;padding:8px 10% 8px 5%;background:url(../images/mobile/subnav-arrow.png) no-repeat 94% center;background-size:10px auto;border-top:solid 1px #2f7d05;color:#fff;font-weight:bold;font-size:14px;text-decoration:none;}
	#mob-nav ul li a:hover{background-color:#2f7d05;color:#fff;}
	/* General --------------- */
	h1,h2,h3,h4,h5,h6{margin-bottom:15px;}
	h1{text-align:center;}
	img{max-width:100%;height:auto;} /* Adjusts width on photos within content */
	img.left,img.right{display:block;float:none;margin:0 auto 1.2em;}
	img.border{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	table{display:block;width:auto;overflow-x:auto;}
	.row{margin-left:0;margin-right:0;}
	.col-16,.col-20,.col-25,.col-33,.col-50,.col-66,.col-75,.col-100{float:none;width:auto;padding-left:0;padding-right:0;}


	.mob-hide{
		display:none;
	} /* can be used to hide elements only on small screen */
	.mob-btns, .subList, #footer ul{
		float:none;
		margin:0 0 20px 0;
		padding:0;
		background-color:#fff;
		border:1px solid #c5bfb4;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	.mob-btns li, .subList li, #footer ul li{ 
		float:none;
		margin:0;
		padding:0;
		list-style-type:none;
		border:0 none;
	}
	.mob-btns li a,
	.subList li a,
	.mob-btn,
	.map-btn,
	#footer ul li a{ 
		display:block;
		float:none;
		padding:8px 5%;
		background:url(../images/mobile/subnav-arrow.png) no-repeat 94% center;
		background-size:8px auto;
		border-top:solid 1px #c5bfb4;
		color:#000;
		text-decoration:none;
	}
	.mob-btns li:first-child a,
	.subList li:first-child a,
	#footer ul li:first-child a{
		border-top:0 none;
	}
	.mob-btns li a:hover,
	.mob-btns li a:active,
	.mob-btns li a:focus,
	.subList li a:hover,
	.subList li a:active,
	.subList li a:focus,
	.mob-btn:hover,
	.mob-btn:active,
	.mob-btn:focus,
	.map-btn:hover,
	.map-btn:active,
	.map-btn:focus,
	#footer ul li a:hover,
	#footer ul li a:active,
	#footer ul li a:focus{
		color:#d76a27;
	}
	.mob-btn, .map-btn{
		margin:0 0 15px 0;
		border:0 none;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	.map-btn{
		background:url(../images/mobile/icon-map.png) no-repeat 95% center #000;
		background-size:20px auto;
	}
	
	.mob-btns li a:hover, .subList li a:hover, .mob-btn:hover, .map-btn:hover{
		background-color:#666;
	}
	#mob-header{display:block;background-color:#3a9304;}
	#mob-menu-btn{display:block;float:left;width:35%;padding:10px 0 10px 13%;background:url(../images/mobile/nav-menu.png) no-repeat 8% center;background-size:auto 12px;color:#fff;cursor:pointer;cursor:hand;font-size:15px;font-weight:bold;text-transform:uppercase;}
	#mob-logo{display:block;margin:0;padding:30px 0;background:url(../images/header_bg.png) center top repeat-x;text-align:center;}
	#mob-logo img{max-width:70%;max-height:125px;}	
	#mob-header .phone{display:block;float:right;padding:10px 15px 10px 0;color:#fff;font-size:15px;text-align:center;}
	#mob-header .phone a{color:#fff;font-weight:bold;text-decoration:none;}
	#content-holder{background-image:none;}
	#content-holder > .innerpad{padding-top:0;}
	#content,#sidebar{float:none;}
	/* Golf Club Page **********************************************/
	.page-club .meta{text-align:center;}
	.page-club .meta .bt{float:none;margin-bottom:1.5rem;text-align:center;}
	.page-club .photo{margin-bottom:1.5rem;}
	.page-club .rates,.page-club .rates > .item{display:block;width:100%;}
	.page-club .rates > .item > .title{min-height:0;}
	.page-club .rates > .green > .title,.page-club .rates > .distance > .title{padding-top:.5rem;}
	/* Plan Page **********************************************/
	.plan-item h3{margin-right:0;}
	.plan-item .photo{float:none;margin-bottom:1rem;}
	.plan-item .photo img{max-width:100%;}
	.plan-item .desc{margin-left:0;}
	/* Course Page **********************************************/
	.course-item .rates{float:none;text-align:center;}
	.course-item h3,.course-item .subtitle{margin-right:0;}
	/* Home Page **********************************************/
	#home #content-holder > .innerpad{width:100%;}
	.home-boxes.row,#home #sidebar{width:90%;margin-left:auto;margin-right:auto;}
	.home-boxes .col-50,.home-boxes .col-100{padding-left:0;padding-right:0;}
	.recommended-course .row{margin-left:0;margin-right:0;}
	.recommended-course .course-item{margin-bottom:15px;padding-left:0;padding-right:0;}
	.recommended-course .course-item:nth-child(n+4):before{display:none;}
	.recommended-course .course-item .photo,.recommended-course .course-item .desc{margin-bottom:0;}
	/* Feature Panel --------------- */
	#feature-panel{padding:0;}
	#banners{margin-bottom:0;padding-right:0;}
	#thumbnails{display:none !important;}
	/* Sidebar --------------- */
	/* Fieldset --------------- */
	input,
	textarea,
	select{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		padding:7px 3%;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border:solid 1px #d5d5d5;
	}
	fieldset .label-wrap{
		float:none;
		width:auto;
	}
	fieldset .field-wrap{
		float:none;
		width:auto;
	}
	
	 /* Footer --------------- */

	#footer{
		margin-bottom:0;
		padding:20px 5%;
		text-align:center;
	}
	#footer .innerpad{
		padding:0;
	}
	#footer p{
		font-size:1em;
		line-height:1.53846em;
	}
	.footer-link{
		float:none;
		margin:0 auto 1.5em;
		text-align:center;
	}
	#footer .footer-link{
		margin:0 auto 1.5em;
	}
	.footer-link a{
		margin:0 auto;
	}
	#footer .right{
		float:none;
	}
	#footer .right p{
		text-align:center;
	}
}