@media (min-width: 767.98px)  { 
    .eventChildrenReason {
        margin-left: 30px;
    }
    #nextEventsBehind {
        position: relative;
        width: 1440px;
        height: 130px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
        z-index: -1;
    }

    #nextEvents {
        position: relative;
        width: 1440px;
        min-height: 560px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .eventBox {
        width: 1220px;
        height: 100px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 20px #0000001A;
        border-radius: 10px;
        opacity: 1;
    }

    .eventBoxPlayer {
        top:90px;
        width: 1220px;
        height: 90px;
        background: #F7F7F7 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-top: 10px;
        padding-left: 15px;
    }
    
    #nextEventsDescription {
        position: absolute;
        top: 40px;
        left: 110px;
        width: 322px;
        height: 34px;
        text-align: center;
        font: normal normal bold 30px/40px Ubuntu;
        letter-spacing: 3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventBoxContainer {
        position:absolute;
        left: 115px;
        top: 100px;
    }

    #eventDate {
        position: absolute;
        top: 17px;
        left: 30px;
        width: 38px;
        height: 51px;
    
        text-align: center;
        letter-spacing: 2px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventDayName {
        font: normal normal bold 14px/20px Ubuntu;
    }

    #eventDay {
        text-align: center;
        font: normal normal bold 30px/20px Ubuntu;
        letter-spacing: 3px;
        color: #000000;
        text-transform: uppercase;
    }
    
    #eventMonth {
        text-align: center;
        font: normal normal bold 14px/20px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
        margin-top:5px;
    }

    #eventType {
        position: absolute;
        top: 40px;
        left: 105px;
        height: 23px;
        text-align: left;
        font: normal normal bold 20px/20px Ubuntu;
        letter-spacing: 3px;
        color: #FF9D00;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventTime {
        position: absolute;
        top: 50px;
        left: 495px;
        width: 51px;
        height: 23px;
        text-align: left;
        font: normal normal normal 20px/30px Ubuntu;
        letter-spacing: 0.2px;
        color: #000000;
        opacity: 1;
    }
    
    #eventTimeLogo {
        position: absolute;
        top: 17px;
        left: 500px;
        width: 20px;
        height: 20px;
    }

    #eventPlace {
        position: absolute;
        top: 35px;
        left: 653px;
        width: 449px;
        height: 23px;
        text-align: left;
        font: normal normal normal 20px/30px Ubuntu;
        letter-spacing: 0.2px;
        color: #000000;
        opacity: 1;
    }
    
    #eventPlaceLogo {
        position: absolute;
        top: 29px;
        left: 608px;
        width: 18px;
        height: 22px;
    }

    #allEvents {
        position: absolute;
        top: 500px;
        left: 604px;
        width: 225px;
        height: 16px;
        text-align: right;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #allEventsMin {
        position: absolute;
        top: 140px;
        left: 604px;
        width: 225px;
        height: 16px;
        text-align: right;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }
    
    #nextEventsMin {
        position: relative;
        width: 1440px;
        height: 200px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
        z-index: -1;
    }


}

@media (max-width: 767.98px)  { 
    .eventChildrenReason {
        margin-left: 20px;
    }
    #nextEventsBehind {
        position: relative;
        min-width: 360px;
        width: 100%;
        height: 130px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
        z-index: -1;
    }

    #nextEvents {
        position: relative;
        min-width: 360px;
        width: 100%;
        min-height: 560px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .eventBox {
        width: 330px;
        height: 110px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 20px #0000001A;
        border-radius: 10px;
        opacity: 1;
    }

    .eventBoxPlayer {
        top:100px;
        width: 330px;
        height: 170px;
        background: #F7F7F7 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-left: 5px;
        padding-top: 5px;
    }
    
    #nextEventsDescription {
        position: absolute;
        top: 40px;
        left: 10px;
        width: 322px;
        height: 34px;
        text-align: center;
        font: normal normal bold 30px/40px Ubuntu;
        letter-spacing: 3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventBoxContainer {
        position:absolute;
        left: 15px;
        top: 100px;
    }

    #eventDate {
        position: absolute;
        top: 34px;
        left: 15px;
        width: 38px;
    
        text-align: center;
        letter-spacing: 2px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventDayName {
        font: normal normal bold 10px/15px Ubuntu;
    }


    #eventDay {
        text-align: center;
        font: normal normal bold 20px/15px Ubuntu;
        letter-spacing: 3px;
        color: #000000;
        text-transform: uppercase;
    }
    
    #eventMonth {
        text-align: center;
        font: normal normal bold 10px/15px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
    }

    #eventType {
        position: absolute;
        top: 10px;
        left: 20px;
        text-align: left;
        font: normal normal bold 16px/20px Ubuntu;
        letter-spacing: 3px;
        color: #FF9D00;
        text-transform: uppercase;
        opacity: 1;
    }

    #eventTime {
        position: absolute;
        top: 38px;
        left: 110px;
        width: 51px;
        height: 23px;
        text-align: left;
        font: normal normal normal 16px/25px Ubuntu;
        letter-spacing: 0.2px;
        color: #000000;
        opacity: 1;
    }
    
    #eventTimeLogo {
        position: absolute;
        top: 40px;
        left: 75px;
        width: 20px;
        height: 20px;
    }

    #eventPlace {
        position: absolute;
        top: 80px;
        left: 50px;
        height: 23px;
        text-align: left;
        font: normal normal normal 16px/20px Ubuntu;
        letter-spacing: 0.2px;
        color: #000000;
        opacity: 1;
    }
    
    #eventPlaceLogo {
        position: absolute;
        top: 80px;
        left: 20px;
        width: 18px;
        height: 22px;
    }

    #positionLogo {
        width: 20px;
    }

    #clockLogo {
        width: 20px;
    }

    #allEvents {
        position: absolute;
        top: 500px;
        left: 66px;
        width: 225px;
        height: 16px;
        text-align: right;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }

    #allEventsMin {
        position: absolute;
        top: 140px;
        left: 125px;
        width: 225px;
        height: 16px;
        text-align: right;
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
    }
    
    #nextEventsMin {
        position: relative;
        width: 1440px;
        height: 200px;
        background: #00000008 0% 0% no-repeat padding-box;
        opacity: 1;
        z-index: -1;
    }
}