/* lg */
@media (min-width: 1400px) {
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

    .banner-info h1 {
        font-size: 60px;
    }

    .schedule-info:before {
        left: -10px;
    }

    .event {
        padding: 30px 15px;
    }

        .event h2 {
            font-size: 18px;
        }

    .navbar-default .navbar-nav > li > a {
        padding: 15px 12px;
    }

    .gb-contact .contact-info {
        left: 5%;
    }
}

@media (max-width: 991px) {

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
        padding-bottom: 25px;
    }

    .navbar-nav {
        float: none !important;
        background-color: #2A56A1;
    }

        .navbar-nav > li {
            float: none;
        }

    .collapse.in {
        display: block !important;
    }

    .navbar-collapse {
        border-top: 1px solid #fff;
        background-color: #2A56A1;
    }

    .navbar-default .navbar-nav li {
        margin: 0 0 1px;
    }

    .navbar-toggle {
        margin: 18px 0;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav li a:hover,
    .navbar-default .navbar-nav li a:focus {
        background-color: #06A4E5;
    }

    .gb-dropdown-menu {
        min-width: 100%;
        left: 15px;
    }

    .event h2 {
        font-size: 18px;
        height: 74px;
    }

    .event-content {
        padding-top: 40px;
    }

    .upcoming-events .event .btn,
    .upcoming-events .event:hover .btn {
        bottom: 35px;
    }

    .upcoming-events .event,
    .upcoming-events .event:hover {
        margin-top: 80px;
        padding-bottom: 100px;
    }

    .about-info {
        margin-bottom: 50px;
    }

    .entry-meta li {
        margin-right: 10px;
    }

    .comment-meta .title {
        display: block;
    }

    .comment-meta .title,
    .comment-meta .pull-right {
        float: none !important;
    }

    .add-comments .btn {
        margin: 0;
    }

    .language-link {
        float: left;
        margin-top: 0;
        margin-left: 15px;
    }

    .fix-register-button {
        display: table-row !important;
        margin: 0 auto;
    }

    .pin_button {
        display: block !important;
        position: fixed;
        height: 31px;
        padding: 0 15px;
        border: 1px solid #fff;
        line-height: 29px;
        color: #fff;
        bottom: 0;
        text-transform: uppercase;
        background: #387abd;
        z-index: 9999;
    }

        .pin_button i {
            margin-right: 10px;
        }

    .pin_hotline {
        display: none;
    }
}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .events_list {
        margin-left: unset !important;
    }

    .gb-menu .navbar-nav {
        max-height: 300px;
        overflow-x: hidden;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 7px 15px;
    }

    .banner-info h1 {
        font-size: 60px;
        padding-top: 20px;
    }

    .schedule > ul > li::after {
        top: 35px;
    }

    .gb-price {
        padding: 20px 15px 40px;
    }

        .gb-price.active .price-info,
        .pricing-2 .price-info {
            margin: 0 -15px 30px;
        }

    .gb-cta-1 .cta-info {
        max-width: 500px;
    }

    .gb-price .btn {
        padding: 10px 35px;
    }

    .gb-contact .contact-info {
        left: 5%;
    }

    .entry-content {
        padding: 40px 30px;
    }

    .gb-post .media-body {
        padding-left: 35px;
    }

    .gallery-overlay .icon {
        font-size: 40px;
    }

    .not-found-content h1 {
        font-size: 150px;
    }

    .gb-previuos-next {
        padding: 20px 30px;
    }

    .gb-comment, .add-comments {
        padding: 40px 30px;
    }
}


