@media only screen and (min-width: 3840px) and (min-height: 2159px) {

    /***************************openday container********************************/
    section .openday-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    section .openday-container .openday-inner {
        display: flex;
        flex-direction: row;
        width: 2600px !important;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 5px;
    }

    .openday-inner #goToTop {
        position: fixed;
        right: 0;
        bottom: 0;
        font-size: 170px !important;
        margin-right: 50px;
    }

    h2.openday-heading-first {
        font-size: 80px !important;
        width: 14%;
    }
    
    h2.openday-heading-second {
        font-size: 80px !important;
        width: 15.5%;
    }
    
    p.viewmore {
        font-size: 61px !important;
    }

    .separate-poster .openday-link {
        font-size: 75px !important;
    }
    .separate-poster .brochure {
        width: 100%;
        height: auto;
    }
   .separate-poster {
       margin-top: 90px;
       /* border: 10px solid red; */
   }

}

@media only screen and (min-width: 2560px) and (min-height: 1439px) {

 
/***************************openday container********************************/
    .openday-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .openday-container .openday-inner {
        display: flex;
        flex-direction: row;
        width: 1800px !important;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 5px;
    }
    
    #goToTop {
        position: fixed;
        right: 0;
        bottom: 0;
        font-size: 120px !important;
        margin-right: 20px;
    }

    .openday-heading-first {
        font-size: 60px !important;
        width: 14.5%;
    }

    .openday-heading-second {
        font-size: 60px !important;
        width: 16%;
    }
    
    .viewmore {
        font-size: 41px !important;
    }

    .openday-link {
        font-size: 55px !important;
    }

    .brochure {
        width: 100%;
        height: auto;
    }

    .separate-poster {
        margin-top: 75px;
        /* border: 10px solid red; */
    }              

}

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

    /***************************openday container********************************/
    .openday-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .openday-container .openday-inner {
        display: flex;
        flex-direction: row;
        width: 1200px;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 5px;
    }

    #goToTop {
        position: fixed;
        right: 0;
        bottom: 0;
        font-size: 90px;
        margin-right: 20px;
    }

    .openday-heading-first {
        font-size: 40px;
        width: 14%;
    }
    .openday-heading-second {
        font-size: 40px;
        width: 16%;
    }
    .viewmore {
        font-size: 28px;
    }

    .openday-link {
        font-size: 35px;
    }

        .brochure {
            width: 100%;
            height: auto;
        }
    .separate-poster {
        margin-top: 55px;
        /* border: 10px solid red; */
    }

    /* .openday-container .openday-inner .four-staff .separate-staff p {
        text-align: center;
        font-size: 16px;
        line-height: 12px;
        color: black;
    } */

    
}

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


} */

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

    section {
        transform: translateY(20px);
    }

    .openday-heading-first {
        font-size: 25px;
        width: 14.5%;
    }

    .openday-heading-second {
        font-size: 25px;
        width: 16%;
    }

    .brochure {
        width: 100%;
        height: auto;
    }

}

@media only screen and (min-width: 480px) and (max-width: 640px) {

    section {
        transform: translateY(20px);
    }

    .openday-heading-first {
        font-size: 25px;
        width: 20%;
    }

    .openday-heading-second {
        font-size: 25px;
        width: 22%;
    }

    .brochure {
        width: 100%;
        height: auto;
    }

}

@media only screen and (min-width: 390px) and (max-width: 480px) {

    section {
        transform: translateY(20px);
    }

    .openday-heading-first {
        font-size: 20px;
        width: 20%;
    }

    .openday-heading-second {
        font-size: 20px;
        width: 22%;
    }

    .brochure {
        width: 100%;
        height: auto;
    }

    .openday-link {
        font-size: 14px;
    }
}

@media only screen and (min-width: 280px) and (max-width: 389px) {
    section {
        transform: translateY(20px);
    }

   .openday-heading-first {
       font-size: 20px;
       width: 28%;
   }

   .openday-heading-second {
       font-size: 20px;
       width: 31%;
   }
    .viewmore {
       font-size: 11px;
    }
    .brochure {
        width: 100%;
        height: auto;
    }
    .openday-link {
        font-size: 14px;
    }
}


@media only screen and (min-width: 0px) and (max-width: 279px) {

    section {
        transform: translateY(20px);
    }

    .viewmore {
        font-size: 11px;
    }
        
   .openday-heading-first {
       font-size: 20px;
       width: 40%;
   }

   .openday-heading-second {
       font-size: 20px;
       width: 43%;
   }

    .brochure {
        width: 100%;
        height: auto;
    }

    .openday-link {
        font-size: 10px;
        font-weight: 500;
    }

         #goToTop {
             position: sticky;
             left: 100% !important;
             /* right: 0; */
             /* bottom: 0; */
             font-size: 40px;
             margin-right: 0px;
             transform: translateY(-2vh);
             z-index: 9999;
         }

}