@media (max-width: 767px) {
    td.responsive.td-quantity-2::before,
    td.responsive.td-price-2::before,
    td.responsive.td-quantity::before,
    td.responsive.td-price::before {
        position: absolute;
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    td.td-quantity::before {
        content: "Number of cabin";
        padding-top: 7px;
        text-align: left;
    }
    td.td-quantity-2::before {
        content: "Number of room";
        padding-top: 7px;
        text-align: left;
    }
    td.responsive.td-price::before {
        content: "Price /cabin";
        padding-top: 7px;
        text-align: left;

    }
    td.responsive.td-price-2::before {
        content: "Price /room";
        padding-top: 7px;
        text-align: left;

    }
    .responsive.td_cruise_tour_row{
        font-weight: bold;
    }
    .td_pbook_.responsive{
        text-align: center;
    }
    #res-book-m{
        display: block ;
        text-align: center;
    }
    table.responsive, thead.responsive, tbody.responsive, th.responsive, td.responsive, tr.responsive {
        display: block;
        position: relative;
    }
    tr.responsive:nth-child(2n+1) {
        background: #ccc;
    }
    tr.responsive {
        margin: 0 0 1rem 0;
    }
    thead.responsive tr,
    thead.responsive td,
    thead.responsive{
        display: none !important;
    }
    .dd{
        text-align: right;
    }

    .res-book{
        display: none !important;
    }
    td.responsive span{
        float: left;
        padding-left: 15px;
    }
    .a-hotline {
        margin: 0;
        border: none
    }

    .mid-tour-list, .mid-tour-list-2 {
        padding-left: 0;
        padding-right: 0
    }

    .col-cat-other-inner {
        height: 170px
    }

    .mid-tour-list {
        display: block;
        width: 100%;
        border: none
    }

    .left-tour-list-2, .right-tour-list-2 {
        float: none;
        width: 100%;
        display: block
    }

    .left-tour-list-2 {
        margin-bottom: 10px
    }

    .right-top-list-2 {
        overflow: visible
    }

    .row-tour-list-2 {
        display: block;
        margin: 0
    }

    .row-tour-list-2 + .row-tour-list-2 {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #CCC
    }

    .mid-tour-list-2, .right-tour-list-2 {
        display: block;
        width: 100%;
        border: none
    }

    .img-tour-list-2 {
        position: relative;
        height: auto;
        width: 100%;
        transform: none;
        left: auto;
        top: auto
    }

    .info-slide-2, .slide img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .h2-tour {
        font-size: 20px
    }

    .right-tour-list-2 {
        padding: 0
    }

    .right-tour-list-in {
        margin-top: 0
    }

    .price-detail {
        margin-right: 0
    }

    .bar-book-top {
        text-align: center;
        padding-top: 0
    }

    .a-book-detail {
        display: inline-block;
        margin: 10px auto 0
    }

    .cat-other {
        flex-direction: column
    }

    .desc-tour-cat {
        padding: 0 0 20px
    }

    img[width] {
        height: auto !important;
        width: auto !important
    }

    .slide, .slide .owl-item, .slide .owl-stage, .slide .owl-stage-outer {
        height: 250px
    }

    .slide img {
        height: 100%;
        position: absolute;
        width: 100%;
        object-fit: cover
    }

    .info-slide-2 .pull-left {
        float: none !important
    }

    .info-slide-2 {
        width: 90%;
        padding: 15px;
        text-align: center;
        border-radius: 10px
    }

    .h2-tour-slide {
        font-size: 18px;
        margin-bottom: 10px
    }

    .tour-list-index .tab-pane {
        opacity: 1 !important;
        display: block;
        visibility: visible
    }

    .tour-list-index .tab-pane + .tab-pane {
        padding-top: 25px;
        border-top: 5px solid #e9e9e9;
        margin-top: 25px
    }

    .tour-list-index .div-view-all {
        margin-top: 15px
    }

    .box-location img {
        height: auto !important;
        width: auto !important
    }
}

.a-checkrate {
    display: block;
    background: #b62026;
    color: #fff;
    font-size: 14px;
    margin-top: 33px;
    font-weight: 700;
    width: 100%;
    padding: 4px;
    border: none
}

.a-checkrate:focus, .a-checkrate:hover {
    background: #5ab240;
    color: #fff;
    text-decoration: none
}

