@media (min-width: 1680px) {

    /* Structure */
    .reg-container {
        margin-right: 84px;
        margin-left: 84px
    }

    .xs-container {
        margin: 0 213px
    }

}

@media (min-width: 1560px) {

    /* Header */
    #primary-menu .menu-item-30 {
        display: block
    }

    .home-ser-list .home-ser-item:nth-child(1) .ser-box .ser-pic,
    .home-ser-list .home-ser-item:nth-child(2) .ser-box .ser-pic {
        right: 0
    }

    .home-ser-list .home-ser-item:nth-child(3) .ser-box .ser-pic,
    .home-ser-list .home-ser-item:nth-child(4) .ser-box .ser-pic {
        left: 0
    }

}


@media (min-width: 1400px) {
    .page-w-part {
        display: block
    }

    .page-core {
        margin-top: -36px
    }

    .page-top .page-title {
        padding-bottom: 0;
    }

    .category .xs-container,
    .single-post .xs-container {
        max-width: 1360px;
        margin: 0 auto;
    }
}
@media (min-width: 900px){

    .modal-body .modal-title .close {
        top: -30px;
    }
}

@media (max-width: 1365px) {

    /* Header */
    .site-access .primary-menu {
        display: none
    }

    .menu-switcher {
        display: inline-block
    }

    /* Homepage */
    .home-hero .hero-slogan {
        padding-left: 0;
        width: 60%
    }

    .hero-quote {
        width: 40%
    }

    .xs-container .article-list,
    .xs-container .pagination-wrapper,
    .page-template-page-regular .xs-container .type-post {
        width: 100%
    }

}

@media (max-width: 1200px) {

    /* Structure */
    .reg-container,
    .xs-container {
        margin-right: 42px;
        margin-left: 42px
    }

    .span-m-6 {
        width: 50%
    }

    .service-item {
        margin-bottom: 12px
    }

    h3.we-sec-title {
        margin-left: 42px;
    }

    /* Header */
    #topbar {
        display: none
    }

    #sign {
        padding: 18px 42px 18px 32px
    }

    #sign .site-branding {
        margin-top: 3px
    }

    .site-access {
        overflow: hidden;
        padding-top: 0;
        height: 42px
    }

    /* Home */
    #home-orders .orders-left {
        display: none
    }

    #home-orders .orders-right {
        width: 100%
    }

    #home-orders .right-box {
        padding-left: 0
    }

    .home-ser-list .home-ser-item:nth-child(2),
    .home-ser-list .home-ser-item:nth-child(4) {
        transform: translateY(-36px)
    }

    .crumb {
        margin-left: 0
    }

    .page-top {
        padding-top: 152px
    }

    .top-wrap,
    .body-wrap {
        padding: 32px 0
    }

    .panel-body {
        position: fixed;
        top: 118px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll
    }

    .body-wrap {
        padding-left: 118px
    }

    .panel-body .reg-container .span-5,
    .panel-body .reg-container .span-3 {
        width: 50%
    }

    .panel-body .reg-container .span-4 {
        margin-top: 56px;
        width: 100%;
        font-size: 14px
    }

    .panel-body .in-item-service .btn-quote {
        display: none
    }
}

