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

	#sve, #prostor, #zaglavlje, #navigacija, #rotacija, #podnozje, #sadrzaj {
		width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		height: auto;
	}
	
	#sve {
		background: none;
	} 
	
	#rotacija img {
		max-width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
	}
	
	.podnozje, #copyright, #design {
		width: 98%;
		min-width: 98%;
		margin: 0;
		padding: 1%;
		border: 0;
		clear: both;
		height: auto;
		float: none;
		text-align: center;
	}
	
	#tekst, #naslovna, #naslovna .naslov,  #polje {
		width: 94%;
		min-width: 94%;
		margin: 0;
		padding: 1% 3% 1% 3%;
	}
	
	#polje .polje {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		float: none;
		clear: both;
		padding: 0%;
		min-height: 180px;
	}
	
	#polje .polje img  {
		float: left;
		max-width: 96%;
		clear: both;
		margin: 0;
		height: auto;
		margin-right: 15px;
	}
	
	.poslednje_polje_p {
		margin-right: 0 !important;
	}
	
	#logo {
		width: 90%;
		margin: 5px 5% 5px 5%;
		clear: both;
		text-align: center;
		padding: 5px 0 0 0;
	}
	
	#gornja_navigacija {
		width: 90%;
		margin: 5px 5% 5px 5%;
		clear: both;
		text-align: center;
		padding: 0 0 5px 0;
	}
	
	.gornja_navigacija {
		float: none;
		text-align: center !important;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	 
	#desno, #levo {
		display: block;
		float: none;
		width: 94%;
		min-width: 94%;
		min-height: auto;
		clear: both;
		margin: 0;
		padding: 1% 3% 1% 3%; 
	}
	
	#levo {
		border-top: 1px dotted #F0F0F0;
		padding-top: 10px;
	}
	
	#nav {
		/*width: 94%;
		clear: both;
		padding: 1% 3% 1% 3%;*/
		height: auto;
	}
	
	#nav p {
		margin: 0;
	}
	
	img.slika_d {
		max-width: 48%;
	}
	
	#kontakt_levo, #kontakt_desno {
		float: none;
		width: 100%;
	} 
	 
	#rotacija {
		border-bottom: 1px solid #083255;
	}
	
	.pikachoose img {
		min-width: 0;
	}
	
	
	.prelom_razmak {
		border: 0;
	}
	
	.caption {
		max-width: 100%  !important; 
		width: 100%  !important;
	}
	
	.pika-stage .caption , .pika-stage .caption span.n {
		font-size: 12px  !important; 
		max-width: 100%  !important;
		width: 100%  !important;
	}
	
	#sadrzaj img {
		max-width: 100%;
		height: auto;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	#prostor_levo, #prostor_desno {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		min-height: 10px;
		margin-bottom: 10px;
	}
	
	.scrollup{
		bottom: 10px;
		right: 10px;
	}
	
	#donja_navigacija {
		width: 100%;
	}
	
	ul.nav_kolona {
		float: none;
		width: 94%;
		margin: 0;
		padding: 1% 3% 1% 3%;
		clear: both;
	}
	
	ul.nav_kolona li {
		padding: 5px 0 5px 0;
		display: block !important;
		clear: both;
	}
	
	#pod {
		width: 100%;
		height: auto !important;
		clear: both;
	}
	
	#baner img {
		max-width: 100%;
		height: auto;
	}
	
	#baner {
		clear: both;
		height: auto;
		padding: 0;
		display: block !important;
		background: none;
		text-align: center;
	}
	
	#baner:hover {
		background: none;
	}
	
	#baner a {
		display: block;
	}
	
	#kategorije {
		margin: 10px 0 10px 0;
	}
	
	.tabela_kontakt_telefoni tr td {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		background: #f1f1f1;
	}
	
	.tabela_slika_preparat tr td {
		display: inline-table;
		width: 48%;
		vertical-align: middle;
		text-align: center;
		background: #ffffff;
	}
	
	.sadrzaj {
		width: 100%; width: calc(100% - 30px); padding-left: 15px; padding-right: 15px;
		margin-left: 0;
	}
	
	#polje .skraceno, #povezane_teme .skraceno {
		width: calc(100% - 30px);
	}
	
	#desno .kategorije, #desno .baner {
		margin: 15px;
		margin: 15px;
		width: calc(100% - 60px);
		float: none;
		clear: none;	
	}
	
	#desno .baner {
		text-align: center;
	}
	
	.donja_nav_kolona {
		float: left;
		width: calc(50% - 30px);
		padding: 15px;
		margin: 0;
	}
	
	.produzena_nav_kolona {
		width: calc(100% - 30px);
	}
	
	 
}

@media only  screen and (max-width: 420px) { 
 	
	.tabela_slika_preparat tr td {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		background: #ffffff;
	}
}

