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

	#prostor {
		width: 90%;
		margin: 0 3% 0 3%;
		padding: 0 2% 0 2%;
		
	}
	
	#sadrzaj, #desno, #levo, #vikler_logo, #karcher_logo, #zaglavlje, .copyright, .design, #social, #mapa, #kontakt_podaci, #kontakt_forma  {
		width: 100% !important;
		margin: 0;
		padding: 0;
		clear: both;
		float: none;
	}
	
	#vikler_logo img, #karcher_logo img {
		max-width: 100% !important;
	}
	
	#desno img, #desno table {
		max-width: 100% !important;
		height: auto;
		width: auto;
	}
	
	#vikler_logo, #karcher_logo, #copyright, .design, .social {
		text-align: center;
		clear: both;
		padding: 5% 0 5% 0;
	}
	
	#zaglavlje, #mapa {
		height: auto;
	}
	
	#podnozje .design, #podnozje .copyright  {
	    float: none;
        text-align: center;
		line-height: 150%;
		padding: 0;
   	 	margin: 10px 0 10px 0;
	}
	
	#podnozje {	
		height: auto !important;
		clear: both;
	}
	
	h1 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	iframe {
		max-width: 100% !important;
		height: auto;
		width: auto;
	}
	
	#mapa, #kontakt_podaci, #kontakt_forma {
		clear: both;
		padding: 5% 0 5% 0;
	} 
	
	#desno, #levo {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.proizvodi h3 {
		background: #ffffff;
    	z-index: 555;
    	position: relative;
	}
	
	#sadrzaj {
		background: #ffffff !important;
	}

	
	table, table tr td, table td {
		max-width: 100% !important;
	}
	
	.textarea_width, .input_width {
		max-width: 90% !important;
	} 
	
	#flash {
		max-width: 100%  !important;
		overflow: hidden;
	}
	
	#levo ul li ul li {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#kontakt_proizvod {
		position: relative;
		top:auto;
		left: auto;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1010px) {
	#prostor {
		width: 90%;
		margin: 0 3% 0 3%;
		padding: 0 2% 0 2%;
	}
	#desno {
		float: right;
		width: 100%;
		margin-left: -270px;
	}
	#inner-block {
		margin-left: 270px; /* The size of the fixed block. */
	}
	#vikler_logo, #karcher_logo {
		max-width: 48% !important;
	}
	
	#vikler_logo img, #karcher_logo img {
		max-width: 100% !important;
	}
	
	#podnozje .design, #podnozje .copyright  {
	    float: none;
        text-align: center;
		line-height: 150%;
		padding: 0;
   	 	margin: 10px 0 10px 0;
	}
	
	#desno img, #desno table {
		max-width: 100% !important;
		height: auto;
		width: auto;
	}
	
	#podnozje {	
		height: auto !important;
		clear: both;
	}
	
	.copyright, .design, #social, #podnozje .design, #podnozje .copyright  {
		max-width: 100% !important;
		width: 100% ;
		clear: none;
		text-align: center;
		line-height: 150%;
	}
	
	iframe {
		max-width: 100% !important;
		height: auto;
		width: auto;
	}
	
	#mapa, #kontakt_podaci, #kontakt_forma {
		clear: both;
		padding: 5% 0 5% 0;
		max-width: 100% !important;
	} 
	
	table, table tr td, table td {
		max-width: 100% !important;
		width: auto;
	}
	 
	table tr td, table td {
		max-width: 45% !important;
		display: inline-table;
	}
	
	.textarea_width, .input_width {
		max-width: 90% !important;
	}
	
	#desno, #levo {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#flash {
		max-width: 100%  !important;
		overflow: hidden;
	}
	#levo ul li ul li {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#kontakt_proizvod {
		position: relative;
		top:auto;
		left: auto;
	}
}

@media only screen and (min-width: 641px) and (max-width: 860px) {
	table tr td, table td {
		max-width: 95% !important;
		display: inline-table;
	}
}