/* Mobile & Table */
@media (max-width: 1023px) {}

/* Table */
@media (min-width: 740px) and (max-width: 1023px) {}

/* Table Lanscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* Mobile */

@media (max-width: 739px) {
    .nav-tabs li>a {
        font-size: 14px;
    }

    .nav-tabs li {
        margin-right: 18px;
    }

    .title-movie h3 {
        font-size: 14px;
    }

    .title-movie h3:first-child {
        margin-bottom: 2px;
    }

    .title-movie {
        margin-top: 10px;
    }

    .movie__item {
        margin-bottom: 26px;
    }

    .cinemact__img {
        width: 68%;
        margin: 0 auto 16px;
    }

    .cinemact {
        flex-wrap: wrap;
    }

    .cinemact__dt {
        width: 100%;
        margin-left: 0;
    }

    .cinema__name {
        margin-bottom: 18px;
    }

    .cinemact__desc {
        margin-bottom: 34px;
    }

    .cinemact__btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cinema {
        padding: 20px 0 34px;
    }

    .giave .nav-tabs li>a {
        padding: 8px 18px;
    }

    .rightcol {
        margin-top: 30px;
    }

    .movie {
        padding: 16px 0 20px;
    }

    .tocContent img,
    .tocContent iframe,
    .tab-pane img,
    .tab-pane iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    .news__item {
        margin-bottom: 20px;
    }

    .homenews {
        padding-bottom: 50px;
    }

    .footer-text,
    .menuboxfooter {
        margin-bottom: 20px;
    }

    .footer__main {
        padding-bottom: 0;
    }

    .social-list {
        margin: 20px auto;
        justify-content: center;
    }

    .footer__flex {
        justify-content: center;
    }
    .boxbuy__mb {
        padding-top: 25px;
    }


    .boxbuy__mb .box-buy-ticket {
        position: relative;
        right: 0;
        top: 0;
        z-index: 2;
        background-color: transparent;
        padding-bottom: 14px;
    }

    .box__nav li {
        flex: 1;
    }

    .box__nav li a {
        width: 100%;
        border: 1px solid #ced0da;
        color: #43464b;
        background-color: #e9edf1;
        padding: 0 4px;
    }

    .boxin__label {
        position: relative;
        left: 0;
        right: 0;
        font-size: 14px;
        padding: 0;
        font-weight: 500;
        text-transform: uppercase;
        color: #43464b;
        background-color: transparent;
        margin-bottom: 20px;
    }

    .box__nav li:first-child a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .box__nav li:last-child a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .block__select {
        border: 1px solid #ced0da;
        color: #43464b;
        background-color: rgba(255, 255, 255, 0.4);
    }



    .boxin__label:after {
        display: block;
        width: 50px;
        height: 2px;
        margin-top: 10px;
        content: '';
        background-color: #eb3136;
    }



    .boxin {
        padding: 0;
        background: transparent;
    }

    .btn__buy {
        float: unset;
        width: 100%;
        text-align: center;
        display: block;
        padding: 12px 15px;
    }

    .label {
        margin-bottom: 10px;
    }

    .block__content  {
        min-height: 250px;
    }

    .label:after {
        color: #000;
    }


    .menu-toggle {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 0;
        background: 0;
        margin: 0;
        padding: 0;
    }
    .menu-toggle__inner {
        top: 50%;
        display: block;
        margin-top: -0.5px;
        -webkit-transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
        -webkit-transition-duration: 75ms;
        transition-duration: 75ms;
    }
    .menu-toggle__inner, .menu-toggle__inner:after, .menu-toggle__inner:before {
        box-sizing: border-box;
        position: absolute;
        width: 24px;
        height: 1px;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        border-radius: 1px;
        background-color: #041e42;
    }
    .menu-toggle__inner:after {
        bottom: -8px;
        -webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
    }
    .menu-toggle__inner:after, .menu-toggle__inner:before {
        content: "";
        display: block;
    }

    .menu-toggle__inner:before {
        top: -8px;
        -webkit-transition: top 75ms ease .12s,opacity 75ms ease;
        transition: top 75ms ease .12s,opacity 75ms ease;
    }

    .menu-toggle__inner:after {
        bottom: -8px;
        -webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform 75ms cubic-bezier(0.55,0.055,0.675,0.19);
    }

    .menu-toggle-container,
    .header-globe {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -ms-flex;
        display: -webkit-flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        outline: 0;
        height: 62px;
        width: 62px;
        max-width: 62px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex: 1;
        border-right: 1px solid #e2e2e2;
    }
    .header-globe {
        font-size: 24px;
        border-left: 1px solid #e2e2e2;
        color: #041e42;
    }
    .headermb-list {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e2e2e2;;
    }

    .headermb-list .logo {
        max-width: 170px;
        height: auto;
        min-height: auto;
    }
    .booking_pro .cinema-box-ticket {
        width: 100%;
    }

    .cinema-right {
        margin-right: 0 !important;
    }


    .global__mb {
        margin: 0;
        padding: 0 15px;
    }

    .global__mb li a {
        padding: 10px 0;
        display: block;
        color: #041e42;
    }


    .login__mb {
        display: flex;
    }
    .login__mb a {
        flex: 1;
        display: block;
        color: #041e42;
        text-align: center;
        padding: 14px 0;
    }

    .login__mb a i {
        margin-right: 4px;
    }

    .login__mb a:first-child {
        border-right: 1px solid #e2e2e2;
        margin-right: -1px;
    }

    .username__login {
        text-align: center;
        padding: 10px 0;
        color: #041e42;
        border-bottom: 1px solid #e2e2e2;
    }


    .username__login strong {
        color: #ED3237;
    }

    .lc__list {
        flex-wrap: wrap;
    }

    .lc__item {
        flex: unset;
        width: 100%;
        margin-top: 8px;
    }

    .lichchieu__note {
        margin-bottom: 0;
    }


    .lc__thu {
        display: flex;
        position: relative;
        box-sizing: border-box;
        height: 35px;
        width: 245px;
        padding: 7px 20px;
        background-color: #ed3237;
        color: #ffffff;
        border-left: 4px solid #47251c;
    }


    .lc__thu span {
        margin-top: 0;
        margin-left: 4px;
    }

    .lc__list .suatchieu {
        display: inline-block;
        width: 32.333%;
        margin-bottom: 4px;
    }

    .lc__list .dangphim {
        width: 32.333%;
    }

    .rap__mb .lc__item {
        width: 33.333%;
    }


    .rap__mb .lc__thu {
        width: 100%;
        padding: 6px;
    }

    .rap__mb .lc__list .dangphim {
        width: 100%;
    }

    .rap__mb .lc__list  .suatchieu {
        width: 100%;
        display: block;
        margin-bottom: 0;
    }
    .catname {
        font-size: 18px;
        margin-top: 8px;
    }

    .rap__mb .movie__item {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .rap-wrapper {
        padding: 20px 0 40px;
    }

    .rap-wrapper .lc__list {
        margin-bottom: 38px;
    }


    .suatchieu__item {
        width: 33.333%;
    }

    .service__name {
        margin-top: 0;
        margin-bottom: 4px;
        font-size: 14px;
    }

    .service__item {
        margin-bottom: 30px;
    }

    .dt-name {
        font-size: 22px;
    }

    .dt-intro {
        font-size: 15px;
    }

    .news__others-title {
        margin-top: 0;
    }

    .dt-others-list {
        margin-bottom: 0;
    }

    .box__news-ticket .boxin {
        padding: 0;
        background-color: transparent;
    }

    .box__news-ticket .boxin__label {
        padding: 0;
    }

    .box__news-ticket {
        background-color: transparent;
    }

    .news__name {
        font-size: 14px;
    }

    .news__intro {
        display: none;
    }

    .dt {
        margin-bottom: 20px;
    }
    .news__item .newsinfo {
        padding: 20px 12px;
    }

    .news__dt {
        padding: 18px 0 30px;
    }

    .news, .service {
        padding: 20px 0 30px;
    }

    .giave .nav-tabs li>a {
        padding: 8px 12px;
        font-size: 16px;
    }

    .giave .nav-tabs li {
        margin-right: 10px;
        margin-bottom: 0;
    }

    .staff_home .show-date-tab {
        width: 15%;
    }

    .staff_home .dinhdangphim {
        margin-bottom: 20px;
    }

    .tocWrap {
        width: 100%;
    }
    .longPageNavigationDiv ul {
        padding-left: 0;
    }

    #popup_tuyendung {
        width: 100%;
    }

    
    .movie__img {
        min-height: 100px !important;
    }

    .item-seat {
        width: 24px;
        height: 24px;
    }

    .item-seat:before, .item-seat-double:before {
        width: 3px;
        height: 14px;
    }

    .item-seat:after, .item-seat-double:after {
        width: 3px;
        height: 14px;
    }

    .text-note {
        font-size: 12px;
        font-style: italic;
        display: block;
    }


    .cinema_room_mb {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 10px 0;
    }

    .cinema_room_mb .state {
        margin: unset;
    }

    .state {
        width: 72%;
    }

    .phongbe_css  {
        width: 100%;
        min-width: unset !important;
    }

    .phongbe_css .state {
        width: 68%;
    }

    .phongbe_css .cinema_room_mb {
        align-items: center;
    }

}

/* Ipad pro */


@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}


/* PC LARGE */

@media (min-width: 1400px) {
    .grid {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }


    .box-buy-ticket {
        top: 50px;
        right: 6%;
    }
}