@charset "utf-8";

.read-more-div{
    display: inline-block;
}
.expander-1 {
    display: none;
}
.expander-2 {
    display: none;
}
.expander-3 {
    display: none;
}
.expander-4 {
    display: none;
}
.expander-5 {
    display: none;
}
.expander-6 {
    display: none;
}
.expander-7 {
    display: none;
}
.expander-8 {
    display: none;
}
.expander-9 {
    display: none;
}
.expander-10 {
    display: none;
}
.expander-11 {
    display: none;
}
.expander-12 {
    display: none;
}
.expander-13 {
    display: none;
}
.expander-14 {
    display: none;
}
@media only screen and (max-width: 767px) {
    .header{
        display: none;
    }

    .top-news{
        padding-top: 25px;
    }

    .about-page-right .a-jump a{
        font-size: 20px!important;
    }

    .div-bottom{
        bottom: -40px!important;
    }

    /*banner*/
    .hero-item.item-1 {
        background-image: url(../../images/new-room/bannar/m-1.jpg?t=3)!important;
        max-height: 500px;
    }

    .hero-item.item-2 {
        background-image: url(../../images/new-room/bannar/m-2.jpg?t=3)!important;
        max-height: 500px;
    }

    .hero-item.item-3 {
        background-image: url(../../images/new-room/bannar/m-3.jpg?t=3)!important;
        max-height: 500px;
    }

    .hero-item.item-4 {
        background-image: url(../../images/new-room/bannar/m-4.jpg?t=3)!important;
        max-height: 500px;
    }

    .news-item {
        width: 100%;
    }

    .hero-area {
        padding-top: 0;
    }

    .banner-txt p {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        margin-bottom: 20px;
    }

    .hero-area .hero-item {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .banner-txt p {
        width: 70%;
    }

    .call-text h3 span {
        display: block;
    }

    .partner-inn ul {
        gap: 20px;
    }

    .partner-inn ul li {
        margin-bottom: 10px;
        -ms-flex: 0 20%;
        -webkit-box-flex: 0;
        flex: 0 20%;
    }

    .single-testimonial-item p {
        font-size: 18px;
    }

    .facts-area p {
        width: 70%;
    }

    .facts-area p br {
        display: none;
    }

    .breadcrumb-box h2 {
        font-size: 46px;
        line-height: 48px;
        margin-bottom: 20px;
    }

    .breadcrumb-box ul li {
        font-size: 16px;
    }

    .about-page-right h3 {
        font-size: 18px;
        margin-top: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .about-page-right-listing > ul li {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .about-page-right-listing li i {
        margin-right: 2px;
    }

    .toll-box h3 {
        font-size: 32px;
    }

    .proces-box h3 {
        font-size: 26px;
        line-height: 34px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .single-service-text h2 {
        font-size: 32px;
    }

    .project-details-slider .owl-nav button {
        width: 50px;
        height: 50px;
        line-height: 50px !important;
        font-size: 20px;
        font-size: 18px !important;
    }

    .faq-accordion
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
        font-size: 18px;
    }

    .notfound-box h1 {
        font-size: 70px;
        line-height: 85px;
    }

    .notfound-box h1 span {
        color: #ff5e14;
        font-size: 80px;
        margin: 0 10px;
    }

    .notfound-box h2 {
        font-size: 24px;
    }

    .blog-page-left .blog-text h5 {
        font-size: 22px;
        line-height: 26px;
    }

    .widget__post-content h6 {
        font-size: 16px;
    }

    .blog-page-left .blog-text h5 br {
        display: none;
    }

    .single-contact-info h5 {
        font-size: 16px;
    }

    .contact-form h2,
    .contact-widget-right h2 {
        font-size: 28px;
    }

    .banner-txt {
        padding-top: 50px;
    }

    /*文字缩放*/
    .read-more-1 {
        display: block;
    }

    .text-content-1 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-1:checked + .text-container-1 .text-content-1 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-1::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-1:checked + .text-container-1 .read-more-1::after {
        content: 'Read Less';
    }

    .read-more-2 {
        display: block;
    }

    .text-content-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-2:checked + .text-container-2 .text-content-2 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-2::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-2:checked + .text-container-2 .read-more-2::after {
        content: 'Read Less';
    }

    .read-more-3 {
        display: block;
    }

    .text-content-3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-3:checked + .text-container-3 .text-content-3 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-3::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-3:checked + .text-container-3 .read-more-3::after {
        content: 'Read Less';
    }

    .read-more-4 {
        display: block;
    }

    .text-content-4 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-4:checked + .text-container-4 .text-content-4 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-4::after {
        content: 'Read More';
        color: #ff5317;
    }

    .expander-4:checked + .text-container-4 .read-more-4::after {
        content: 'Read Less';
    }

    .read-more-5 {
        display: block;
    }

    .text-content-5 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-5:checked + .text-container-5 .text-content-5 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-5::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-5:checked + .text-container-5 .read-more-5::after {
        content: 'Read Less';
    }

    .read-more-6 {
        display: block;
    }

    .text-content-6 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-6:checked + .text-container-6 .text-content-6 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-6::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-6:checked + .text-container-6 .read-more-6::after {
        content: 'Read Less';
    }

    .read-more-7 {
        display: block;
    }

    .text-content-7 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-7:checked + .text-container-7 .text-content-7 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-7::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-7:checked + .text-container-7 .read-more-7::after {
        content: 'Read Less';
    }

    .read-more-8 {
        display: block;
    }

    .text-content-8 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-8:checked + .text-container-8 .text-content-8 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-8::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-8:checked + .text-container-8 .read-more-8::after {
        content: 'Read Less';
    }

    .read-more-9 {
        display: block;
    }

    .text-content-9 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-9:checked + .text-container-9 .text-content-9 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-9::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-9:checked + .text-container-9 .read-more-9::after {
        content: 'Read Less';
    }

    .read-more-10 {
        display: block;
    }

    .text-content-10 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-10:checked + .text-container-10 .text-content-10 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-10::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-10:checked + .text-container-10 .read-more-10::after {
        content: 'Read Less';
    }

    .read-more-11 {
        display: block;
    }

    .text-content-11 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-11:checked + .text-container-11 .text-content-11 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-11::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-11:checked + .text-container-11 .read-more-11::after {
        content: 'Read Less';
    }

    .read-more-12 {
        display: block;
    }

    .text-content-12 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-12:checked + .text-container-12 .text-content-12 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-12::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-12:checked + .text-container-12 .read-more-12::after {
        content: 'Read Less';
    }
    

    .read-more-13 {
        display: block;
    }

    .text-content-13 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-13:checked + .text-container-13 .text-content-13 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-13::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-13:checked + .text-container-13 .read-more-13::after {
        content: 'Read Less';
    }

    .read-more-14 {
        display: block;
    }

    .text-content-14 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .expander-14:checked + .text-container-14 .text-content-14 {
        display: block;
        -webkit-line-clamp: unset!important;
    }

    .read-more-14::after {
        text-align: right;
        content: 'Read More';
        color: #ff5317;
    }

    .expander-14:checked + .text-container-14 .read-more-14::after {
        content: 'Read Less';
    }
}