/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/

/* Tablet Landscape */
@media screen and (max-width: 1200px) {

	div.wrapper {
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
	}

	/* Homepage Slider */

	.wpzoom-featured-post .post-cover {
		width: 100%;
	}

	.wpzoom-featured-post .post-cover img {
		height: auto;
		width: 100%;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	#main .column-wide {
		margin-right: 0;
		width: 59.4850%;
	}

	#main .column-medium {
		margin-right: 0;
		width: 59.4850%;
	}

	#main .column-narrow {
		clear: right;
		float: right;
		margin-right: 0;
		margin-left: 2.5745%;
		width: 37.9403%;
	}

	#main .column-narrow-child,
	#main .column-wide-child {
		display: block;
		float: none;
		margin-left: 0 !important;
		width: 100% !important;
	}

	.archives-columns-one .post-cover {
		margin-right: 5.7575%;
		width: 27.2727%;
	}

	.archives-columns-one .post-excerpt {
		width: 66.9696%;
	}

	.posts-archive-testimonials .post-excerpt {
		width: 100%;
	}

	footer .column {
		margin-right: 4%;
		width: 48%;
	}

	footer .column-second,
	footer .column-fourth {
		margin-right: 0;
	}
	
	#footer-copy .wpzoom {
		display: none;
	}
	
	.posts-archive h2, 
	.posts-archive h2.entry-title, 
	.widget-post {
		font-size: 13px;
	}

	/* Make Menu Mobile-Device Friendly */

	#nav-main-menu .btn_menu { 
		background: #b9972f url(../images/menu.png) no-repeat center center;
		cursor: pointer;
		display: inline-block;
		margin: 7px auto 10px; 
		padding: 5px;
		width:30px; 
		height:25px; 
		z-index: 100;
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		-o-border-radius: 3px; 
		border-radius: 3px;
	}

	.mobile-menu { display: none; }
	#nav-main-menu { }
	
	#menu-main .cleaner {
		padding-bottom: 20px;
	}

	#nav-main-menu li { display: block; float: none; margin-right: 0; }
	#nav-main-menu a { color: #a0c3e6; padding: 12px 5px; }
	#nav-main-menu li li a,
	#nav-main-menu li.current-menu-item li a {
		color: #a0c3e6;
	}
	#nav-main-menu a:hover,
	#nav-main-menu li li a:hover { color: #dfc253; }

	#nav-main-menu li.current-menu-item a,
	#nav-main-menu li.current-item a {
		color: #fff;
	}

	#nav-main-menu li.current-menu-item li a {
		background: none;
		padding-left: 0;
	}

	#nav-main-menu .dropdown ul { 
		background: none; 
		border-top-width: 0; 
		display: block !important; 
		margin-left: 10px;
		opacity: 1 !important; 
		position: relative; 
		visibility: inherit !important; 
		top: 0; 
		left: 0; 
		width: auto; }

	#nav-main-menu .dropdown ul {
		position:		relative;
		top:			0;
		width:			100%; /* left offset of submenus need to match (see below) */
		margin: 0;
		padding: 0;
		background: none;
	}

	#nav-main-menu .dropdown ul li {
		width: auto;
		font-size: 13px;
		line-height: 23px;
	 	margin: 0 0 0 10px;
	 	padding: 0;
	 	border: 0;
	}

	#nav-main-menu .dropdown ul li a {
		padding:6px 12px;
		border-bottom: none;
	}

	#nav-main-menu li li {
		background: none;
	}

	#nav-main-menu li li a:hover {
		background: none;
	}

	#nav-main-menu .dropdown li:hover ul,
	#nav-main-menu .dropdown li.sfHover ul {
		padding: 0;
		margin: 0;
		position: relative;
		left:			0;
		top:			0; /* match top ul list item height */
	}

	#nav-main-menu ul.dropdown li:hover li ul,
	#nav-main-menu ul.dropdown li.sfHover li ul {
		top:			0;
	}

	#nav-main-menu ul.dropdown li li:hover ul,
	#nav-main-menu ul.dropdown li li.sfHover ul {
		left:			0; /* match ul width */
		top:			0;
	}

	#nav-main-menu ul.dropdown li li:hover li ul,
	#nav-main-menu ul.dropdown li li.sfHover li ul {
		top:			0;
	}

	.sf-arrows .sf-with-ul:after,
	.sf-arrows ul .sf-with-ul:after {
		display: none;
	}

	/* End Menu */

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	#logo {
		display: block;
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}

	#top-menu {
		display: block;
		float: none;
		text-align: center;
	}

	#header-helpful {
		display: block;
		float: none;
		text-align: center;
	}

	#top-menu li {
		float: none;
	}
	
	#top-menu .social-icons {
		border-width: 0;
		display: block;
		margin-top: 20px;
		margin-left: 0;
		padding-left: 0;
	}

	#main .column-medium,
	#main .column-wide {
		margin-right: 0;
		width: 65.1467%;
	}

	#main .column-narrow {
		float: right;
		margin-right: 0;
		margin-left: 3.0944%;
		width: 31.7589%;
	}

	.wpzoom-featured-post .post-excerpt {
		font-size: 11px;
	}

	.flex-direction-nav a {
		top: 0;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 560px) {

	div.search-form {
		display: block;
		float: none;
		margin-left: 0;
	}

	#setop {
		padding-right: 1%;
		padding-left: 1%;
		width: 68%;
	}

	input#searchsubmit {
		padding-right: 1%;
		padding-left: 1%;
		width: 28%;
	}

	#main .column-medium,
	#main .column-wide {
		display: block;
		float: none;
		width: 100% !important;
	}

	#main .column-narrow {
		display: block;
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	.archives-columns-one .post-cover {
		display: none;
	}

	.archives-columns-one .post-excerpt {
		display: block;
		float: none;
		width: 100%;
	}

	#footer-copy .wpzoom {
		display: none;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	footer .column {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}

}