@media screen and (max-width:665px) {
	body { background: none; }

	#sidebar { width: 100%; background-color: #264046; margin: 0; }
	#sidebar div.content { display: none; margin-bottom: 25px; width: 90%; }
	#sidebar div.content.active { float: left; display: block; }
	#sidebar #mcontent-1 div.c-item-responsive-rest { display: none; }
	#sidebar #mcontent-1 div.c-item-responsive-top { display: block; }
	#sidebar #mcontent-1 div.c-item-typ-rlogotext { display: none; }

	#sidebar #mcontent-1 div.c-item-responsive-top ul li { width: 100% }

	#main { width: 94%; padding: 0 3%; }
	
	#logo { float: left; margin-left: 5%; }
	#logo { padding: 10px 0; }
	#toogle { float: right; margin-right: 5%; line-height: 62px; display: block; }
	#toogle img { position: relative; vertical-align: middle; }
	#toogle-logo div.c-item-typ-rlogotext { line-height: 62px; margin: 0 0 0 15px; }

	#footer-bg { width: 100%; }
	#footer-text { width: 94%; margin: 0 3%; }

	#mobile-left { width: 100%; display: block; background-color: #264046; padding: 5px 0;color:#fff; }
	#mobile-left a { color:#fff; }
	#mobile-left #mcontent-1 { margin: 25px 5%; }
	#mobile-left #mcontent-1 div.c-item-responsive-top { display: none; }
	#mobile-left #mcontent-1 div.c-item-responsive-rest { display: block; }

	#pgz-tu-lbox { display: none; }

	.pgz_komentare div.dform input.xbutton { font-size: 8px; }
}
@media screen and (min-width:666px) and (max-width:720px) {
	#sidebar { width: 26.2%; }
	#main { width: 70%; padding: 0 1.5% 0 2.3%; }

	#footer-bg { width: 26.2%; }
	#footer-text { width: 70%; margin-right: 1.5%; }
	
	#logo { text-align: center; }
	#logo a img { max-width: 90%; }
}
@media screen and (min-width:721px) and (max-width:830px) {
	#sidebar { width: 28.4%; }
	#main { width: 67%; padding: 0 1.5% 0 2.3%; }
	
	#logo { text-align: center; }
	#logo a img { max-width: 90%; }

	#footer-bg { width: 28.4%; }
	#footer-text { width: 67%; margin-right: 1.5%; }
}
@media screen and (min-width:831px) and (max-width:1000px) {
	#sidebar { width: 31.2%; }
	#main { width: 64%; padding: 0 1.5% 0 2.3%; }
	
	#logo { text-align: center; }
	#logo a img { max-width: 90%; }

	#footer-bg { width: 31.2%; }
	#footer-text { width: 64%; margin-right: 1.5%; }
}