@charset "utf-8";
/* CSS Document */

@media all and (min-width: 480px) and (max-width: 640px)  {
	
	.menu {
		padding: 1em 0;
	}
	
	
	.logo {
		width: 40%;
		padding: 1em 0 0 0;
	}
	
	.main_h {
		width: 60%;
  		padding-top: 0;
	}
	
	.tbox
	{
		float: none;
		width: 96%;
		padding: 5px;
		margin: 2em 0;
	}
	
	.tbox1
	{
		float: none;
		width: 96%;
		padding: 5px;
		margin: 2em 0;
	}
	
	.stranica
	{
		width: 96%;
		margin: 0 2%;
	}
	
	.tekst
	{
		margin: 0;
		padding: 10px;
		text-align: left;
		font-size: 1em;
	}
	
	.uizbornik
	{
		margin: 0.5em 0;
	}
	
	.prvired
	{
		padding: 10px 0 10px 10px;
	}
	
	.drugired
	{
		padding: 10px 0 10px 20px;
	}
	
	.slike {
		width: 96%;
		margin: 0;
		padding: 0.5em;
		float: none;
	}
	
	.proizvodsl {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.proizvodtxt {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	.banner
	{
		display: none;
	}
	
		.row2 {
	font-size: 1em;
	
}

@media all and (min-width: 640px) and (max-width: 800px)  {
	
	.menu {
		padding: 1em 0;
	}
	
	
	.logo {
		width: 30%;
		padding: 1em 0 0 0;
	}
	
	.main_h {
		width: 70%;
  		padding-top: 0;
	}
	
	.tbox
	{
		float: left;
		width: 30%;
		padding: 5px;
		margin: 2em 0 2em 1%;
	}
	
	.tbox1
	{
		float: left;
		width: 30%;
		padding: 5px;
		margin: 2em 0 2em 1%;
	}
	
	.stranica
	{
		width: 96%;
		margin: 0 2%;
	}
	
	.tekst
	{
		margin: 0;
		padding: 10px;
		text-align: justify;
		font-size: 1em;
	}
	
	.slike {
		width: 17%;
		margin: 0;
		padding: 0.5em;
	}
	
		.row2 {
	font-size: 1.5em;


	
}