@media (max-width: 990px) {

    .mai-slider-pic {
        width: 45% ;
    }
}
@media  (max-width:430px) {

    .mai-slider-pic {
        width: 85% !important;
    }
}

@media (max-width: 870px) {
    .slick-dots li button {
        background-color: #ffffff !important;
    }

    .mai-slider-pic {
        width: 53% ;
    }
}

@media (max-width: 768px) {
    .events {
        background-image: url(../img/enentts-bg-tablet.jpg);
    }

    .media-item {

        width: 45vw;
    }

}

@media (max-width: 767px) {
    .gramaphone-disck {
        height: 130px;
        width: 130px;
        left: -30px;
        margin-top: 5px;
    }

    .album.active .gramaphone-disck {
        left: 70px;
    }

    .album-scrollbar.no-scrollbar {
        /* Internet Explorer and Microsoft Edge */
        -ms-overflow-style: none;
        /* Firefox */
        scrollbar-width: none;
        /* Webkit (Chrome, Safari, and newer Edge) */
        scrollbar-width: none;
        /* Webkit (Chrome, Safari, and newer Edge) */
        -webkit-scrollbar-width: none;
    }


    /* Hide the scrollbar thumb and track for Webkit (Chrome, Safari, and newer Edge) */
    .album-scrollbar.no-scrollbar::-webkit-scrollbar {
        width: 0;
    }

    /* Hide the scrollbar thumb for Webkit (Chrome, Safari, and newer Edge) */
    .album-scrollbar.no-scrollbar::-webkit-scrollbar-thumb {
        background: transparent;
    }

    /* Hide the scrollbar track for Webkit (Chrome, Safari, and newer Edge) */
    .album-scrollbar.no-scrollbar::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .gramaphone-disck {
        display: none;
    }

    .album {
        flex-basis: 140px;
        ;
    }

    .album.active {
        flex-basis: 140px;

    }
}

@media (max-width: 583px) {

    .mai-slider-pic {
        width: 66% ;
    }

    .gramaphone-disck {
        display: none;
    }

    .album {
        flex-basis: 140px;
        ;
    }

    .album.active {
        flex-basis: 140px;

    }
}

@media (max-width: 420px) {
    .mai-slider-pic {
        width: 90% !important;
    }

    .events {
        background-image: url(../img/enentts-bg-mobile.jpg);
    }

    .media-item {
        width: 94vw;
    }

}