.opened  { width: 300px !important; background-color: #588036 !important; }
.opened .mobilni-trigger { background-color: #e7f3f7 !important;  }


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

	.page-center { width: 100%; }
	
	#slika #napis { margin-left: 10px; }
	
	#menu4.vstopna  { width: 99%; margin-left: 1%; }
	#menu4.vstopna .opcije { width: 100%;  }
	#menu4.vstopna .opcije li.nivo0 { width: 32% !important; height: auto ; margin-right: 2%; }
	#menu4.vstopna .opcije li.nivo0:nth-child(3n+3) { margin-right:0px !important; }
	#menu4.vstopna .opcije li.nivo0 a img{ width: 100% !important; }
	
	#izpostavljeno { height: auto; }
	#izpostavljeno #prireditve-wrap { float: none; width: 100%; margin-right: 0px;  }
	#izpostavljeno #slikice-wrap { float: none; width: 100%; margin-top: 10px; }
	

	#prireditve-wrap .izp_naslov { margin-left: 2%; }
	#prireditve_izpost ul { width: 46%; margin-left: 2%; }
	#prireditve_izpost .prireditev { width: 100%; }
	#izlet_izpost { width: 48%; float: left; margin-top: 28px;  margin-right: 2%; }
	#izlet_izpost .slika { margin-left: 4%;  }
	#izlet_izpost .tekst { width: 55%; min-width: 120px; }
	#prodaja_izpost { width: 48%; float: left; margin-top: 28px; }
	#prodaja_izpost .slika { margin-left: 4%;  }
	#prodaja_izpost .tekst { width: 55%; min-width: 120px; }

	
	#osrednja  #vsebina { padding-left: 1% !important; padding-right: 1% !important;}

	
	#parki, .notranja #parki { width: 94%; margin-left:auto; margin-right:auto; }
	.parki_seznam .slika img { width: 100%; height: auto; }
	.parki_seznam .slika { width: 30%;  margin-right:5%; }
	.notranja .parki_seznam .slika { margin-right:5%; }
	.parki_seznam > .slika:nth-child(3n+3) { margin-right:0px; }
	
	#karta { width: 94%; }
	#karta img{ width: 100%; }

	.ozji_tekst { padding-left: 10%; padding-right: 10%; }		/* skupnost parkov */
	
	.kontakti_seznam .stolpec { width: 30%;  margin-right:5%; }
	.kontakti_seznam > .stolpec:nth-child(3n+3) { margin-right:0px; }


	.geopark .levi, .nezavarovano .levi, .botanicni-vrt .levi { width:50% !important; margin-right:2% !important; }
	.geopark .levi a img, .nezavarovano .levi a img, .botanicni-vrt .levi a img{ width:100% !important; }
	.geopark .desni, .nezavarovano .desni, .botanicni-vrt .desni { width: 47%; }
	.geopark .slika, .nezavarovano .slika, .botanicni-vrt .slika  { width: 45%; }
	.geopark .desni a img, .nezavarovano .desni a img, .botanicni-vrt .desni a img{ width: 100%; }
	
	.botanicni-vrt h2, .nezavarovano h2 { margin-top: 25px !important; }
	.botanicni-vrt .karta, .nezavarovano .karta  { right: 10px; left: auto; }

	.pragozdovi .karta { width: 60%;  }
	.pragozdovi .karta img{ width: 100%;  }
	
	.natura .desni img{ width: 60%;  }
	
	.seznam_prireditev ul { padding-left: 0px; }
	
	#footer { width: 98%; margin-left:auto; margin-right:auto; }
}



@media only screen and (max-width: 960px) {
	
	.parki_seznam .slika a .naslov { font-size: 14px; margin-bottom: 10px; }
	
	#seznam_parki_vsi > .park:nth-child(4n+4) { margin-right:13px !important; }
	#seznam_parki_vsi .park { margin-right:13px !important; }
	
	
}


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

	#slider { height: 200px; }
	
	#izlet_izpost .tekst, #prodaja_izpost .tekst  { width: 50%; }
	
	.parki_seznam_urejen { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	
	.ozji_tekst { padding-left: 5%; padding-right: 5%; }				/* skupnost parkov */

	.seznam > .ptici-wrap:nth-child(3n+3), .seznam > .pot-wrap:nth-child(3n+3) { margin-right:25px; }
	.seznam > .ptici-wrap:nth-child(2n+2), .seznam > .pot-wrap:nth-child(2n+2) { margin-right:0px; }
	
/*	.mab_seznam > .slika:nth-child(3n+3) { margin-right:25px; }
	.mab_seznam > .slika:nth-child(2n+2) { margin-right:0px; } */
	
	
}

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

	.seznam_izletov .izlet-wrap:nth-of-type(3n+3) { margin-right:27px; }
	.seznam_izletov .izlet-wrap:nth-of-type(2n+2) { margin-right:0px; }
	
	.seznam_kje_jesti .lokal-wrap:nth-of-type(2n+2), .seznam_kje_spati .prenocisce-wrap:nth-of-type(2n+2), .seznam_aktivnosti .aktivnost-wrap:nth-of-type(2n+2)  { margin-right:26px; }
	.seznam_kje_jesti .lokal-wrap, .seznam_kje_spati .prenocisce-wrap, .seznam_aktivnosti .aktivnost-wrap  { float: none; margin-left: auto !important; margin-right: auto !important; }
	
}


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

	.seznam_prireditev .prireditev .kraj { display: none; visibility: hidden;  }
	.seznam_prireditev .prireditev .npark { width: 250px; margin-right: 0px; }
	
}


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

	#menu2 { visibility: hidden; display: none; }
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:70px; top:165px; }
	#mobilni { visibility: visible; display: block; }
	
	.natura .desni img{ width: 52%;  }
	
}



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

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

	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:60px; top:155px; }
	
	#slider { height: 180px; }
	
	#prireditve_izpost ul { margin-left: 2%; }
	#izlet_izpost .tekst, #prodaja_izpost .tekst  { width: 42%; }
	
	#uvodni-tekst  { width: 100%; margin-bottom: 70px;}
	#uvodni-tekst  h1{  }
	
	.parki_seznam .slika a .naslov { font-size: 12px; margin-bottom: 8px; }
	
	#vsebina .levi-slika { margin-top: 60px; }
}


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

	#menu3 { visibility: hidden; display: none; }		/* skrijem skupnost parkov */
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:45px; top:142px; }
	
	.seznam_prireditev .prireditev .npark { width: 200px; }
}


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

	.natura .levi { float: none !important; width: 100% !important; margin-right: 0px; }
	.natura .levi h1 { text-align: left !important; }
	.natura .levi .italic_14_desno { text-align: justify !important; }
	
	.natura .levi .logo { float: left; width: 145px; height: 125px; margin-top: 0px; }
	.natura .levi .logo img{ margin-left: 0px; margin-right: 0px; }
	
	.natura .levi .perunika { visibility: hidden; display: none;  }

	.natura .desni .tekst { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	
	.natura .desni img{ width: 100%;  }
	
	.seznam_prireditev .prireditev .naslov { display: block; width: 285px; margin-right: 0px;}

}


