@media only screen and (max-width: 500px) {
#container {
	width:100%;
}

.logo {
	margin-left:5%;
}

#main-navigation ul {
	position:relative;
	display:block;
	width:100px;
	height:30px;
	top:0px;
	background:transparent url('../images/menu-icon.png') 90% 10px no-repeat;
	background-size:15%;
	overflow:hidden;
	cursor:pointer;
	padding:0px;
	transition: height 1s ease;
	margin-top:0px;
}

	
#main-navigation ul.otvorena {
	height:250px;
}
	
#main-navigation li {
	display:block;
	width:100%;
	background-color:#ca2418;	
	margin-top:0px;
	}
	
#main-navigation li:first-child {
	margin-top:45px;
}

#main-navigation a {
	margin: 0;
	text-align:left;
	
}

#main-navigation a:hover {
	background-color:#fff;
	color:#ca2418;
	text-align:left;
}
	
header {
	margin-left:0px;
	width: 100%;
	height: 550px;
	background: url('../images/naslovna500.png') no-repeat top center fixed;
	background-size: cover;
}

header img {
	width: 10px;
	height: 120px;	
	margin-top:80px;
	padding-top: 300px;
}	
	
h1 {
	margin-left:2%;
}
	


.video {
	
	margin-left:0%;
	margin-right:15px;	
	width:100%;
	height:240px;
	
} 


p{margin:0px;}

.tekstoproizvodu{	
	/*position:relative;*/
	text-align:right;
	font-size:16px;
	padding:20px 5px 30px 5px;
	line-height: 22px;
	color: #27252b;
	background: #fff;
	font-family: Droid Sans;
	text-align: justify;


}




.galerija {
	display:block;
	margin-left:-550px;
}

.otimu li {
	width:60%;
	height:auto;
	position:relative;
	left:-150px;
}

h2 {
	margin-left:0px;	
}

.rad {
	margin-left:0px;
}

.listakontakt {
	width:60%;
	display:block;
	height:auto;
	position:relative;
	left:-70px;	
}

#listakontakt1 {
	display:block;
	margin-left:50px;
}

#listakontakt2 {
	display:block;
	margin-left:50px;
}

#listakontakt3 {
	display:block;
	margin-left:50px;
}



.mreze {
	width:30%;
	position:relative;
	margin-left:-900px;
}