/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {}


/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {}


/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

    .header-area {
        display: none;
    }

    .sticky {
        position: absolute !important;

    }




}


/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {


    .header-area {
        display: none;
    }

    .col-md-6 {
        width: 50%;
    }

    .footer-widget-right {
        padding-left: 0;
        border-left: none;
    }

    .sticky {
        height: 60px;

    }

    .mean-container .mean-bar::before {
        color: #666;
        content: "";
        background: url(../images/common/wap_logo.jpg);
        background-size: 200px 40px;
        font-size: 28px;
        width: 200px;
        height: 40px;
        left: 10px;
        position: absolute;
        top: 10px;
    }

    .index-banner {
        margin-top: 60px;
    }

    .about-section {
        padding: 30px 0 30px;
        width: 100%;
    }

    .about-section .section_title h1 {
        font-size: 24px;
    }

    .about-section .section_title .zhong {
        color: #6f0000;
        font-size: 28px;
    }

    .about-section .more {
        margin-top: 0;
        display: flex;
        align-items: center;
    }

    .why-choose-us-thumb .why-choose-main-thumb1 img {
        width: 100%;
    }

    .proces-icon {
        margin: 0;
    }

    .process-contant {
        padding: 10px;
    }

    .process-title h3 {
        font-size: 14px;
        padding: 0;
    }

    .process-text p {
        font-size: 12px;
    }

    .portfolio-section {
        padding: 40px 0;
    }

    .index-ptitle .title {
        font-size: 26px;
        width: 180px;
        height: 56px;
        line-height: 46px;
    }

    .index-ptitle img {
        width: 70%;
    }

    .index-ptitle .title::after {
        content: '';
        background: url(../images/index/yz_dd.png);
        background-size: 200px 14px;
        background-repeat: no-repeat;
        width: 180px;
        height: 15px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .portfolio .portfolio-item {
        margin: 0 0 20px 0;
    }
    .portfolio .index-portfolio .portfolio-item{margin: 0 20px 20px 20px;}


    .portfolio .portfolio-group {
        direction: ltr;
        position: relative;
        margin: 20px -15px 0 -15px;
    }

    .testimonial-area {
        padding: 40px 0 90px 0;
    }

    .quote-icon {
        position: relative;
        z-index: 3;
        background: url(../images/index/avatar_kuang.png);
        background-repeat: no-repeat;
        width: 100px;
        height: 100px;
        background-size: 100px 100px;
        margin: 0 auto;
        overflow: hidden;
    }

    .quote-icon .quote-img {
        width: 80px;
        height: 80px;
    }

    .swiper-container-testimonial {
        margin-top: 30px;
    }

    .testimonial-content1 {
        border-radius: 5px;
        background-color: #f5f5f5;
        text-align: center;
        padding: 40px 15px 25px;
        position: relative;
        z-index: 1;
    }

    .testimonial_list .button {
        position: relative;
        width: 100px;
        margin: 0 auto;
        bottom: -46px;
    }

    .cta_section {
        background-image: url(../images/index/adv.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 0 0;
        background-size: 100% 100%;
        padding: 50px 0;
        width: 100%;
        min-width: 101%;
        max-width: none;
        min-height: 101%;
    }

    .cta_section .cta_content h2 {
        font-size: 24px;
    }

    .cta_section .cta_content p {
        font-size: 12px;
    }

    .news-section {
        padding: 40px 0;
    }

    .single_package {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #fff;
        background-color: #fff;
        border-radius: 10px;
    }

    .single_package .package_info h5 {
        font-weight: 400;
        font-size: 15px;
        color: #333333;
        line-height: 26px;
    }

    .single_package .package_info p {
        font-weight: 300;
        font-size: 12px;
        color: #666666;
        line-height: 23px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .single_package .package_locaton .icon img {
        width: 10px;
        height: 16px;
    }

    .about_time .text {
        margin-left: 0;
    }

    .product-img {
        width: 100%;
        height: auto;
    }

    .product_imgpannel {
        background: url(../images/bg/bg5.jpg);
        background-repeat: no-repeat;
        background-size: auto;
    }

    .content_title {
        margin-bottom: 30px;
    }

    .member-list {
        margin-top: 20px;
    }

        .contact-widget {
            margin-left: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    .contact_form {
        margin-right: 0;
    }
    
        .nei_btitle h2 {
            font-family: 'kaiti';
            color: #fff;
            position: relative;
            height: 60px;
            align-self: center;
            font-size: 26px;
        }

        .fixed-bottom{
            background: #a71e18;
        }
}



/*xl device min width*/
@media screen and (min-width:992px) {}

/*xl device min width*/
@media screen and (min-width:1200px) {}