@media (max-width: 1440px) {
    /***page***/  
    #travel-page .price-box .article-box {
        padding: 20px 15px;
    }
    #page-bn img {
        height: 515px;
    }
    #page-bn .embed-responsive {
        height: 515px;
    }
    #travel-page .top-content-box .difficulty {
        height: 135px;
        width: 135px;
    }
    #travel-page .top-content-box .difficulty h3 {
        font-size: 1.25rem;
    }
    #travel-page .top-content-box .difficulty .icon img {
        width: 48px;
    }
    #travel-page .top-content-box .article-box {
        height: 308px;
        overflow-y: auto;
    }
}
@media (max-width: 1024px) {
    /***navbar***/    
    .navbar .logo img {
        width: 200px;
    }  
    /***banner***/   
    #home-bn .caption {
        width: 45%;
    }
    /***page***/  
    #content {
        padding: 50px 0;
    }
    #content-bn .image img {
        height: 269px;
    }
    #travel .content-box .image img {
        height: 130px;
    }
    #topic .content-box .image img {
        height: 157px;
    }
} 
@media (max-width: 991px) {
    /***navbar***/
    .navbar {
        background: #fff;
    }
    .navbar .navbar-collapse {
        padding: 20px 0;
    }  
    .navbar-nav .dropdown-item {
        color: #000;
        padding: 8px 15px;
    }
    .navbar ul ul .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .navbar ul ul.dropdown-menu {
        text-align: center;
    }
    .navbar-nav .dropdown-toggle::after {
        position: absolute;
        right: 20px;
    }
    .navbar ul ul .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        margin-top: 15px;
    }
    .navbar ul > li:hover > a, .navbar .show ul.dropdown-menu > li > a:focus, .navbar .show ul.dropdown-menu > li > a:hover {
        color: #ffffff !important;
        background: #82cdd9;
    }
    .navbar ul ul > li:hover > a, .navbar .show ul ul.dropdown-menu > li > a:focus, .navbar .show ul ul.dropdown-menu > li > a:hover {
        background: #555;
    }
    .navbar ul ul ul > li:hover > a, .navbar .show ul ul ul.dropdown-menu > li > a:focus, .navbar .show ul ul ul.dropdown-menu > li > a:hover {
        background: #888;
    }
    .navbar ul ul.dropdown-menu {
        background: none;
        border: 1px solid #82cdd9;
    }
    .navbar ul ul ul.dropdown-menu {
        background: none;
        border: 0;
    }
    .navbar ul ul ul ul.dropdown-menu {
        background: none;
        border: 0;
    }
    /***banner***/   
    #home-bn .caption {
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #content-bn .image img {
        height: 415px;
    }
    /***page***/   
    #content {
        padding: 50px 0 50px 0;
    }
    #page-bn img {
        height: 260px;
    }
    #page-bn .embed-responsive {
        height: 260px;
    }
    #travel-page .top-content-box .article-box {
        height: auto;
    }
    #travel-page .author-box {
        margin-bottom: 30px;
    }
    #travel-page .price-box {
        margin: 35px 0 10px 0;
    }
    #travel-page .price-box .article-box {
        width: 300px;
        margin: 0 auto;
    }
    #travel-page .item-box {
        padding: 15px 15px;
    }
    #travel-page .icon-box {
        padding: 15px 15px;
        text-align: center;
    }
    #travel-page .remarks-box {
        padding: 15px 15px;
    }
    #travel-page .other-box .image img {
        height: 140px;
    }
    #team-box .image-box .image img {
        width: 150px;
        height: 150px;
    }
    #topic .focus-box .article-box .title h3 {
        font-size: 1.5rem;
        margin-top: 10px;
    }
    #topic .list-box .article-box .title h3 {
        -webkit-line-clamp: 2;
    }
    #topic .content-box .image img {
        height: 113px;
    }
} 
@media (max-width: 768px) {     
    .top-link-box {
        margin-top: 20px;
        text-align: center;
    }
    .top-link-box ul {
        justify-content: center;
    }
    /***navbar***/   
    .navbar .logo img {
        width: 220px;
    } 
}
@media (max-width: 640px) {
    /***page***/  
    .body-top {
        height: 200px;
    }
    #content-bn .image img {
        height: 216px;
    }
    #travel .content-box .image img {
        height: 215px;
    }
    #travel .content-box .article-box .title h3 {
        height: auto;
    }
    #travel-page .other-box .image img {
        height: 216px;
    }
    #topic .focus-box {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
    #topic .content-box .image img {
        height: 186px;
    }
    .radio-input-list {
        display: block;
    }
    .radio-list li {
        margin: 0 0 10px 0;
    }
    .radio-list li:last-child {
        margin: 0;
    }
    .radio-input-list .place-inupt .city-search {
        margin: 10px 0 0 0;
    }
    .editor img {
        padding: 6px 0;
    }
}
@media (max-width: 320px) { 
    /***page***/
    #team-box .image-box .image img {
        width: 130px;
        height: 130px;
    }
}