.slidecontainer {
    display: inline-block;
    width: 100%;
    background-color:rgb(118, 120, 118);
    padding-top: 5px;
    padding-bottom: 5px;
}


.slider {
            position: relative;
            max-width: 600px;
            margin: auto;
            overflow: hidden;
        }
        .slides {
            display: flex;
            transition: transform 0.5s ease;
        }
        .slide {
            width : 600px;
            height: 300px;
            min-width: 100%;
            box-sizing: border-box;

        }
        .button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.7);
            border: none;
            cursor: pointer;
            padding: 10px;
        }
        .prev {
            left: 10px;
        }
        .next {
            right: 10px;
        }


        @media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 0) {
        .slider {
            width: 400px !important;
            height: auto;
        }
        .slide {
            height: 200px;
        }
        .slide img  {
            display: block;
            width: 400px !important;
            height: auto;
        }

    }
@media screen and (min-device-width: 320px)  and (max-device-width: 480px)  and (orientation:landscape) {
    /* Landscape styles */
/*.slidecontainer {
    width: 400px;
    height: 200px;

    }*/
}