/******************************************
* 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.

*/

/* Smaller Monitors */
@media screen and (max-width: 1260px) {

	div.wrapper	{
		padding-right: 2%;
		padding-left: 2%;
		width: 92%;
	}

}

/* Large Screens */
@media screen and (max-width: 1020px) {

	#main.with-slider {
		margin: 0 0 20px;
	}

	#featured-posts .slides > li {
		height: 500px;
	}

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

	div.wrapper-main {
		border-width: 0;
		padding-right: 2%;
		padding-left: 2%;
	}

}

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

	header {
		position: relative;
	}

	#logo {
		position: relative;
	}

	#menu-main {
		text-align: center;
	}

	#nav-main-menu {
		display: block;
		float: none;
	}

	#menu-main li {
		display: inline-block;
		float: none;
		margin-right: 5px;
		margin-left: 5px;
	}

	#featured-posts .slides > li {
		height: 450px;
	}

	#featured-posts .slide-content {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#featured-posts .slide-title {
		font-size: 30px;
		line-height: 38px;
	}

	/* Widgets */

	.featured-page .title-post {
		font-size: 16px;
	}

	.featured-page .post-excerpt {
		padding: 15px;
	}

	.wrapper-aside .posts-archive .post-cover {
		display: none;
	}

	.wpzoom-call2action .call2action-title {
		font-size: 24px;
		line-height: 32px;
	}

	.wpzoom-call2action .call2action-description {
		font-size: 16px;
		line-height: 24px;
	}

	.wpzoom-column-full .testimonial-excerpt,
	.wpzoom-loop-testimonial .testimonial-excerpt {
		margin-right: 20px;
		margin-left: 20px;
	}

	footer {
		font-size: 13px;
	}

}

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

	/* Main Menu */

    .btn_menu {
		display: inline-block;
		float: left;
		background: #f7e763 url('../images/menu-black.png') 8px 9px no-repeat;
		cursor: pointer;
		margin: 10px 0;
		padding:5px 5px 0;
		width:30px;
		height:30px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	.mobile-menu {
		display: none;
		clear:both;
	}

	#menu-main { text-align: left; }

	#menu-main li {
		border-right: none;
		clear: both;
		float: none;
		display: block;
		line-height: 30px;
		margin-right: 0;
		margin-bottom: 5px;
	}

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

	#menu-main a {
		display: inline-block;
		padding: 4px 0;
	}

	#menu-main .sub-menu {
		display: block !important;
		opacity: 1 !important;
	}

	#nav-main-menu .dropdown ul {
		position: relative;
		top: auto;
		width: auto;
		background: none;
		margin: 0 20px 0 20px;
		padding: 0;
		text-align: left;
		text-transform: none;
	}

	#nav-main-menu .dropdown li:hover ul,
	#nav-main-menu .dropdown li:focus ul,
	#nav-main-menu .dropdown li.sfHover ul {
		display: block !important;
		margin: 0 20px 0 20px;
		top: auto;
	}

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

	a.cart-button {
		float: none;
	}

	#main {
		margin-top: 30px;
	}

	#content .title-widget {
		font-size: 16px;
		line-height: 1.75em;
	}

	/* Slideshow */

	#featured-posts {
		margin-bottom: 30px;
	}

	#featured-posts .slides > li {
		height: 400px;
	}

	#featured-posts .slide-tagline {
		font-size: 18px;
		line-height: 26px;
		margin-top: 15px;
		text-transform: none;
	}

	#featured-posts .slide-content {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#featured-posts .slide-title {
		font-size: 20px;
		line-height: 28px;
	}

	.flex-direction-nav a {
		background-image: url(../images/sprite-arrows-60.png);
		height: 56px;
		width: 29px;
	}

	#featured-posts a.flex-prev { background-position: 0 -56px; }

	/* Widgets */

	.featured-pages-3 .wpzoom-featured-page {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
		width: 100%;
	}

	.featured-pages-3 .wpzoom-featured-page-3 {
		margin-bottom: 0;
	}

	.featured-pages-3 .post-cover {
		display: inline;
		float: left;
		margin-right: 5.5478%;
		width: 33.2871%;
	}

	.featured-pages-3 .post-content {
		display: inline;
		float: left;
		margin-top: 0;
		width: 61.1650%;
	}

	.featured-pages-3 .post-excerpt {
		font-size: 14px;
		margin-top: 0;
	}

	.featured-pages-4 .wpzoom-featured-page {
		margin-right: 6%;
		width: 47%;
	}

	.featured-pages-4 .wpzoom-featured-page-2,
	.featured-pages-4 .wpzoom-featured-page-4 {
		margin-right: 0;
	}

	.featured-pages-4 .wpzoom-featured-page-1,
	.featured-pages-4 .wpzoom-featured-page-2 {
		margin-bottom: 30px;
	}

	.featured-pages-4 .wpzoom-featured-page-3 {
		clear: both;
	}

	.featured-page .title-post {
		font-size: 15px;
	}

	.wpzoom-featured-page .post-content,
	.wpzoom-widget-page .post-excerpt {
		font-size: 13px;
		line-height: 21px;
	}

	.wpzoom-column-half .post-cover,
	aside .post-cover {
		display: none;
	}

	.wpzoom-column-half .post-content,
	aside .post-content {
		display: block;
		float: none;
		width: 100%;
	}

	#content .wpzoom-welcome .title-widget {
		font-size: 28px;
		line-height: 36px;
	}

	#content .wpzoom-welcome {
		font-size: 16px;
		line-height: 26px;
	}

	.wpzoom-column-full .wpzoom-testimonials-widget {
		padding: 30px 40px;
	}

	.wpzoom-column-full .testimonial-excerpt,
	.wpzoom-loop-testimonial .testimonial-excerpt {
		font-size: 16px;
		line-height: 28px;
		margin-right: 0;
		margin-left: 0;
	}

	.wpzoom-call2action .call2action-title {
		font-size: 20px;
		line-height: 28px;
	}

	.wpzoom-call2action .call2action-description {
		font-size: 14px;
		line-height: 22px;
	}

	p.post-meta,
	.wpzoom-breadcrumbs .crumbs,
	.woocommerce-breadcrumb {
		font-size: 13px;
	}

	.title-post-single, .title-archive {
		font-size: 30px;
		line-height: 40px;
	}

	.post-single,
	.archive-meta {
		font-size: 14px;
		line-height: 24px;
	}

	footer {
		font-size: 13px;
		line-height: 1.75em;
	}

	footer .column {
		margin-right: 6%;
		margin-bottom: 20px;
		width: 47%;
	}

	footer .column-second,
	footer .column-last {
		margin-right: 0;
	}

	footer .column-full {
		width: 100%;
	}

}

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

	#logo,
	.wpzoom-contacts {
		display: block;
		float: none;
		margin: 0 0 30px;
		text-align: center;
	}

	.wpzoom-contacts {
		margin-bottom: 0;
	}

	.wpzoom-contacts .wpzoom-contact {
		text-align: center;
	}

	#featured-posts .slides > li {
		height: 320px;
	}

	#featured-posts .slide-tagline {
		display: none;
	}

	.featured-pages .featured-page {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}

	.featured-page .post-cover {
		display: inline;
		float: left;
		margin-right: 3.4071%;
		width: 31.8568%;
	}

	.featured-page .post-excerpt-wrapper {
		display: inline;
		float: left;
		width: 64.7359%;
	}

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

	#main .wpzoom-column-half,
	#main .wpzoom-column-last,
	#main .wpzoom-column-aside,
	#main .wpzoom-column-double,
	#main .wrapper-reversed .wpzoom-column-double {
		display: block;
		float: none;
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	.wpzoom-column-main {
		margin-bottom: 20px;
	}

	#content .widget {
		margin-bottom: 30px;
	}

	.post-single {
		font-size: 14px;
		line-height: 24px;
	}

	.wpzoom-column-full .featured-service {
		margin-right: 4.3478%;
		margin-bottom: 20px;
		width: 47.8260%;
	}

	.wpzoom-column-full .featured-service-2,
	.wpzoom-column-full .featured-service-4 {
		margin-right: 0;
	}

	footer {
		padding-top: 30px;
		padding-bottom: 10px;
	}

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

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