.clear {
    clear: both;
}

/*!!!!!!!!!!!!!!!!!!!!!!!! BLOCK PREIMUSHESTVA  !!!!!!!!!!!!!!!!!!!!!!!!!*/
.advantages {
    margin-top: 50px;
    margin-bottom: 30px;
}

.advantages_block {
    width: 50%;
    margin-top: 20px;
    display: table;
    float: left;
    height: 135px;
}

.circle {
    float: left;
    margin: 0 10px 90px 0;
}

.text {
    font-size: 16px;
    float: left;
}

.text p {
    font-size: 18px;
}



/*!!!!!!!!!!!!!!!!!!!!!!!! RED BUTTON  !!!!!!!!!!!!!!!!!!!!!!!!!*/

.button_red {
    display: table;
    margin: 0 auto;
}

/*!!!!!!!!!!!!!!!!!!!!!!! PICTURES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.work_pics {
    margin-top: 50px;
    display: table;
}
.pic {
    float: left;
    text-align: center;
    display: table;
    margin: 0 -25px;
}
    .pic p{
        width:200px;
        text-align: center;
        font-size: 16px;
    }

.pic_1 {
    margin-top: 100px;
}

.pic_2 {
    margin-top: 80px;
}

.pic_3 {
    margin-top: 0;
}

.pic_4 {
    margin-top: 50px;
    margin-right: 20px;
}
.pic_5{
     margin-top: 80px;
 }
.pic_6 {
    margin-top: 50px;
    margin-right: 20px;
}
.pic_7{
    margin-top: 0;
}
.pic_8 {
    margin-top: 50px;

    margin-left: 20px;
}
.pic_9{
    margin-top: 80px;
}




@media screen and (min-width: 319px) and (max-width: 499px) {
    .circle {
        float: left;
        margin: 0 90px;
    }
    .text p{
        float:top;
    }

    .advantages_block {
        width: 100%;
        margin-top: 20px;
        display: table;
        float: bottom;
    }
    .pic_2, .pic_4, .pic_6, .pic_8{
        display: none;
    }
    .pic, .pic_1, .pic_3, .pic_5, .pic_7, .pic_9{
        margin:0 auto;
    }
}


@media screen and (min-width: 500px) and (max-width: 899px) {
    .circle {
        float: left;

    }
    .text p{
        float:top;
    }

    .advantages_block {
        width: 100%;
        margin-top: 20px;
        display: table;
        float: bottom;
    }
    .pic_2, .pic_4, .pic_6, .pic_8{
        display: none;
    }
    .pic, .pic_1, .pic_3, .pic_5, .pic_7, .pic_9{
        margin:0;
    }

}














