.vs-kayu {
    height: 156px;
    background: url(../images/vs/v-mass.png) bottom center no-repeat;
    margin-top: -60px;
    position: relative;
}

.vs-kayu .h-vision {}

.vs-kayu .h-vision img {
    max-width: 100%;
    height: auto;
}

.vs-kayu .h-slide {
    position: relative;
    height: 148px;
}

.vs-kayu .h-slide .hh-1 {
    position: absolute;
    left: 7px;
    /* top:-15px; */
}

.vs-kayu .h-slide .hh-2 {
    position: absolute;
    left: 272px;
    /* top:-15px; */
}

.vs-kayu .h-slide .hh-3 {
    position: absolute;
    left: 550px;
    /* top:-15px; */
}

.vs-kayu .h-slide .hh-4 {
    position: absolute;
    left: 830px;
    /* top:-15px; */
}

@media (min-width: 350px) and (max-width: 767px) {
    .vs-kayu {
        height: 300px;
        background: url(../images/vs/v-mass.png) bottom center no-repeat;
        margin-top: 62px;
    }
    .vs-kayu .h-slide .hh-1 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-2 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-3 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-4 {
        top: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vs-kayu {
        height: 215px;
        background: url(../images/vs/v-mass.png) bottom center no-repeat;
    }
    .vs-kayu .h-slide .hh-1 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-2 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-3 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-4 {
        top: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vs-kayu {
        height: 185px;
        background: url(../images/vs/v-mass.png) bottom center no-repeat;
    }
    .vs-kayu .h-slide .hh-1 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-2 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-3 {
        top: 0px;
    }
    .vs-kayu .h-slide .hh-4 {
        top: 0px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .vs-kayu .h-slide .hh-1 {
        left: 7px;
    }
    .vs-kayu .h-slide .hh-2 {
        left: 254px;
    }
    .vs-kayu .h-slide .hh-3 {
        left: 512px;
    }
    .vs-kayu .h-slide .hh-4 {
        left: 771px;
    }
    .vs-kayu .h-slide .hh-1 img {
        max-width: 90%;
    }
    .vs-kayu .h-slide .hh-2 img {
        max-width: 90%;
    }
    .vs-kayu .h-slide .hh-3 img {
        max-width: 90%;
    }
    .vs-kayu .h-slide .hh-4 img {
        max-width: 90%;
    }
}