@media (max-width: 900px) {

    /* Structure */
    .reg-container {
        margin-right: 24px;
        margin-left: 24px
    }

    #site-content {
        margin-top: 62px
    }

    .span-s-12 {
        width: 100%
    }

    /* Header */
    #header .reg-container {
        margin: 0
    }

    #sign {
        padding: 10px 24px
    }

    #sign .site-branding {
        margin-top: 6px;
        width: 164px
    }

    /*.site-access > a.btn-quote {*/
    /*	display: none*/
    /*}*/
    .site-access > a.btn-smaller {
        display: none
    }

    /* Homepage */
    .home-hero .hero-slogan {
        padding-right: 0;
        padding-left: 0
    }

    .home-hero .hero-slogan h1 {
        font-size: 36px;
        line-height: 40px
    }

    .home-ser-list .home-ser-item:nth-child(1) .ser-box .ser-pic,
    .home-ser-list .home-ser-item:nth-child(3) .ser-box .ser-pic {
        right: 20%
    }

    .home-ser-list .home-ser-item:nth-child(2) .ser-box .ser-pic,
    .home-ser-list .home-ser-item:nth-child(4) .ser-box .ser-pic {
        left: 20%
    }

    .home-ser-list .home-ser-item:nth-child(1) .ser-box .ser-cont,
    .home-ser-list .home-ser-item:nth-child(3) .ser-box .ser-cont {
        right: 24px;
        bottom: 24px
    }

    .home-ser-list .home-ser-item:nth-child(2) .ser-box .ser-cont,
    .home-ser-list .home-ser-item:nth-child(4) .ser-box .ser-cont {
        left: 24px;
        bottom: 24px
    }

    .foot-flyer {
        padding-top: 72px;
        padding-bottom: 60px
    }

    .foot-flyer h2 {
        font-size: 36px;
        line-height: 40px;
        text-align: left;
        margin-bottom: 36px
    }

    .foot-flyer-content {
        padding-right: 0;
        padding-left: 0
    }

    .btn-primary,
    .btn-secondary {
        display: block;
        margin: 0 0 12px;
        font-size: 14px;
        line-height: 22px
    }

    .foot-widget {
        margin-bottom: 56px
    }

    .page-top {
        padding-top: 56px
    }

    .reg-container, .xs-container {
        margin-right: 24px;
        margin-left: 24px
    }

    .crumb {
        margin-bottom: 0
    }

    .page-top .page-title {
        font-size: 36px;
        line-height: 40px
    }

    .article-list .article-item .post-thumb {
        width: 100%;
        margin-bottom: 16px
    }

    .article-list .article-item .post-info {
        width: 100%;
        padding-left: 0
    }

    .article-list .article-item h3.entry-title {
        font-size: 16px;
        line-height: 22px
    }

    .article-area .xs-container .article-left,
    .article-area .xs-container .article-right {
        float: none;
        clear: none
    }

    .article-area .xs-container .article-left {
        width: 100%
    }

    .article-area .xs-container .article-right {
        width: 100%;
        position: relative;
        top: auto;
    }

    body {
        font-size: 14px;
        line-height: 24px
    }

    h1.entry-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 24px
    }

    .entry-cover {
        margin-left: -12px;
        margin-right: -12px
    }

    .type-post .entry-content figure {
        margin-left: -12px;
        margin-right: -12px
    }

    .entry-description {
        padding: 12px 18px
    }

    .article-top {
        margin-bottom: 56px
    }

    .type-post .entry-content h2,
    .type-post .entry-content h3 {
        margin-top: 56px
    }

    .type-post .entry-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 24px
    }

    .author-info {
        background: none;
        padding: 24px 0 0;
        border-top: #e9eaed solid 1px
    }

    .author-avatar {
        width: 84px;
        height: 84px;
        margin: 0
    }

    .panel-logo {
        width: 164px;
        margin-top: 6px
    }

    .top-wrap,
    .body-wrap {
        padding: 10px 0
    }

    .panel-body {
        top: 96px;
    }

    .body-wrap {
        padding-left: 0
    }

    #sign .site-access .open-cart-btn {
        background-color: transparent;
        border: none;
        outline: none;
        width: 48px;
        height: 48px;
        padding: 0;
        position: relative;
    }

    .panel-body .reg-container .span-5,
    .panel-body .reg-container .span-3 {
        width: 100%
    }

    .panel-body .reg-container .span-4 {
        margin-top: 36px;
        width: 100%;
        font-size: 14px
    }

    .panel-body .top-user {
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 46px;
    }

    .panel-body .top-user .user-btn {
        border: solid 1px #ffffff;
        text-align: center;
        /*padding: 10px 41px;*/
        width: 45%;
    }

    .panel-body .top-user .account-btn {
        border: solid 1px #ffffff;
        text-align: center;
        padding: 6px 15px;
    }

    .panel-body .in-item-service .btn-quote {
        display: none
    }

    .panel-body .panel-menu {
        font-size: 20px;
        line-height: 36px
    }

    #site-footer .foot-colophon {
        margin-top: 0
    }

    #site-footer .foot-colophon .foot-social {
        float: none;
        margin-bottom: 12px
    }

    .foot-social .social-item {
        margin-left: 0;
        margin-right: 4px
    }

    /*	购物车自适应*/
    .modal-content {
        border: none;
        border-radius: 0;
    }

    #asideModal .cart-item .cart-item-base .base-info-section .open-detail-control .mobile-delete-section {
        display: none;
    }

    #asideModal .cart-item .cart-item-base .base-info-section.pc-delete-section {
        display: none;
    }

    #asideModal .modal-body {
        padding: 18px 9px 0 24px;
    }

    #asideModal .modal-body .modal-title h1 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 300;
    }

    #asideModal .modal-title h1::before {
        top: 40px;
        height: 2px;
        width: 52px;
    }

    #asideModal .modal-body .modal-title .close span {
        font-size: 5rem;
        font-weight: 100;
        border: solid 1px #2d2a29;
        top: -20px;
        border-radius: 50%;
        height: 42px;
        width: 42px;
        display: inline-block;
        line-height: 32px;
        text-align: center;
        position: relative;
        color: #1D1D1F;
    }

    #asideModal .modal-bottom {
        flex-direction: column;
        align-items: flex-start;
        margin-right: 15px;
    }

    #asideModal .modal-bottom .total-price {
        display: flex;
        flex-wrap: wrap;
    }

    #asideModal .modal-bottom .total-price .price-tip {
        color: #b3b5b9;
    }

    #asideModal .modal-bottom .checkout-btn-container {
        width: 100%;
    }

    #asideModal .modal-bottom .checkout-btn-container button {
        width: 100%;
        margin-top: 12px;
    }

    #asideModal .mCSB_inside > .mCSB_container {
        margin-right: 15px;
    }

    .mCSB_scrollTools.mCS-pcb-scrollbar .mCSB_dragger .mCSB_dragger_bar {
        display: none;
    }

    #asideModal .product-items {
        margin: 12px 0 0 0;
    }

    #asideModal .cart-item .cart-item-base {
        flex-wrap: wrap;
    }

    #asideModal .cart-item .cart-item-base .base-info-section {
        flex: 1 0 50%;
    }

    #asideModal .cart-item .cart-item-base .base-info-section .product-base span:nth-child(n+3) {
        display: none;
    }

    #asideModal .cart-item .cart-item-base .base-info-section.control-div {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 8px;
    }

    #asideModal .cart-item .cart-item-base .base-info-section .number-input {
        align-self: flex-end;
    }

    #asideModal .cart-item .cart-item-base .number-input-container {
        align-self: center;
    }

    #asideModal .cart-item .cart-item-base .base-info-section.control-div .item-price {
        order: 3;
        flex: 1;
        text-align: end;
    }

    #asideModal .cart-item .cart-item-base .base-info-section.control-div .remove-btn {
        margin-left: 10%;
        order: 2;
    }

    #asideModal .product-detail .product-detail-content {
        border: none;
    }

    #asideModal .product-detail .product-detail-content .table-column {
        display: flex;
        justify-content: space-between;
        width: auto;
    }

    #asideModal .product-detail .product-detail-content .table-column span {
        padding: 0;
    }

    /*结算页面自适应*/
    #asideModal .modal-body h2 {
        font-size: 14px;
        line-height: 20px;
    }

    #asideModal .checkout-order .cart-item .cart-item-base .base-info-section .product-base span:nth-child(n+4) {
        display: none;
    }

    #asideModal .checkout-order .delivery-detail {
        font-size: 14px;
        line-height: 20px;
    }

    #asideModal .checkout-order .cart-item .cart-item-base .base-info-section {
        flex: 1 0 100%;
    }

    .product-detail .checkout-order .product-detail-content .table-column span:first-child {
        width: auto;
    }

    #asideModal .checkout-order .custom-coupon input {
        width: 80%;
    }

    #asideModal .checkout-order .custom-coupon #coupon-apply {
        width: 15%;
    }

    #asideModal .checkout-order .custom-coupon,
    #asideModal .checkout-order .shipping-info,
    #asideModal .checkout-order .delivery-detail {
        margin-top: 36px;
    }

    #asideModal .checkout-order .price-detail-div {
        margin-top: 36px;
        width: 100%;
    }

    #asideModal .checkout-order .price-detail-div .secondary-phrase {
        line-height: 28px;
    }

    #asideModal .modal-bottom .total-price.checkout-page-price {
        display: none;
    }

    #asideModal .modal-bottom .pay-button-container {
        width: 100%;
        margin-top: 16px;
    }

    #asideModal .modal-bottom .pay-button-container button {
        width: 100%;
    }


    /*	弹窗*/
    #noticeTipModal .modal-dialog-centered {
        margin: 0px;
        height: 100%;
    }

    #noticeTipModal .modal-content {
        position: absolute;
        bottom: 0px;
        border-radius: 0;
        border-top: solid 1px #2d2a29;
    }

    #noticeTipModal .buttom-line {
        width: 100%;
    }

    #noticeTipModal .main-btn {
        padding: 15px 48px;
    }

    .wppj-temp .cancel-btn {
        margin-left: 32px;
        align-self: flex-end;
    }

    .checkout-order .upload-div {
		display: none;
    }
	.checkout-order .back-to-cart{
		display: none;
	}

}

@media (min-width: 900px) {

    #sign .site-access .open-cart-btn {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-checkout-price {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-checkout-price .table-column {
        display: none;
    }

    .account-section .content-container .content-left .orders-section .order-item .order-row.mobile-open-control {
        display: none;
    }

    #asideModal .cart-item .cart-item-base .base-info-section .mobile-remove-btn {
        display: none;
    }
}

@media (max-width: 1400px) {
   elementor-element-218a2ab {
       padding-top: 56px;
   }
    h1.entry-title {
        padding: 32px;
    }

}