.mejs__container {
        width: 400px;
        height: 60px !important;
        min-width: 241px;
        padding: 24px;
        background: #f4f4f4 !important;
        border-radius: 50px;
        margin-bottom: 15px
    }

    .mejs__button.mejs__playpause-button.mejs__play {
        background: red;
        width: 42px;
        height: 42px;
        border-radius: 55%;

        button {
            margin-top: 12px;
            margin-left: 12px;
        }

        button:focus {
            box-shadow: unset !important;
        }
    }

    .mejs__controls {
        top: 10px;
        padding: 0px 20px !important;
        border-radius: 50px;
        background: #f4f4f4 !important;
    }

    .mejs__controls:not([style*="display: none"]) {
        background: #f4f4f4 !important;
    }

    .mejs__time {
        color: #333;
    }

    .mejs__volume-button {
        position: relative;
        display: none;
    }

    .mejs__horizontal-volume-slider {
        display: none !important;

    }

    .mejs__time {

        color: #333 !important;
    }


    .mejs__button.mejs__playpause-button.mejs__pause {
        background: red;
        width: 42px;
        height: 42px;
        border-radius: 55%;

        button {
            margin-top: 12px;
            margin-left: 10px;
        }

        button:focus {
            box-shadow: unset !important;
        }
    }

    .mejs__button.mejs__playpause-button.mejs__replay {
        background: red;
        width: 42px;
        height: 42px;
        border-radius: 55%;

        button {
            margin-top: 12px;
            margin-left: 10px;
        }

        button:focus {
            box-shadow: unset !important;
        }
    }

    .mejs__time-total {
        background: #ffff;

    }

    .mejs__time-current {
        background: red !important;
    }


    .mejs__time-handle-content {
        border: none !important;
    }

    .mejs__time-rail:hover {
        .mejs__time-handle-content {
            background: unset !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .mejs__container {
            width: 100% !important;
            margin-top: 15px;
        }
    }