@media (min-width: 1200px) {
}

@media (max-width: 1200px) {
    .step-box {
        width: 100%;
        overflow-x: scroll;
    }
}

@media (max-width: 1023px) {
    .search-item {
        margin-bottom: 15px;
    }

    #main-head #bot-head #logo {
        margin: 0 auto;
        padding: 15px 0;
        height: auto;
        width: 273px;
    }

    #main-head #top-head #search-top input.search {
        width: 80%;
    }

    #main-head #top-head #top-link ul li {
        width: 40px;
        overflow: hidden;
    }

    .web-title {
        white-space: nowrap;
        font-size: 15px;
    }

    #main-banner #slide-home #txt-banner #title-welcome {
        padding: 0;
    }

    #main-banner #slide-home #txt-banner, #main-banner #slide-home #txt-banner #title-welcome {
        height: auto;
    }
}

@media (max-width: 768px) {
    #slideshow {
        height: 380px;
    }

    .mobile-btn {
        display: block;
    }

    .xichlo,
    .contact-link,
    .left-slogan,
    .right-slogan h2,
    .right-slogan h3,
    .halong,
    .ptheme {
        text-align: center !important;
    }

    .navigation {
        display: none;
    }

    ul.navigation li {
        float: none;
    }

    .mobile-btn {
        display: block;
    }

    .logo,
    .best-price {
        padding: 0;
    }

    .cruise-item {
        margin-bottom: 15px;
    }

    #main-head #bot-head #menu {
        display: none;
    }

    .top-hotline {
        padding: 5px 0;
        text-align: center;
    }

    #main-head #bot-head #logo img {
        width: 100%;
    }

    #main-head #bot-head #logo {
        width: 90%;
    }
}

@media (max-width: 480px) {
    #slideshow {
        height: 295px;
    }

    .web-title {
        white-space: normal;
    }

    #main-banner #slide-home #txt-banner #title-welcome {
        /* width: 804px; */
        /* height: 16px; */
        border-bottom: 1px solid #f0d198;
        /* margin: 25px 65px; */
        /* padding: 0 100px; */
        text-align: center;
        /* float: left; */
    }

    #main-why .box-why {
        float: none;
        width: 100%;
    }

    .top-review {
        background: #eee;
        width: 100%;
    }

    .logo img {
        width: 100%;
    }
}

@media (max-width: 320px) {
    #main-why .box-why {
        float: none;
        width: 90%;
    }
}