@media only screen and (max-width: 859px)  {
    .banner, .banner2 {
        position: relative;
        max-width: 100%;
        margin: auto;
        overflow: hidden;
    }

    .slides, .slides2 {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .slide, .slide2 {
        min-width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }
    .btncontrol{
        text-align: center;
    }
    .prev, .next, .prev2, .next2 {
        transform: translateY(-50%);
        background-color: rgba(0,0,0,0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
    }

    .prev, .prev2 {
        left: 10px;
    }

    .next, .next2 {
        right: 10px;
    }
}