.th-book {
    width: 150px
}

.th-cabin, .th-price {
    width: 140px
}

.h1-slide {
    margin: 0;
    text-shadow: 0 3px 6px #000;
    font-weight: 700;
    font-size: 38px;
    position: absolute;
    z-index: 10;
    color: #FFF;
    left: 5%;
    bottom: 30px
}

.row-cruise-tour-list {
    margin-bottom: 20px;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px
}

.lef-cruise-tour-list {
    display: table-cell;
    border-right: 1px solid #CCC;
    vertical-align: top
}

.right-cruise-tour-list {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    text-align: center;
    padding: 20px 15px 15px
}

.col-left-list {
    float: left;
    width: 270px
}

.col-right-list {
    float: right;
    width: calc(100% - 270px);
    width: -o-calc(100% - 270px);
    width: -webkit-calc(100% - 270px);
    padding: 10px 20px 20px 30px
}

.right-tour-list .a-name-popular {
    display: block;
    margin-bottom: 10px;
    font-size: 20px
}

.tour-top-name {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px 8px 5px;
    background: linear-gradient(bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    font-size: 15px
}

.post-column-tour, .rating, .top-cruise-row {
    position: relative
}

.bottom-tour, .post-wrapper-tour .top-bottom-best {
    background: #f7f7f7
}

.h4-similar {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700
}

.post-column-tour {
    width: 25%;
    margin-bottom: 30px;
    padding: 0 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.post-wrapper-tour {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 -5px
}

.bottom-tour {
    padding: 0 10px 10px
}

.post-wrapper-tour .a-name-popular {
    font-size: 16px
}

.post-column.col-room-small {
    width: 50%
}

.rating {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 15px
}

.rating.circle::after, .rating::after {
    color: #ffcd00;
    left: 0;
    position: absolute
}

.rating::before {
    color: #ffcd00
}

.rating.r-0::before {
    content: ""
}

.rating.r-05::after {
    content: " "
}

.rating.r-10::after {
    content: "\f005"
}

.rating.r-15::after {
    content: "\f005 "
}

.rating.r-20::after {
    content: "\f005\f005"
}

.rating.r-25::after {
    content: "   "
}

.rating.r-30::after {
    content: "\f005\f005\f005"
}

.rating.r-35::after {
    content: "    "
}

.rating.r-40::after {
    content: "\f005\f005\f005\f005"
}

.rating.r-45::after {
    content: "     "
}

.rating.r-50::after {
    content: "\f005\f005\f005\f005\f005"
}

.rating.circle::before {
    color: #ffcd00;
    content: ""
}

.rating.circle.r-0::before {
    content: ""
}

.rating.circle.r-05::after {
    content: " "
}

.rating.circle.r-10::after {
    content: "\f005"
}

.rating.circle.r-15::after {
    content: "  "
}

.rating.circle.r-20::after {
    content: "\f005\f005\f005"
}

.rating.circle.r-25::after {
    content: " "
}

.rating.circle.r-30::after {
    content: "\f005\f005\f005"
}

.rating.circle.r-35::after {
    content: " "
}

.rating.circle.r-40::after {
    content: "\f005\f005\f005\f005"
}

.rating.circle.r-45::after {
    content: " "
}

.rating.circle.r-50::after {
    content: "\f005\f005\f005\f005\f005"
}

.img-tour-similar {
    float: left;
    width: 150px;
    margin-right: 20px
}

.tour-similar {
    padding-bottom: 20px
}

.tour-similar h3, .tour-similar p {
    margin-bottom: 5px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu .ul_main_menu .li_menu_main {
        padding: 10px 15px
    }

    .a-book {
        padding: 10px 17px
    }
}

@media (max-width: 991px) {
    .main-menu{
        display: none !important;
    }
    .left-content, .right-content {
        float: none;
        width: 100%
    }

    .navbar-toggle {
        display: block;
        position: absolute;
        left: 10px;
        top: 15px
    }

    .logo {
        max-width: 200px !important
    }

    .main-menu {
        display: none
    }

    .left-content {
        padding-left: 0;
        padding-bottom: 20px
    }

    .box-book, .content-nopadding .box-book {
        margin-top: 0
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .img-room-book {
        width: 100px;
        margin-top: 5px
    }

    .room-table-left, .room-table-right {
        padding: 5px
    }

    .a-book {
        font-size: 13px;
        padding: 8px 5px
    }

    .h2-slide {
        font-size: 30px
    }

    .desc-slide {
        font-size: 40px
    }

    .navbar-toggle {
        clear: right
    }

    .logo {
        width: 300px
    }
}

@media (max-width: 767px) {
    .tailors{
        flex-direction: column;
        text-align: center;
    }
    .col-2{
        margin-bottom: 20px;
    }
    .col-1,.col-3{
        width: 100%;
    }
    .col-index{
        width: 50%;
        margin-bottom: 15px;
    }
    .col-index:nth-of-type(2n+1){
        clear: both;
    }
    .col-why + .col-why{
        padding-top: 20px;
    }
    .desc-slide, .h1-slide {
        display: none
    }

    .logo {
        max-width: 250px !important
    }

    .li_footer_menu a {
        font-size: 14px
    }

    .post-column-tour, .post-column.col-room-small {
        width: 100%
    }

    .h2-cruise-list {
        font-size: 20px;
        margin-bottom: 10px
    }

    .column-cruise .a-name-popular {
        font-size: 20px
    }

    .post-column {
        width: 100%;
        margin-bottom: 15px
    }

    .row-tour-list-2 {
        border: 1px solid #ddd
    }

    .breadcrumbs {
        font-size: 12px
    }

    .col-right-cruise {
        width: 100%;
        border: none;
        padding: 0 10px 10px
    }

    .list-cruise-tour {
        padding-left: 0
    }

    .h1_detail {
        font-size: 24px
    }

    .row-cruise-tour a {
        width: 140px
    }

    .col-footer-1, .col-footer-2 {
        width: 100%
    }

    .col-footer-3 {
        width: 100%;
        border: none
    }

    .col-footer {
        padding-bottom: 15px;
        border: none
    }

    #logo, header {
        padding-bottom: 5px
    }

    .footer-menu li:nth-child(2n+1) {
        clear: both
    }

    .footer-menu li {
        float: left;
        width: 50%
    }

    .summary-hotel {
        height: auto
    }

    .lable-payment {
        margin-right: 5px
    }

    .img-tour-similar {
        width: 100%;
        margin-right: 0
    }

    #logo, .right-header {
        float: none;
        text-align: center
    }

    .right-header p {
        margin-bottom: 0
    }

    header {
        position: relative;
        padding-top: 5px
    }

    .h2-title {
        font-size: 20px;
        margin-bottom: 20px
    }

    .a-book {
        font-size: 13px;
        padding: 10px 17px
    }

    .col-room {
        padding-bottom: 20px
    }

    .col-room:last-child {
        padding-bottom: 0
    }

    .box-location {
        padding: 15px 0
    }

    .col-right-footer {
        text-align: center;
        padding-top: 15px
    }

    .a_footer_menu {
        font-size: 14px;
        font-family: Raleway-Regular
    }

    .h1-title {
        font-size: 25px;
        margin-bottom: 20px
    }

    .h2-slide {
        font-size: 20px
    }

    .desc-slide {
        font-size: 30px
    }

    .info-slide {
        bottom: 30px
    }

    .lef-tour-list {
        float: none;
        width: 100%;
        padding-bottom: 10px
    }

    .right-tour-list {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .div-detail-list .pull-left {
        padding-bottom: 8px
    }

    .nav-tab-tour > li > a {
        padding: 8px;
        font-size: 13px
    }

    .tab-content-detail {
        border: none;
        padding: 10px
    }

    .title_book {
        text-align: left
    }

    .container {
        padding: 0 10px
    }

    .top-contact {
        padding-left: 0
    }

    .number-people {
        width: 100%
    }

    .title-information {
        margin-bottom: 15px
    }

    .img-guide-detail {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px
    }

    .col-book {
        padding-bottom: 10px
    }

    .tour-similar {
        padding-bottom: 0
    }

    .tour-similar + .tour-similar {
        border-top: 1px solid #ddd;
        padding-top: 15px;
        margin-top: 15px;
        padding-bottom: 0
    }

    .img-tour-similar {
        margin-bottom: 5px
    }

    .tour-similar .right-tour-right {
        overflow: visible
    }
    .desc-slide, .h1-slide {
        display: none
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu .ul_main_menu .li_menu_main{
        padding: 10px 15px;
    }
    .a-book{
        padding: 10px 17px;
    }
}
@media (max-width: 991px){
    .navbar-toggle{
        display: block;		position: absolute;		left:10px;		top: 15px;
    }	.logo{		max-width: 200px !important;	}
    .main-menu{
        display: none;
    }
    .left-content{
        float:none;
        width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
    }
    .right-content{
        float: none;
        width: 100%;
    }
    .box-book{
        margin-top: 0;
    }
    .content-nopadding .box-book{
        margin-top: 0;
    }
}
@media  (max-width: 991px) and (min-width: 768px) {
    .img-room-book{
        width: 100px;
        margin-top: 5px;
    }
    .room-table-right, .room-table-left{
        padding: 5px;
    }
    .a-book{
        font-size: 13px;
        padding: 8px 5px;
    }
    .h2-slide{
        font-size: 30px;
    }
    .desc-slide{
        font-size: 40px;
    }
    .navbar-toggle{
        clear: right;
    }
    .logo{
        width: 300px;
    }
}
@media (max-width: 767px){	.logo{		max-width: 150px !important;	}		.li_footer_menu a{		font-size: 14px;	}
    .post-column.col-room-small{
        width: 100%;
    }
    .post-column-tour{
        width: 100%;
    }
    .h2-cruise-list{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .column-cruise .a-name-popular{
        font-size: 20px;
    }

    .post-column{
        width: 100%;
        margin-bottom: 15px;
    }
    .row-tour-list-2{
        border: 1px solid #dddddd;
    }
    .breadcrumbs{
        font-size: 12px;
    }
    .col-right-cruise{
        width: 100%;
        padding-left: 0;
        border: none;
        padding: 10px;
        padding-top: 0;
    }
    .list-cruise-tour{
        padding-left: 0;
    }
    .h1-slide{
        display: none;
    }
    .h1_detail{
        font-size: 24px;
    }
    .row-cruise-tour a{
        width: 140px;
    }
    .col-footer-1{
        width: 100%;
    }
    .col-footer-2{
        width: 100%;
    }
    .col-footer-3{
        width: 100%;
        border: none;
    }
    .col-footer{
        padding-bottom: 15px;
        border: none;
    }
    .footer-menu li:nth-child(2n+1){
        clear: both;
    }
    .footer-menu li{
        float: left;
        width: 50%;
    }
    .summary-hotel{
        height: auto;
    }
    .lable-payment{
        margin-right: 5px;
    }
    #logo{
        float: none;
        text-align: center;
        padding-bottom: 5px;
    }
    .right-header{
        float:none;
        text-align: center;
    }
.right-header p{	margin-bottom:0}
    header{
        position: relative;
        padding-bottom: 5px;		padding-top: 5px;
    }

    .h2-title{
        font-size: 20px;
    }
    .a-book{
        font-size: 13px;
        padding: 10px 17px;
    }
    .col-room{
        padding-bottom: 20px;
    }
    .col-room:last-child{
        padding-bottom: 0;
    }
    .box-location{
        padding: 15px 0;
    }
    .h2-title{
        margin-bottom: 20px;
    }
    .col-right-footer{
        text-align: center;
        padding-top: 15px;
    }
    .a_footer_menu{
        font-size: 14px;
        font-family: Raleway-Regular;
    }
    .h1-title{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .h2-slide{
        font-size: 20px;
    }
    .desc-slide{
        font-size: 30px;
        display: none;
    }
    .info-slide{
        bottom: 30px;
    }
    .lef-tour-list{
        float:none;
        width: 100%;
        padding-bottom: 10px;
    }
    .right-tour-list{
        float:none;
        width: 100%;
        padding-left: 0;

    }
    .div-detail-list .pull-left{
        padding-bottom: 8px;
    }

    .nav-tab-tour > li > a{
        padding: 8px 8px;
        font-size: 13px;
    }
    .tab-content-detail{
        border:none;
        padding: 10px;
    }
    .title_book{
        text-align: left;
    }
    .container{
        padding: 0 10px;
    }
    .top-contact{
        padding-left: 0;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left: -10px;
        padding-right: -10px;
    }
    .number-people{
        width: 100%;
    }
    .title-information{
        margin-bottom: 15px;
    }
    .img-guide-detail{
        float:none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .col-book{
        padding-bottom: 10px;
    }
    .img-room-book{
        width: 100%;
        margin-right: 0;
    }
}