@media only screen and (max-width: 680px) {
	
	#izlet_izpost .tekst, #prodaja_izpost .tekst  { float: none; width: 90%; margin-left: 4%; margin-top: 10px; }
	#izlet_izpost .slika, #prodaja_izpost .slika  { float: none;  }
	
	.parki_seznam .slika a .naslov { font-size: 17px;  margin-bottom: 15px; }
	.parki_seznam .slika { width: 47%;  margin-right:5%; }
	.parki_seznam > .slika:nth-child(3n+3) { margin-right:5%; }
	.parki_seznam > .slika:nth-child(2n+2) { margin-right:0px; }
	
	.kontakti_seznam .stolpec { width: 47%;  margin-right:5%; }
	.kontakti_seznam > .stolpec:nth-child(3n+3) { margin-right:5%; }
	.kontakti_seznam > .stolpec:nth-child(2n+2) { margin-right:0px; }
	
}

@media only screen and (max-width: 650px) {
	
	#slider { height: 160px; }
	#slika #napis { font-size:28px; }
	#moto { font-size: 16px; }	
	
	
	#menu4.vstopna .opcije li.nivo0 { font-size: 16px; }
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:40px; top:130px; }
	
	#prireditve_izpost ul { width: 90%; }
	
	.parki_seznam .slika a .naslov { font-size: 14px; margin-bottom: 10px; }
	
	
	#vsebina .levi-slika img{ width: 100%; }
	#vsebina .levi-slika { width: 50%; min-height: 0px; }
	#vsebina .levi-slika #orel{ position:relative; width: 90%; }
	#vsebina .levi-slika #orel img{ width: 100%; }
	
	.ozji_tekst { padding-left: 1%; padding-right: 1%; }				/* skupnost parkov */
	
	.pragozdovi .seznam { float: none; }
	.pragozdovi .karta { float: none; width: 100%;  }
	
	.seznam_prireditev .prireditev li.npark { float: none;  }
	.seznam_prireditev .prireditev .npark { width: 285px; margin-left: 150px;}
	.seznam_prireditev .prireditev.glava .npark { display: none; visibility: hidden;}
}

