@media screen and (min-width: 992px) and (max-width: 1200px) {

    /* Contact */
    .adjust-width {
        display: block;
    }
}

@media screen and (min-width: 992px) {

    /* Header */
    .header {
        /* height: 100vh; */
        padding-top: 200px;
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 992px) {

    /* Header */
    .header {
        height: auto;
        padding-top: 170px;
        padding-bottom: 70px;
    }

    .header-img {
        max-width: 80%;
    }

    /* About */
    .about-detail {
        order: 1;
    }

    .adout-image {
        order: 2;
    }

    /* Organizer */
    .organizer-img {
        order: 1;
    }

    .organizer-text {
        order: 2;
    }

    .co-sponsored-img {
        order: 3;
    }

    .co-sponsored-text {
        order: 4;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {

    /* Registration */
    .venue-button {
        padding: 10px 34px;
    }
}

@media screen and (max-width: 768px) {

    /* Header */
    .header {
        padding-top: 150px;
    }

    /* Registration */
    .or1 {
        order: 1;
    }

    .or2 {
        order: 2;
    }

    .or3 {
        order: 3;
    }

    .or4 {
        order: 4;
    }

    .or5 {
        order: 5;
    }

    p.onl-induction {
        margin-top: 30px;
    }

    .personal-information {
        margin-top: 15px;
    }
}

@media screen and (max-width: 576px) {

    /* Header */
    .header {
        padding-top: 130px;
    }

    /* a.btn-solid-lg-text {
        font-size: 16px;
    } */

    .btn-solid-lg {
        padding: 12px 20px;
    }

    #contact p.company-name {
        color: #191e47;
    }

    .contact-content {
        font-size: 12.8px;
    }
}

@media screen and (max-width: 500px) {

    /* program */
    .pn-add-margin {
        margin-bottom: 22px !important;
    }
}

@media screen and (max-width: 427px) {
    /* header */
    /* a#btn-solid-lg3 {
        margin-top: 0px;
    } */
}

@media screen and (max-width: 380px) {

    /* Registration */
    .venue-button {
        padding: 10px 24px;
    }
}

@media screen and (max-width: 350px) {
    #contact br.con-d {
        display: none !important;
    }
}

@media screen and (max-width: 357px) {

    /* Contact */
    .adjust-width {
        display: block;
    }
}

@media screen and (max-width: 323px) {
    /* div.contact-box p.contact-detail {
        font-size: 18px;
    }

    div.contact-box img.mail {
        width: 30px;
    } */

    .contact-content {
        text-align: left !important;
    }
}