/* xs */
@media (max-width: 767px) {

    .events_list {
        margin-left: unset !important;
    }

    .navbar-default .navbar-toggle {
        margin-right: 15px;
    }

    .banner-info h1 {
        font-size: 50px;
        padding-top: 20px;
    }

    .banner-info h2 {
        font-size: 24px;
        margin: 30px 0;
    }

    .countdown li {
        margin-right: 0;
    }

    .btn {
        font-size: 14px;
        padding: 12px 30px;
    }

    .title-section h1,
    .page-title h1,
    .cta-info h1 {
        font-size: 24px;
    }

    .schedule-content .nav-tabs > li {
        margin-right: 0;
    }

    .gb-contact .contact-info {
        left: 15px;
    }

    .gb-section, .bg-page-content {
        padding: 0;
    }

    .title-section {
        margin-bottom: 20px;
    }

    .event-content {
        padding-top: 20px;
    }

    .speaker {
        margin-bottom: 0;
    }

    .speaker-image, .event-detail-speaker-image {
        height: unset;
        width: unset;
    }

    .event-detail-speaker {
        height: unset !important;
        width: unset !important;
    }

    .schedule .author {
        overflow: hidden;
    }

    .schedule .author-image {
        margin-right: 20px;
    }

    .schedule .author-image,
    .schedule .author-title {
        float: left;
    }

    .schedule-info {
        padding-left: 0;
    }

        .schedule-info::before {
            display: none;
        }

    .schedule > ul > li {
        padding: 20px 20px 35px;
    }

        .schedule > ul > li::after {
            right: 20px;
            top: 15px;
        }

    .author-title h2 {
        font-size: 16px;
    }

    .schedule-info h2 {
        font-size: 18px;
    }

    .countdown li span {
        font-size: 30px;
    }

    .gb-banner {
        height: 650px;
    }

    .countdown {
        margin-top: 50px;
    }

    .gb-breadcrumb {
        padding: 140px 0 50px;
    }

    .breadcrumb {
        margin: 0;
    }

    .entry-content {
        padding: 40px 15px;
    }

    .gb-post,
    .widget,
    .gallery-info {
        margin-bottom: 15px;
    }

        .gb-post .media-body {
            padding-left: 25px;
        }

    .entry-title {
        font-size: 20px;
    }

    .entry-summary p {
        margin: unset;
    }

    .gb-sidebar,
    .pagination {
        margin-top: 30px;
    }

    .gallery-tab-content li,
    .gallery-tab-content.large-view-tab li {
        width: 100%;
        padding: 0;
    }

    .gallery-tabs {
        display: none;
    }

    .gallery-topbar {
        padding: 0;
    }

    .pricing-2 {
        margin-top: 0;
    }

    .not-found-content h1 {
        font-size: 100px;
    }

    .gb-previuos-next {
        padding: 20px;
    }

    .gb-comment, .add-comments {
        padding: 20px;
    }

    .form-control {
        margin-bottom: 15px;
    }

    .navbar-nav {
        padding: 0 15px;
    }

    .navbar-default .navbar-nav > li > a {
        line-height: 30px;
    }

    .modal {
        top: 65px;
    }

    .modal-body {
        /*max-height: calc(100vh - 440px);*/
        max-height: calc(100vh - 215px);
        overflow-y: auto;
    }

    .tin-tuc iframe {
        max-width: 100%;
        max-height: 29.3vh;
    }

    #s1 .list_tintuc {
        margin: 0 -5px;
        clear: both;
        width: 100%;
    }

    #s1 .item .item_slide_news {
        margin: 0;
        padding: 0 5px;
    }

    #s1 .item_slide_news .item_info {
        width: 100%;
    }

    #s1 .item_slide_news h3 {
        margin-top: 10px;
    }

    #s1 .item .item_slide_news a {
        font-size: 16px;
    }

    #s1 .item .item_slide_news a {
        max-width: 100%;
    }

    #form_booking .table {
        display: none;
    }

    .inner_pin_top, step_4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile_step {
        display: block;
        margin-bottom: 15px;
    }

        .mobile_step .warp {
            width: 100%
        }

            .mobile_step .warp label {
                font-size: 18px !important;
                font-weight: 400;
                float: unset !important;
            }

            .mobile_step .warp .price_new {
                color: red;
            }

                .mobile_step .warp .price_new span {
                    color: #333;
                }

    #form_booking .mobile_step .warp {
        background: none;
        border: 1px solid #f4f4f4;
    }

    .soluong .input_qty input {
        display: block;
        border: 1px solid #387abd;
        background: #fff;
        width: 40px;
        height: 41px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        padding: 5px 0;
        margin: 0 -1px;
        float: left;
    }

    .soluong .input_qty .input_num_qty {
        margin-bottom: 15px;
        padding: 0;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .events_list {
        margin-left: unset !important;
    }

    .navbar-brand {
        padding: 0 15px 12px 0;
    }

    .banner-info h1 {
        font-size: 25px;
    }

    .banner-info h2 {
        font-size: 20px;
    }

    .title-section .before-top:before,
    .title-section .before-top:after,
    .title-section .before-bottom:before,
    .title-section .before-bottom:after,
    .title-section h1 span:before,
    .title-section h1 span:after,
    .title-section h1:before,
    .title-section h1:after,
    .page-title .before-top:before,
    .page-title .before-top:after,
    .page-title .before-bottom:before,
    .page-title .before-bottom:after,
    .page-title h1 span:before,
    .page-title h1 span:after,
    .page-title h1:before,
    .page-title h1:after {
        display: none;
    }

    .col-sm-offset-3-speaker-home {
        margin-left: unset !important;
    }

    .time-bottom {
        display: none;
    }

    .contact-info-bottom {
        padding: 0px 15px 10px !important;
    }

    .event-bottom {
        padding: 10px !important;
        margin-top: 10px !important;
    }

        .event-bottom h2 {
            margin: 15px 0 15px !important;
        }

    .gb-contact .contact-info {
        left: 0;
    }

    #gmap {
        height: 500px;
    }

    #contact-map {
        height: 400px !important;
    }


    .gb-contact .contact-info {
        margin-bottom: -220px;
    }

    .schedule-content .nav-tabs {
        padding: 0 15px;
    }

    .cta-info .btn-white,
    .about-info .btn-red {
        margin-bottom: 15px;
    }

    .gb-post .pull-left {
        overflow: hidden;
        float: none !important;
    }

    .post-date {
        float: left;
        display: inherit;
        margin-right: 30px;
    }

    .gb-post .share {
        margin-top: 10px;
        display: inline-block;
    }

    .gb-post .media-body {
        padding-left: 0;
    }

    .gb-previuos-next li {
        width: 50%;
    }

        .gb-previuos-next li:nth-child(2) {
            display: none;
        }

    .commenter-avatar {
        float: none;
        margin-bottom: 20px;
    }

    #s1 .item_slide_news h3 a {
        width: 100%;
    }
}

