@media only screen and (max-width: 812px) and (orientation: portrait){

    /*
    .header-text.btn {
        height: auto;
        white-space: inherit;
    }
    
    .hover-bg .hover-text {
        padding: 15% 0;
    }
    */
    
    /* Sidebar Menu */

    #items {
        top: 110%; /* effect the position of first menu item (Reservations) */
    }

    #items .item {
        padding: 8px 30px; /* Gap between each menu item */
    }

    #items .item:hover {
        padding: 8px 30px; /* Gap between each menu item */
    }

    /* Home page */

    .text_locate_bottom_left {
        position: absolute;
        top: 55%;
        left: 0%;
        right: 0%;
    }

    .text_locate_bottom_right {
        position: absolute;
        top: 55%;
        left: 0%;
        right: 0%;
    }

    /* Section 01 */

    .section_home_01 {
        padding-top: 150%;
    }

    #section_01_background {
        background-image: url("../../images/background/empress_design_interior_01.jpg");
        background-size: 200% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_01_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 02 */

    .section_home_02 {
        padding-top: 150%;
    }

    #section_02_background {
        background-image: url("../../images/background/fermented_470x563.jpg");
        background-size: 100% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_02_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 03 */

    .section_home_03 {
        padding-top: 150%;
    }

    #section_03_background {
        background-image: url("../../images/background/empress_design_interior_03.jpg");
        background-size: 200% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_03_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 04 */

    .section_home_04 {
        padding-top: 160%;
    }

    #section_04_background {
        background-image: url("../../images/background/empress_design_interior_04.jpg");
        background-size: 100% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_04_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 05 */

    .section_home_05 {
        padding-top: 190%;
    }

    #section_05_background {
        background-image: url("../../images/background/yanyan_tableware_01.jpg");
        background-size: 200% auto;
        background-position: center top;
        margin-top: 5%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_05_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* End of Section 1-5 */

    .logo_boon {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    #myBtn {
        left: 45%;
    }
    
    .sub_title {
        color: #ecc327;
        font-size: 14px;
        animation: fadeIn 4s;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /* font-weight: bold; */
        opacity: 0.8;
        font-family: 'Droid Serif', sans-serif;
        font-style: italic;
        padding-top: 20px;
    }
    
    /* Private Events */

    .private_event_section {
        height: 100vh;
        height: 100%;
        padding: 5rem 0;
    }

    #main_name_private_events {
        width: 95%;
    }
    
    #main_logo {
        width: 100%;
        height: auto;
        margin: auto;
        animation: fadeIn 12s;
    }

    /* Tripleseat */
    .tripleseat_div {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    #tripleseat_embed_form table {
        width: 100%;
        text-align: left; 
        margin-left: auto; 
        margin-right: auto;
    }

    .contact-title.tagline-message h3 { /* .contact-title.tagline-message cannot have space between .contact-title and .tagline-message*/
        font-size: 52px;
    }

    /* Press/ Article */

    .boxed {
        padding: 1% 1%;
        margin-top: -60px;
    }

    .blog-media img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        animation: fadeIn 3s;
    }

    .press_inquiry {
        margin-top: 50px;
        color: white;
        text-align: center;
        font-size: 14px;
    }

    .banner_text_heading {
        color: #ecc327;
        font-family: 'Droid Serif', sans-serif; font-weight: bold;
        text-align: center;
        padding: 0 0 10px;
    }

    .banner_text_block {
        padding: 50px 0 20px;
    }

    .blog-list {
        padding: 20px 0 0;
    }

    .boxed_press {
        padding: 0 0;
        margin-top: -140px;
    }

    .blog-desc-big h1, 
    .blog-desc-big h2, 
    .blog-desc-big h3 {
        color: #ecc327;
        font-size: 16px;
    }

    .blog-desc-big .img_publisher_logo {
        display: block;
        width: auto;
        height: 40px;
        opacity: 1;
        filter: grayscale(0%);
        transition: 1s;
    }

    .press_title {
        margin-top: 0;
    }

    .sidebar .widget {
        margin-bottom: 0;
        /* padding-bottom: 30px; */
        /* border-bottom: 1px solid #ecc327; */
    }

    .image_article {
        max-width: 100%;
        height: auto;
    }

    /* Menus */

    .boxed_menus {
        padding: 1% 1%;
        margin-top: -60px;
    }

    .shop-extra {
        /* margin-top: 100px; */
        padding: 90px 0 0;
        /* padding: 60px 60px 40px; */
        /* border: 3px solid #f6f6f6; */
    }

    .shop-extra .nav-tabs>li.active a {
        border-color: transparent !important;
    }

    /* Article's Slideshow */
    .slideshow-container {
        margin-top: 30px;
    }

    /* Position the "next button" to the left */
    .prev {
        left: 5px;
    }

    /* Position the "next button" to the right */
    .next {
        right: 5px;
    }

    /* Next & previous buttons */
    .prev, .next {
        top: 20%;
    }

}

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

    h3 {
        font-size: 12px;
    }
    
    .content {
        padding-top: 30%;
    }
    /*
    .hover-bg .hover-text {
        padding: 20% 0;
    }
    */
    #overview-video .overlay {
        padding: 30% 0px;
    }

    /* Sidebar Menu */

    #items {
        top: 50%; /* effect the position of first menu item (Reservations) */
    }

}

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

    h1 {
        font-size: 36px;
    }
    
    h3 {
        font-size: 11px;
    }
    
    hover-bg .hover-text {
        padding: 25% 0px;
    }

    .pull-left,
    .pull-right {
        float: none !important;
        text-align: center;
    }

    /* Sidebar Menu */

    #items {
        top: 55%; /* effect the position of first menu item (Reservations) */
    }

}

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

    h1 {
        font-size: 30px;
    }

    hover-bg .hover-text {
        padding: 30% 0px;
    }

    /* Sidebar Menu */

    #items {
        top: 55%; /* effect the position of first menu item (Reservations) */
    }

}

