@media screen and (max-width:64em) and (min-width:30em) {
    body {
        font-size: 16px;
    }
    header {
        height: auto;
    }
    header .bg-banner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -9999;
        background: url(../images/bg-banner-m.jpg) center center;
        background-size: cover;
    }
    .block-logo img {
        width: auto;
    }
    .block-title-top {
        padding: 5% 0 30% 0;
    }
    .block-title-top img {
        width: 60%;
    }
    .blokc-top {
        z-index: 9999;
        margin: 0;
    }
    .blokc-top img {
        width: 35%;
    }
    .blokc-top ul {
        padding: 0 0 0 5%;
    }
    .blokc-top li {
        display: inline-block;
        width: 100%;
        float: none;
    }
    .title-1 {
        padding: 0 0 0 150px;
        margin: 0 0 20px 0;
        font-size: 18px;
        height: 79px;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .block-airline table th {
        display: none;
    }
    .block-airline table tr {
        margin: 0 0 20px 0;
    }
    .block-airline table td,
    .block-airline table td:nth-child(1),
    .block-airline table td:nth-child(2),
    .block-airline table td:nth-child(3),
    .block-airline table td:nth-child(4) {
        font-size: 16px;
        text-align: center;
        width: 100%;
        float: left;
        margin: 2% 0;
        padding: 2% 0;
    }
    .tab {
        display: block;
        width: calc(97%/3);
        text-align: center;
        margin: 20px 0.5% 30px 0.5%;
        float: left;
    }
    .tab a {
        font-size: 20px;
        line-height: 2em;
        display: block;
        outline: none;
        padding: 5px 0;
        text-decoration: none;
    }
    .content-travel,
    .map-travel {
        float: left;
        width: 50%;
    }
    .map-travel img {
        width: 100%;
    }
    .image-day-trip {
        width: 37%;
        float: left;
        padding: 0 20px 40px 0;
    }
    .image-day-trip img {
        width: 100%;
    }
    .detail-day-trip {
        float: left;
        width: 60%;
    }
    .detail-day-trip h3 {
        font-size: 18px;
    }
    .arrow-blue,
    .arrow-pink,
    .arrow-yellow {
        background: none;
    }
    .img-advice {
        float: none;
        width: 100%;
    }
    .detail-advice {
        float: none;
        width: 100%;
    }
    .img-advice img {
        width: 100%;
    }
    .detail-advice .text {
        height: auto;
    }
    .block-route td,
    .block-route td:nth-child(3) {
        width: 30%;
        text-align: center;
        color: #FFF;
        height: auto;
        padding: 1% 0;
    }
    .block-shopping ul {
        display: block;
    }
    .block-shopping li {
        display: block;
        width: 20%;
        text-align: center;
        font-size: 14px;
        margin: 0;
        float: left;
    }
    .block-shopping img {
        width: 100%;
        padding: 0 5px;
    }
}