@media only  screen and (max-width: 320px) {
	.prostor_za_slogan {
		top: 15% !important;
	}
	.slogan {
		font-size: 1.8em;
	}
}
@media only  screen and (min-width: 321px) and  (max-width: 390px) {
	.prostor_za_slogan {
		top: 20% !important;
	}
	.slogan {
		font-size: 2.2em;
	}
}
@media only  screen and (min-width: 391px) and (max-width: 420px) {
	.prostor_za_slogan {
		top: 25% !important;
	}
	.slogan {
		font-size: 2.5em;
	}
}
@media only  screen and (max-width: 574px) {
	#rezervacija .rezervacija {
		text-align: center !important;
	}
/*	.prostor_za_slogan { 
		top: 20% !important;
	}
	.slogan {
		font-size: 1.8em !important;
	}*/
}
@media only  screen and (max-width: 640px) {

	#logo {
		/*top: 0;*/
	}
	
	#rotacija {
		min-height: inherit;
	}
	
	#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;*/
	}
	
	#rotacija .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_levo_m, .slika_desmo_m  {
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		clear: both;
		width: 100%;
		height: auto;
	}
	.prostor_za_slogan { 
		width: 90%;	 
		top: 35%;
		left: 5%;		 
	}
	.slogan_opis {
		font-size: 1em;
	}
	
	.slika_naslov { 
		font-size: 1.25em; 
	}
	#demo_slider1 {
 		min-height: 300px  !important;
		max-height: 300px  !important;
	}
	
	#intro .intro p, #intro .intro p span  {
		font-size: max(1.05rem)  !important;
	}
	
	.home_box_content_div table tr td {
	width: 100% !important;
	display: block;  
	}
	
	  .slogan_opis a {
  	margin-bottom: 15px;
	margin-top: 15px;
  }
  
   .rot_style_img {
   margin-top: 0px !important;
   }
   
   #tabela_reference tr td {
	min-width: 135px  !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;
	}
	
	.prostor_za_slogan { 
		width: 90%;	 
		top: 40%;
		left: 5%;		 
	}
	
	.slika_naslov { 
		font-size: 1.35em; 
	}
	#demo_slider1 {
		 
		min-height: 300px  !important;
		max-height: 300px  !important;
	}
	.slogan {
		font-size: 2em;
	}
 #intro .intro p, #intro .intro p span  {
		font-size: max(1.6rem)  !important;
	}
	
	   #tabela_reference tr td {
	min-width: 135px  !important;
}

}

@media only screen and (min-width: 860px) and (max-width: 1000px) {
	.slogan {
		font-size: 2em;
	}
	
	   #tabela_reference tr td {
	min-width: 135px  !important;
}
}

@media only screen and (min-width: 860px) and (max-width: 1100px) {
	.prostor_za_slogan {
		top: 35%;
	}
	
	   #tabela_reference tr td {
	min-width: 135px  !important;
}
}

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

}