/*--------------------------------------------------------------
		CUSTOM CSS MEDIA QUERY
----------------------------------------------------------------*/


/*--------------------------------------------------------------
Responsive Style
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. Media queries
--------------------------------------------------------------*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*--------------------------------------------------------------
2. Mobile Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
3. x >= 1281px
--------------------------------------------------------------*/
@media screen and (min-width: 1281px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 1200px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 126px;
	}

	/* ===================================================================================== NEWS_BOX ========== */
	#news_prev_list .news_prev_figure {
		max-height: 103px;
	}

	/* ================================================================================== PROJECT_BOX ========== */
	#project_prev_list .project_prev_figure {
		max-height: 103px;
	}

	/* ==================================================================================== LANGUAGES ========== */
	.sidebar_header_language {
		width: 220px;
	}

}

/*--------------------------------------------------------------
3. x <= 1280px
--------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 1152px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 126px;
	}

	/* ===================================================================================== NEWS_BOX ========== */
	#news_prev_list .news_prev_figure {
		max-height: 103px;
	}

	/* ================================================================================== PROJECT_BOX ========== */
	#project_prev_list .project_prev_figure {
		max-height: 103px;
	}

	/* ==================================================================================== LANGUAGES ========== */
	.sidebar_header_language {
		width: 120px;
	}

}

/*--------------------------------------------------------------
4. x <= 1152px
--------------------------------------------------------------*/
@media screen and (max-width: 1152px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 1100px;
	}
	
	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 120px;
	}

	/* ===================================================================================== NEWS_BOX ========== */
	#news_prev_list .news_prev_figure {
		max-height: 97px;
	}

	/* ================================================================================== PROJECT_BOX ========== */
	#project_prev_list .project_prev_figure {
		max-height: 97px;
	}

}

/*--------------------------------------------------------------
5. x <= 1100px (iPad Landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 1100px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 990px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 110px;
	}

	/* ===================================================================================== NEWS_BOX ========== */
	#news_prev_list .news_prev_figure {
		max-height: 87px;
	}

	/* ================================================================================== PROJECT_BOX ========== */
	#project_prev_list .project_prev_figure {
		max-height: 87px;
	}

	/* ==================================================================================== LANGUAGES ========== */
	.sidebar_header_language {
		padding-top: 20px;
	}
}

/*--------------------------------------------------------------
6. x <= 990px (iPad Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 990px) {	

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 767px;
	}
	
	/* ================================================================================== HOME_SLIDER ========== */
	.flex-direction-nav a { top: 30px; width: 30px; height: 30px; padding-top: 7px; }
	.flex-direction-nav a:before { font-size: 18px; }
	.flex-caption { width: 100%; bottom: 0; }
	.flex-direction-nav .flex-prev { left: 10px; opacity: 1; }
	.flex-direction-nav .flex-next { opacity: 1; right: 10px; }
	.flex-control-thumbs li {
		max-height: 85px;
	}
	
	/* ==================================================================================== NEWS_PREV ========== */
	#news_prev_list .news_prev {
		width: 100%;
	}
	#news_prev_list .news_prev_figure {
		max-height: none;
	}

	/* ==================================================================================== NEWS_PREV ========== */
	#project_prev_list .project_prev {
		width: 100%;
	}
	#project_prev_list .project_prev_figure {
		max-height: none;
	}

	/* ==================================================================================== LANGUAGES ========== */
	.sidebar_header_language {
		float: none;
		padding: 20px 0 0 0;
		width: auto;
	}
	#languages #lang_sel_list ul {
		text-align: center;
	}
}

/*--------------------------------------------------------------
7. x <= 767px
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 700px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 75px;
	}

	/* ===================================================================================================== SHOP ========== */
	/* ======================================================================== FULL PRODOTTI ========== */
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		width: auto;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: auto;
	}

}

/*--------------------------------------------------------------
8. x <= 700px
--------------------------------------------------------------*/
@media screen and (max-width: 700px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 600px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 63px;
	}

	
}

/*--------------------------------------------------------------
9. x <= 600px (iPhone 5 Landscape)
--------------------------------------------------------------*/
@media screen and (max-width:600px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 540px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 58px;
	}

}

/*--------------------------------------------------------------
10. x <= 540px (iPhone 4 Landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 540px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 480px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 51px;
	}

}

/*--------------------------------------------------------------
11. x <= 479px (iPhone Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 479px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 320px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 35px;
	}

	/* ==================================================================================== POST LINE ========== */
	.featured-image {
		float: none;
		margin-right: 20px;
		max-width: 100%;
		
		width: auto;
	}
	.featured-image img {
		margin: 0 auto;
		max-width: 100%;
	}

}

/*--------------------------------------------------------------
12. x <= 319px
--------------------------------------------------------------*/
@media screen and (max-width: 319px) {

	/* ============================================================================================= STRIP ===== */
	.strip_content {
		max-width: 319px;
	}

	/* ======================================================================================= SLIDER ========== */
	.flex-control-thumbs li {
		max-height: 31px;
	}


}

/*--------------------------------------------------------------
13. Form Zoom Fix
--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 

}