/******************************************
* 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
add your styles in Customizer > Additional CSS.

*/

/* 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 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;
	}



    #menu-wrap > ul { display: none; }
    #menu-wrap.mobile-menu > ul { display: block; }


	.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) {

    #respond .form_fields input[type="text"] { width:100%; }


	#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%;
	}

}