
.parent_one-block{
    padding:0 15px;
}

.block_mini_title {
    font-family: Cambria;
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: #252525;
    font-weight: bold;
}

.snake-block {
    background-image: url(images/snake.jpg);
    background-position: center 370px;
    background-repeat: no-repeat;
}

.content_vac{ 
    /*width: 1260px;*/
    
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;}

.block-vacancy{
   float: left;
    width: calc(25% - 10px);
    margin-right: 10px;
    margin-bottom: 30px;
}

.block-vacancy:nth-child(4){
    clear:both;
}

.block_mini_title {
    font-family: Cambria;
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: #252525;
    font-weight: bold;
}

.grid {
    position: relative;
    margin: 0 auto;
}

.effect-milo:nth-child(1) {
    max-height: 305px;
    border-radius: 5px 5px 0 0;
}

.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    margin:0 auto;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.effect-milo {
    border-radius: 5px 5px 0 0;
    background: #333333;
    max-height: 307px;
}

figure.effect-milo:hover .img {
    opacity: 0.5;
    -webkit-transform: translate3d(0,0,0) scale(1.2);
    transform: translate3d(0,0,0) scale(1.2);
}
figure.effect-milo .img {
    border-radius: 5px 5px 0 0;
    max-width: none;
  /*  width: -webkit-calc(100%);
    width: calc(100%);*/
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0px,0,0) scale(1);
    transform: translate3d(0px,0,0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.pic_list .img {
    position: relative;
    background-size: cover;
    height: 340px;
    border-radius: 5px 5px 0 0;
   /* margin-bottom: 15px;*/
}

.pic_list .button-group .btn-yellow {
    width: 100%;
    border-radius: 0px;
}

.pic_list .title {
    font-family: Cambria;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #252525;
}

.pic_list .desc {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #676767;
}

@media (max-width:1223px) {
.snake-block {
    background-image: none;
    }
    
@media (max-width:760px) {

.block-vacancy{
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 30px;
}}

@media (max-width:426px) {

.block-vacancy{
    float: left;
    width: calc(100% - 0px);
    margin-right: 0px;
    margin-bottom: 20px;
}}
@media(width: 768px) {
    .content_vac {
        width: 1000px;
    }
}