@media (max-width: 586px) {
    .events_list {
        margin-left: unset !important;
    }

    .time-bottom {
        display: none;
    }

    .contact-info-bottom {
        padding: 0px 15px 10px !important;
    }

    .event-bottom {
        padding: 10px !important;
        margin-top: 10px !important;
    }

        .event-bottom h2 {
            margin: 15px 0 15px !important;
        }
}
/*News*/


@media screen and (max-width: 1139px) {
    .width_conten {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 1199px) {
    #news_top .tin_top.right {
        width: calc(50% - 15px);
    }

    #news_top .tin_top {
        width: calc(50% - 15px);
    }

        #news_top .tin_top.right .item {
            padding-left: 0;
        }
}

@media screen and (max-width: 1139px) {
    .width_conten {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    .list_tin .item_new .thumb_info p {
        display: none;
    }

    #news_top .tin_top.right .item p {
        display: none;
    }
}

@media screen and (max-width: 979px) {
    .left_detail {
        width: 100%;
    }
}

@media screen and (max-width: 899px) {
    #news_top .tin_top .round_titleadtop .title a {
        font-size: 20px;
    }
}

@media (max-width: 360px) {
    .list_diengia .row .item_dg {
        width: 100% !important;
    }

    .list_diengia .item_dg {
        width: 100% !important;
    }
}

@media (max-width: 767px) {

    .list_diengia_main {
        /*padding: 0 5px;*/
        width: 100%
    }

    .list_diengia .row .item_dg {
        /*width: 100%;*/
        padding: 0;
        margin-bottom: 0;
    }

    .list_diengia .item_dg {
        /*width: 100%;*/
        padding: 0;
        margin-bottom: 20px;
    }

    .list_diengia .row .item_dg_wrap {
        padding: 10px;
    }

    .list_diengia .item_dg_wrap {
        padding: 10px;
    }

    .list_nhataitro {
        margin-top: 20px;
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

        .list_nhataitro .item {
            width: 47%;
            display: inline-block;
        }

    .partner-no-slide {
        float: unset;
    }

    .section {
        padding-bottom: 10px !important;
    }

    .list_tin .item_new .thumb_image {
        width: 141px;
    }

    .list_tin .item_new .thumb_info {
        width: calc(100% - 151px);
        max-height: 90px;
    }

    .img_newtop {
        width: 100%;
    }

    #news_top {
        padding-bottom: 0px !important;
    }

        #news_top .tin_top.right {
            width: 100%;
            margin-top: 20px;
        }

            #news_top .tin_top.right .item {
                padding-left: 0;
                width: calc(50% - 5px);
                float: left;
                margin-bottom: 0;
            }

                #news_top .tin_top.right .item .img_newtop {
                    width: 100%;
                }

                #news_top .tin_top.right .item + div {
                    float: right;
                }

        #news_top .tin_top {
            width: 100%;
        }

            #news_top .tin_top.right .item .round_titleadtop {
                width: 100%;
                max-height: 95px;
            }

            #news_top .tin_top.right .item .title a {
                font-weight: 700;
                font-size: 16px;
            }

    .popup_dktaitro {
        top: 50% !important;
        transform: translate(0,-50%);
    }

        .popup_dktaitro.simplePopup .wrap_popup {
            padding-right: 0 !important;
        }

        .popup_dktaitro.simplePopup .wrap_popup_inner {
            padding-right: 20px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .popup_dktaitro h2 {
            font-size: 18px;
            margin-top: 5px;
        }
}

