@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;      
}
}
@media only screen and (max-device-width: 600px) { 
#wrap{
width:100%;
}
}
@media only screen and (max-device-width: 480px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:35px;
}
}




@media only screen and (max-device-width: 425px) {
    
#wrap{
width:100%;
}
div#header h1 {
font-size:25px;
}
h3 {
 margin-left:40px;
}
p {
font-style: normal;
margin-left:20px;
margin-right:10px;
text-align:left;
font-size:18px;
}
ul {
font-size:18px;
}

}
@media only screen and (max-device-width: 320px) {
#wrap{
width:100%;
}
div#header h1 {
font-size:25px;
}
p {
font-style: normal;
margin-left:15px;
margin-right:7px;
text-align:left;
font-size:17px;
}
h3 {
 margin-left:30px;
}
p
ul {
  
  font-size:17px;
}
}