@media only screen and (max-width: 1800px) {
    .imglocation {
        margin-right: 1%;
        width: 30px;
    }
    .logo {
        max-width: 40%;
        margin-bottom: 4%;
    }

    .Trade-Day {
        font-size: 48px;
        padding-left: 10%;
    }
    .Public {
        font-size: 48px;
        padding-left: 10%;
    }
    .BITEC {
        font-size: 40px;
    }
    .Bangkok-Thailand {
        font-size: 35px;
    }
    .Text3-6 {
        font-size: 90px;
        line-height: 5rem;
    }
    .SEPTEMBER {
        line-height: normal;
    }
    .section2_content {
        font-size: 14px;
    }
    .tt3 {
        font-size: 14px;
    }
    .boxlink {
        width: 160px;
    }
    .RectangleTrade-Public {
        height: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .left_zone {
        padding-left: 3% !important;
    }

    /* .in {
        padding-left: 2%;
    } */

    .right_zone {
        margin-top: -25px;
    }

}

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

    .imglocation {
        height: 55px;
    }

    .logo {
        max-width: 35%;
    }

    .Trade-Day,  .Public {
        font-size: 38px;
    }

    .Textday-time {
        font-size: 32px;
    }

    .section-title {
        margin: 2%;
    }
    .FAIR {
        font-size: 65px;
    }
    .INFORMATION {
        font-size: 44px;
    }

    .btnPre {
        font-size: 25px;
        height: 55px;
    }
}

@media only screen and (max-width: 1600px) {
    /* .imglocation {
        height: 35px;
    } */

    .logo {
        max-width: 31%;
    }

    .top_zone {
        height: 53vh;
    }

    .Trade-Day,  .Public {
        font-size: 34px;
    }

    .Textday-time {
        font-size: 28px;
    }

    .section-title {
        margin: 2%;
    }
    .FAIR {
        font-size: 60px;
    }
    .INFORMATION {
        font-size: 40px;
    }

    .rightal {
        margin-bottom: 2%;
    }

    .bottom_zone {
        margin-top: 0;
    }

    .btnPre {
        font-size: 20px;
        height: 50px;
    }


}

@media only screen and (max-width: 1360px) {
    .imglocation {
        height: 34px;
    }

    .logo {
        max-width: 23%;
    }

    .top_zone {
        height: 50vh;
    }

    .navbar-collapse {
        font-size: 0.9rem;
    }

    .Trade-Day,  .Public {
        font-size: 32px;
    }

    .Textday-time {
        font-size: 24px;
    }

    /* .bottom_zone {
        margin-top: 4rem;
    } */

    .BITEC {
        font-size: 34px;
    }
    .Bangkok-Thailand {
        font-size: 32px;
    }

    .section-title {
        margin: 2%;
    }
    .FAIR {
        font-size: 56px;
    }
    .INFORMATION {
        font-size: 34px;
    }

    .rightal {
        margin-bottom: 2%;
    }

    .number-light, .number {
        font-size: 50px;
    }

    .imgdown {
        max-height: 34px;
    }

    .arrow_nav1 {
        transform: translate(-15%, -25%);
    }

    .TAPA-2020-To-go-into {
        font-size: 16px;
    }

    .Line-2 {
        height: 105px;
    }

    .section2_img {
        height: 250px;
    }

    .textlink {
        font-size: 12px;
    }

    .boxlink {
        width: 145px;
    }

    .SEE-ALL-GALLERY {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1200px) {
    .navbar-collapse {
        font-size: 0.85rem;
    }

    .top_zone {
        height: 60vh;
    }

    .in {
        margin: 2% 2%;
    }

    .section-title {
        margin: 6%;
    }

    .RectangleTAPA2020 {
        height: 100%;
        float: none;
        width: 60%;
    }

    .section2_img {
        float: none;
        width: 60%;
    }

    #show_img, .show_postevent {
        margin-top: 20px;
    }

    .btnPre {
        margin-left: 16rem;
    }

    
}

@media only screen and (max-width: 991px) {
    .number-light, .number {
        font-size: 40px;
    }

    /* .page_nav {
        position: absolute;
        top: 83vh;
        left: 50%;
        transform: translate(-50%, 0%);
    } */

    #video {
        height: 125%;
        width: 110%;
    }

    .arrow_page_nav {
        transform: translate(-40%, -50%);
    }

    .arrow_nav4 {
        transform: translate(-40%, -25%);
    }

    .imglink {
        width: 65px;
        height: 65px;
    }

    .footer_logo_img img {
        height: 55px;
    }
}

@media only screen and (max-width: 768px) {
    .top_zone {
        height: 54vh;
    }
    
    .Trade-Day, .Public {
        font-size: 30px;
    }

    .page_nav {
        top: 83vh;
    }

    .btnPre {
        margin-left: 15rem;
    }
}

@media only screen and (max-width: 500px) {
    .logo {
        max-width: 20%;
    }

    .header_button_style {
        margin-top: 15px;
    }

    #video {
        width: 155%;
        height: 117%;
    }

    .earth {
        margin-bottom: 10px;
    }

    .Trade-Day, .Public {
        font-size: 20px;
        padding-left: 0;
    }

    .marleft2 {
        padding-left: -20px;
    }

    .in {
        margin: 3% 2%;
    }

    .Textday-time {
        font-size: 18px;
    }

    .top_zone {
        height: 51vh;
    }

    .BITEC, .Bangkok-Thailand {
        font-size: 22px;
    }

    .imglocation {
        margin-top: 5;
        height: 20px;
    }

    .only768 {
        top: 80vh !important;
    }

    .page_nav {
        top: 72vh;
    }

    .number {
        width: 50px;
    }

    .number-light, .number {
        font-size: 34px;
    }

    .arrow_nav1 {
        transform: translate(-35%, -105%);
    }

    .section-title {
        margin: 4% 6%;
    }

    .FAIR {
        font-size: 44px;
    }

    .INFORMATION {
        font-size: 24px;
    }

    .Line-2 {
        height: 85px;
    }

    .RectangleTAPA2020 {
        width: 90%;
    }

    .section2_img {
        width: 80%;
    }

    .TAPA-2020 {
        font-size: 18px;
    }

    .TAPA-2020-To-go-into {
        font-size: 14px;
    }

    .section2_content {
        font-size: 12px;
    }

    .boxlink {
        width: 72px;
    }

    .imglink {
        width: 30px;
        height: 30px;
    }

    .textlink {
        font-size: 8px;
        margin-top: 14px;
    }

    .martop {
        margin-top: 0 !important;
    }

    .mardown {
        max-height: 34px;
    }

    .arrow_page_nav {
        transform: translate(-50%, 0%);
    } 

    .arrow_nav4 {
        transform: translate(-55%, -100%);
    }

    .Rectanglepre-register {
        display: none;
    }

    .btnPre {
        width: 90%;
        margin-left: 0;
        font-size: 14px;
    }

    .pr_l {
        margin-left: 7px;
    }

    .em_l {
        text-align: left;
    }


}