.opened  { width: 300px !important; background-color: #6c4023 !important; }
.opened .mobilni-trigger { background-color: #deb58f !important;  }


/* width < 1360px */
@media only screen and (max-width: 1360px) {

	.page-center { width: 100%; margin-left: 0px; margin-right: 0px;}
	
	
	#vrstica2-wrap { padding-left: 5px; padding-right: 5px;}
	
	#vsebina { padding-left: 10px; padding-right: 10px;  }
	#footer { width: 98%; margin-left:auto; margin-right:auto; }
	
	#menu4 { margin-left: 10px; }
	#menu4 .opcije li { width: 30%; }
	#menu4 .opcije li { margin-right: 30px; }
/*	#menu4 .opcije li:nth-child(3n+3) { margin-right:62px; }*/

	.iis-caption { width: 95%; }		/* napis na sliki na prvi strani */
	.iis-caption .iis-caption-title { font-size: 45px; }
	.iis-caption .iis-caption-content { font-size: 30px; }
	
	
/* ------------------------------------------*/

	.muzej .tekst { -webkit-column-count: 3; -webkit-column-gap: 2%; -moz-column-count: 3; -moz-column-gap: 2%; column-count: 3; column-gap: 2%;  }
	.muzej .tekst.ena_slika { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; width: 65%; margin-right: 2%; }
	.muzej .slika { width: 32%; height: auto; margin-right:2%; }
	.muzej .seznam_slik.ena_slika { width: 32%; height: auto; }
	.muzej .seznam_slik.ena_slika .slika { width: 100%; height: auto; }
	
	.ucna-pot .tekst { -webkit-column-count: 3; -webkit-column-gap: 2%; -moz-column-count: 3; -moz-column-gap: 2%; column-count: 3; column-gap: 2%;  }
	.ucna-pot .tekst.ena_slika { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; width: 65%; margin-right: 2%; }
	.ucna-pot .slika { width: 32%; height: auto; margin-right:2%; }
	.ucna-pot .seznam_slik.ena_slika { width: 32%; height: auto; }
	.ucna-pot .seznam_slik.ena_slika .slika { width: 100%; height: auto; }
	.ucna-pot .barvni_tekst img { width: 66%; height: auto; }
	
	.toplar .tekst { -webkit-column-count: 3; -webkit-column-gap: 2%; -moz-column-count: 3; -moz-column-gap: 2%; column-count: 3; column-gap: 2%;  }
	.toplar .tekst.ena_slika { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; width: 65%; margin-right: 2%; }
	.toplar .slika { width: 32%; height: auto; margin-right:2%; }
	.toplar .seznam_slik.ena_slika { width: 32%; height: auto; }
	.toplar .seznam_slik.ena_slika .slika { width: 100%; height: auto; }
	
	.sole .tekst { width: 45%; }
	.sole .slika { width: 49%; height: auto; margin-right:2%; }
	.sole .video { width: 100%; height: auto; margin-right:2%; }
	.sole .video iframe { width: 100%; height:375px; }
	.sole .seznam_slik.ena_slika { width: 49%; height: auto; }
	.sole .seznam_slik.ena_slika .slika { width: 100%; height: auto; }
	
	.odrasli .tekst { width: 45%; }
	.odrasli .slika { width: 49%; height: auto; margin-right:2%; }
	.odrasli .seznam_slik.ena_slika { width: 49%; height: auto; }
	.odrasli .seznam_slik.ena_slika .slika { width: 100%; height: auto; }
	
	.roj-dnevi h3 { width: 100%; }
	.roj-dnevi .poudarjeno h3 { width: 100%; }
	.roj-dnevi .slika { width: 49%; height: auto; margin-right:2%; }
	.roj-dnevi .seznam_slik.ena_slika { width: 49%; height: auto; }
	.roj-dnevi .seznam_slik.ena_slika .slika { width: 100%; height: auto; }

	#footer { padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 1330px) {

	#menu2 { visibility: hidden; display: none; }
	#mobilni-wrap, #mobilni { visibility: visible; display: block; }
/*	#mobilni { visibility: visible; display: block; } */
	#mobilni .opcije {  visibility: hidden; display: none; }
/*	#mobilni-wrap { clear: right; }*/

	#slider { height: 450px; width: 100%; }
	#slider img { height: 450px; width: auto; }
}


@media only screen and (max-width: 1150px) {

	#menu4 .opcije li .naslov { font-size: 28px; }
	
	#slider { height: 400px; width: 100%; }
	#slider img { height: 400px; width: auto; }
	.iis-caption { margin-top: 300px; }
	.iis-caption .iis-caption-title { font-size: 45px; }
	.iis-caption .iis-caption-content { font-size: 25px; }

}


@media only screen and (max-width: 1024px) {

	#menu4 .opcije li .naslov { font-size: 28px; }
	
	#slider { height: 350px; width: 100%; }
	#slider img { height: 350px; width: auto; }
	.iis-caption { margin-top: 250px; }
	.iis-caption .iis-caption-title { font-size: 40px; }
	.iis-caption .iis-caption-content { font-size: 20px; }
	
	.muzej .tekst { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; margin-bottom: 30px; }
	.muzej .tekst.ena_slika { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-right: 3%; }

	.toplar .tekst { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; margin-bottom: 30px; }
	.toplar .tekst.ena_slika { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-right: 3%; }

	.ucna-pot .tekst { -webkit-column-count: 2; -webkit-column-gap: 2%; -moz-column-count: 2; -moz-column-gap: 2%; column-count: 2; column-gap: 2%; margin-bottom: 30px; }
	.ucna-pot .tekst.ena_slika { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-right: 3%; }

	#footer { justify-content: space-between; }
/*	#footer .stolpec { width: 30%; } */
}

@media only screen and (max-width: 870px) {

	#menu4 .opcije li .naslov { font-size: 24px; }
	#menu4 .opcije li .tekst_uvodni { font-size: 14px; }
	#menu4 .opcije li .link { font-size: 16px; }
	
	h1 { font-size: 25px; padding-top: 30px; }
	h2 { font-size: 20px !important; }
	h3 { font-size: 20px !important; }
	
	.kviz { margin-top: 15px; margin-bottom: 25px; }
	#vprasanje  { font-size: 20px; }
	
	.ucni-list li#prvi, .ucni-list li#drugi, .ucni-list li#tretji { padding-top: 20px; }
	.ucni-list #seznam-vprasanj-slikovna { margin-top: 20px; margin-bottom: 10px; }
	.ucni-list #seznam-vprasanj-radio, .ucni-list #seznam-vprasanj-povezi, .ucni-list #seznam-vprasanj-sestavek, .ucni-list #seznam-vprasanj-kljukce, .ucni-list #seznam-vprasanj-stolpci, .ucni-list #seznam-vprasanj-krizanka { margin-top: 20px; margin-bottom: 10px; }
	
	.ucni-list .za_resitev_tekst, .ucni-list .za_resitev_tekst_zadaj { font-size: 16px; }
	.ucni-list .izbiri { width: 50%; }
	
	.ucni-list .za_pomoc_tekst { font-size: 16px; line-height: 150%; margin: 0px; margin-left: 10px; }
	.ucni-list.deveti #za_pomoc_wrap { margin-top: 10px; }
	

}

@media only screen and (max-width: 815px) {

	#vrstica2-wrap { height: 50px; }
	#logo { margin-top: 3px; }
	#logo img { height: 40px; width: auto; }
	#menu3 { height: 45px;  } 
	#menu3 .opcije { display: block; text-align: right; padding-right: .6em; }
	#menu3 .opcije li { float: none; font-size: 12px; margin-bottom: 2px;  margin-left: 0px;  }
	#menu3 .opcije li img { height: 13px; width: auto; }
	.presledek-zg { height: 79px; }
	
	
	#slider { height: 300px; width: 100%; }
	#slider img { height: 300px; width: auto; }
	.iis-caption { margin-top: 200px; }
	.iis-caption .iis-caption-title { font-size: 35px; text-shadow: 3px 3px 4px #010101;}
	.iis-caption .iis-caption-content { font-size: 18px; }
	
	
	.muzej .tekst { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-bottom: 0px; }
	.muzej h1 { margin-bottom: 20px; }
	.muzej h2, .muzej h3 { margin-bottom: 20px; }
	
	.toplar .tekst { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-bottom: 0px; }
	.toplar h1 { margin-bottom: 20px; }
	.toplar h2, .toplar h3 { margin-bottom: 20px; }

	.ucna-pot .tekst { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; margin-bottom: 0px; }
	.ucna-pot h1 { margin-bottom: 20px; }
	.ucna-pot h2, .ucna-pot h3 { margin-bottom: 20px; }
	
	.roj-dnevi .tekst.nivo1, .roj-dnevi .tekst.nivo2 { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	.roj-dnevi h2 { padding-top: 15px; }
	.roj-dnevi h3 { margin-bottom: 20px; padding-top: 25px; }
	
/*	#footer .stolpec { width: 46%; } */
	
	
	#kviz-slika { width: 50% !important; }
	#kviz-slika img { width: 100% !important; }

}

/* mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 690px) {

	#glava { position: relative;  }
	.presledek-zg { height: 0px; }
	
	.iis-caption { margin-top: 200px; }
	.iis-caption .iis-caption-title { font-size: 30px; }
	.iis-caption .iis-caption-content { font-size: 18px; line-height: 1.3em;  padding-top: 5px; }

	

	.tekst h1, .dva_stolpca h1 { font-size: 25px !important; margin-bottom: 15px !important; }
	.poudarjeno { font-size: 16px; padding: 18px;  }
	.vecje { font-size: 18px; }
	
	.sole h2 { margin-bottom: 20px; }
	.sole h3 { margin-bottom: 20px; }
	.sole .trajanje_cena span { font-size: 18px; font-weight: 600;  }
	.sole .tekst { width: 100%; }
	
	.sole .tekst h4  { font-size: 14px !important;  }
	
	.odrasli h2 { margin-bottom: 20px; }
	.odrasli h3 { margin-bottom: 20px; }
	.odrasli .tekst:first-of-type { font-size: 18px; margin-bottom: 15px; }
	.odrasli .trajanje_cena span { font-size: 18px; font-weight: 600;  }
	.odrasli .tekst { width: 100%; }
	
	.roj-dnevi h2 { margin-bottom: 20px; }
	.roj-dnevi h3 { margin-bottom: 20px; }
	.roj-dnevi .tekst { width: 100%; }
	
	.kviz { margin-top: 10px; }
	
	.posamezen_odgovor { font-size: 16px; }
	.kviz input[type=submit], .kviz input[type=button]{ 
		font-size: 20px; 
		padding: 5px 10px 5px 10px;
		margin-top: 20px;
	}
	
	.kviz.zakljucek input[type=submit] { 
		margin-top: 30px;
	}
	
	.ucni-list iframe { width: 100%;  }
	.ucni-list.deveti #za_pomoc_wrap.fiksiran-deveti { top: -10px; }
}


@media only screen and (max-width: 625px) {

	#menu1 .opcije li { margin-right:20px; }
	#menu1 .opcije li:last-child { margin-right:15px;}
	
/*	#vrstica2-wrap { height: 100px; }
	#logo { float: none;  margin-bottom: 5px; }
	#logo img {  height: 45px; width: auto; } */

/*	
	#menu3 { height: 35px;  } 
	#menu3 .opcije { text-align: left; padding-left: .6em; }
	#menu3 .opcije li { float: left;  margin-bottom: 5px;  }
	#menu3 .opcije li:first-of-type{ margin-left: 0px !important; } */

	#menu4 .opcije li { width: 45%; }
	#menu4 .opcije li { margin-right: 20px; } 
	#menu4 .opcije li:nth-child(3n+3) { margin-right:20px; }
	
	.dva_stolpca { -webkit-column-count: 1; -webkit-column-gap: 0px; -moz-column-count: 1; -moz-column-gap: 0px; column-count: 1; column-gap: 0px; }
	
	.muzej .tekst { display: block; width: 100%; }
	.muzej .tekst.ena_slika { width: 100%; margin-right: 0px; }
	.muzej .slika { width: 49%; margin-right:1%; }
	.muzej .seznam_slik.ena_slika { width: 49%; }
	
	.toplar .tekst { display: block; width: 100%; }
	.toplar .tekst.ena_slika { width: 100%; margin-right: 0px; }
	.toplar .slika { width: 49%; margin-right:1%; }
	.toplar .seznam_slik.ena_slika { width: 49%; }
	
	.ucna-pot .tekst { display: block; width: 100%; }
	.ucna-pot .tekst.ena_slika { width: 100%; margin-right: 0px; }
	.ucna-pot .slika { width: 49%; margin-right:1%; }
	.ucna-pot .seznam_slik.ena_slika { width: 49%; }
	.ucna-pot .barvni_tekst img { width: 100%; float: none; }
	
}

@media only screen and (max-width: 570px) {

	.sole .trajanje_cena.ena_slika { clear: right; margin-top: 0px; margin-bottom: 10px; margin-right: 0px; }
	
	.kviz input[type=submit], .kviz input[type=button]{ 
		font-size: 18px; 
		padding: 5px 10px 5px 10px;
		margin-top: 0px;
	}
	
	.ucni-list li#prvi, .ucni-list li#drugi, .ucni-list li#tretji { background: none; padding-left: 10px; padding-top: 10px; }
	.ucni-list #seznam-vprasanj-slikovna { justify-content: center; }
	.ucni-list #seznam-vprasanj-slikovna .vprasanje { margin-right: 0px; margin-bottom: 15px; }
	.ucni-list #seznam-vprasanj-sestavek { line-height: 200%; }
	
	.ucni-list #za_resitev_wrap { padding-top: 5px; padding-bottom: 5px; }
	.ucni-list .za_resitev_tekst, .ucni-list .za_resitev_tekst_zadaj { display: block; float: none; margin-left: 0px; margin-top: 0px;}
	.ucni-list .za_resitev { padding-left: 10px; }
	
	.ucni-list ol ol { margin-left: 0px; }
	.ucni-list .izbrana-crka { margin-left: 15px; }
	.ucni-list input[type=radio] { margin-left: 5px; margin-right: 5px;}
	.ucni-list-slika { max-width: 100%; margin-left: 0px; }
	.ucni-list-slika img { max-width: 100%; }
	.ucni-list ol ol li { padding-left: 0px !important;	}
	.ucni-list .s_sliko { display: block; }
	.ucni-list .izbiri { width: 100%; margin-bottom: 10px; }
	
	
}


@media only screen and (max-width: 485px) {

	#menu1 { font-size: 12px; }
	#menu1 .opcije li { margin-right:15px; padding-top: 6px; }
/**	#menu3 .opcije li { font-size: 12px; } **/
	
	/*	
	#menu4 .opcije li { margin-right: 30px; }
	#menu4 .opcije li:nth-child(3n+3) { margin-right:30px; }
	#menu4 .opcije li .tekst_uvodni { font-size: 14px; }
*/
	#kviz-slika { float: none; width: 100% !important; margin-left: 0px; margin-bottom: 20px; }
	.kviz input[type=submit], .kviz input[type=button]{ 
		margin-top: 15px;
	}
	
	.ucni-list #seznam-vprasanj-stolpci { justify-content: left; }
	.ucni-list #seznam-vprasanj-stolpci .stolpec {  margin-right: 0px; }
}




/* small mobile
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 430px) {

	#menu1 { visibility: hidden; display: none; }
	#menu3 { visibility: hidden; display: none; }
	
	#menu4 .opcije li { width: 95%; margin-top: 30px; }
	#menu4 .opcije li { margin-right: 0px; } 
	#menu4 .opcije li:nth-child(3n+3) { margin-right: 0px; }
	
	.iis-caption .iis-caption-title { font-size: 22px; }
	
/*	#footer .stolpec { width: 100%; padding-right: 0px; } */

}


@media only screen and (max-width: 375px) {

/*	#vrstica2-wrap { height: 111px; } 
	#menu3 { height: 54px;  float: right; } 
	#menu3 .opcije { text-align: right; padding-right: .6em; }
	#menu3 .opcije li { float: none;  margin-bottom: 5px;  }
	#menu3 .opcije li:first-of-type{ margin-left: 0px !important; }*/

	.muzej .slika { width: 100%; margin-right:0px; }
	.muzej .seznam_slik.ena_slika { width: 100%; }
	
	.toplar .slika { width: 100%; margin-right:0px; }
	.toplar .seznam_slik.ena_slika { width: 100%; }
	
	.ucna-pot .slika { width: 100%; margin-right:0px; }
	.ucna-pot .seznam_slik.ena_slika { width: 100%; }
	
	.sole .slika { width: 100%; margin-right:0px; }
	.sole .seznam_slik.ena_slika { width: 100%; }
	
	.odrasli .slika { width: 100%; margin-right:0px; }
	.odrasli .seznam_slik.ena_slika { width: 100%; }
	
	.roj-dnevi .slika { width: 100%; margin-right:0px; }
	.roj-dnevi .seznam_slik.ena_slika { width: 100%; }
}