/*******************************  STYLE  *************************************/
@media screen and (min-width: 2400px){
	section.site-screen .contact{ padding:0 35%; }
	section.site-screen .article .media-wrapper.videomargin{ margin-bottom:15px; }
}

@media screen and (max-width: 1224px){
	section.site-screen .contact{ padding:0 24%; }
	section.site-screen .article > img{ width:50%; }
}

@media screen and (max-width: 1024px){
	section.site-screen .contact{ padding:0 20%; }
}

@media screen and (max-width: 880px){
	section.site-screen .title h1{ font-size:1.3em !important; }
	section.site-screen .article {font-size:1.1em !important; }
	section.site-screen .contact{ padding:0 15%; }
	section.site-screen .search {max-width:600px;}
}

@media screen and (max-width: 720px){
	section.site-screen .article{	padding:0 2%; }
	section.site-screen .article .media-wrapper{ width:95% !important;padding:10px 2.5%;margin:0 !important; float:none !important; }
	/*section.site-screen .article .media-wrapper img{ width:90% !important; }*/
	section.site-screen .contact{ padding:0 10%; }
	section.site-screen .article > img{ width:100%; }
	section.site-screen .search {max-width:200px;}
	section.site-screen .search ul.radios{ width:195px; }
	section.site-screen .search ul li:first-of-type{width:103px;text-align:left !important;}
	section.site-screen .search input.white{ width:190px; }
	section.site-screen .search select.white{ width:195px; }
}
@media screen and (max-width: 560px){
	section.site-screen .article{	padding:0 3%; }
	section.site-screen .contact{ padding:0 5%; }
}
@media screen and (max-width: 370px){
	section.site-screen .contact{ padding:0; }
}


/*******************************  

	JQUERY PLUGIN  
ΤΑ MEDIA QUERIES ΓΙΑ ΤΟ JQUERY PLUGIN ΒΡΙΣΚΟΝΤΑΙ ΣΤΟ ΑΡΧΕΙΟ jquery.plugin.css
(ΓΙΑΤΙ ΤΟ ΠΑΡΟΝ ΑΡΧΕΙΟ ΚΑΝΕΙ RELOAD ΣΤΟ RESIZE ΚΑΙ ΚΟΛΛΑΕΙ ΤΟ PLUGIN)

*************************************/