/* fekvo tablet - optimalizalas: 960px */
@media only screen and (max-width: 1000px) {
	.header_top {margin-bottom: 0px;}
	.header_top .search {padding-top: 0px; margin-bottom: 1%;}
	#mobile {display: block;}
	.menu {display: none;}
		.menu nav {padding: 10px 0;}
		.menu nav h2 {margin: 0px; float: none;}
			.menu nav h2 a {padding: 0px; text-align: center; line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.2);}
			.menu nav h2:nth-last-child(2) a {border-bottom: 0px;}
			
	.footer_box {float: none; width: 100%; margin-right: 0px; margin-bottom: 3%;}
		.footer_box .text {margin-left: 5%;}
	
	.footer_bottom .float_left, .footer_bottom .float_right {float: none; width: 100%; text-align: center;}
	
	.vote_box .title {float: none; width: 100%;}
	.vote_box .vote_button {width: 42%; padding: 0px; margin-top: 20px;}
	
	.content_box .social_box {float: none; width: 100%; padding: 0px; margin-bottom: 2%;}
}

/* allo tablet - optimalizalas: 768px */
@media only screen and (max-width: 800px) {
	#sidebar {float: none; width: 100%; height: auto !important;}
	#content {float: none; width: 100%; margin-right: 0px; margin-bottom: 5%;}
	#sidebar .side_logo a {float: left; width: 40%; margin: 0 2% 4%;}
	
	#logo {max-width: 60%;}
	.header_top .search {width: 40%;}
	
	#sidebar .contents .content.small {width: 28%; margin-bottom: 4%; float: left; margin-right: 2%;}
	#sidebar .contents .content.last {margin-right: 0px;}
}

/* fekvo mobil - optimalizalas: 480px */
@media only screen and (max-width: 700px) {
	.header_top .search {display: none;}
}

@media only screen and (max-width: 600px) {
	.vote_box .vote_button {width: 80%; margin-bottom: 20px;}
}

@media only screen and (max-width: 500px) {
	.social_box .fb, .social_box .tw, .social_box .go {float: none; width: 100%; margin-bottom: 1%;}
	.content_form div.float_left, .content_form div.float_right {float: none; width: 100%; margin: 0px;}
	
	h1.maintitle {font-size: 24px;}
}

/* allo mobil - optimalizalas: 320px */
@media only screen and (max-width: 420px) {
	#logo {max-width: 82%;}
	#sidebar .side_logo a {margin: 0 auto; width: 82%; float: none;}
	
	.contents .content, .contents .content.small {float: none !important; margin-right: 0px !important; width: 95% !important; padding: 2% 2% 6% !important;}
	
	#main_slider .slider .text {display: none;}
}