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

*/


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

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

}

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

	.wrapper-content-inside {
		padding: 24px;
	}

}

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

	div.wrapper-header {
		text-align: center;
	}

	#logo,
	header .banner-header {
		display: block;
		float: none;
		margin-right: 0;
	}

	header .banner-header {
		margin-top: 20px;
	}

	.wrapper-content-inside {
		padding: 19px;
	}

	.featured-pages-4 .wpzoom-featured-page {
		margin-right: 4%;
		margin-bottom: 30px;
		width: 48%;
	}

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

	.featured-pages-1 .title-post,
	.featured-pages-3 .title-post,
	.featured-pages-4 .title-post {
		font-size: 14px;
		line-height: 22px;
	}

	.wpzoom-featured-page .post-content {
		font-size: 12px;
		line-height: 19px;
	}

	.posts-archive-post .post-excerpt {
		font-size: 12px;
		line-height: 20px;
	}

	.posts-archive-post .title-post {
		font-size: 14px;
	}

}

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

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

	.wrapper-home #content,
	.wrapper-main #content,
	.wrapper-home aside,
	.wrapper-main aside {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}

	aside.aside-inside {
		padding-top: 0;
	}

	/* Main Menu */

	#nav-main-menu .dropdown,
	#nav-main-menu .cleaner { display: none; }

	#nav-main-menu {
		padding: 15px 0;
		text-align: center;
	}

	div.wrapper-menu {
		text-align: center;
	}

	#selectnav1 {
		display: inline-block;
		font-family: Arial, tahoma, sans-serif;
		font-size: 13px;
		padding: 5px;
	}

	.side_ad {
		display: none;
	}

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

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

}

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

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

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

}