@media only screen and (max-width: 630px) {
	
	.seznam .ptici-wrap  { width:100%; height: auto; float: none; margin-right:0px; }
	.seznam .ptici .slika { width:100%; height: auto; }
	.seznam .ptici .slika .slika_img img{ width:100%; }
/*	.seznam .ptici .ptica { bottom: -10%; } */
	.seznam .ptici .ime_ptice { left: 5%; bottom: 5%; } 

	.seznam .pot-wrap  { width:100%; height: auto; float: none; margin-right:0px; }
	.seznam .pot .slika { width:100%; height: auto; }
	.seznam .pot .slika .slika_img img{ width:100%; }
	
	.mab_seznam { width:100%; float: none; margin-left:0px; }
	.mab_seznam .slika { width:100%; float: none; margin-right: 0px; padding-top: 5px; }
	.mab_seznam .slika img{ width:95%; }
/*	.mab.stolpci2 { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; }*/
}


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

	.seznam_izletov .izlet-wrap:nth-of-type(2n+2) { margin-right:27px; }
	.seznam_izletov .izlet-wrap { float: none; margin-left: auto !important; margin-right: auto !important; }
	
	.seznam_splosnih_aktivnosti .aktivnost-splosna-wrap:nth-child(3n+3) { margin-right:25px; }
	.seznam_splosnih_aktivnosti .aktivnost-splosna-wrap { float: none; margin-left: auto !important; margin-right: auto !important; }
}


@media only screen and (max-width: 570px) {
	
	#slider { height: 140px; }
	
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:30px; top:118px; }
	#mobilni-wrap { float: none; width: 100%; background-color: #588036; }
	#mobilni { width: 300px; background-color: #588036; }
	#mobilni .mobilni-trigger  { color: #ffffff; }
	#mobilni .mobilni-trigger .trigger-icon .line { background-color: #ffffff; }
	#mobilni .mobilni-trigger.active .trigger-icon .line { background-color: #ffffff; }
	
	.natura .desni .tekst { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	
}


