@media screen and (min-width: 901px) {
    .mobile-only {
        display: none !important;
    }

    header .bottom {
        height: auto !important;
    }

    header .btn-menu {
        display: none;
    }

    header .menu .menu-item:hover>a,
    header .menu .menu-item:hover>span {
        color: #939393;
        padding-bottom: .2rem;
        border-bottom: .04rem solid #EBEBEB;
    }

    header .menu .menu-item:hover .submenu {
        display: block;
    }

    header .menu .menu-item .submenu .box a:hover {
        color: #939393;
    }

    section.cart .left .product .btn-remove:hover {
        opacity: 1;
    }

    section.account .addresses .item .btn-address-remove:hover {
        opacity: 1;
    }

    section.detail .tabs .tab-item .tab-item-content>* {
        display: block !important;
    }
}

@media screen and (min-width: 901px) and (max-width: 1360px) {


    /* General */

    section+section {
        margin-top: .26rem;
    }


    /* Buttons */

    .btn-default span {
        font-size: 0.13rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item .form-item-title {
        font-size: .12rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item input[type='file'] {
        font-size: .12rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item label {
        font-size: .12rem;
    }

    /* Forms */
    form.general .form-item input[type='text'],
    form.general .form-item input[type='email'],
    form.general .form-item input[type='password'],
    form.general .form-item textarea {
        padding-left: .2rem;
        padding-right: .2rem;
        font-size: 0.13rem;
    }

    form.general .form-item textarea {
        padding: .16rem .2rem;
    }

    form.general .form-item .form-note {
        font-size: 0.13rem;
    }

    form.general .form-item .btn-password {
        top: .14rem;
        right: .12rem;
    }

    form.general .form-item .btn-password img {
        width: .2rem;
    }

    form.general .form-item input[type='text']+label,
    form.general .form-item input[type='email']+label,
    form.general .form-item input[type='password']+label,
    form.general .form-item textarea+label,
    form.general .form-item select~label {
        left: .2rem;
        font-size: 0.13rem;
    }

    form.general .form-item input[type='text']:focus+label,
    form.general .form-item input[type='email']:focus+label,
    form.general .form-item input[type='password']:focus+label,
    form.general .form-item textarea:focus+label,
    form.general .form-item select:focus~label,
    form.general .form-item.active input[type='text']+label,
    form.general .form-item.active input[type='email']+label,
    form.general .form-item.active input[type='password']+label,
    form.general .form-item.active textarea+label,
    form.general .form-item.active select~label {
        padding: 0 .03rem;
        font-size: 0.11rem;
    }


    /* Checkbox */

    form.general .form-item input[type='checkbox']~label {
        font-size: 0.13rem;
    }

    form.general .form-item input[type='checkbox']~label .color {
        margin-right: .06rem;
    }


    /* Radio */

    form.general .form-item .radio input[type='radio']~label {
        font-size: 0.13rem;
    }


    /* Radio Box */

    form.general .form-item .radio-box input[type='radio']~label {
        font-size: 0.13rem;
    }

    /* Radio Branch */

    form.general .form-item .radio-branch-title {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    form.general .form-item .radio-branch-title div {
        font-size: 0.13rem;
    }

    form.general .form-item .radio-branch-container {
        padding: .2rem;
    }

    form.general .form-item .radio-branch-item label div {
        font-size: 0.13rem;
    }

    form.general .range-slider .slider-values .start {
        font-size: 0.13rem;
    }

    form.general .range-slider .slider-values .end {
        font-size: 0.13rem;
    }


    /* Counter */

    form.general .counter {
        padding-left: .12rem;
        padding-right: .12rem;
    }

    form.general .count {
        font-size: 0.12rem;
    }


    /* Select2 */

    form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .2rem;
        padding-right: .5rem;
        font-size: 0.13rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: .12rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        width: .2rem;
        height: .2rem;
    }


    /* Select2 Dropdown */

    .select2-results__option {
        font-size: 0.13rem;
    }


    /* Header */

    header .top .left {
        width: 3rem;
    }

    header .top .left .btn-default {
        padding-left: .12rem;
        padding-right: .12rem;
    }

    header .top .right {
        width: calc(100% - 3rem);
    }

    header .top .right .promo-text {
        width: calc(100% - 3.6rem);
        font-size: 0.12rem;
    }

    header .top .right .links {
        width: 3.6rem;
    }

    header .top .right .links a+a {
        margin-left: .12rem;
    }

    header .top .right .links a img {
        width: .2rem;
    }

    header .top .right .links a span {
        font-size: 0.12rem;
    }




    header .menu .menu-item .submenu {
        padding-top: .24rem;
        padding-bottom: .24rem;
        text-align: center;
    }

    header .menu .menu-item .submenu .col {
        text-align: left;
    }

    header .menu .menu-item .submenu .menu-image {
        display: none;
    }

    header .menu .menu-item .submenu .box+.box {
        margin-top: .36rem;
    }

    header .menu .menu-item .submenu .box a {
        font-size: 0.11rem;
    }

    header .menu .menu-item .submenu .box a+a {
        margin-top: .12rem;
    }


    /* Main Banner */
    section.main-banner .item .title {
        font-size: 0.3rem;
    }

    section.main-banner .item *+.btn-default {
        margin-top: .36rem;
    }


    /* Small Boxes */

    section.main-banner+section.small-boxes {
        margin-top: .36rem;
    }


    section.small-boxes .item {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.small-boxes .item img {
        width: .48rem;
    }

    section.small-boxes .item span {
        font-size: 0.12rem;
    }


    /* Promo Single */
    section.promo-single .box {
        padding: .48rem;
        padding-top: .48rem;
    }

    section.promo-single .content {
        width: 5.7rem;
        max-width: calc(100% - 4.4rem);
    }

    section.promo-single .content .text {
        font-size: 0.2rem;
    }

    section.promo-single .content .btn-default {
        padding-left: .48rem;
        padding-right: .48rem;
    }

    section.promo-single .content *+.btn-default {
        margin-top: .48rem;
    }

    section.promo-single img {
        width: 4rem;
    }

    /* Promo Double */

    section.promo-double .box {
        height: 2.8rem;
    }

    section.promo-double .content {
        width: 2rem;
    }

    section.promo-double .content .title {
        font-size: 0.18rem;
    }

    section.promo-double .content .circle {
        width: 1.4rem;
        height: 1.4rem;
        font-size: 0.24rem;
    }

    section.promo-double .content *+.circle {
        margin-top: .24rem;
    }

    section.promo-double .image {
        width: 100%;
    }


    /* Product Slider */

    section.product-slider .title {
        font-size: 0.2rem;
    }

    section.product-slider *+.owl-carousel {
        margin-top: .36rem;
    }

    section.product-slider .owl-carousel {
        padding-left: .48rem;
        padding-right: .48rem;
    }

    section.product-slider .item {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.product-slider .item .details {
        padding-top: .16rem;
    }

    section.product-slider .item .details .name {
        font-size: 0.14rem;
    }

    section.product-slider .item .details *+.price {
        margin-top: .1rem;
    }

    section.product-slider .item .details .price span {
        font-size: 0.14rem;
    }

    section.product-slider .owl-prev {
        width: .36rem;
        height: .36rem;
        top: -.18rem;
    }

    section.product-slider .owl-next {
        width: .36rem;
        height: .36rem;
        top: -.18rem;
    }


    /* Showcase */

    section.showcase .item .content {
        padding: .16rem;
    }

    section.showcase .item .pre-title {
        font-size: 0.2rem;
    }

    section.showcase .item .title {
        font-size: 0.24rem;
    }

    section.showcase .item *+.btn-default {
        margin-top: .36rem;
    }


    /* Showcase Large */

    section.showcase-large .item .content .color {
        font-size: 0.2rem;
    }

    section.showcase-large .item .content .name {
        font-size: 0.36rem;
    }


    /* Store */

    section.store {
        height: 4rem;
    }

    section.store .image {
        width: calc(100% - 4rem);
    }

    section.store .content {
        width: 4rem;
        padding: .36rem;
    }

    section.store .content .title {
        font-size: 0.2rem;
    }

    section.store .content .text {
        font-size: 0.14rem;
    }

    section.store .content *+.btn-default {
        margin-top: .36rem;
    }


    /* Cards */

    section.cards .title {
        font-size: 0.24rem;
    }

    section.cards *+.items {
        margin-top: .32rem;
    }

    section.cards .item {
        width: 20% !important;
        padding: .12rem;
    }

    section.cards .item img {
        width: 1.1rem;
    }

    section.cards .item span {
        font-size: 0.12rem;
    }

    section.cards .item *+span {
        margin-top: .16rem;
    }


    /* Footer */

    footer .col .title {
        font-size: 0.2rem;
    }

    footer .col .title a {
        font-size: 0.2rem;
    }

    footer .col .items>* {
        font-size: 0.11rem;
    }


    /* List */

    section.list .left {
        width: 2rem;
    }

    section.list .right {
        width: calc(100% - 2.36rem);
        margin-left: .36rem;
    }

    section.list .breadcrumb>* {
        font-size: 0.12rem;
    }

    section.list .breadcrumb>* img {
        width: .2rem;
    }

    section.list .filter-title {
        font-size: 0.2rem;
    }

    section.list .filters form.general .form-item input[type='checkbox']~label {
        font-size: .12rem;
    }

    section.list .filters .selected-filters .item span {
        font-size: 0.12rem;
    }

    section.list .filters .btn-filter-clear {
        font-size: 0.12rem;
    }

    section.list .right .title {
        font-size: 0.2rem;
    }

    section.list .products {
        margin-left: -.16rem;
        margin-right: -.16rem;
        padding-top: .16rem;
        padding-bottom: .16rem;
    }

    section.list .products .item .highlights {
        height: .32rem;
        font-size: .14rem;
    }

    section.list .products .item .details {
        padding-top: .2rem;
    }

    section.list .products .item .details .name {
        font-size: 0.14rem;
    }

    section.list .products .item .details *+.price {
        margin-top: .1rem;
    }

    section.list .products .item .details .price span {
        font-size: 0.14rem;
    }

    section.list .products .item .details .note {
        font-size: 0.14rem;
    }

    section.list .products .item .details *+.note {
        margin-top: .1rem;
    }

    section.list .description .title {
        font-size: 0.2rem;
    }

    section.list .description .text {
        font-size: 0.12rem;
    }

    section.list .description .btn-read-more {
        font-size: 0.12rem;
    }


    /* Detail  */

    section.detail .breadcrumb>* {
        font-size: 0.12rem;
    }

    section.detail .breadcrumb>* img {
        width: .2rem;
    }

    section.detail .product .images {
        width: calc(100% - 4rem);
    }

    section.detail .product .images .nav {
        width: .6rem;
    }

    section.detail .product .carousel {
        width: calc(100% - .6rem - .16rem);
        margin-left: calc(.6rem + .16rem)
    }


    section.detail .product .carousel .actions .btn-like {
        width: .24rem;
        right: .12rem;
        top: .12rem;
    }

    section.detail .product .carousel .owl-prev {
        width: .36rem;
        height: .36rem;
        left: .18rem;
        top: -.18rem;
    }

    section.detail .product .carousel .owl-next {
        width: .36rem;
        height: .36rem;
        right: .18rem;
        top: -.18rem;
    }

    section.detail .content {
        width: 4rem;
        padding-left: .36rem;
    }

    section.detail .content .label {
        font-size: 0.14rem;
    }

    section.detail .content .label a img {
        width: .2rem;
    }

    section.detail .content .label a span {
        font-size: 0.14rem;
    }

    section.detail .content .name {
        font-size: 0.24rem;
    }

    section.detail .content .price span {
        font-size: 0.14rem;
    }

    section.detail .content .note {
        font-size: 0.16rem;
    }

    section.detail .content .color .color-name {
        font-size: 0.12rem;
    }

    section.detail .content .form-bottom .form-item {
        width: 1.8rem;
    }

    section.detail .content .form-bottom .btn-default {
        width: calc(100% - 1.96rem);
    }



    section.detail .content .form-bottom .btn-stock-alert {
        width: 100%;
    }

    section.detail .content .item.actions .btn-action img {
        width: .2rem;
    }

    section.detail .content .item.actions .btn-action span {
        font-size: 0.13rem;
    }

    section.detail .tabs .tab-menu a {
        padding: .1rem;
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .text {
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .image img {
        max-height: 6rem;
    }

    section.detail .tabs .tab-item .hire .item {
        width: 50%;
    }

    section.detail .tabs .tab-item .comments .form-title {
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .comments form .btn-default {
        width: 3.2rem;
        margin-top: .36rem;
    }

    section.detail .tabs .tab-item .comments .comment-top .count {
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .comments .comment {
        padding-top: .36rem;
        padding-bottom: .36rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-info .name {
        font-size: 0.16rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-title {
        font-size: 0.2rem;
    }


    /* Cart */

    section.cart .empty .title {
        font-size: 0.24rem;
    }

    section.cart .left {
        width: 65.4%;
    }

    section.cart .right {
        width: 30.8%;
        margin-left: 3.8%;
    }

    section.cart .left .title {
        font-size: 0.2rem;
    }

    section.cart .left *+.head {
        margin-top: .24rem;
    }

    section.cart .left .head .item {
        width: 15%;
        font-size: 0.12rem;
    }

    section.cart .left .head .item.medium {
        width: 24%;
    }

    section.cart .left .head .item.large {
        width: 46%;
    }

    section.cart .left .product form.general .count {
        width: 1rem;
        max-width: calc(100% - .32rem);
        font-size: .12rem;
    }

    section.cart .left .product .image {
        width: 10%;
    }

    section.cart .left .product .info {
        width: 36%;
        padding-left: .24rem;
        padding-right: .06rem;
    }

    section.cart .left .product .price {
        width: 15%;
    }

    section.cart .left .product .product-count {
        width: 24%;
    }

    section.cart .left .product .total {
        width: 15%;
    }

    section.cart .left .product span.old {
        font-size: 0.12rem;
    }

    section.cart .left .product span.new {
        font-size: 0.12rem;
    }

    section.cart .left .product .name {
        font-size: 0.14rem;
    }

    section.cart .left .product .prop {
        font-size: 0.12rem;
    }

    section.cart .left .product .btn-remove img {
        width: .2rem;
    }

    section.cart .left .product .btn-remove span {
        font-size: 0.12rem;
    }

    section.cart .left .extras .form-item {
        width: 2.4rem;
    }

    section.cart .left .extras .form-item+.form-item {
        margin-left: .24rem;
    }

    section.cart .left .extras .form-item .note {
        font-size: 0.12rem;
    }

    section.cart .left .bottom .btn-default {
        width: 2.4rem;
    }

    section.cart .summary .title {
        font-size: 0.2rem;
    }

    section.cart .summary .item span {
        font-size: 0.14rem;
    }

    section.cart .summary .btn-promotion img {
        width: .2rem;
    }

    section.cart .summary .taxitcard-points {
        padding-right: .8rem;
    }

    section.cart .summary .taxitcard-points>span {
        font-size: 0.12rem;
    }

    section.cart .summary .taxitcard-points a span {
        font-size: 0.12rem;
    }

    section.cart .summary .taxitcard-form .btn-taxitcard-submit span {
        display: none;
    }


    /* Checkout */

    section.checkout .left .title {
        font-size: 0.2rem;
    }

    section.checkout .left .bottom div {
        font-size: 0.14rem;
    }

    section.checkout .summary .title {
        font-size: 0.2rem;
    }

    section.checkout .summary .item span {
        font-size: 0.14rem;
    }

    section.checkout .right .products .title {
        font-size: 0.14rem;
    }

    section.checkout .right .products .text {
        font-size: 0.12rem;
    }

    section.checkout .right .product img {
        width: 1.1rem;
    }

    section.checkout .right .product .content {
        width: calc(100% - 1.1rem);
        padding-left: .12rem;
    }

    section.checkout .right .product .content .name {
        font-size: 0.14rem;
    }

    section.checkout .right .product .content .prop {
        font-size: 0.12rem;
    }

    section.checkout .left .form-item.type+.form-item.type {
        margin-left: .24rem;
    }

    section.checkout form.general .form-item.type .radio input[type='radio']~label {
        font-size: .12rem;
    }


    /* Checkout Addess */

    section.checkout.address .tab-menu a {
        padding: .12rem .24rem;
        font-size: 0.14rem;
    }

    section.checkout.address .choose-address .address-col {
        font-size: 0.12rem;
    }

    section.checkout.address .choose-address .address-col:first-child {
        width: calc(100% - 4rem);
    }

    section.checkout.address .choose-address .address-col+.address-col {
        margin-left: .36rem;
    }


    /* Checkout Payment */

    section.checkout.payment .transfer .order-no {
        font-size: 0.14rem;
    }

    section.checkout.payment .taxitcard .card-info {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .header div {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .product .product-image {
        width: .8rem;
    }

    section.checkout.payment .taxitcard .product .info {
        width: calc(100% - .8rem);
        padding-left: .2rem;
    }

    section.checkout.payment .taxitcard .product .name {
        font-size: 0.14rem;
    }

    section.checkout.payment .taxitcard .product .prop {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .product .note {
        font-size: 0.11rem;
    }

    section.checkout.payment .taxitcard .hire .hire-title {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .hire .hire-header div {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .hire .hire-item div {
        font-size: 0.12rem;
    }

    section.checkout.payment .left .taxitcard .col {
        width: 40%;
    }

    section.checkout.payment .left .taxitcard .col.small {
        width: 30%;
    }


    /* Omni */

    section.omni .col {
        width: calc(33.333% - .24rem);
    }

    section.omni .col+.col {
        margin-left: .36rem;
    }

    section.omni .title {
        font-size: 0.2rem;
    }

    section.omni .text {
        font-size: 0.12rem;
    }

    section.omni form.general .btn-default+.btn-default {
        margin-left: .2rem;
    }


    /* Result  */

    section.result .title {
        font-size: 0.24rem;
    }

    section.result .text {
        font-size: 0.14rem;
    }

    section.result .text.light {
        font-size: 0.12rem;
    }


    /* Account  */

    section.account .menu-wrapper {
        width: 2rem;
    }

    section.account .menu-wrapper .title {
        font-size: 0.2rem;
    }

    section.account .menu-wrapper .menu a {
        font-size: 0.14rem;
    }

    section.account .account-wrapper {
        width: calc(100% - 2rem);
        padding-left: .36rem;
    }

    section.account .account-wrapper .account-top .title {
        font-size: 0.2rem;
    }

    section.account .account-wrapper .account-top .text {
        font-size: 0.13rem;
    }

    section.account .account-wrapper .account-top .text.dark {
        font-size: .14rem;
    }

    section.account .account-wrapper .form-item .taxitcard-points {
        font-size: 0.13rem;
    }

    section.account .account-wrapper .actions .total p+p {
        margin-top: .32rem;
    }

    section.account .account-wrapper .actions .total span {
        font-size: 0.14rem;
    }


    /* Account Orders */

    section.account .order-list .item span {
        font-size: 0.12rem;
    }

    section.account .order-list .item .icon-status {
        width: .24rem;
    }

    section.account .order-list .item .icon-status+span {
        max-width: calc(100% - .3rem);
        margin-left: .06rem;
    }

    section.account .order-list .item .link img {
        width: .2rem;
    }

    section.account .order-list .item .link span {
        max-width: calc(100% - .26rem);
        margin-left: .06rem;
    }

    section.account .order-list .item .btn-detail span {
        display: none;
    }

    section.account .order-list .item .btn-detail img {
        width: .24rem;
        margin-left: 0;
    }

    section.account .order-list .item div {
        padding-left: .1rem;
        padding-right: .1rem;
    }

    section.account .order-list .item div+div:before {
        height: .4rem;
        margin-top: -.2rem;
    }

    section.account .order-list .item div:nth-child(1) {
        width: 33%;
        padding-left: 0;
    }

    section.account .order-list .item div:nth-child(2) {
        width: 30%;
    }

    section.account .order-list .item div:nth-child(3) {
        width: 15%;
    }

    section.account .order-list .item div:nth-child(4) {
        width: 17%;
    }

    section.account .order-list .item div:nth-child(5) {
        width: 5%;
        padding-right: 0;
    }

    section.account .order-detail .order-no span {
        font-size: 0.12rem;
    }

    section.account .order-detail .order-no span+span {
        margin-left: .16rem;
    }

    section.account .order-detail .order-top .status {
        width: calc(100% - 1.8rem);
    }

    section.account .order-detail .order-top .status .state span {
        font-size: 0.12rem;
    }

    section.account .order-detail .order-top .links {
        width: 1.8rem;
    }

    section.account .order-detail .order-top .links a img {
        width: .2rem;
    }

    section.account .order-detail .order-top .links a img.small {
        width: .16rem;
    }

    section.account .order-detail .order-top .links a span {
        font-size: 0.12rem;
    }

    section.account .order-detail .product .product-image {
        width: 1.6rem;
    }

    section.account .order-detail .product .info {
        width: calc(100% - 3.6rem);
        padding-left: .2rem;
    }

    section.account .order-detail .product .info .name {
        font-size: 0.14rem;
    }

    section.account .order-detail .product .info .props .prop span {
        font-size: 0.12rem;
    }

    section.account .order-detail .product .prices {
        width: 1.8rem;
    }

    section.account .order-detail .product .prices .prop span {
        font-size: 0.12rem;
    }

    section.account .order-detail .details .address {
        width: calc(50% - .24rem);
    }

    section.account .order-detail .details .address p {
        font-size: 0.12rem;
    }

    section.account .order-detail .details .summary {
        width: calc(50% - .24rem);
    }

    section.account .order-detail .details .summary span {
        font-size: 0.14rem;
    }


    /* Addresses */

    section.account .addresses .tab-menu a {
        height: .4rem;
        padding-left: .24rem;
        padding-right: .24rem;
    }

    section.account .addresses .tab-menu a span {
        font-size: 0.13rem;
    }

    section.account .addresses .item {
        width: calc(50% - .48rem);
    }


    /* Products */

    section.account .product-list .item {
        padding: .16rem;
    }

    section.account .product-list .item .image .btn-like {
        top: .12rem;
        right: .12rem;
    }

    section.account .product-list .item .image .btn-like img {
        width: .2rem;
    }

    section.account .product-list .item .details {
        padding-top: .2rem;
    }

    section.account .product-list .item .details .name {
        font-size: 0.14rem;
    }

    section.account .product-list .item .details *+.price {
        margin-top: .1rem;
    }

    section.account .product-list .item .details .price span {
        font-size: 0.14rem;
    }

    section.account .product-list .item .details .note {
        font-size: 0.12rem;
    }

    section.account .product-list .item .details .size {
        font-size: 0.14rem;
    }


    /* Help */

    section.help .menu {
        width: 2.2rem;
    }

    section.help .menu a {
        font-size: 0.14rem;
        padding-right: .24rem;
    }

    section.help .menu a:after {
        width: .14rem;
        height: .14rem;
        right: 0;
        margin-top: -.07rem;
    }

    section.help .content {
        width: calc(100% - 2.2rem);
        padding-left: .36rem;
    }


    /* Blog List */

    section.blog-list .left {
        width: 2rem;
    }



    section.blog-list .breadcrumb>* {
        font-size: 0.12rem;
    }

    section.blog-list .breadcrumb>* img {
        width: .2rem;
    }

    section.blog-list .filter-title {
        font-size: 0.2rem;
    }

    section.blog-list .filters form.general .form-item input[type='checkbox']~label {
        font-size: .12rem;
    }

    section.blog-list .filters .selected-filters .item span {
        font-size: 0.12rem;
    }

    section.blog-list .filters .btn-filter-clear {
        font-size: 0.12rem;
    }

    section.blog-list .right .title {
        font-size: 0.2rem;
    }



    section.blog-list .products .item .details .name {
        font-size: 0.18rem;
    }

    section.blog-list .products .item .details *+.price {
        margin-top: .1rem;
    }

    section.blog-list .products .item .details .price span {
        font-size: 0.14rem;
    }

    section.blog-list .products .item .details .note {
        font-size: 0.14rem;
    }

    section.blog-list .products .item .details *+.note {
        margin-top: .1rem;
    }

    section.blog-list .description .title {
        font-size: 0.2rem;
    }

    section.blog-list .description .text {
        font-size: 0.12rem;
    }

    section.blog-list .description .btn-read-more {
        font-size: 0.12rem;
    }
}

@media screen and (max-width: 900px) {
    .desktop-only {
        display: none !important;
    }

    html {
        font-size: 26.666666vw;
    }

    .btn-default {
        height: .4rem;
    }

    /* General */
    .container {
        padding-left: .24rem;
        padding-right: .24rem;
    }

    section+section {
        margin-top: .26rem;
    }


    /* Select2 */

    form.general .form-item .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: .24rem;
        padding-right: .56rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: .12rem;
    }

    form.general .form-item .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        width: .2rem;
        height: .2rem;
    }

    section.small-boxes .small-boxes-m {
        overflow-x: scroll;
        width: 100%;
        height: auto;
        display: flex;
    }

    section.small-boxes .item {
        width: 56%;
        padding: 0 0.1rem;
        flex-shrink: 0;
    }

    section.small-boxes .item *+span {
        margin-top: .1rem;
        margin-bottom: .1rem;
    }

    section.small-boxes .item img {
        width: 100%;
        object-fit: contain;
        height: 0.5rem;
    }

    section.small-boxes {
        padding-bottom: 0.16rem;
        padding: 0.26rem 0;
    }

    section.small-boxes .item:first-child {
        width: 56%;
    }

    section.small-boxes .item:last-child {
        width: 56%;
    }

    /* Radio Branch */
    form.general .form-item .radio-branch-title {
        display: none;
    }

    form.general .form-item .radio-branch-item label div:nth-child(1) {
        width: 100%;
    }

    form.general .form-item .radio-branch-item label div:nth-child(2) {
        width: 100%;
    }

    form.general .form-item .radio-branch-item label div:nth-child(3) {
        width: 100%;
    }

    form.general .form-item .radio-branch-container {
        padding: .24rem;
        margin-top: .16rem;
        border-radius: .08rem;
        border: 1px solid #E0E0E0;
    }

    form.general .form-item .radio-branch-item+.radio-branch-item {
        margin-top: .24rem;
    }

    form.general .form-item .radio-branch-item label div {
        padding-right: 0;
        font-size: 0.12rem;
    }

    form.general .form-item .radio-branch-item label div:first-child {
        font-size: .14rem;
        padding-left: .3rem;
        margin-bottom: .2rem;
    }

    form.general .form-item .radio-branch input[type='radio']~label {
        padding-left: 0;
    }

    /* Header */

    header {
        border-bottom: 0;
    }

    header .top {
        background-color: #353535;
    }

    header .top .container:after {
        display: none;
    }

    header .top .right {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: .12rem;
        padding-bottom: .09rem;
        background-color: #353535;
        border-radius: 0;
    }

    header .top .right .promo-text {
        display: block;
        width: 100%;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 1.2em;
        color: #ffffff;
    }

    header .middle:not(:first-child:last-child) {
        padding-bottom: 0;
        text-align: center;
    }

    header .middle .btn-menu {
        display: inline-block;
        vertical-align: middle;
        width: .32rem;
    }

    header .middle .left {
        /*    width: calc(100% - .32rem - .6rem);
            text-align: center;*/
        width: calc(100% - 0.32rem - 1.2rem);
        text-align: left;
        padding-left: 0.2rem;
    }

    header .middle .left a img {
        width: 1.1rem;
        padding: 0.035rem;
    }

    header .middle .left-logo a img {
        width: 1.1rem;
    }

    header .checkout-main {
        border-bottom: 1px solid #E0E0E0 !important;
    }

    header .checkout-main .container {
        display: flex;
        align-items: center;
    }

    header .middle .checkout-center {
        display: none;
    }

    header .middle .left-logo {
        width: 1.2rem;
    }

    header .middle .center {
        display: block;
        width: auto;
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-left: .24rem;
        padding-right: .24rem;
    }

    header .middle *+.center {
        margin-top: .18rem;
        border-top: 1px solid #E0E0E0;
    }

    header .middle .center form {
        width: 100%;
    }

    header .middle .center .form-item {
        width: calc(100% - .24rem);
    }

    header .middle .center .form-item input {
        display: block;
        width: 100%;
        height: .56rem;
        padding-left: 0;
        padding-right: .4rem;
        border: 0;
        border-radius: 0;
        background-image: none;
    }

    header .middle .center .btn-default {
        width: .24rem;
        height: .24rem;
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        background-image: url(Icons/search.svg);
        background-size: .2rem;
        background-position: center;
        background-repeat: no-repeat;
    }

    header .middle .center .btn-default span {
        display: none;
    }

    header .middle .right {
        width: 1.2rem;
    }

    header .middle .right .link+.link {
        margin-left: .08rem;
    }

    header .middle .right .link:not(:last-child) {
        margin-right: .1rem;
    }

    header .middle .right .link.desktop-only+.link {
        margin-left: 0;
    }

    header .middle .right .link img {
        width: .25rem;
    }

    /*    header .middle .right .link span {
                display: none;
            }*/
    header .middle .right .link .count-icon {
        position: absolute;
        background: #000;
        color: #fff;
        border-radius: 50%;
        height: 0.18rem;
        width: 0.18rem;
        display: flex !important;
        justify-content: center;
        bottom: -0.07rem;
        right: -0.05rem;
        align-items: center;
    }

    header .bottom {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        overflow: hidden;
        padding-right: .48rem;
        background-color: rgba(59, 59, 59, 0.48);
    }

    header .bottom.active {
        display: block;
        z-index: 99;
    }

    header .bottom>.container {
        position: static;
        height: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    header .menu {
        position: relative;
        height: 100%;
        text-align: left;
        background-color: white;
        overflow: auto;
        filter: drop-shadow(0 .08rem .24rem rgba(77, 77, 77, 0.24));
    }

    header .menu .menu-item {
        display: block;
    }

    header .menu .menu-item+.menu-item {
        border-top: 1px solid #E0E0E0;
    }

    header .menu .menu-item>a,
    header .menu .menu-item>span {
        position: relative;
        display: block;
        padding: .24rem;
        padding-right: .56rem;
        margin: 0;
        font-size: 0.16rem;
    }

    header .menu .menu-item.light>a,
    header .menu .menu-item.light>span {
        font-weight: 400;
    }

    header .menu .menu-item.bold>a,
    header .menu .menu-item.bold>span,
    header .menu .menu-item.active>a,
    header .menu .menu-item.active>span {
        font-weight: 700;
    }

    header .menu .menu-item>a img,
    header .menu .menu-item>span img {
        position: absolute;
        width: .24rem;
        right: .24rem;
        top: .24rem;
    }

    header .menu .menu-item:not(.mobile-only):not(.active)>a:after,
    header .menu .menu-item:not(.mobile-only):not(.active)>span:after {
        content: '';
        position: absolute;
        width: .16rem;
        height: .16rem;
        right: .32rem;
        top: .26rem;
        background-image: url(Icons/arrow-right-gray.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    header .menu .menu-item .btn-back {
        font-weight: 400 !important;
        border-bottom: 1px solid #E0E0E0;
    }

    header .menu .menu-item .btn-back:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: .24rem;
        height: .24rem;
        margin-right: .12rem;
        margin-top: -.03rem;
        background-image: url(Icons/arrow-back.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    header .menu .menu-item .submenu {
        display: none;
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        padding-top: 0;
        padding-bottom: 0;
        border-top: 1px solid #E0E0E0;
    }

    header .menu.first .menu-item:not(.active) {
        display: none;
    }

    header .menu.second .menu-item>a,
    header .menu.second .menu-item>span,
    header .menu.second .menu-item>.btn-back {
        display: none;
    }

    header .menu .menu-item.active .submenu {
        display: block;
    }

    header .menu .menu-item .submenu .container {
        padding-left: 0;
        padding-right: 0;
    }

    header .menu .menu-item .submenu .col {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    header .menu .menu-item .submenu .col+.col {
        border-top: 1px solid #E0E0E0;
    }

    header .menu .menu-item .submenu .menu-image {
        display: none;
    }

    header .menu .menu-item .submenu .box {
        position: relative;
    }

    header .menu.second .menu-item .submenu .box:not(.active) {
        display: none;
    }

    header .menu .menu-item .submenu .box+.box {
        margin-top: 0;
        border-top: 1px solid #E0E0E0;
    }

    header .menu .menu-item .submenu .box a {
        display: none;
        position: relative;
        padding: .24rem;
        padding-right: .56rem;
        font-size: 0.16rem;
    }

    header .menu .menu-item .submenu .box a.title {
        display: block;
        font-weight: 400;
    }

    header .menu .menu-item .submenu .box.active a {
        display: block;
    }

    header .menu .menu-item .submenu .box.active a.title {
        font-weight: 700;
    }

    header .menu .menu-item .submenu .box:not(.active) a.title:after {
        content: '';
        position: absolute;
        width: .16rem;
        height: .16rem;
        right: .32rem;
        top: .26rem;
        background-image: url(Icons/arrow-right-gray.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    header .menu .menu-item .submenu .box a:not(.mobile-only)+a {
        margin-top: 0;
    }

    header .menu .menu-item .submenu .box a+a {
        border-top: 1px solid #E0E0E0;
    }

    /*Whatsapp*/
    .whatsapp-share {
        position: fixed;
        width: .45rem;
        height: .45rem;
        bottom: .8rem;
        right: .16rem;
    }

    .contact-sticky-header {
        width: 100%;
        display: flex;
        height: .45rem;
        background-color: #000000;
        justify-content: center;
        align-items: center;
        color: #FFF;
        gap: .1rem;
        font-size: .16rem;
        font-weight: 600;
        position: sticky;
        top: 0px;
        z-index: 10;
    }

    .contact-sticky-header img {
        width: .18rem;
        height: .18rem;
        margin: 0;
    }

    /* Main Banner */
    section .main-banner .item {
        height: 3.2rem !important;
        display: block;
    }

    section.main-banner .item .title {
        font-size: 0.28rem;
    }

    section.main-banner .item *+.btn-default {
        margin-top: .2rem;
    }

    section.main-banner .owl-nav {
        display: none !important;
    }

    section.main-banner .owl-dots {
        bottom: .08rem;
    }



    /* Promo Single */

    section.promo-single .box {
        padding: .4rem .2rem;
        overflow: hidden;
        text-align: center;
    }

    section.promo-single .content {
        width: 100%;
        max-width: unset;
    }

    section.promo-single .content .text {
        font-size: 0.24rem;
    }

    section.promo-single .content .text b,
    section.promo-single .content .text strong {
        display: block;
    }

    section.promo-single .content *+.btn-default {
        margin-top: .46rem;
    }

    section.promo-single img {
        position: static;
        width: 100%;
        top: auto;
        right: auto;
    }

    section.promo-single *+img {
        margin-top: .36rem;
    }

    /* Promo Double */

    section.promo-double .box {
        position: relative;
        width: 100%;
        height: 1.73rem;
    }

    section.promo-double .box+.box {
        margin-left: 0;
        margin-top: .12rem;
    }

    section.promo-double .image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }


    /* Product Slider */

    section.product-slider .title {
        font-size: 0.18rem;
    }

    section.product-slider *+.owl-carousel {
        margin-top: .24rem;
    }

    section.product-slider .owl-carousel {
        width: calc(100% + .48rem);
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-left: .16rem;
        padding-right: 0;
    }

    section.product-slider .item {
        display: block;
        width: 1.56rem;
        padding-left: .08rem;
        padding-right: .08rem;
    }

    section.product-slider .item .image .tag {
        top: .04rem;
        left: .04rem;
        font-size: 0.08rem;
    }

    section.product-slider .item .details {
        padding-top: .16rem;
    }

    section.product-slider .item .details *+.price {
        margin-top: .08rem;
    }

    section.product-slider .item .details .price span {
        font-size: 0.14rem;
    }

    section.product-slider .item .details .price span+span {
        margin-left: .08rem;
    }


    /* Showcase */

    section.showcase .items {
        display: block;
        width: 100%;
        margin: 0;
    }

    section.showcase .item {
        display: block;
        width: 100%;
        height: 5rem;
        margin: 0;
    }

    section.showcase .item.mobile-img {
        height: 1.72rem !important;
    }

    section.showcase .item+.item {
        margin-top: .16rem;
    }

    section.showcase .item .content {
        padding: .16rem;
    }

    section.showcase .item *+.btn-default {
        margin-top: .32rem;
    }


    /* Showcase Large */

    section.showcase-large .items {
        display: block;
        width: 100%;
        margin: 0;
    }

    section.showcase-large .item {
        display: block;
        width: 100%;
        padding-top: 100%;
        margin: 0;
    }

    section.showcase-large .item.mobile-img {
        padding-top: 1.72rem !important;
    }

    section.showcase-large .item+.item {
        margin-top: .16rem;
    }

    section.showcase-large .item .content {
        padding: .16rem;
    }

    section.showcase-large .item .content .name {
        font-size: 0.32rem;
    }


    /* Store */

    section.store {
        height: auto;
    }

    section.store .container {
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    section.store .image {
        display: block;
        width: 100%;
        height: 4rem;
        pointer-events: all;
    }

    section.store .content {
        display: block;
        width: 100%;
        height: auto;
        padding: .24rem;
    }

    section.store .content.has-background {
        min-height: auto;
    }

    section.store .content .title {
        font-size: 0.18rem;
    }

    section.store .content *+.text {
        margin-top: .2rem;
    }

    section.store .content .btn-default {
        border-radius: 0;
    }

    section.store .content *+.btn-default {
        margin-top: .28rem;
    }


    /* Cards */

    section.cards {
        padding: .32rem;
    }

    section+section.cards {
        margin-top: 0;
    }

    section.cards .container {
        padding: 0;
    }

    section.cards .title {
        font-size: 0.24rem;
    }

    section.cards .items {
        white-space: nowrap;
        overflow: auto;
        margin-right: -.32rem;
        padding-bottom: .1rem;
    }

    section.cards *+.items {
        margin-top: .24rem;
    }

    section.cards .item {
        width: 1.68rem;
        padding: 0 .16rem;
    }

    section.cards .item:first-child {
        width: 1.68rem;
        text-align: center;
    }

    section.cards .item:last-child {
        width: 1.68rem;
        text-align: center;
    }

    section.cards .item img {
        width: 1.2rem;
        margin-top: 0;
    }

    section.cards .item span {
        font-size: 0.12rem;
        white-space: normal;
    }


    /* Footer */

    footer {
        margin-top: .26rem;
    }

    footer.mobile-sticky-item {
        padding-bottom: .67rem;
    }

    section.cards+footer {
        margin-top: 0;
    }

    footer .container {
        padding: 0;
    }

    footer .top {
        padding-top: 0;
        padding-bottom: 0;
    }

    footer .cols {
        display: block;
        width: 100%;
        margin: 0;
    }

    footer .col {
        position: relative;
        display: block;
        width: 100%;
        padding: .24rem;
    }

    footer *+.col {
        border-top: 1px solid rgba(248, 249, 250, 0.48);
    }

    footer .col.large {
        width: 100%;
    }

    footer .col:not(.large):not(.single):after {
        content: '';
        position: absolute;
        width: .16rem;
        height: .16rem;
        right: .24rem;
        top: .27rem;
        background-image: url(Icons/arrow-down-small.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition: .3s all ease;
        -webkit-transition: .3s all ease;
        -ms-transition: .3s all ease;
        -moz-transition: .3s all ease;
        -o-transition: .3s all ease;
    }

    footer .col.active:after {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    footer .col .title {
        font-size: 0.18rem;
    }


    footer .col .title a {
        font-size: 0.18rem;
    }



    footer .col:not(.large) .items {
        display: none;
    }

    footer .col *+.items {
        margin-top: .24rem;
    }

    footer .col .items>* {
        font-size: 0.14rem;
    }

    footer .col .items br {
        margin-top: .08rem;
    }

    footer .bar {
        padding-left: .24rem;
        padding-right: .24rem;
    }


    /* Manufacturers */

    section.manufacturers {
        padding-top: .16rem;
    }

    section.manufacturers .title {
        font-size: 0.18rem;
    }

    section.manufacturers .filter {
        padding: .16rem;
        white-space: nowrap;
        overflow: auto;
    }

    section.manufacturers *+.filter {
        margin-top: .16rem;
    }

    section.manufacturers .filter .char {
        width: auto;
        padding: 0 .12rem;
        font-size: 0.16rem;
    }

    section.manufacturers .items .item {
        margin-top: .24rem;
    }

    section.manufacturers .items .item .char {
        width: 100%;
        font-size: 0.24rem;
    }

    section.manufacturers .items .item .list {
        width: 100%;
        margin-top: .16rem;
    }

    section.manufacturers .items .item .list .list-item {
        width: 50%;
    }

    section.manufacturers .items .item .list .list-item:nth-child(n + 3) {
        margin-top: .05rem;
    }

    /* List */

    section.list {
        padding-top: .16rem;
    }

    section.list .left {
        display: block;
        width: 100%;
    }

    section.list .right {
        display: block;
        width: 100%;
        padding-top: .24rem;
        margin-left: 0;
    }

    section.list .right .category {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    section.list .right .category .item {
        padding: .12rem .16rem;
        font-size: .12rem;
        flex-shrink: 0;
    }


    section.list .breadcrumb {
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-left: .24rem;
        padding-right: .24rem;
        padding-bottom: .16rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.list .filter-wrapper {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        padding-left: .48rem;
        background-color: rgba(59, 59, 59, 0.48);
        z-index: 100;
    }

    section.list .filter-wrapper.active {
        display: block;
    }

    section.list .filter-wrapper .btn-filter-apply {
        width: 100%;
    }

    section.list .filter-container {
        margin-top: .16rem;
    }

    section.list .filter-bg .filter-flex {
        position: relative;
        height: calc(100% - .5rem);
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    section.list .filters-container-main {
        height: calc(100% - .6rem);
        overflow: scroll;
    }

    section.list .filter-bg {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0.16rem;
        background-color: white;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    section.list .filter-bg .filter-top {
        position: relative;
        padding-bottom: .16rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.list .filter-bg .filter-top .filter-top-title {
        padding-right: .48rem;
        font-weight: 600;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.list .filter-bg .filter-top .btn-filter-close {
        position: absolute;
        right: 0;
        top: -.03rem;
    }

    section.list .filter-bg .filter-top .btn-filter-close img {
        width: .24rem;
    }

    section.list .filter-title {
        font-size: 0.18rem;
    }

    section.list .filters {
        position: relative;
        padding-top: .16rem;
    }

    section.list *+.filter-wrapper {
        margin-top: 0;
    }

    section.list .filters .selected-filters .item+.item {
        margin-top: .08rem;
    }

    section.list .filter-container form.general .form-item input[type='checkbox']~label {
        font-size: .16rem;
    }

    section.list .filters .selected-filters .item div {
        padding: .1rem .24rem;
    }

    section.list .filters>*+* {
        margin-top: .16rem;
    }

    section.list .filters .btn-filter-clear {
        margin-top: .16rem;
    }

    section .list .filters .selected-filters .item span {
        font-weight: 700;
        font-size: 0.14rem;
    }

    section.list .filters+.filter-container {
        margin-top: .24rem;
    }

    section.list .filter+.filter {
        margin-top: .16rem;
    }

    section.list .filter *+.options {
        margin-top: .16rem;
    }

    form.general .range-slider {
        position: relative;
        padding-top: .1rem;
        padding-left: .08rem;
        padding-right: .13rem;
        overflow: hidden;
    }

    form.general .range-slider .noUi-horizontal .noUi-handle {
        width: .16rem;
        height: .16rem;
        right: -.12rem;
        top: -.06rem;
    }

    section.list .right .title {
        font-size: 0.18rem;
    }

    section.list .right .bar {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
        border-bottom: none;
    }

    section.list .right .bar .count {
        width: 100%;
        font-size: 0.16rem;
        text-align: center;
    }

    section.list .right .bar *+.count {
        margin-top: .16rem;
    }

    section.list .right .bar .actions {
        width: 100%;
        padding-bottom: .16rem;
        text-align: center;
        border-bottom: 1px solid #E0E0E0;
    }

    section.list .right .bar .actions .btn-filter,
    section.list .right .bar .actions .btn-sort {
        position: relative;
        width: 1.36rem;
        padding: .15rem;
        font-weight: 700;
        font-size: 0.14rem;
        line-height: 1.2em;
        color: #ed1651;
        border-radius: .5rem;
        border: 1px solid #ED1651;
    }

    section.list .right .bar .actions .btn-sort {
        margin-left: .1rem;
    }

    section.list .right .bar .actions .btn-sort select {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
    }

    section.list .right .bar .actions .display {
        width: calc(100% - 2.92rem);
        margin-left: .1rem;
        text-align: right;
    }

    section.list .right .bar .actions *+.display {
        margin-left: 0;
    }

    section.list .right .bar .actions .display a {
        display: none;
    }

    section.list .right .bar .actions .display a.active {
        display: block;
    }

    section.list .right .bar .actions .display a+a {
        margin-left: 0;
    }

    section.list .right .bar .actions .display a img {
        width: .32rem;
    }

    section.list .right .bar .actions .select2-container {
        width: auto !important;
    }

    section.list .products {
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.list .products .item {
        width: calc(100% - .32rem);
        margin: .16rem;
    }

    section.list .products.quadruple {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.list .products.quadruple .item {
        width: 50%;
        margin: 0;
    }

    section.list .products .item .image .tag {
        top: .04rem;
        left: .04rem;
        font-size: 0.10rem;
    }

    section.list .products .item .image .tags .tag {
        font-size: 0.10rem;
    }

    section.cart .left .product .btn-remove img {
        width: 0.2rem;
    }

    section.list .products .item .image .btn-like {
        top: .08rem;
        right: .08rem;
    }

    section.list .products .item .details {
        padding-top: .16rem;
    }

    section.list .products .item .details .price span {
        font-size: 0.14rem;
    }

    section.list .products .item .details .price span+span {
        margin-left: .08rem;
    }

    section.list .products .item .details .note {
        font-size: 0.14rem;
    }

    section.list .products .item .details *+.note {
        margin-top: .12rem;
    }

    section.list *+.description {
        margin-top: .24rem;
    }

    section.list .description .title {
        font-size: 0.18rem;
    }


    /* Detail  */

    section.detail .breadcrumb {
        border-bottom: 0;
    }

    section.detail .breadcrumb>* {
        font-size: 0.12rem;
    }

    section.detail .breadcrumb>* img {
        width: .16rem;
    }

    section.detail .product {
        padding-top: 0;
        margin-left: -.24rem;
        margin-right: -.24rem;
    }

    section.detail .product .images {
        position: relative;
        display: block;
        width: 100%;
        min-height: 2rem;
    }

    section.detail .product .carousel {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    section.detail .product .carousel .actions {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 10;
    }

    section.detail .product .carousel .actions .tag {
        margin: .04rem;
        padding: .04rem .14rem;
        font-size: 0.10rem;
    }

    section.detail .product .carousel .actions .btn-like {
        width: .24rem;
        right: .16rem;
        top: .16rem;
    }

    section.detail .product .carousel .owl-nav {
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        top: 50%;
    }

    section.detail .product .carousel .owl-prev {
        width: .32rem;
        height: .32rem;
        left: .08rem;
        top: -.08rem;
    }

    section.detail .product .carousel .owl-next {
        width: .32rem;
        height: .32rem;
        right: .08rem;
        top: -.08rem;
    }

    section.detail .product .images .band {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: .08rem .16rem;
        background-color: #EBEBEB;
        box-shadow: 0 -.04rem .04rem rgba(0, 0, 0, 0.08);
        z-index: 50;
    }

    section.detail .product .images .band .price {
        display: inline-flex;
        vertical-align: middle;
        width: calc(100% - 1.5rem);
        text-align: center;
        flex-wrap: wrap;
        align-items: center;
    }

    section.detail .product .images .band .price span.old {
        margin-bottom: 0;
        width: auto;
        text-align: left;
        padding-right: 5px;
    }

    section.detail .product .images .band .price .kdv-message {
        font-size: 14px;
    }

    section.detail .product .images .band *+.price {
        margin-top: .16rem;
    }

    section.detail .product .images .band .price span {
        display: block;
        font-weight: 600;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.detail .product .images .band .price span.old {
        color: #939393;
        text-decoration: line-through;
    }


    section.detail .product .images .band .price span+.montly {
        margin-left: .06rem;
    }

    section.detail .product .images .band .btn-default {
        display: inline-block;
        vertical-align: middle;
        width: 1.5rem;
    }

    section.detail .content {
        display: block;
        width: 100%;
        padding-top: .24rem;
        padding-left: .24rem;
        padding-right: .24rem;
    }

    section.detail .content .label {
        margin-bottom: .18rem;
    }

    section.detail .content .label a span {
        font-size: 0.15rem;
    }

    section.detail .content .label a *+span {
        margin-left: .02rem;
    }

    section.detail .content .name {
        font-size: 0.28rem;
    }

    section.detail .content *+.note {
        margin-top: .16rem;
    }

    section.detail .content .colors {
        position: relative;
        margin: 0;
        margin-bottom: -.06rem;
        padding-bottom: .06rem;
        white-space: nowrap;
        overflow: auto;
    }

    section.detail .content .color {
        width: .88rem;
        padding: 0;
    }

    section.detail .content .color+.color {
        margin-left: .16rem;
    }

    section.detail .content .form-bottom .btn-stock-alert {
        width: 100%;
    }

    section.detail .content .form-bottom .btn-stock-alert {
        width: 100%;
    }


    section.detail .content .form-tab .form-tab-item .car-item {
        gap: .08rem;
    }

    section.detail .content .form-tab .form-tab-item .car-item img {
        width: 1.05rem;
        height: 0.70rem;
    }

    section.detail *+.tabs {
        margin-top: .24rem;
    }

    section.detail .tabs .tab-menu {
        display: none;
    }



    section.detail .tabs .tab-item {
        display: block;
        padding-top: .24rem;
        padding-bottom: .24rem;
        border-top: 1px solid #E0E0E0;
    }

    section.detail .tabs .tab-item *[a-accordion-content] {
        display: none !important;
        margin-top: .16rem;
    }

    section.detail .tabs .tab-item.active *[a-accordion-content] {
        display: block !important;
    }

    section.detail .tabs .tab-item .accordion-title {
        position: relative;
        font-weight: 700;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.detail .tabs .tab-item .accordion-title:after {
        content: '';
        position: absolute;
        width: .24rem;
        height: .24rem;
        right: 0;
        top: -.03rem;
        background-image: url(Icons/plus.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    section.detail .tabs .tab-item.active .accordion-title:after {
        background-image: url(Icons/minus.svg);
    }

    section.detail .tabs .tab-item .text {
        width: 100%;
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .hire {
        margin: 0;
        padding-top: .16rem;
    }

    section.detail .tabs .tab-item .hire .item {
        display: block;
        width: 100%;
        padding: 0;
    }

    section.detail .tabs .tab-item .hire .item+.item {
        margin-top: .16rem;
    }

    section.detail .tabs .tab-item .comments {
        padding-top: .32rem;
    }

    section.detail .tabs .tab-item .comments .comment-top {
        padding: .16rem 0;
    }

    section.detail .tabs .tab-item .comments .comment-top .count {
        width: calc(100% - 1.1rem);
        font-size: 0.14rem;
    }

    section.detail .tabs .tab-item .comments .comment-top .actions {
        width: 1.1rem;
    }

    section.detail .tabs .tab-item .comments .comment {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-info {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    section.detail .tabs .tab-item .comments .comment .comment-info .name {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        font-size: 0.16rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-info .date {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        text-align: right;
    }

    section.detail .tabs .tab-item .comments .comment .comment-info *+.date {
        margin-top: 0;
    }

    section.detail .tabs .tab-item .comments .comment .comment-content {
        display: block;
        width: 100%;
        padding-top: .16rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-title {
        font-size: 0.18rem;
    }

    section.detail .tabs .tab-item .comments .comment *+.comment-text {
        margin-top: .16rem;
    }

    section.detail .tabs .tab-item .comments .comment *+.comment-help {
        margin-top: .16rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-help>*+* {
        margin-left: 0;
    }

    section.detail .tabs .tab-item .comments .comment .comment-help>a+a {
        margin-left: .16rem;
    }

    section.detail .tabs .tab-item .comments .comment .comment-help span {
        display: block;
        margin-bottom: .16rem;
    }

    section.detail .tabs .tab-item .comments *+.pagination {
        margin-top: .24rem;
    }


    /* Auth */

    section.auth {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.auth .container {
        width: 100%;
    }

    section.auth .col {
        display: block;
        width: 100%;
    }

    section.auth .col+.col {
        margin-left: 0;
        margin-top: .24rem;
        padding-top: .24rem;
        border-top: 1px solid #E0E0E0;
    }


    /* Cart */

    section.cart {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.cart .empty .title {
        font-size: 0.28rem;
    }

    section.cart .empty *+.title {
        margin-top: .24rem;
    }

    section.cart .empty .btn-default {
        width: 100%;
        min-width: unset;
    }

    section.cart .empty *+.btn-default {
        margin-top: .24rem;
    }

    section.cart .left {
        display: block;
        width: 100%;
    }

    section.cart .right {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    section.cart .left .title {
        font-size: 0.18rem;
        padding-bottom: .24rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.cart .left .product form.general .count {
        width: 1rem;
        font-weight: 400;
    }

    section.cart .left .product .image {
        width: 1.36rem;
    }

    section.cart .left .product .product-content {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 1.36rem);
        padding-left: .16rem;
    }

    section.cart .left .product .info {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    section.cart .left .product .product-count {
        display: block;
        width: 100%;
        margin-top: .16rem;
        text-align: left;
    }

    section.cart .left .product .total {
        display: block;
        width: 100%;
        margin-top: .16rem;
        text-align: left;
    }

    section.cart .left .product .total>*+* {
        margin-left: .08rem;
    }

    section.cart .left .product .total span {
        display: inline-block;
        vertical-align: middle;
    }

    section.cart .left .product .name {
        padding-right: .32rem;
    }

    section.cart .left .product *+.props {
        margin-top: .16rem;
    }

    section.cart .left .product .btn-remove {
        position: absolute;
        bottom: auto;
        top: .22rem;
        right: 0;
    }

    section.cart .left .product .btn-remove span {
        display: none;
    }

    section.cart .left .extras .form-item {
        display: block;
        width: 100%;
    }

    section.cart .left .extras .form-item+.form-item {
        margin-left: 0;
        margin-top: .24rem;
    }

    section.cart .left *+.bottom {
        margin-top: .24rem;
    }

    section.cart .left .bottom .btn-default {
        width: 100%;
    }

    section.cart .summary {
        padding-top: .24rem;
    }

    section.cart .summary .title {
        font-size: 0.18rem;
    }


    /* Checkout */

    section.checkout {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.checkout .left {
        display: block;
        width: 100%;
    }

    section.checkout .right {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    section.checkout .left .title {
        font-size: 0.18rem;
    }

    section.checkout .left .has-taxitcard .col {
        width: 100%;
    }

    section.checkout .left .has-taxitcard .col+.col {
        margin-top: .12rem;
    }

    section.checkout .left .has-taxitcard .col:nth-child(2n) {
        text-align: left;
    }

    section.checkout .left form .col {
        width: 100%;
    }

    section.checkout .left form .col.small {
        width: 100%;
    }

    section.checkout .left .form-item {
        width: calc(100% - .24rem);
    }

    section.checkout .left form.checkout-form.file-form .attachment-area .identity {
        display: flex;
        flex-wrap: wrap;
        position: relative;
    }

    section.checkout .left form.checkout-form.file-form .form-item {
        width: calc(100% - .24rem);
        margin: .1rem .12rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item.full .btn-add-attachment {
        margin-left: auto !important;
        margin-right: 0.1rem;
    }

    section.checkout .left .form-item.full {
        width: calc(100% - .24rem);
    }

    section.checkout .left .form-item.type {
        width: calc(100% - .24rem);
    }

    section.checkout .left .form-item.type+.form-item.type {
        margin-left: .12rem;
    }

    section.checkout .summary {
        padding-top: .24rem;
    }

    section.checkout .summary .title {
        font-size: 0.18rem;
    }


    /* Checkout Addess */

    section.checkout.address .tab-menu a {
        width: calc(50% - .04rem);
        padding: .08rem .04rem;
        font-size: 0.14rem;
        text-align: center;
    }

    section.checkout.address .tab-menu a+a {
        margin-left: .08rem;
    }

    section.checkout.address .actions .btn-default {
        width: calc(100% - .24rem);
    }

    section.checkout.address .choose-address .address-col {
        width: calc(33.333% - .24rem);
        text-align: left;
    }

    section.checkout.address .choose-address .address-col .form-item {
        margin: 0;
    }

    section.checkout.address .choose-address .address-col:first-child {
        width: 100%;
        margin-bottom: .16rem;
    }

    section.checkout.address .choose-address .address-col:last-child {
        width: .24rem;
    }

    section.checkout.address .choose-address .address-col+.address-col {
        margin-left: .16rem;
        min-height: 0.4rem;
    }

    section.checkout.address .choose-address .address-col:nth-child(2) {
        margin-left: 0;
    }

    section.checkout.address .choose-address .address-col a {
        color: inherit;
    }

    section.checkout.address .choose-address .address-col a *+span {
        margin-left: .04rem;
    }

    section.checkout.address .choose-address .address-col a>* {
        display: inline-block;
        vertical-align: middle;
    }


    section.checkout.address .choose-address .address-header+.address-item {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        padding-bottom: 0.24rem;
    }


    form.general.checkout-form .form-item input[a-validate]:not([a-not-required])~label:after,
    form.general.checkout-form .form-item textarea[a-validate]:not([a-not-required])~label:after,
    form.general.checkout-form .form-item select[a-validate]:not([a-not-required])~label:after {
        display: none;
    }

    section.checkout.address .choose-address .form-item .radio input[type='radio']~label {
        display: inline-block;
        width: auto;
        height: auto;
        padding-left: .25rem;
        padding-top: .03rem;
        padding-bottom: .03rem;
        min-height: 0.4rem;
    }

    section.checkout.address .choose-address .form-item .radio input[type='radio']~label:before {
        top: .03rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item input::-webkit-file-upload-button {
        display: block;
        opacity: 100;
    }

    section.checkout .left form.checkout-form.file-form .form-item input::file-selector-button {
        display: block;
        opacity: 100;
    }

    section.checkout .left form.checkout-form.file-form .form-item label {
        display: none;
    }


    /* Checkout Payment */

    section.checkout.payment .transfer *+.tab-menu {
        margin-top: .24rem;
    }

    section.checkout.payment .transfer .tab-menu a {
        width: 100%;
    }

    section.checkout.payment .transfer .tab-menu a:not(.disabled)+a {
        margin-left: 0;
        margin-top: .24rem;
    }

    section.checkout.payment .transfer .tab-menu a.disabled {
        display: none !important;
    }

    section.checkout.payment .transfer .tab-menu a.active {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    section.checkout.payment .transfer .tab-item {
        padding-top: .24rem;
    }

    section.checkout.payment .no-taxitcard .btn-default {
        min-width: unset;
        width: 100%;
    }

    section.checkout.payment .no-taxitcard *+.btn-default {
        margin-top: .24rem;
    }

    section.checkout.payment .taxitcard .card-info p+p {
        margin-top: .16rem;
        padding-top: .16rem;
        border-top: 1px solid #E0E0E0;
    }

    section.checkout.payment .taxitcard .header {
        margin-top: .16rem;
        padding-top: .4rem;
    }

    section.checkout.payment .taxitcard .header div {
        display: none;
    }

    section.checkout.payment .taxitcard .header div:first-child {
        display: block;
    }

    section.checkout.payment .taxitcard .product {
        padding-top: .16rem;
        padding-bottom: .4rem;
    }

    section.checkout.payment .taxitcard .product .product-image {
        width: 1.36rem;
    }

    section.checkout.payment .taxitcard .product .info {
        width: calc(100% - 1.36rem);
        padding-left: .16rem;
    }

    section.checkout.payment .taxitcard .product *+.props {
        margin-top: .1rem;
    }

    section.checkout.payment .taxitcard .product .col+.col {
        margin-top: .32rem;
    }

    section.checkout.payment .taxitcard .product .col.small {
        text-align: left;
    }

    section.checkout.payment .taxitcard .product .col .col-title {
        margin-bottom: .16rem;
        padding-bottom: .16rem;
        font-weight: 700;
        font-size: 0.14rem;
        line-height: 1.2em;
        color: #2d2e2c;
        border-bottom: 1px solid #E0E0E0;
    }

    section.checkout.payment .taxitcard *+.hire {
        margin-top: .32rem;
    }

    section.checkout.payment .taxitcard .hire .hire-header {
        padding-top: .16rem;
        padding-bottom: .16rem;
    }

    section.checkout.payment .taxitcard .hire *+.hire-header {
        margin-top: .16rem;
    }

    section.checkout.payment .taxitcard .hire .hire-header div {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .hire .hire-items {
        padding-top: .16rem;
        padding-bottom: .16rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.checkout.payment .taxitcard .hire .hire-item+.hire-item {
        margin-top: .16rem;
    }

    section.checkout.payment .taxitcard .hire .hire-item div {
        font-size: 0.12rem;
    }

    section.checkout.payment .taxitcard .hire .hire-option {
        width: 100%;
    }


    /* Omni */

    section.omni {
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.omni .col {
        display: block;
        width: 100%;
    }

    section.omni .col+.col {
        margin-left: 0;
        margin-top: .24rem;
        padding-top: .24rem;
        border-top: 1px solid #E0E0E0;
    }

    section.omni .title {
        font-size: 0.18rem;
    }

    section.omni form.general .btn-default.full {
        width: 100%;
    }


    /* Result  */

    section.result {
        padding-top: .24rem;
    }

    section.result .content {
        width: 100%;
    }

    section.result .title {
        font-size: 0.28rem;
    }

    section.result .actions .btn-default {
        display: block;
        width: 100%;
    }

    section.result .actions .btn-default+.btn-default {
        margin-left: 0;
        margin-top: .24rem;
    }

    section.result .actions .btn-default:first-child:last-child {
        width: 100%;
    }


    /* Account  */

    section.account {
        padding-top: .24rem;
    }

    section.account .container {
        width: 100%;
    }

    section.account .menu-wrapper {
        display: block;
        width: 100%;
    }

    section.account .menu-wrapper *+.menu {
        padding-top: 0;
        border-top: none;
    }

    section.account .menu-wrapper .title {
        font-size: 0.18rem;
        text-align: center;
    }

    section.account .menu-wrapper .menu a {
        display: none;
    }

    section.account .account-wrapper {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    section.account .account-wrapper>div+div {
        margin-top: .32rem;
    }

    section.account .account-wrapper .account-top .title {
        font-size: .18rem;
    }

    section.account .account-wrapper>div:first-child .account-top .title {
        display: none;
    }

    section.account .account-wrapper .account-top *+.text {
        margin-top: .24rem;
    }

    section.account .account-wrapper .form-item {
        width: calc(100% - .24rem);
    }

    section.account .account-wrapper .actions .btn-default {
        width: 100%;
    }

    section.account .account-wrapper .actions .total {
        width: 100%;
        margin-bottom: .4rem;
    }

    section.account .account-wrapper .table {
        overflow: auto;
    }

    section.account .account-wrapper table {
        width: auto;
    }

    section.account .account-wrapper form.general table {
        width: auto;
        margin: .12rem;
    }

    section.account .account-wrapper table th,
    section.account .account-wrapper table td {
        white-space: nowrap;
        padding-right: .2rem;
    }


    /* Account Orders */

    section.account .order-list .item p {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    section.account .order-list .item p:last-child {
        text-align: right;
    }

    section.account .order-list .item p+p {
        margin-top: 0;
    }

    section.account .order-list .item p.split {
        width: 100%;
        text-align: left;
    }

    section.account .order-list .item p.split>span {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }

    section.account .order-list .item p.split>span:last-child {
        text-align: right;
    }

    section.account .order-list .item p.split+p.split {
        margin-top: .16rem;
    }

    section.account .order-list .item .icon-status {
        width: .24rem;
    }

    section.account .order-list .item .icon-status+span {
        max-width: calc(100% - .32rem);
    }

    section.account .order-list .item .link span {
        max-width: calc(100% - .32rem);
    }

    section.account .order-list .item div {
        display: block;
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }

    section.account .order-list .item div+div {
        margin-top: .16rem;
    }

    section.account .order-list .item div+div:before {
        display: none;
    }

    section.account .order-list .item .btn-default {
        width: 100%;
    }

    section.account .order-detail .order-no span {
        display: inline-block;
        vertical-align: middle;
        font-size: 0.14rem;
    }

    section.account .order-detail .order-no span+span {
        width: 60%;
        margin-left: 0;
        text-align: right;
    }

    section.account .order-detail *+.order-top {
        margin-top: .24rem;
        margin-bottom: .24rem;
    }

    section.account .order-detail .order-top .status {
        display: block;
        width: calc(100% + .24rem);
        margin-left: -.12rem;
        margin-right: -.12rem;
    }

    section.account .order-detail .order-top .status .state span {
        margin-top: .2rem;
        font-size: 0.12rem;
    }

    section.account .order-detail .order-top .links {
        display: block;
        width: 100%;
        margin-top: .24rem;
        text-align: left;
    }

    section.account .order-detail .order-top .links a {
        display: inline-block;
        vertical-align: middle;
    }

    section.account .order-detail .order-top .links a+a {
        float: right;
        margin-top: 0;
    }

    section.account .order-detail .order-top .links a span {
        max-width: calc(100% - .56rem);
        font-size: 0.12rem;
    }

    section.account .order-detail *+.products {
        margin-top: .24rem;
        border: 1px solid #E0E0E0;
        border-radius: 3px;
        padding: 10px;
    }

    section.account .order-detail .product .product-image {
        width: 100%;
        object-fit: contain;
        max-height: 2rem;
        padding: 0.2rem;
    }

    section.account .order-detail .product .product-content {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-left: 0;
    }

    section.account .order-detail .product {
        padding-top: 0;
    }

    section.account .order-detail .product .info {
        width: 100%;
        padding-left: 0;
    }

    section.account .order-detail .product .info .props {
        margin-top: .16rem;
    }

    section.account .order-detail .product .prices {
        display: block;
        width: 100%;
        margin-top: .16rem;
    }

    section.account .order-detail *+.details {
        display: block;
    }

    section.account .order-detail .details .address {
        display: flex;
        width: 100%;
        gap: 0.2rem;
    }

    section.account .order-detail .details .address div {
        width: 50%;
    }

    section.account .order-detail .details .address div+div {
        margin-top: 0rem;
    }

    section.account .order-detail .details .summary {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: .24rem;
        padding-top: .24rem;
        border-top: 1px solid #E0E0E0;
    }


    /* Addresses */

    section.account .addresses .tab-menu a {
        width: 50%;
        padding-left: .1rem;
        padding-right: .1rem;
        text-align: center;
    }

    section.account .addresses .item {
        width: calc(100% - .48rem);
        margin: .24rem;
    }

    section.account form.general.new-address {
        display: none;
    }

    section.account .new-address .actions .btn-default {
        width: calc(100% - .12rem);
    }

    section.account .new-address .actions .btn-default+.btn-default {
        margin-left: 0;
        margin-top: .24rem;
    }


    /* Products */

    section.account .product-list {
        margin-left: -.08rem;
        margin-right: -.08rem;
        padding-top: .16rem;
        padding-bottom: .16rem;
    }

    section.account .product-list .item {
        width: 50%;
        padding: .08rem;
    }

    section.account .product-list .item .image .tag {
        top: .04rem;
        left: .04rem;
    }

    section.account .product-list .item .image .btn-like {
        top: .08rem;
        right: .08rem;
    }

    section.account .product-list .item .image .no-stock {
        display: none;
    }

    section.account .product-list .item .details {
        padding-top: .16rem;
    }

    section.account .product-list .item .details *+.price {
        margin-top: .08rem;
    }

    section.account .product-list .item .details .price span {
        font-size: 0.14rem;
    }

    section.account .product-list .item .details .price span+span {
        margin-left: .08rem;
    }

    section.account .product-list .item .details .note {
        font-size: 0.14rem;
    }

    section.account .product-list .item .details *+.note {
        margin-top: .08rem;
    }


    /* Aboutus  */

    section.aboutus {
        padding-bottom: .24rem;
    }

    section.aboutus .container {
        width: 100%;
    }

    section.aboutus *+.container {
        margin-top: .24rem;
    }

    section.aboutus .text {
        display: block;
        width: 100%;
    }

    section.aboutus .text+.text {
        margin-left: 0;
        margin-top: 1.2em;
    }

    section.aboutus .title~.text {
        margin-top: .24rem;
    }


    /* Contact */

    section.contact {
        padding-top: .24rem;
    }

    section.contact .container {
        width: 100%;
    }

    section.contact .title {
        font-size: 0.18rem;
    }

    section.contact .form-item {
        width: calc(100% - .24rem);
    }


    /* Faq */

    section.faq {
        padding-top: .24rem;
    }

    section.faq .container {
        width: 100%;
    }

    section.faq .main-title {
        font-size: 0.18rem;
    }


    /* Campaigns */

    section.campaigns {
        padding-top: .24rem;
    }

    section.campaigns .container {
        width: 100%;
    }

    section.campaigns .title {
        font-size: 0.28rem;
        text-align: center;
    }

    section.campaigns .item img {
        display: block;
        width: 100%;
    }

    section.campaigns .item .content {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    section.campaigns .item *+.content {
        margin-top: .24rem;
    }

    section.campaigns .item .content .name {
        font-size: 0.18rem;
    }

    section.campaigns .item .content .text {
        line-height: 1.5em;
    }

    section.campaigns .item .content *+.text {
        margin-top: .24rem;
    }


    /* Help */

    section.help {
        padding-top: .24rem;
    }

    section.help .container {
        padding-left: 0;
        padding-right: 0;
    }

    section.help .title-mobile {
        padding-left: .24rem;
        padding-right: .24rem;
        font-weight: 700;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.help .menu {
        display: block;
        width: 100%;
        margin-top: .24rem;
        border-top: 1px solid #E0E0E0;
    }

    section.help .menu a {
        position: relative;
        display: block;
        padding: .24rem;
        padding-right: .56rem;
        font-size: 0.14rem;
        color: #2D2E2C;
    }

    section.help .menu a:after {
        right: .32rem;
    }

    section.help .menu a:last-child {
        border-bottom: 1px solid #E0E0E0;
    }

    section.help .btn-back {
        display: block;
        margin: -.24rem;
        margin-bottom: .24rem;
        padding: .24rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.help .btn-back img {
        display: inline-block;
        vertical-align: middle;
        width: .16rem;
        margin-right: .16rem;
    }

    section.help .btn-back span {
        display: inline-block;
        vertical-align: middle;
        font-weight: 400;
        font-size: 0.14rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.help.active .menu {
        display: none;
    }

    section.help.active .title-mobile {
        display: none;
    }

    section.help .content {
        display: block;
        width: 100%;
        padding: .24rem;
        padding-top: 0;
    }

    section.help .content *+.tab-container {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }


    /* Sync */

    section.sync {
        padding-top: .24rem;
    }

    section.sync .container {
        width: 100%;
    }

    section.sync .item+.item {
        margin-top: .24rem;
    }

    section.sync .item>*:not(form.general),
    section.sync .item form.general>* {
        width: calc(100% - .24rem);
    }

    /* Branch */

    section.branch {
        padding-top: .24rem;
    }

    section.branch .container {
        width: 100%;
    }

    section.branch .top>*+* {
        margin-top: .24rem;
    }

    section.branch .top .title {
        font-size: 0.18rem;
    }

    section.branch .top .form-item {
        width: calc(100% - .12rem);
    }

    section.branch .top .form-item+.form-item {
        margin-left: 0;
        margin-top: .24rem;
    }

    section.branch .item {
        width: calc(100% - .24rem);
    }


    /* Taxitcard */

    section.taxitcard {
        padding-top: .24rem;
    }

    section.taxitcard .container {
        width: 100%;
    }

    section.taxitcard .top .brands {
        width: 100%;
        margin-top: .24rem;
    }

    section.taxitcard .top .card {
        width: 100%;
        margin-left: 0;
    }

    section.taxitcard form {
        position: relative;
        margin: -.12rem 0;
    }

    section.taxitcard *+form {
        margin-top: .24rem;
    }

    section.taxitcard .item>* {
        width: calc(100% - .24rem);
    }

    section.taxitcard .item .sync .btn-default {
        width: 100%;
    }

    section.taxitcard .item .sync *+.btn-default {
        margin-left: 0;
        margin-top: .24rem;
    }

    /* fix */
    section.detail .product-detail-spec table {
        width: 100%;
    }

    section.detail .product .carousel .item-text {
        padding: 0 .24rem;
    }

    section.detail .product .carousel .owl-carousel .owl-item img {
        height: 2.4rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item input[type='file'] {
        padding: .18rem .1rem;
    }

    section.checkout .left form.checkout-form.file-form .form-item label {
        padding: 0.04rem 0.12rem;
    }

    /* Popups  */
    .popup-wrapper {
        padding: .2rem .08rem;
    }

    .popup-container {
        width: calc(100% - .16rem);
        left: .08rem;
        margin-left: 0;
    }

    .popup-container .btn-close {
        top: .24rem;
    }

    .popup-container .title {
        font-size: 0.18rem;
    }

    .popup-wrapper.added-product .detail .product-image {
        width: 1.36rem;
    }

    .popup-wrapper.added-product .detail .info {
        width: calc(100% - 1.36rem);
        padding-left: .16rem;
    }

    .popup-wrapper.added-product .actions .btn-back {
        width: calc(55% - .08rem);
    }

    .popup-wrapper.added-product .actions .btn-default {
        width: calc(45% - .08rem);
        padding-left: .1rem;
        padding-right: .1rem;
    }

    section.main-banner .background-mobile {
        /*position: absolute;*/
        /*left: 0;*/
        /*top: 0;*/
        width: 100%;
        height: 100%;
        display: block;
    }

    section.main-banner .background-mobile img {
        height: 3.2rem !important;
    }

    section.main-banner .background-mobile img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    section.main-banner .background {
        display: none;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        position: absolute;
        top: -0.20rem;
        left: 0.12rem;
        width: 200px;
        overflow: auto;
    }

    .popup-welcome .popup-container {
        width: 100%;
    }

    .popup-welcome .popup-content img {
        width: 100%;
        height: 100%;
    }

    section.blog .container .item-list .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.4rem;
    }

    section.blog .container .item-list .item .image {
        width: 100%;
        height: 3.36rem;
    }

    section.blog .container .item-list .item:nth-child(3n) {
        margin-right: 0;
    }

    section.blog .container .item-list {
        padding-top: 0.2rem;
    }

    section.blog .container .title {
        padding-top: .2rem;
    }

    section.blog .breadcrumb {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 0.1rem;
        padding-bottom: 0.1rem;
        position: relative;
        border-bottom: 1px solid #E0E0E0;
        padding-left: 0.24rem;
        padding-right: 0.24rem;
    }

    section.main-banner .video-area .btn-play {
        width: 0.4rem;
        height: 0.4rem;
    }



    /* BRANDS */

    section.brands .container {
        margin-top: 0.24rem;
    }

    section.brands .container .title {
        font-weight: 400;
        font-size: 0.24rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.brands .container .items {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: .2rem;
        margin-top: .2rem;
    }

    section.brands .container .items .item {
        width: 100%;
    }

    section.checkout .left form.checkout-form.file-form .form-item .form-item-title {
        font-size: .13rem;
        left: 0;
        top: 0;
        position: relative;
        padding-bottom: 0.12rem;
    }


    section.detail .content .form-bottom .btn-default {
        width: 100%;
    }

    .user-guide .items .sub-title {
        font-size: 0.24rem;
        padding-bottom: .24rem;
    }

    .user-guide {
        padding: 0.24rem 0;
    }

    .user-guide .items .items-main {
        flex-direction: column;
    }

    .user-guide .items .items-main .item {
        width: 100%;
        padding: 0;
    }

    .user-guide .items .sub-title+.item {
        padding-top: 0.24rem;
    }

    .user-guide .items .item+.item {
        padding-top: 0.24rem;
    }

    .user-guide .items .item .title {
        font-size: 0.16rem;
    }

    .user-guide .items .item .number {
        font-size: 0.16rem;
    }

    .user-guide .items .item .text {
        font-size: 0.14rem;
    }

    .user-guide .items .item .title+.text {
        padding-top: 0.1rem;
    }

    .owl-main {
        position: relative;
    }

    section.detail .product .iframe-item {
        background: #2cd03e;
        height: 0.45rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        display: block;
        width: 0.5rem;
        margin-top: 0.1rem;
        cursor: pointer;
        padding: 0rem;
        position: absolute;
        right: 0.1rem;
        bottom: 0;
        z-index: 10;
    }

    section.detail .product .images .band {
        display: none;
    }

    section.detail .product .iframe-item.mobile-only {
        display: flex !important;
    }

    footer .container {
        flex-direction: column;
    }

    footer .social-cols {
        margin: 0;
    }

    footer .col {
        margin: 0;
    }

    header .menu .menu-item.colored {
        display: block;
    }

    /*Our Story*/
    section.our-story {
        padding: .4rem 0;
    }

    section.our-story .item {
        flex-direction: column;
    }

    section.our-story .item .images {
        width: 100%;
        padding: 0;
        height: auto;
        margin: 0;
        float: initial;
    }

    section.our-story .item .content {
        margin-top: .24rem;
    }

    section.our-story .item .content+.images {
        margin-top: .24rem;
    }

    section.our-story .item .content .title+.text {
        margin-top: .12rem;
    }

    section.our-story .item .content {
        width: 100%;
        padding: 0;
    }

    section.our-story .item .content .title {
        font-weight: 600;
        font-size: 0.24rem;
    }

    section.our-story .item .content .title.small {
        font-size: 0.24rem;
    }

    section.our-story .item .content .text {
        font-size: 0.14rem;
    }

    section.our-story .item .content .text.large {
        font-size: 0.14rem;
    }

    section.our-story .item+.item {
        margin-top: .24rem;
    }

    section.our-story .item .content .text+.button {
        margin-top: .12rem;
    }

    section.our-story .item .content .button {
        font-size: 0.14rem;
    }

    section.our-story .item.right .images {
        float: initial;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    section.checkout .left form.checkout-form.file-form .form-text-item .form-item .input-error {
        position: relative;
        top: .3rem;
    }


    /* Blog List */

    section.blog-list {
        padding-top: .16rem;
    }

    section.blog-list .top {
        flex-direction: column;
    }

    section.blog-list .left {
        display: none;
    }

    section.blog-list .left:has(.filter-wrapper.active) {
        display: block;
    }


    section.blog-list .right {
        display: block;
        width: 100%;
        margin-left: 0;
    }

    section.blog-list .breadcrumb {
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-left: .24rem;
        padding-right: .24rem;
        padding-bottom: .16rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.blog-list .filter-wrapper {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin-top: 0;
        padding-left: .48rem;
        background-color: rgba(59, 59, 59, 0.48);
        z-index: 100;
    }

    section.blog-list .filter-wrapper.active {
        display: block;
    }

    section.blog-list .filter-wrapper .btn-filter-apply {
        width: 100%;
    }

    section.blog-list .filter-container {
        margin-top: .16rem;
    }

    section.blog-list .filter-bg .filter-flex {
        position: relative;
        height: calc(100% - .5rem);
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }

    section.blog-list .filters-container-main {
        height: calc(100% - .6rem);
        overflow: scroll;
    }

    section.blog-list .filter-bg {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0.16rem;
        background-color: white;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    section.blog-list .filter-bg .filter-top {
        position: relative;
        padding-bottom: .16rem;
        border-bottom: 1px solid #E0E0E0;
    }

    section.blog-list .filter-bg .filter-top .filter-top-title {
        padding-right: .48rem;
        font-weight: 600;
        font-size: 0.16rem;
        line-height: 1.2em;
        color: #2d2e2c;
    }

    section.blog-list .filter-bg .filter-top .btn-filter-close {
        position: absolute;
        right: 0;
        top: -.03rem;
    }

    section.blog-list .filter-bg .filter-top .btn-filter-close img {
        width: .24rem;
    }

    section.blog-list .filter-title {
        font-size: 0.18rem;
    }

    section.blog-list .filters {
        position: relative;
        padding-top: .16rem;
    }

    section.blog-list *+.filter-wrapper {
        margin-top: 0;
    }

    section.blog-list .filters .selected-filters .item+.item {
        margin-top: .08rem;
    }

    section.blog-list .filter-container form.general .form-item input[type='checkbox']~label {
        font-size: .16rem;
    }

    section.blog-list .filters .selected-filters .item div {
        padding: .1rem .24rem;
    }

    section.blog-list .filters>*+* {
        margin-top: .16rem;
    }

    section.blog-list .filters .btn-filter-clear {
        margin-top: .16rem;
    }

    section .list .filters .selected-filters .item span {
        font-weight: 700;
        font-size: 0.14rem;
    }

    section.blog-list .filters+.filter-container {
        margin-top: .24rem;
    }

    section.blog-list .filter+.filter {
        margin-top: .16rem;
    }

    section.blog-list .filter *+.options {
        margin-top: .16rem;
    }

    form.general .range-slider {
        position: relative;
        padding-top: .1rem;
        padding-left: .08rem;
        padding-right: .13rem;
        overflow: hidden;
    }

    form.general .range-slider .noUi-horizontal .noUi-handle {
        width: .16rem;
        height: .16rem;
        right: -.12rem;
        top: -.06rem;
    }

    section.blog-list .right .title {
        font-size: 0.18rem;
    }

    section.blog-list .right .bar {
        padding-top: 0;
        padding-bottom: 0;
        border-top: none;
        border-bottom: none;
    }

    section.blog-list .right .bar .count {
        width: 100%;
        font-size: 0.16rem;
        text-align: center;
    }

    section.blog-list .right .bar *+.count {
        margin-top: .16rem;
    }

    section.blog-list .right .bar .actions {
        width: 100%;
        padding-bottom: .16rem;
        text-align: center;
        border-bottom: 1px solid #E0E0E0;
    }

    section.blog-list .right .bar .actions .btn-filter,
    section.blog-list .right .bar .actions .btn-sort {
        position: relative;
        width: 1.36rem;
        padding: .15rem;
        font-weight: 700;
        font-size: 0.14rem;
        line-height: 1.2em;
        color: #ed1651;
        border-radius: .5rem;
        border: 1px solid #ED1651;
    }

    section.blog-list .right .bar .actions .btn-sort {
        margin-left: .1rem;
    }

    section.blog-list .right .bar .actions .btn-sort select {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
    }

    section.blog-list .right .bar .actions .display {
        width: calc(100% - 2.92rem);
        margin-left: .1rem;
        text-align: right;
    }

    section.blog-list .right .bar .actions *+.display {
        margin-left: 0;
    }

    section.blog-list .right .bar .actions .display a {
        display: none;
    }

    section.blog-list .right .bar .actions .display a.active {
        display: block;
    }

    section.blog-list .right .bar .actions .display a+a {
        margin-left: 0;
    }

    section.blog-list .right .bar .actions .display a img {
        width: .32rem;
    }

    section.blog-list .right .bar .actions .select2-container {
        width: auto !important;
    }

    section.blog-list .products {
        margin-left: -.24rem;
        margin-right: -.24rem;
        padding-top: .24rem;
        padding-bottom: .24rem;
    }

    section.blog-list .products .item {
        width: 100%;
        padding: .08rem;
    }

    section.blog-list .products .item .image {
        margin-bottom: .12rem;
    }

    section.blog-list .products.quadruple {
        padding-left: .16rem;
        padding-right: .16rem;
    }

    section.blog-list .products.quadruple .item {
        width: 50%;
        margin: 0;
    }

    section.blog-list .products .item .image .tag {
        top: .04rem;
        left: .04rem;
        font-size: 0.10rem;
    }

    section.blog-list .products .item .image .tags .tag {
        font-size: 0.10rem;
    }

    section.cart .left .product .btn-remove img {
        width: 0.2rem;
    }

    section.blog-list .products .item .image .btn-like {
        top: .08rem;
        right: .08rem;
    }



    section.blog-list .products .item .details .price span {
        font-size: 0.14rem;
    }

    section.blog-list .products .item .details .price span+span {
        margin-left: .08rem;
    }

    section.blog-list .products .item .details .note {
        font-size: 0.14rem;
    }

    section.blog-list .products .item .details *+.note {
        margin-top: .12rem;
    }

    section.blog-list *+.description {
        margin-top: .24rem;
    }

    section.blog-list .description .title {
        font-size: 0.18rem;
    }

    /* BLOG DETAIL*/

    section.blog-detail .image {
        margin-bottom: .12rem;
    }

    section.blog-detail .image img {
        width: 100%;
        height: auto;
    }

    section.blog-detail .image.half {
        text-align: center;
    }

    section.blog-detail .image.half img {
        width: 100% !important;
    }

    /*
    section.blog-detail .content .title {
        font-size: .14rem !important;
        margin-bottom: .12rem;
    }

        section.blog-detail .content .title h1 {
            font-size: .28rem !important;
        }

        section.blog-detail .content .title h2 {
            font-size: .16rem !important;
        }

        section.blog-detail .content .title h3 {
            font-size: .14rem !important;
        }*/

    section.blog-detail .content .text.font p {
        font-size: .16rem !important;
        margin-bottom: .12rem;
    }

    section.blog-detail .content .text.font h1 {
        font-size: .30rem !important;
    }

    section.blog-detail .content .text.font h2 {
        font-size: .20rem !important;
    }

    section.blog-detail .content .text.font h3 {
        font-size: .18rem !important;
    }

    section.blog-detail .content .text.font h4 {
        font-size: .16rem !important;
    }

    /*Campaign Page*/
    section.campaign-page {
        margin: 20px 0;
    }

    section.campaign-page .content {
        flex-direction: column;
        gap: .3rem
    }

    section.campaign-page .image-container {
        width: 100%
    }

    section.campaign-page .image-container .owl-item {
        width: 3.27rem;
        height: 2.2rem;
        object-fit: contain;
    }

    section.campaign-page .image-container .nav a img {
        width: .63rem;
        height: .42rem;
    }

    section.campaign-page .info-container .title {
        font-size: .24rem;
    }

    section.campaign-page .info-container .text {
        font-size: .16rem;
    }

    section.campaign-page .info-container .description {
        font-size: .14rem;
    }

    section.campaign-page .models .responsive-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    section.campaign-page .form-container {
        z-index: 101;
    }

    section.campaign-page .form-container .form {
        width: 100%;
        min-width: 100%;
        padding: .2rem .24rem;
    }

    section.campaign-page .form-container .form .btn-close {
        top: 0.2rem;
        right: .2rem;
    }

    section.campaign-page .form-container .form .body {
        margin-top: 0;
    }

    section.campaign-page .form-container .form .body h6 {
        font-size: .16rem;
        margin-bottom: .08rem;
    }

    section.campaign-page [type="radio"]:checked+label,
    section.campaign-page [type="radio"]:not(:checked)+label {
        font-size: .12rem;
    }

    section.campaign-page [type="radio"]:checked+label:before,
    section.campaign-page [type="radio"]:not(:checked)+label:before {
        content: '';
        width: .16rem;
        height: .16rem;
    }

    section.campaign-page [type="radio"]:checked+label:after {
        content: '';
        width: 0.10rem;
        height: 0.10rem;
        top: .04rem;
        left: .04rem;
    }

    section.campaign-page .form-container .form .body .form-group {
        padding: .16rem 0;
    }

    section.campaign-page .form-container .form .body .form-group .wrap {
        flex-direction: column;
    }

    section.campaign-page .form-container .form .body .form-group .wrap .form-item {
        width: 100%;
    }

    section.campaign-page form.general .form-item input[type='checkbox']~label:before {
        width: .16rem;
        height: .16rem;
    }

    section.campaign-page form.general .form-item input[type='checkbox']~label {
        font-size: 0.12rem;
    }


    /*Right Sheet*/
    section.right-sheet {}

    section.right-sheet .form-container {
        z-index: 101;
    }

    section.right-sheet .form-container .form {
        width: 100%;
        min-width: 100%;
        padding: .2rem .24rem;
    }

    section.right-sheet .form-container .form .btn-close {
        top: 0.2rem;
        right: .2rem;
    }

    section.right-sheet .form-container .form .body {
        margin-top: 0;
    }

    section.right-sheet .form-container .form .body h6 {
        font-size: .16rem;
        margin-bottom: .08rem;
    }

    section.right-sheet [type="radio"]:checked+label,
    section.right-sheet [type="radio"]:not(:checked)+label {
        font-size: .12rem;
    }

    section.right-sheet [type="radio"]:checked+label:before,
    section.right-sheet [type="radio"]:not(:checked)+label:before {
        content: '';
        width: .16rem;
        height: .16rem;
    }

    section.right-sheet [type="radio"]:checked+label:after {
        content: '';
        width: 0.10rem;
        height: 0.10rem;
        top: .04rem;
        left: .04rem;
    }

    section.right-sheet .form-container .form .body .form-group {
        padding: .16rem 0;
    }

    section.right-sheet .form-container .form .body .form-group .wrap {
        flex-direction: column;
    }

    section.right-sheet .form-container .form .body .form-group .wrap .form-item {
        width: 100%;
    }

    section.right-sheet form.general .form-item input[type='checkbox']~label:before {
        width: .16rem;
        height: .16rem;
    }

    section.right-sheet form.general .form-item input[type='checkbox']~label {
        font-size: 0.12rem;
    }


    /* Plate Query */


    section.plate-query {
        margin: .6rem 0;
    }

    section.plate-query .content {
        gap: .3rem;
    }

    section.plate-query .content .query-container .message {
        font-size: 0.12rem;
    }


    section.plate-query .content .help-icon {
        width: 1.45rem;
        height: 1.45rem;
    }

    section.plate-query .content .info {
        font-size: .16rem;
        margin: 0 .12rem;
    }

    section.plate-query .content .query-container button {
        margin-top: .06rem;
    }

    section.plate-query .result {
        margin-top: .16rem;
        gap: .16rem;
    }


    section.plate-query .result .contact-us {
        background: rgba(245, 245, 245, 1);
        width: 100%;
        height: 0.72rem;
        gap: .06rem;
    }

    section.plate-query .result .contact-us .title {
        font-size: 0.14rem;
    }

    section.plate-query .result .contact-us .branch {
        font-size: 0.16rem;
    }

    section.plate-query .result .contact-us .phone-container span {
        font-size: .16rem;
    }

    section.plate-query .result .contact-us .phone-container img {
        width: .21rem;
        height: .21rem;
    }

    section.plate-query .result .contact-us .phone-container {
        gap: .12rem;
    }

    section.plate-query .result .pdf-row {
        flex-direction: column;
        width: 100%;
    }

    section.plate-query .result .pdf-item {
        gap: .06rem;
        height: .4rem;
    }

    section.plate-query .result .pdf-item span {
        font-size: .14rem;
    }

    section.plate-query .result .pdf-item img {
        width: .16rem;
        height: .16rem;
    }

    section.plate-query .result .product {
        width: 100%;
        gap: .12rem;
        margin-top: .16rem;
    }


    section.plate-query .result .product .title {
        font-size: .2rem;
    }

    section.plate-query .result .product .item {
        width: 100%;
        height: 3.43rem;
    }

    section.plate-query .result .product .item .image {
        height: 2.2rem;
    }

    section.plate-query .result .product .item .detail {
        margin-top: .2rem;
    }

    section.plate-query .result .product .item .detail .name {
        font-size: .2rem;
    }

    section.plate-query .result .product .item .detail .pdf-item img {
        width: .24rem;
        height: .24rem;
    }

    section.plate-query .result .product .pdf-item {
        padding: .12rem;
        width: 100%;
        gap: .06rem;
        justify-content: center;
    }

    section.plate-query .result .product .pdf-item img {
        width: .16rem;
        height: .16rem;
    }

    /*Basic Page*/

    section.basic-page .title {
        font-size: .32rem;
        font-weight: 700;
        line-height: 1.2;
    }

    section.basic-page .text {
        font-size: .16rem;
        font-weight: 500;
        line-height: 1.5;
    }

    section.basic-page .buttons {
        flex-direction: column;
    }

      section.basic-page .buttons .btn-default {
        width: 100%;
    }

    section.basic-page .table .table-resppnsive {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    section.blog-detail .content p {
        font-size: .16rem !important;
    }

    section.blog-detail .content h1 {
        font-size: .30rem !important;
    }

    section.blog-detail .content h2 {
        font-size: .20rem !important;
    }

    section.blog-detail .content h3 {
        font-size: .18rem !important;
    }

    section.blog-detail .content h4 {
        font-size: .16rem !important;
    }

    section.basic-page .content ul li {
        font-size: .14rem !important;
    }


}