	@media screen and (max-width: 1130px) {
	#root{width: 100%;}
	}	

	@media screen and (max-width: 850px) {
	body{	font-size: 14px;	}
	.col1{width: 40%;}
	.col2{width: 60%;}
.pgz_fotkydiv .item-foto img{opacity: 1;}
	}	

	
	@media screen and (max-width: 620px) {
	.col1 .c-item{display: none;}
	body{	font-size: 12px;	}
.lblok-menu ul{display: block}
.logoslogan, .col1 .c-item{margin-right: 0px;}
.col1, .col2{width: 100%;}
#pgz-tu-lbox{display: none;}

#header .container2 .col1 .margin {
padding: 0.5em 2em;
margin: 0px;
font-size: 0.9em;
}




.pgz_komentare table, .pgz_komentare tr, .pgz_komentare td, .pgz_komentare tbody,
.pgz_kontaktform table, .pgz_kontaktform tr, .pgz_kontaktform td
 {
    display: block;
    width: 100%;
}

.pgz_komentare input{
   width: 100%;
   word-wrap:break-word;
}



.col1 {float: none;}
.col2 {float: none;}
.c-item-typ-menu{display: none}


.respshowmenu{display:block;
position: absolute;
top: 20px; right: 20px;
margin: 5px;
background: #580480 url('menu.png') center center no-repeat;
width: 40px;
height: 40px;
font-size: 0px;
}
.col{width: 100%; float: none;}

	}