/* Normal desktop :1366px. */
@media (min-width: 1170px) and (max-width: 1400px) {
}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    
}


/* small mobile :320px. */
@media (max-width: 767px) {
    .product-detail .open-sidebar {
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .box-tour-boat img {
        width: 100%;
    }
    .box-tour-boat {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0px;
    }
    .detail-tour-boat, .thumbnail-tour-boat, .info-date-tour {
        width: 100%;
        height: auto;
        padding: 15px;
        margin-top: -1px;
    }
        .detail-tour-boat h3 a {
            display: block;
            margin-top: 3px;
            font-size: 16px !important;
            height: 38px;
            overflow: hidden;
        }
        .detail-tour-boat h3 {
            margin-top: 15px;
        }
            .detail-tour-boat h3 a {
                display: block;
                margin-top: 3px;
                font-size: 16px !important;
                height: auto;
                overflow: hidden;
            }
    .select-text {
        display: block;
    }
    .select-text {
        width: 100%;
        padding: 5px 15px;
        color: #333;
        height: 35px;
        line-height: 25px;
        border: 1px solid #FFC912;
        background: #fff url(../image/select_arrow.png) no-repeat right center;
        text-indent: 0.01px;
        text-overflow: "";
        outline: none !important;
    }
    .price-tab-value {
        border: none;
        width: 50%;
        margin-bottom: 0;
        padding: 15px;
    }
    .info-date-tour > div:first-child {
        border-right: none;
    }
    .info-date-tour > div {
        float: left;
        width: 33.3333%;
        border: 1px solid #ccc;
        border-top: none;
    }
    .select-drop {
        background: #fff none repeat scroll 0 0;
        border: 1px solid rgba(151,151,151,.25);
        letter-spacing: .61px;
        max-height: 110px;
        overflow: auto;
        position: absolute;
        top: 34px;
        width: 100%;
        z-index: 2;
        display: none;
    }

    .tab-list-price {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .info-date-tour > div:last-child a {
        padding-top: 24px;
        color: #fff;
    }
    .type-boat {
        /*width: 100%;*/
        margin-right: 0;
        margin-bottom: 5px !important;
    }
    .destination-boat1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        float: right;
    }
    .logo-custom {
        text-align: center;
    }
    header.typeheader-1 .header-top .book {
        float: right !important;
        position: absolute;
        right: 0;
        top: 21px;
    }
    .typeheader-1 .header-top .book a {
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        background: #2db2ff;
        border-radius: 17px;
        height: 32px;
        line-height: 34px;
        padding: 0 11px;
        display: block;
    }
    .about-text ul li {
        font-size: 14px;
        width: 100%;
        padding: 2px;
    }
    .typeheader-1 .header-top {
        background: #fff;
        position: relative;
    }
    .megamenu-style-dev {
        position: inherit;
    }
        .megamenu-style-dev .navbar-default .horizontal .navbar-toggle {
            margin: 0;
            color: #fff;
            border-radius: 0;
            background: #009ef9;
            border: none;
            /* float: left; */
            cursor: pointer;
            padding: 8px;
            border-radius: 0;
            position: absolute;
            top: 39px;
            left: 15px;
        }
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}