@media (min-width: 960px) {

}
/******     IPAD    *******/
@media (max-width: 768px) {
    #slideshow .image_wrap .image_item {
        height: 350px;
    }
    .homepage .home-info h1.title{
        text-align: center;
    }
    .home-cate .thumb{
        height: 250px;
    }
    .tour-detail .thumb-map .thumb {
        max-height: 250px;
        max-height: 250px;
    }

    .item-tour{
        padding-left: 0px;
        padding-right: 0px;
    }
    .home-new a.title_smartphone{
        display: block;
        margin: 20px 0px;
    }
    .item-tour{
        padding-right: 10px;
    }
    .box-contact .fanpage-top{
        display: none;
    }
    .box-contact .fanpage-bottom{
        display: block;
    }
    #map {
        width: 100%;
        height: 240px;
    }

    .item-hotel.first-child .thumb{
        width: 100%;
        max-width: none;
    }
    .item-hotel.first-child .info{
        height: auto;
    }
    .item-hotel.first-child .rate-first-child{
        display: none;
    }
    .item-hotel.first-child h3.title{
        text-align: center !important;
    }
    .item-hotel.first-child .info a.click-detail{
        position: static;
        border: 1px solid #ebebeb;
        background: none;
        color: #333;
    }
    .item-hotel.first-child .info .duration-price{
        position: static;
        border-bottom: 1px solid #ccc;
    }
    .item-hotel.first-child .info .duration-price .duration.rate{
        display: block;
    }
    .box-feedback.wapper-content{
        background: #e71935;
    }
    .box-feedback .box-feedback-content{
        position: initial;
        overflow: hidden;
    }
    .adv-footer h3.title{
        margin-top: 0px !important;
    }
    .menu_wrap{
        left: 0px;
    }
    .hotel-detail .overview{
        padding: 20px 0px;
    }
    .room-hotel h3.title{
        padding-left: 20px;
    }
    .menu-select-lang .hello{
        display: none;
    }
    .hello-member-sm{
        width: 100%;
        display: block;
        overflow: hidden;
    }
    .box-room .icon-room-pc{
        display: none;
    }
    .box-room .icon-room-sm{
        display: block;
    }
    .box-room .number-human,
    .box-room .room-price{
        display: none;
    }
    .hotel-detail .box-room a.detail{
        margin-top: 15px;
    }
    .room-hotel .box-room a.thumb{
        height: 200px;
    }
    div.nav{
        left: 0px;
        border: none;
        top: 45px;
    }
    nav.menu:hover .nav{
        display: block;
        transition: all 0.3s linear 0s;
    }
    ul.slimmenu li.slimmenu-sub-menu ul li a{
        padding-left: 40px;
    }
    ul.slimmenu li.slimmenu-sub-menu ul li ul li a{
        padding-left: 60px;
    }
    .detail-area .col-md-4,
    .detail-area .col-md-8{
        padding-left: 0px;
        padding-right: 0px;
    }
    .tabs-menu li{
        padding: 0px 7px;
    }
}


/******     IPHONE 6 PLUS    *******/
@media (max-width: 415px) {
    .menu_btn,
    .header-menu{
        height: 45px;
    }
    .menu-select-lang a{
        margin: 14px 0px 0px 10px;
    }
    .header-menu a#logo{
        background-position: 0px -44px;
        width: 85px;
        height: 24px;
    }
    .menu-select-lang a.login{
        margin-top: 5px;
        width: 85px;
    }
    #slideshow .image_wrap .image_item {
        height: 250px;
    }
    .home-cate .thumb{
        height: 215px;
    }
    .tour-detail .thumb-map .thumb {
        height: 200px;
        max-height: 200px;
        min-height: auto;
    }
    .header-top .header-social a {
        width: 15px;
    }
    .item-tour{
        padding-right: 5px;
        padding-left: 5px;
    }
    .menu-pc{
        display: none;
    }
    a#icon-menu-smartphone{
        display: block;
    }
    #menu-search{
        float: right;
        margin: 13px 0px 0px 0px;
    }
    .breadcrumb_wrap ul li {
        max-width: 18em;
    }
    .form-search ul.nav li a{
        padding: 10px 30px;
    }
    .form-search ul.nav li a span{
        display: none;
    }
    .menu_wrap.menu_on{
        top: 45px;
    }
    .child-area a{
        padding: 0px;
    }
    .child-area span.title{
        width: 100%;
        left: 0px;
    }
    #show-form-login .content-login span.logo-login{
        width: 175px;
    }
    #show-form-login .content-login{
        margin-top: 40px;
    }
    .hotel-detail .overview .tab{
        border-width: 0px 0px 0px 0px;
        padding-right: 0px;
        margin-top: 0px;
    }
    .slimmenu-menu-collapser{
        height: 45px;
    }
}
@media (max-width: 376px) {
    .breadcrumb_wrap ul li {
        max-width: 15em;
    }
}