@media only screen and (min-width: 421px) and (max-width: 640px) {
    ul.nav_kolona {
		float: left;
		width: 44%;
		margin: 0;
		padding: 1% 3% 1% 3%;
		clear: none;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1200px) {
	
	#sve, #prostor, #zaglavlje, #navigacija, #rotacija, #podnozje, #sadrzaj {
		width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		height: auto;
	} 
	
	.podnozje, #copyright, #design {
		width: 98%;
		min-width: 98%;
		margin: 0;
		padding: 1%;
		border: 0;
		clear: both;
		height: auto;
		float: none;
		text-align: center;
	}
	
	#tekst, #naslovna, #naslovna .naslov,  #polje {
		width: 94%;
		min-width: 94%;
		margin: 0;
		padding: 1% 3% 1% 3%;
	}
	
	#polje .polje {
		width: 45%;
		margin-right: 6% !important;
		float: left;
		clear: none;
		padding: 1%;
	}
	
	#polje .polje img {
		float: left;
		max-width: 100%;
		clear: both;
		margin-right: 15px;
		height: auto;
	}
		
	#polje .poslednje_polje {
		margin-right: 6% !important;
	}
		 
	#polje .poslednje_polje_p {
		margin-right: 0 !important;
	}
	
	#logo {
		/*width: 45%;
		margin: 10px 0 10px 2%;
		padding: 0;*/
	}
	
	#gornja_navigacija {
		width: 45%;
		margin: 10px 2% 10px 0;
		padding: 0;
		text-align: center;
	}
	
	.gornja_navigacija {
		 
		text-align: center !important;
		width: 100%;
		padding: 0;
		 
	}
	
	#rotacija img {
		width: 100%;
		height: auto;
	}
	 
	#desno, #levo {
		display: block;
		float: none;
		width: 94%;
		min-width: 94%;
		min-height: auto;
		clear: both;
		margin: 0px;
		padding: 1% 3%;
	}
	
	#levo {
		border-top: 1px dotted #F0F0F0;
		padding-top: 10px;
	}
	
	#nav {
		/*width: 94%;
		clear: both;
		padding: 1% 3% 1% 3%;
		height: auto;*/
	}
	
	#nav p {
		margin: 0;
	}
	
	img.slika_d {
		max-width: 33%;
	}
	
	#kontakt_levo  {
		float: left;
		width: 45%;
		padding: 0;
		margin: 0;
	} 
	
	#kontakt_desno {
		float: right;
		width: 45%;
		padding: 0;
		margin: 0;
	} 
	.prijava_tabela .tekst {
		width: 90%;
	}
	 
	#rotacija {
		border-bottom: 1px solid #083255;
	}
	
	.pikachoose img {
		min-width: 0;
	}
	
	.prelom_razmak {
		border: 0;
	}
	
	.caption {
		max-width: 100%  !important; 
		width: 100%  !important;
	}
	
	.pika-stage .caption , .pika-stage .caption span.n {
		font-size: 12px  !important; 
		max-width: 100%  !important;
		width: 100%  !important;
	}
	
	#sadrzaj img {
		max-width: 100%;
		height: auto;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	#prostor_levo, #prostor_desno {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		min-height: 10px;
		margin-bottom: 10px;
	}
	
	.scrollup{
		bottom: 20px;
		right: 20px;
	}
	
	#baner img {
		max-width: 100%;
		height: auto;
	}
	
	#baner {
		clear: both;
		height: auto;
		padding: 0;
		display: block !important;
		background: none;
		text-align: center;
	}
	
	#baner:hover {
		background: none;
	}
	
	#baner a {
		display: block;
	}
	
	#donja_navigacija {
		width: 100%;
	}
	
	#pod {
		width: 100%;
		height: auto;
		clear: both;
	}
	
	#desno .kategorije {
		margin: 15px;
		margin: 15px;
		width: calc(50% - 60px);
		float: left;
		clear: none;
		 
	}
	
	#sve {
		background: none;
	}
	
	 
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
	#desno .kategorije, #desno .baner {
		margin: 15px;
		margin: 15px;
		width: calc(50% - 60px);
		float: left;
		clear: none;
		
	}
	
	#desno .baner {
		text-align: center;
	}
	
	.donja_nav_kolona {
		float: left;
		width: calc(50% - 30px);
		padding: 15px;
		margin: 0;
	}
	
	.produzena_nav_kolona {
		width: calc(100% - 30px);
	}
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
#desno .kategorije, #desno .baner {
    margin: 15px;
    margin: 15px;
    width: calc(33.33% - 60px);
    float: left;
    clear: none;
}
}
  
@media only  screen and (min-width: 1201px)  {
	
	 
 
}