/*slider*/
.mobile-slider {
    width: 100%;
    height: 70vh;
    position: relative;
    overflow: hidden;
}
.mobile-slider:focus {
    outline: 0 none;
}
.mobile-slider .phone {
    height: 100%;
    top: 0;
    left: 50%;
    position: absolute;
}
.mobile-slider .slides {
    min-width: 100%;
    text-align: left;
    white-space: nowrap;
    transition: all 0.5s;
}
.mobile-slider .slide {
    display: inline-block;
    height: 100%;
}
.mobile-slider .slide:not(.active) {
    opacity: 0.5;
    cursor: pointer;
}
.mobile-slider .slide img {
    width: 100%;
    height: 100%;
}