@media (max-width: 767px) and (min-width: 360px) {
    .section {
        background-size: cover !important;
    }
}

@media (max-width: 767px) and (min-width: 360px) {
    .section {
        background-size: cover !important;
    }
}

@media screen and (max-width: 479px) {
    .title_news a {
        font: 700 16px arial;
    }

    #news_small .list_tin .item_new:first-child {
        margin-top: 10px;
    }

    #news_small .left_detail .list_tin {
        margin: 0 0 20px;
        border-top: 1px solid #f1f1f1;
        padding-left: 0;
    }

    #news_small .list_tin .item_new .title_news {
        float: none;
        margin-top: 0;
        width: auto;
    }

    #news_top .tin_top .share_datem, .list_tin .item_new .share_date, #news_small .list_tin .item_new p, #news_top .tin_top.left .share_date {
        display: none;
    }

    div.simplePopup .wrap_popup {
        padding: 15px 10px;
    }
}

@media screen and (max-width: 479px) {
    #news_small .list_tin .item_new {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) and (min-width: 120px) {
    .right_detail, .left_detail {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .popup_dktaitro {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50.1%,-50.1%);
    }

    .col-sm-offset-4 {
        margin-left: 39% !important;
    }

    .col-sm-offset-3 {
        margin-left: 32% !important;
    }

    .col-sm-offset-3-event-upcoming, .col-sm-offset-3-speaker {
        margin-left: 25% !important;
    }

    .col-sm-offset-1-event-upcoming, .col-sm-offset-1-speaker {
        margin-left: 11% !important;
    }

    .col-sm-offset-4-event-upcoming, .col-sm-offset-4-speaker {
        margin-left: 37% !important;
    }
}

