

.wrapper-container{ max-width: 960px; margin: 0px auto; } 
.wrapper{ width: 100%;   }


/* Media Queries */
/* 
-------------------------------------------------------------- 
	720px - 959px Desktop, iPad...
-------------------------------------------------------------- 
*/
@media only screen and (min-width : 720px) and (max-width : 959px){
	.top_cap,
	.bottom_cap{width: 100%; max-width: 959px; background-position: center center; }
	.top_cap{margin: 0 auto;}
	.wrapper{background-position: center top;}
	.wrapper-container{ width: 100%; }
	
	a#main-logo{  }
	#header{padding-top: 10px; }
	.social_tag{margin-top: 10px;}
	.image_tag{display: none; margin: 0px auto;}
	
	#slider-wrap{width: 100%;}
	.home #main,
	#main{ margin-top: 10px; padding: 20px 10px 20px; }
	
	div#main-menu{ display: block; position: relative; top:0; left:0; float: none; }
	div#main-menu ul li{margin: 0px 15px;}
	div#main-menu ul li a{background:none!important; padding: 0px 0px;}
	
	ul.front_nav li a{font-size: 14px;}
	ul.front_nav li{margin: 0px 5px 0px;}
	ul.front_nav li span{display: none;}
	.home .wp-side .featured_side_gallery img{width: 95%}
	.home .wp-side .featured_side_gallery a{left: 0px; width: 85%; padding: 10px 2.5% 10px;}
	
	
	.header_box{display: none;}
	
	/*Menu Css*/
	.menu_header h1{float: none; display: block;}
	ul.list_sub_pages{float: none; margin: 7px auto;  width: 100%; display: block;}
	
	}
/* 
-------------------------------------------------------------- 
	0px - 719px small computer screens, small tablet devices 
-------------------------------------------------------------- 
*/
@media only screen and (max-width : 719px ) {
	.header_box{display: none;}
	.top_cap,
	.bottom_cap{width: 100%; max-width: 959px; background-position: center center; }
	.top_cap{margin: 0 auto;}
	.social_tag{margin-top: 10px;}
	
	.image_tag{display: none; margin: 0px auto;}
	
	.wrapper{background-position: center top;}
	
	a#main-logo{ }

	#header{ height:auto; }
	
	div#main-menu{ display: block; position: relative; top:0; left:0; float: none; }
	div#main-menu ul li{margin: 0px 7px;}
	div#main-menu ul li a{background:none!important; padding: 0px 0px;}
	
	#main{ margin-top: 10px; }
	
	#slider-wrap{width: 100%;}
	
	.home .wp-side{display: block; float: none; margin: 0px auto; width: 50%;}
	.home .wp-side .featured_side_gallery{}
	.home .wp-side .featured_side_gallery img{width: 95%}
	.home .wp-side .featured_side_gallery a{left: 0px; width: 85%; padding: 10px 2.5% 10px; font-size: 12px;}
	.home .wp-content,
	.wp-content{width: 100%;}
	
	/*Menu Css*/
		/*menu Nav*/
	.menu_header{margin: 0px 0px 7px;}
	.menu_header h1{float: none; display: block;}
	ul.list_sub_pages{float: none; margin: 7px auto;  width: 100%; display: block;}
	ul.list_sub_pages li.page_item{margin: 0px 1px 6px;}
	ul.list_sub_pages li.page_item a{width: auto; padding: 3px 10px;}
		/*menu table*/
	
	.ui-tabs-nav{float: none; display: block; width: 100%; background: url(../images/triple_lines_web.png) no-repeat center bottom;
padding: 0px 0px 8px; margin: 0px 0px 25px;}
	.ui-tabs-panel{float: none; display: block; width: 100%; border: none; padding: 0px;}
	.ui-widget-content{background: none;}
	
	li.ui-state-default{ display: inline-block; margin: 0px 5px 5px}
	li.ui-state-default a{display: block; padding: 0px 4px 0px; text-align: center;}
		ul.front_nav li{margin: 0px 5px 0px;}
	ul.front_nav li span{display: none;}
/* 
-------------------------------------------------------------- 
	0px - 600px phones mostly
-------------------------------------------------------------- 
*/
@media only screen and (max-width : 600px){
	.header_box{display: none;}
	
	.top_cap,
	.bottom_cap{width: 100%; max-width: 959px; background-position: center center; }
	.top_cap{margin: 0 auto;}
	body{ }
	#header{ text-align: center; padding: 10px 0px 0px;  }
	#main,
	.home #main,
	.page-template-page-menu-php #main{padding: 15px;}
	/*Social*/
	ul.social li a{width: 45px; height: 45px; background: url(../images/social_icons_mobile-web.png) no-repeat 0px 0px;}
	#maps{background-position: center bottom;}
	#facebook{background-position: center center; }
	ul.social li a#phone{display: inline-block; background-position: center top;}
	#twitter{display: none;}
	
	#footer{ padding-bottom: 20px; }
	#footer p{ color:#000; float: none !important; text-align: center; }
	
	a#main-logo{ float: left;margin: 0px auto;display: inline-block;width: 50%;  }
	
	a#menu-toggle{ display:block; border:none; padding: 6px 10px; text-align:left; font-size: 15px; color: white; }
	
	div#main-menu{ margin-top: 5px; background: #B20000; }
	div#main-menu ul{ display: none; }
	div#main-menu ul.open{ display: block; border-top: solid black 1px; }
	div#main-menu ul li{ display: block; margin: 4px 0px 4px 0px; }
	div#main-menu ul li a{ display:block; text-align:center; border-bottom: black solid 1px; padding: 5px 0; width: 100%; color: white;  font-size: 16px;}
	div#main-menu ul li.last ,
	div#main-menu ul li.first {margin: 0;}
	div#main-menu ul li.current_page_item a, 
	div#main-menu ul li.current-menu-item a, 
	div#main-menu ul li.current-page-ancestor a{color: black;}
	/*front nav blocks*/
	ul.front_nav li{display: block; width: 100%; padding: 10px 0px 10px; margin: 0px auto;}
	ul.front_nav li span{display: none;}
	ul.front_nav li a{ width: 100%; text-align: center; padding: 8px 0px 6px;}
	

	
	/* contact form 7 mobile styles. */
	.wpcf7{ width:100%; }
	.wpcf7 p span.wpcf7-form-control-wrap{ float:none; margin-top: -18px; }
	.wpcf7 p span.wpcf7-form-control-wrap input[type="text"],
	.wpcf7 p span.wpcf7-form-control-wrap  textarea{ width:95%; padding: 2.5% 2.5% 2.5% 2.5%; margin-top: 5px; }
	.wpcf7 p span.wpcf7-form-control-wrap{ margin-top: 0px; }
	
}
