@media only  screen and (max-width: 574px) {
	#rezervacija .rezervacija {
		text-align: center !important;
	}
}
@media only  screen and (max-width: 640px) {

	#logo {
		/*top: 0;*/
	}
	
	#rotacija {
		min-height: none; 
	}
	
	#rotacija img {
		min-height: auto;
	}
	
	.polje {
		width: 100%;
		margin-right: 0;
		float: none;
		display: block;
	}
	
	#click_menu {
		padding-top: 0 !important;
	}
	
	.polje {
		min-height: auto;
	}
	
	#levo, #desno {
		width: 100%;
		margin: 0 0 1% 0;
		padding: 0;
		clear: both;
	}
	
	.container {
		bottom: 15px !important;
	}
	
	.container p {
		display: none;
		visibility: hidden;
	}
	
	.short {
		width: 35% !important;
	}
	
	/*#levo .polje .slika {
	    padding: 1%;
		float: left;
		margin: 0 0 15px 0;
		max-width: 98%;
		clear: both;
	}
	
	#naslov {
		padding: 15px 0;
	}
	*/
	.slika_desno, .slika_levo {
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	.slika_desno {
		margin-left: 0; 
	}
	 
	.slika_levo {
		margin-right: 0; 
	}
	
	.als-item .play {
		margin-top: -32px;
	}
	
	.slogan_opis {
		display: none;
		visibility: hidden;
	}

	.prostor_za_slogan {		 
		width: calc(100% - 60px);
		top: 25%;
		left: 30px;		 
	}
	
	.slogan {
		font-size: 2.5em;
	}
	
	.blok_slika {
		padding-bottom: 135%;
	}
	
	.dugme_rotator_prostor {
		 
		font-size: 17px;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		color: #fff !important;
		background: #0EA6E9;
		border-radius: 20px;
		line-height: 28px;
		width: fit-content;
		block-size: fit-content;
		text-align: center;
		float: left;
		margin-right: 0px;
		 
	}
	
	.naslovna_tekst, .naslovna_mapa {
		max-width: 90%; 
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#donja_navigacija .polje .prostor ul li.rwd, #donja_navigacija .polje .prostor ol li.rwd {
		display: list-item !important;
	}
	
	#polje_naslov h1 {
		font-size: 2.5em; word-break: break-word;
	}
	
	#polje_naslov .prostor {
		padding: 30px 0 30px 0;
	}
	.td_services {
		width: 100% !important;
		display:inline-table;
	}
	
	.polje_tekst {
		max-height: none !important;
		}

}

@media only screen  and (max-width: 400px) {
	.slogan {
		font-size: 2.5em;
	}
}

@media only screen  and (min-width: 360px) and (max-width: 400px) {
	.slogan {
		font-size: 2.1em;
	}
}

@media only screen  and (max-width: 340px) {
	.slogan {
		font-size: 1.9em;
	}
	
	.dugme_rotator_prostor { 
		display: none;
		visibility: hidden;	
	}
}

@media only screen  and (max-width: 300px) {
	.slogan {
		font-size: 1.5em;
	}
	
	.dugme_rotator_prostor { 
		display: none;
		visibility: hidden;	
	}
}