@media screen and (max-width: 479px) {
    .news-date-share-info {
        display: none;
    }

    .block_video_full .top_logo {
        left: 15px
    }

    #box_details_news .fck_detail .Normal, #box_details_news .fck_detail p {
        font-size: 16px !important
    }

    .block_video_full .top_logo a {
        margin-right: 20px
    }

        .block_video_full .top_logo a.vepf img {
            width: 45px
        }

        .block_video_full .top_logo a.vne img {
            height: 18px
        }

    .block_video_full .next_page img {
        width: 18px
    }

    .block_filter_live {
        height: auto
    }

    .thumbnail_diengia {
        width: 100%
    }

    .list_tab_nd ul li {
        margin: 0
    }

    .price_item {
        width: 100%
    }

    .note_seat {
        position: relative;
        top: 0
    }

    .item_50 {
        width: 100%;
        margin: 0 0 10px
    }

    .row_input {
        margin: 0 0 10px
    }

    .button_tt .dk_btn {
        font-size: 15px;
        padding: 10px 8px
    }

    #wrapper_footer .social {
        float: left;
        margin-top: 15px;
        width: 100%
    }

    .content_footer .social a.vebf {
        float: right
    }

    .block_slider_news .btn_control_tv_slider {
        top: 19%
    }

    #sTop .big_banner .mota_sukien {
        margin-top: 70px;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .time_addsukien {
        font-size: 16px;
        margin-top: 10px
    }

    #s1 .item_slide_news h3 strong {
        display: none
    }

    #s1 .item_slide_news h3 a {
        width: 100%
    }

    #s1 .item_slide_news {
        margin: 0 5px
    }

    #s1 .list_tintuc .owl-dots {
        margin-top: 10px
    }

    .big_banner .col_right .social {
        margin: -55px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }

    .thu_vienanh .thumb.img {
        width: 100%;
        padding: 0
    }

        .thu_vienanh .thumb.img .item {
            padding: 0 3px
        }

    .tailieu_ctrinh a {
        margin-left: 0
    }

        .tailieu_ctrinh a.tl {
            display: block;
            width: 170px;
            margin-bottom: 15px
        }

    #s3:after, #s1:after {
        display: none
    }

    #news_top .tin_top .share_datem, .list_tin .item_new .share_date, #news_small .list_tin .item_new p, #news_top .tin_top.left .share_date {
        display: none
    }

    #news_small .list_tin .item_new {
        width: 100%;
        padding: 0;
        margin-bottom: 10px
    }

        #news_small .list_tin .item_new:first-child {
            margin-top: 10px
        }

        #news_small .list_tin .item_new .title_news {
            float: none;
            margin-top: 0;
            width: auto
        }

    #news_small .left_detail .list_tin {
        margin: 0 0 20px;
        border-top: 1px solid #f1f1f1
    }

    .left_news {
        margin-bottom: 0
    }

    #news_small .list_tin .item_new:last-child, #box_tinkhac ul li.item_new:last-child {
        border-bottom: 0
    }

    div.simplePopup .wrap_popup {
        padding: 15px 10px
    }

    .thutu_chuongtrinh td.talk_show ol li, td.td13 span, .thutu_chuongtrinh td.talk_show, .thutu_chuongtrinh td.talk_show ul li {
        font-size: 16px;
        line-height: 1.4
    }

    #wrapper_footer .coppy_right_tracuu_left {
        width: 100%
    }

    #wrapper_footer .social {
        width: 100%
    }

    #s1 .item_slide_news p, .time_addsukien span.time:before {
        display: none
    }

    .list_diengia .item_dg p strong {
        display: block
    }

    .content_footer .footer_logo {
        margin-bottom: 10px
    }

    #form_booking .step li a:after {
        width: 50px
    }

    #form_booking .title_host {
        margin: 25px 0 60px
    }

    .content_footer .social .vebf {
        margin: -1px 5px 5px 15px
    }

        .content_footer .social .vebf select {
            font-size: 14px
        }

    .time_addsukien span.time {
        margin-right: 0
    }

    .time_addsukien span {
        display: block;
        line-height: 1.3;
        font-size: 14px
    }

    .list_diengia .item_dg .conten {
        overflow: visible
    }

    .list_diengia .box_detail .inner_box_detail .conten .close:after {
        right: -14px;
        top: 5px
    }

    .doithoai_jaxma .jax_ma .name {
        right: 0
    }

    .doithoai_jaxma .truong_giabinh .name {
        left: 0
    }

    #form_booking {
        margin-top: 30px;
        padding-bottom: 0
    }

    .step_1 .width_common p, .step_1 .width_common ul li {
        padding-left: 0;
        line-height: 1.4;
        padding-top: 10px;
    }

    .step_2, .step_3, .step_4 {
        margin-bottom: 30px
    }

        .step_4 h2 {
            font-size: 22px
        }

        .step_4 .warp p, .step_2 .lead, .step_2 .form-group label, .step_2 .form-group .form-control, #form_booking .pin_right .warp ul li label, .step_3 .width_common .col_1 p {
            font-size: 14px
        }

    .mota_sukien2 .dang_ky {
        display: inline-block;
        margin-top: 15px
    }

    #box_comment .comment_item p {
        font-size: 16px
    }

    #container_tab_live div.minutes {
        width: 100%;
        margin-bottom: 10px
    }

    #container_tab_live div.text_live {
        width: 100%;
        margin-top: 0;
        font-size: 16px
    }

        #container_tab_live div.text_live strong {
            line-height: 1.3
        }

        #container_tab_live div.text_live .title_news a, .block_image_news .news_lead {
            font-size: 16px
        }

        #container_tab_live div.text_live p {
            font-size: 16px
        }

    .block_filter_live {
        display: none
    }

    .block_filter_mobile {
        background: none
    }

        .block_filter_mobile, .block_filter_mobile .block_filter_live {
            display: block
        }

            .block_filter_mobile .block_filter_live {
                background: #f4f4f4
            }

            .block_filter_mobile .block_gtm {
                padding: 10px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -ms-box-sizing: border-box;
                font-size: 16px;
                background: #f4f4f4
            }

    .filter_left .active, .block_filter_live a, .block_filter_live a.active, #tab_tuongthuat ul.tabs li a, #tab_tuongthuat ul.tabs li a.active {
        font-size: 16px
    }
}

@media screen and (max-width: 1300px) {
    #form_booking .step {
        margin: 0 -60px 40px
    }
}

