/*WebMark Europe goes RESPONSIVE*/

@media screen and (max-width: 1020px) {
	.wrapper { width:98%; }
	/*slider*/
	.slider-area .wrapper { width:98%; margin:0 auto; }
	#slider-featured { width:auto; left:0; }
	/*content*/
	#itw-content { width:98%; }
	#itw-content .left-col, #itw-content .left-col.rovat, #itw-content .left-col.nyitolap { width:68%; }
	#itw-content .right-col { width:28%; }
	#itw-content img { max-width:100%; height:auto; }
	.fb { position:relative; overflow:hidden; }
	/*dobozok*/
	#itw-content .box { width:98%; float:none; margin:0 auto; }
	#itw-content .box.sidebar .middle { padding:10px 0; }
	#itw-content .sidebar .box-content .calendar { left:auto; right:-8px; }
	/*footer*/
	#footer, #footer .wrapper { width:98%; padding:10px 1%; }
}
@media screen and (max-width: 768px) {
	/*header*/
	#header .search .field { width:88px; }
	/*content*/
	#itw-content .left-col, #itw-content .left-col.rovat, #itw-content .left-col.nyitolap { width:98%; float:none; }
	#itw-content .right-col { width:98%; float:none;  }
	/*slider nl home*/
	#slider-test { height:auto; }
	#slider-test .recommend { margin:0; width:90%; padding:2%; }
}
@media screen and (max-width: 640px) {
	/*header*/
	#title strong { display:none; }
	#title td:first-child { display:none; }
	#title td:nth-child(2) { display:block; width:100%; text-align:center; }
	#header { height:auto; padding:5% 0; }
	#header .search, #header .logo { display:block; position:relative; padding:2% 0; text-align:center; }
	#header .search { top:0; right:0; }
	#header .search .field { width:240px; } 
	#header .logo { left:0; top:0; }
	#header .logo img { width:90%; height:auto; }
	/*slider*/
	.slider-area .wrapper { height:auto; } 
	#slider-featured { height:290px; top:0; }
	#slider-featured .slide { width:100%; height:100%; }
	#slider-featured .slide .thumb { width:80%; position:relative; left:0; margin:0 auto; }
	#slider-featured .slide .thumb img { width:100%; height:auto; }
	#slider-featured .slide .description { top:auto; bottom:0; width:50%; }
	#slider-featured .slide .description h1 { font-size:16px; }
	#slider-featured .slide .description h2 { font-size:13px; }
	#nav-featured { display:none; }
	/*content*/
	#itw-content .text .thumb-cikk img { max-width:100%; }
	#itw-content .article-push { width:auto; display:block; float:none; }
	/*footer*/
	#footer table.menu td { display:block; text-align:center; }
	/*responsive menu*/
	#menu-toggle { width:30px; height:25px; margin:0; padding:5px; position:fixed; z-index:999; background-color:#ff6608; }
	#menu-toggle li { height:5px; background-color:#fff; padding:0; margin:0 0 5px; }
	#menu { display:none; width:100%; height:auto; background:#333; position:fixed; top:35px; left:0; z-index:999; margin:0; }
	#menu ul { background:none;  }
	#menu ul li { display:block; }
	#menu a, #menu a:visited { color:#fff; }
	#menu ul li.active { border:none; }
}