@media only screen and (min-width: 471px) and (max-width: 640px) {
	.slogan_opis {
		display: block;
		visibility: visible;
	font-size: 1.2em;
	}
}
@media only screen and (min-width: 441px) and (max-width: 640px) {
	.slogan {
		font-size: 2em;
	}
	    .blok_slika {
        padding-bottom: 110% !important;
    }
}

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

	#logo {
		/*top: 0;*/
	}
	
	#rotacija {
		 
	}
	
	#rotacija img {
		min-height: auto;
	}
	
	.polje {
		width: 100%;
		margin-right: 0;
		float: none;
		display: block;
	}
	
	#click_menu {
		padding-top: 0 !important;
	}
	
	.polje {
		min-height: auto;
	}
	
	.container {
		bottom: 45px !important;
	}
	
	.als-item .play {
		margin-top: -32px;
	}

	.slogan_opis {
		display: none;
		visibility: hidden;
	}
	
	.prostor_za_slogan {		 
		width: 90%;
		top: 25%;
		left: 5%;		 
	}
	
	.slogan {
		font-size: 3.3em;
	}
	
	.blok_slika {
		padding-bottom: 66.7%;
	}
	
	.dugme_rotator_prostor {
		font-size: 17px;		
		line-height: 28px;		 
	}
	
	.naslovna_tekst, .naslovna_mapa {
		max-width: 90%;		
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#donja_navigacija .polje .prostor ul li.rwd, #donja_navigacija .polje .prostor ol li.rwd {
		display: list-item !important;
	}
	
	#polje_naslov h1 {
		font-size: 3em; 
	}
	
	#polje_naslov .prostor {
		padding: 30px 0 30px 0;
	}

}

@media only screen and (min-width: 600px) and (max-width: 860px) {
	
	.blok_slika {
		padding-bottom: 100%;
	}
	
	.slogan {
		font-size: 3.3em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.5em;
	}
	
	#polje_naslov h1 {
		font-size: 3em; 
	}	 
	
}

@media only  screen and (min-width: 861px)  {

	.als-item .play {
		margin-top: -64px;
	}
	
}

@media only  screen and (min-width: 800px) and (max-width: 1000px)  {


	.blok_slika {
		padding-bottom: 82%;
	}
	
	.slogan {
		font-size: 3.3em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.4em;
	}
	
	.prostor_za_slogan {		
		width: 71%;		
		left: 10%;
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#polje_naslov h1 {
		font-size: 3em; 
	}
	
	#donja_navigacija .polje .prostor ul li.rwd, #donja_navigacija .polje .prostor ol li.rwd {
		display: list-item !important;
	}

}

@media only  screen and (min-width: 1001px) and (max-width: 1200px)  {


	.blok_slika {
		padding-bottom: 66.7%;
	}
	
	.slogan {
		font-size: 3.3em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.4em;
	}
	
	.prostor_za_slogan {		
		width: 70%;		
		left: 10%;
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#donja_navigacija .polje .prostor ul li.rwd, #donja_navigacija .polje .prostor ol li.rwd {
		display: list-item !important;
	}

}

@media only  screen and (min-width: 1201px) and (max-width: 1400px)  {

	.blok_slika {
		padding-bottom: 66.7%;
	}
	
	.slogan {
		font-size: 3.8em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.7em;
	}
	
	.prostor_za_slogan {		
		width: 50%;	
		left: 10%;
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#donja_navigacija .polje .prostor ul li.rwd, #donja_navigacija .polje .prostor ol li.rwd {
		display: list-item !important;
	}
}
@media only  screen and (min-width: 1401px) and (max-width: 1460px)  {

	.blok_slika {
		padding-bottom: 66.7%;
	}
	
	.slogan {
		font-size: 4em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.7em;
	}
	
	.prostor_za_slogan {		
		width: 60%;	
		left: 10%;
	}
	
	#sadrzaj_naslovna_tekst , #sadrzaj_naslovna_mapa {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only  screen and (min-width: 1461px) and (max-width: 1660px)  {

	.blok_slika {
		padding-bottom: 56.25%;
	}
	
	.slogan {
		font-size: 4.2em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.7em;
	}
	
	.prostor_za_slogan {		
		width: 50%;	
		left: 10%;
	}
}
@media only  screen and (min-width: 1661px) and (max-width: 1860px)  {

	.blok_slika {
		padding-bottom: 56.25%;
	}
	
	.slogan {
		font-size: 4.4em;
	}
	
	.slogan_opis {
		display: block;
		visibility: visible;
		font-size: 1.7em;
	}
	
	.prostor_za_slogan {		
		width: 50%;	
		left: 10%;
	}
}

@media only  screen  and (max-width: 960px)  {
	.polje_slicica, .polje_slika { 
		max-width: 90%;
	}
}