@media screen and (max-width: 1139px) {
    #form_booking .step {
        margin: 0 0 40px
    }

    .width_conten {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media screen and (max-width: 480px) and (min-width: 120px) {
    .list_tin {
        margin-top: 10px;
    }
}

@media (max-width: 812px) {
    .list_diengia .item_dg {
        width: unset;
    }
}

@media (max-width: 767px) {

    .col-sm-offset-4 {
        margin-left: 39% !important;
    }

    .col-sm-offset-4-speaker-home {
        margin-left: unset !important;
    }

    .col-sm-offset-3-speaker-home {
        margin-left: unset !important;
    }

    .col-sm-offset-1-speaker-home {
        margin-left: unset !important;
    }

    body, #form_booking {
        font-size: 16px;
    }

    .section {
        padding-bottom: 10px !important;
    }

    #box-news-other .section_title {
        text-align: left !important;
    }

        #box-news-other .section_title a {
            font-size: 22px;
        }

    .section_title {
        text-align: left !important;
        display: block !important;
    }

    .list_tin {
        margin: 0 -15px 0 -50px;
    }

        .list_tin .item_new {
            padding: 0 15px;
            width: 100%;
        }

            .list_tin .item_new .thumb_image {
                width: 141px;
                height: 82px;
            }

            .list_tin .item_new .thumb_info {
                width: calc(100% - 151px);
            }
}

@media screen and (max-width: 639px) {
    #form_booking .step li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        padding: 0;
    }
}

@media screen and (max-width: 899px) {
    #form_booking .tab-content {
        width: 100%;
    }

    .step_booking .col_left {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .step_3.step_booking {
        min-height: 350px
    }
}

@media screen and (max-width: 1139px) {
    .width_conten {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 639px) {
    #form_booking .step li span {
        font: 14px Conv_HelveticaNeue-Light;
    }
}

@media screen and (max-width: 1139px) {
    #form_booking .step {
        margin: 0 0 40px
    }

    .width_conten {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

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

    .title_host {
        margin-bottom: 30px !important;
    }

    #form_booking .step {
        margin: 0 -60px 40px
    }

        #form_booking .step li a:after {
            width: 215px
        }


    #form_booking .step {
        margin: 0 0 40px
    }
}

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

    #form_booking .step {
        margin: 0 0 40px
    }

        #form_booking .step li a:after {
            width: 185px
        }
}

@media screen and (max-width: 899px) {
    .step_2 .city, .step_2 .districst, .step_2 .ward {
        width: 100%;
    }

    #form_booking .step {
        margin: 0 0 40px
    }

        #form_booking .step li a:after {
            width: 115px
        }

    .step_booking .col_left {
        width: 100%;
        margin-bottom: 20px
    }

    #form_booking .pin_right {
        width: 100%;
        margin-top: 0
    }

    #form_booking .tab-content {
        width: 100%
    }
}

@media screen and (max-width: 639px) {
    #form_booking .step li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        padding: 0
    }

        #form_booking .step li a:after {
            top: 20px;
            left: 40px;
            width: 100px
        }

    #form_booking .step li span {
        font: 14px Conv_HelveticaNeue-Light
    }
}

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

    #form_booking .step {
        margin: 0 -10px 40px;
        padding-left: 0;
    }

        #form_booking .step li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 3px
        }

            #form_booking .step li span {
                font-size: 10px !important;
            }
}

@media screen and (max-width: 530px) {
    .page_booking .m_chiphi .thanh_tien p {
        display: block;
        margin-right: 0
    }

    .page_booking .m_chiphi .input_qty span {
        float: none;
        margin-top: 10px
    }

    #SexyAlertBox-Box {
        width: 100% !important;
        left: 0 !important
    }
}

@media screen and (max-width: 479px) {
    #form_booking .step li a:after {
        width: 50px
    }

    #form_booking .title_host {
        margin: 25px 0 60px
    }

    #form_booking {
        margin-top: 30px;
        padding-bottom: 0
    }

    .step_1 .width_common p, .step_1 .width_common ul li {
        font-size: 16px;
        padding-left: 0;
        line-height: 1.4
    }

    .step_2, .step_3, .step_4 {
        margin-bottom: 30px
    }

        .step_4 h2 {
            font-size: 22px
        }

        .step_4 .warp p, .step_2 .lead, .step_2 .form-group label, .step_2 .form-group .form-control, #form_booking .pin_right .warp ul li label, .step_3 .width_common .col_1 p {
            font-size: 14px
        }
}

@media (max-width: 767px) {
    .step_2 .w50 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .events_list .owl-item {
        margin-right: 40px !important;
    }
}