@media only screen and (max-width: 812px) and (orientation: landscape){

    /* Sidebar Menu */

    #items {
        top: 115%; /* effect the position of first menu item (Reservations) */
    }

    #items .item {
        padding: 8px 30px; /* Gap between each menu item */
    }

    #items .item:hover {
        padding: 8px 30px; /* Gap between each menu item */
    }

    /* Home Page */

    .home-message {
        display: table-cell;
        height: 100%;
        vertical-align: top;
    }

    #main_logo {
        width: auto;
        height: 70%;
        margin: auto;
        animation: fadeIn 12s;
    }

    /* Section 01 */

    .section_home_01 {
        padding-top: 55%;
    }
    
    #section_01_background {
        background-image: url("../../images/background/empress_design_interior_01.jpg");
        background-size: 100% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_01_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 02 */

    .section_home_02 {
        padding-top: 55%;
    }
    
    #section_02_background {
        background-image: url("../../images/background/fermented_470x563.jpg");
        background-size: 70% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_02_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 03 */

    .section_home_03 {
        padding-top: 50%;
    }
    
    #section_03_background {
        background-image: url("../../images/background/empress_design_interior_03.jpg");
        background-size: 100% auto;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_03_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 04 */

    .section_home_04 {
        padding-top: 55%;
    }
    
    #section_04_background {
        background-image: url("../../images/background/empress_design_interior_04.jpg");
        background-size: auto 80%;
        background-position: center top;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_04_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* Section 05 */

    .section_home_05 {
        padding-top: 55%;
    }
    
    #section_05_background {
        background-image: url("../../images/background/yanyan_tableware_01.jpg");
        background-size: 90% auto;
        background-position: center top;
        margin-top: 5%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .section_05_message_position {
        position: absolute;
        /* top: 70%; */
        bottom: 5%;
        left: 4%;
        right: 4%;
    }

    /* End of Section 1-5 */

    /* Private Events */

    .private_event_section {
        height: 100vh;
        height: 100%;
        padding: 5rem 0;
    }

    #main_name {
        margin-left: auto;
        margin-right: auto;
        margin-top: -100%; /* control position of main title between background image */
    }

    #main_name_private_events {
        width: 95%;
    }

    /* Menus */

    .boxed_menus {
        padding: 1% 1%;
        margin-top: -60px;
    }

    .shop-extra {
        /* margin-top: 100px; */
        padding: 90px 0 0;
        /* padding: 60px 60px 40px; */
        /* border: 3px solid #f6f6f6; */
    }

    .shop-extra .nav-tabs>li.active a {
        border-color: transparent !important;
    }

    /* Press/ Article */

    .boxed {
        padding: 10% 1%;
        margin-top: -60px;
    }

    .blog-list {
        padding: 0 70px 0;
    }

    .boxed_press {
        padding: 0 0;
        /* margin-top: -140px; */
    }

    .slideshow-container {
        margin-top: 10px; /* control the position of "previous" and "next" arrow */
      }
    
}