@media only screen and (max-width: 500px) {
	
	#menu5 { visibility: hidden; display: none; }		/* skrijem 'za šole' */
	
	#menu4.vstopna .opcije li.nivo0 { font-size: 14px; }
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:27px; top:103px; }
	#menu4.notranja { margin-right: 0px !important; }
	
	#vsebina h1 { font-size: 20px; font-weight: 400; padding-bottom: 10px !important; margin-top: 50px;}
	#vsebina.vstopna h1 { font-size: 25px; font-weight: 400; padding-bottom: 10px !important; margin-top: 30px;}

	#parki h2, #karta h2 { font-size: 22px; font-weight: 400; padding-bottom: 40px; margin-top: 0px; padding-top: 0px; }
	#parki { margin-top: 10px; }
	
	.parki_seznam .slika a .naslov { font-size: 12px; margin-bottom: 8px; }
	.parki_seznam_urejen { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

	
	.geopark .levi, .nezavarovano .levi, .botanicni-vrt .levi { float:none; width:100% !important; margin-right:0px !important; margin-bottom: 20px !important; }
	.geopark .desni, .nezavarovano .desni, .botanicni-vrt .desni { float: none; width: 100%;  }
	
	.botanicni-vrt h2, .nezavarovano h2 { font-size: 16px !important;  padding-left: 15px !important; }
	.botanicni-vrt .karta  img, .nezavarovano .karta  img { width: 75%; }
	.botanicni-vrt .karta, .nezavarovano .karta  { top: -2px; right: -20px;}

}


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

	#logo { left: 10px; }	
	#jeziki{ margin-right: 10px; }
	#kosara-wrap { margin-right: 10px; }
	
	#izlet_izpost .tekst, #prodaja_izpost .tekst  { float: none; width: 40%; }
	
	#menu1 { visibility: hidden; display: none; }
	
	.parki_seznam .slika a .naslov { font-size: 17px;  margin-bottom: 15px; }
	.parki_seznam .slika { width: 100%; float: none;  margin-right:0px !important; }
	
	.kontakti_seznam .stolpec { width: 100%; float: none;  margin-right:0px !important; }
	
	.seznam_kje_jesti  h2, .seznam_kje_spati  h2, .seznam_aktivnosti  h2 { font-size: 16px !important; }
	.seznam_kje_jesti .lokal-wrap, .seznam_kje_spati .prenocisce-wrap, .seznam_aktivnosti .aktivnost-wrap { width: 250px; height: auto; margin-bottom: 25px; }
	.seznam_kje_jesti .slika, .seznam_kje_spati .slika, .seznam_aktivnosti .slika { float: none; margin-right: 0px; margin-bottom: 5px;}
	.seznam_kje_jesti .lokal, .seznam_kje_spati .prenocisce, .seznam_aktivnosti .aktivnost { float: none; width: 250px; padding-right:0px; }
	
	.seznam_prireditev .prireditev ul { margin-bottom: 10px; }
	.seznam_prireditev .prireditev li.datum { float: none;  }
	.seznam_prireditev .prireditev li.naslov { float: none;  }
	.seznam_prireditev .prireditev .datum { float: none; font-style: italic; }
	.seznam_prireditev .prireditev .naslov { width: 95%; margin-left: 15px;}
	.seznam_prireditev .prireditev .npark { width: 285px; margin-left: 15px;}
	.seznam_prireditev .prireditev.glava .naslov { display: none; visibility: hidden;}
	
}




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

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

	#slider { height: 120px; }
	#slika #napis { font-size:20px; }
	#moto { font-size: 14px; margin-bottom:12px; }	
	

	#izlet_izpost, #prodaja_izpost { width: 95%; float: none; margin-top: 28px;  margin-right: 0px; }
	#izlet_izpost .slika, #prodaja_izpost .slika { float: left; margin-left: 2%; margin-bottom: 0px; }
	#izlet_izpost .tekst, #prodaja_izpost .tekst { float: left; width: 40%; margin-left: 2%; margin-top: 20px;}


	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:12px; top:87px; }
	#menu4.notranja  { width: 98%; margin-left: 1%; }
	#menu4.notranja .opcije { width: 100%; }
	#menu4.notranja .opcije li.nivo0 { width: 33% !important; font-size: 13px;}
	#menu4.notranja .opcije li.nivo0:first-child a{ border-left:none;}
	#menu4.notranja .opcije li.nivo0:last-child a{ border-right:none;}

	#vsebina .levi-slika { visibility: hidden; display: none; }
	
	.botanicni-vrt .karta, .nezavarovano .karta  { visibility: hidden; display: none; }
}


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

	#moto { font-size: 13px; }	
	#menu4.vstopna .opcije li.nivo0 { font-size: 12px; }
	#menu4.vstopna .opcije li.nivo0 ul.nivo0 { left:7px; top:75px; }
}