@media only screen and (max-width: 960px) {
    #vbg-home {
        display: none;
    }

    #vbg-home-m {
        display: block;
    }

    .event-logo {
        position: relative;
        top: 17px;
    }

    .principal-logo {
        margin-bottom: 40px;
        width: 270px;
        height: 183px;
        aspect-ratio: 1 / 1;
    }

    .home-button {
        margin-bottom: 5vh;
    }

    .kepada {
        font-size: 16px;
        line-height: 19px;
    }

    .tgr-nav {
        width: 350px;
    }

    .tgr-nav img {
        width: 45px;
    }

    .tgr-content>div {
        margin-top: 10px;
    }

    .tgr-content .uk-container-xsmall>div {
        padding-top: 15px;
        padding-bottom: 35px;
    }
    /** Cover */
    .cover-mobile{
        display: none;
    }
    /* tab event ================ */
    .tgr-event,
    .tgr-time,
    .tgr-rundown-m,
    .tgr-location,
    .tgr-gallery,
    .tgr-contact,
    .tgr-protocol,
    .tgr-closing {
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .tgr-event.submain-title {
        font-size: 26px;
    }
    .tgr-event.overview,
    .tgr-event.overview-end {
        font-size: 14px;
        text-align: justify;
        /* text-justify: inter-word; */
    }


    /* tab Time ================ */
    .time-place {
        margin-top: 40px;
        font-size: 16px;
        line-height: 23px;
    }

    .time-place>div {
        font-size: 12px;
    }

    .time-date {
        font-size: 20px;
        line-height: 23px;
    }

    .time-date>span {
        font-size: 25px;
    }

    .time-alamat {
        font-size: 14px;
        line-height: 16px;
    }

    /* Tab Rundown================ */
    .tgr-rundown {
        display: none;
    }

    .tgr-rundown-m {
        display: flex;
    }

    .tgr-rundown-m .title {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 23px;
        color: #E09423;
        margin-bottom: 10px;
    }
    .tgr-rundown-m .uk-tab>li>a {
        color: #666;
        border-color: #666;
    }
    .tgr-rundown-m .uk-tab>.uk-active>a {
        color: #118235;
        border-color: #118235;
    }
    .table-rundown-participan{
        margin-left: 25px;
    }

    /* Tab Location ================ */
    .box-location {
        width: 76vw;
        height: auto;
    }

    .box-location>iframe {
        height: 40vh;
    }

    .tgr-location .location-alamat {
        font-size: 16px;
    }
    .tgr-location .location-alamat .location-place {
        font-size: 20px;
    }
    .tgr-location .location-alamat .location-place div {
        font-size: 16px;
        line-height: 35px;
    }

    /* Tab Gallery ================ */
    .box-gallery {
        display: none;

    }

    .box-gallery-m {
        display: flex;
    }

    .image-col-1 img {
        width: 100%;
        height: auto;
    }

    .image-col-2 img {
        width: 100%;
        height: auto;
    }

    /* Tab Contact =========== */
    .tgr-contact{
        justify-content: stretch;
    }
    .tgr-contact .contact-name {
        font-size: 20px;
        line-height: 23px;
    }

    .tgr-contact .contact-number {
        font-size: 14px;
        line-height: 16px;
    }

    /* Tab protocol =============== */
    .box-protocol {
        width: auto;
        margin-top: -70px;
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .box-protocol .protocol-image>img {
        width: 35px;
    }

    .box-protocol .protocol-name {
        font-size: 20px;
        line-height: 23px;
    }

    /* Tab Closing ============= */
    .box-closing {
        margin-top: auto;
        width: 90vw;
    }

    .box-closing .uk-textarea {
        margin-top: 25px;
    }

    .uk-button.uk-button-primary {
        margin-top: 25px;
    }
}
@media only screen and (max-width: 500px) {
    .cover-desctop{
        display: none;
    }
    .cover-mobile{
        display: contents;
    }
}