@media only screen and (max-width: 1555px) {
#left {
margin-right:1px;
}
#right {
margin-left:1px;
}
}
@media only screen and (max-width: 1490px) {
#left {
display:none;
}
}
@media only screen and (max-width: 1190px) {
#right {
display:none;
}
}
@media only screen and (max-width: 855px) {
#wrap {
width:100%;
}
}

@media only screen and (max-device-width: 768px) {
div#wrap{
width:100%;
}

div#blok{
background-color:#E0EEEE;	
width:100%;
float:left;
}

div#header {
background-color:#0C34FF;
border:1px solid;
float:left;
width:100%;
}
div#header h1 {
font-size:40px;
font-weight:bold;
color:red;
text-shadow:-2px -2px 4px black;       
}
div#desni h2{
font-size:35px;
color:blue;
text-shadow:-1px -1px 2px red;
}
div#header h3 {
font-size:25px;
font-weight:bold;
color:red;      
}
h3 {
color:red;
}

div#levi  {
float:left;
width:100%;
height:400px;	
margin:1px;
background-color:#708090;
border:1px solid;
display:inline-block;
}

div#levi p {
font-weight:bold;
font-size:21px;
text-decoration:none;
}
div#levi img {
 width:200px;
 height:270px;
 padding-top:50px;

}
div#desni p {
font-size:17px;
font-weight:bold;
text-align:left;
margin-left:20px;
margin-right:20px;
}



div#desni{
width:100%;
height:600px;	
border:1px solid;
background-color:#E0EEEE;
display:inline-block;
margin:1px;
float:left;
}

}
@media only screen and (max-device-width: 600px) { 
#wrap{
width:100%;
}
div#levi{
width:100%;
height:435px;	
border:1px solid;
border-color:#4D4DFF;
}
div#desni {
height:700px;	
}

}
@media only screen and (max-device-width: 480px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:35px;
}

div#levi{
width:100%;
height:325px;	
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:170px;
 height:250px;
 padding-top:15px;

}
div#desni{
font-weight:bold;
width:100%;
height:700px;
display:inline-block;
}
div#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:10px;
margin-right:5px;
font-size:18px;
font-weight:bold;
}	
}

@media only screen and (max-device-width: 425px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:25px;
}

div#levi{
width:100%;
height:325px;
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:180px;
 height:250px;
 padding-top:15px;

}
div#desni{
font-weight:bold;
width:100%;
display:inline-block;
height:815px;	
}
#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:10px;
margin-right:5px;
font-size:17px;
font-weight:bold;
}
}
@media only screen and (max-device-width: 320px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:25px;
}

div#levi{
width:100%;
height:325px;	
border:1px solid;
border-color:#4D4DFF;
}
div#levi img {
 width:160px;
 height:240px;
 padding-top:15px;

}
div#desni{
font-weight:normal;
width:100%;
height:700px;	
display:inline-block;
}
div#desni h2{
font-size:30px;
text-shadow:-1px -1px 1px red;
} 

div#desni p {
text-align: left;
margin-left:5px;
margin-right:5px;
font-size:15px;
font-weight:normal;
}
}