@media screen and (max-width:499px) {
    .header {
        text-align: center;
    }

    .header .date-venue ul {
        display: inherit;
    }

    .header .date-venue ul li {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .quick-links li {
        margin-bottom: 65px;
    }

    .programme-highlights ul {
        display: inherit;
    }

    .programme-highlights li {
        width: auto;
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }

    .inclusive-gst,
    .limited-rooms {
        position: unset;
        transform: rotate(0deg);
        width: auto;
        margin: -20px 0 20px;
    }

    .registration-box h4,
    .workshop-box h4,
    .accommodation-box h4 {
        font-size: 14px;
    }
}

@media screen and (max-width:1023px) {
    .footer {
        position: unset;
        text-align: center;
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .reg_button {
        display: none;
    }
}