.assort-top{
    margin-top:70px;
}
.voda1{
    width: 45%; 
    height: auto;
    margin-top: -250px;
}
.voda2{
    width: 25%; 
    height: auto;
}
.voda3{
    width: 25%; 
    height: auto;
    margin-top: 34px;
}
.voda4{
    width: 25%;
    margin-top: -250px;
}
.voda5{
    width: 21%;
    margin-top: -250px;
}
.voda6{
    width: 35%;
}
.voda7{
    width: 45%;    
}
.voda77{
    width: 43%;
}
.vodabottom{
    margin-bottom: 50px;
}
.MarginLeft{
    margin-left: 9%;
}
.sizeImg{
    width: 10px;
}
@media (max-width: 1199px) 
{
    .voda1{
        margin-top: -216px;
    }
}
@media (max-width: 991px) 
{
    .voda1{
        margin-top: -191px;
        width: 46%;
    }
    .voda2{
        width: 26%;
    }
    .voda3{
        width: 26%;
    }
    .voda6{
        width: 40%;
    }
}
@media (max-width: 767px) 
{
    .assort-top{
        margin-top:-30px;
    }
    /* .container-as1{
        margin-left: 28%;
    } */
    .voda1{
        width: 80%;
        margin-left: -10%;
        margin-top: -12px;
    }
    .voda2{
        width: 60%;
    }
    .voda3{
        width: 60%;
    }
    .voda4{
        width: 60%;
        margin-top: 0px;
    }
    .voda5{
        width: 60%;
        margin-top: 0px;
    }
    .voda6{
        width: 80%;
        margin-top: 10px;
        margin-bottom: 50px;
    }
    .voda7{
        width: 85%;
        margin-top: 10px;
        margin-left: 9%;
    }
    .voda77{
        width: 85%;
        margin-left: 50;
    }
    header {
        position: relative;
        width: 100%;
        color: #fff;
        background: no-repeat #6CB3E1;
        background-size: 100%;
    }
}
@media (max-width: 500px) 
{
    .voda1{
        width: 100%;
    }
    .voda2{
        width: 70%;
    }
    .voda3{
        width: 70%;
    }
    .voda4{
        width: 70%;
    }
    .voda5{
        width: 70%;
    }
    .voda6{
        width: 100%;
    }
    .voda7{
        width: 95%;
        margin-top: 10px;
    }
}