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

*/

/* 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('/wp-content/themes/modena/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(/wp-content/themes/modena/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) {

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

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