﻿.w-mobile-menu {
    display: none;
}

@media screen and (max-width: 1750px) {
    .w-home-ir-content {
        max-width: 75%;
    }
}

@media screen and (max-width: 1600px) {
    .w-header {
        max-width: 92%;
    }

    .w-banner-modal h6 {
        font-size: 20px;
    }

    .w-banner-cname h5 {
        font-size: 20px
    }

    .w-banner-inner-right .w-banner-modal {
        z-index: 99;
    }
    .w-banner-inner-left .w-banner-modal {
        padding: 0 50px 0 150px;
        z-index: 99;
    }

    .w-banner-btn.active {
        z-index: 999;
    }

    .w-banner-price3-label {
        font-size: 18px;
    }

    .w-banner-stock-btn {
        padding: 15px;
        font-size: 15px;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .w-banner-stock-bottom {
        column-gap: 20px;
    }

    .w-aboutus-intro p {
        font-size: 34px;
    }

    .card-right img {
        height: 420px;
    }

    .w-home-ir-content {
        max-width: 90%;
    }

    .w-home-report-label {
        font-size: 22px;
    }

    .w-home-sustain-content {
        max-width: 90%;
    }

    .w-home-media-content {
        padding: 80px;
    }

    .w-footer {
        padding: 40px;
    }
    
    .w-inner-c-p160,
    .w-inner-c-p160-media {
        padding: 60px 40px;
    }

    .w-nav-layer3 {
        row-gap: 10px;
        flex-direction: column;
        display: flex;
    }
}

@media screen and (max-width: 1480px) {
    .w-home-ir-content {
        max-width: 100%;
    }
}

@media screen and (max-width: 1400px) {
    #CoreValueDiv .card-title {
        font-size: 22px;
    }
    
    .w-header {
        padding: 30px;
        max-width: 100%;
    }

    header.is-sticky .w-header {
        padding: 25px;
    }

    header.is-sticky .w-nav-menu-item>div {
        font-size: 16px;
    }

    .w-nav-menu-item a,
    .w-nav-menu-item>div {
        font-size: 16px;
    }

    nav ul li:last-child .w-nav-layer1 {
        right: 0;
    }

    .w-banner-inner-left h3,
    .w-banner-inner-right h3 {
        font-size: 36px;
        line-height: 1.25;
    }

    .w-inner-banner {
        padding: 0 30px;
    }

    .w-banner-inner-right .w-banner-modal,
    .w-banner-inner-left .w-banner-modal {
        max-width: 60%;
    }

    .w-aboutus-intro p {
        font-size: 28px;
        line-height: 1.35;
    }

    .w-home-aboutus-content {
        padding: 80px;
        column-gap: 45px;
    }

    .w-home-products-item:first-child {
        padding: 80px;
    }

    .w-home-aboutus {
        min-height: auto;
    }

    .card-number {
        font-size: 48px;
    }

    .card-title {
        font-size: 64px;
        margin: 5px 0 30px 0;
    }

    .w-home-sustain-left p {
        margin-top: 15px;
    }

    .w-home-sustain-right p,
    .w-home-sustain-left p {
        font-size: 16px;
    }

    .w-home-media-content {
        padding: 40px;
    }

    .w-home-media-details {
        column-gap: 40px;
    }

    .w-home-media-day {
        font-size: 48px;
    }

    .w-home-media-title {
        font-size: 18px;
    }

    .w-footer-tright {
        column-gap: 40px;
    }

    .w-news-grid {
        column-gap: 20px;
        row-gap: 30px;
    }

    .w-news-item figure {
        height: 100%;
    }

    .w-news-desc h3 {
        font-size: 16px;
    }
    
    .w-srdeh-item {
        padding: 0;
    }

    .w-srdeh-item>h6 {
        font-size: 16px;
    }

    nav ul li:nth-last-child(2) .w-nav-layer1 {
        min-width: 200px;
    }

    .w-sustain-main--2 > div {
        padding: 60px;
    }

    .btn-periodgroup {
        padding-bottom: 10px;
        column-gap: 25px;
        overflow-x: auto;
    }

    .w-g-video {
        grid-template-columns: 1.5fr 1fr;
    }
}

@media screen and (max-width: 1199px) {
    nav {
        display: none;
    }

    .w-header-top {
        justify-content: space-between;
    }

    .w-header-tools {
        align-items: center;
        position: relative;
    }

    .w-aboutus-banner {
        min-height: 420px;
        height: 75svh;
    }

    .w-inner-banner h2 {
        font-size: 52px;
    }

    .w-mobile-menu {
        margin-left: 10px;
        display: flex;
        color: white;
    }

    .w-mobile-menu i {
        font-size: 32px;
        cursor: pointer;
    }

    .w-header-social ul,
    .w-header-lang ul {
        top: 10px;
        row-gap: 10px;
    }

    html.mobile-active,
    body.mobile-active {
        overflow-y: hidden;
    }

    .w-header-top {
        z-index: 15210;
    }

    html.mobile-active nav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 400px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.85);
        z-index: 9999;
    }

    nav>ul {
        margin: 130px auto;
        width: 100%;
        max-width: 460px;
        height: 100%;
        max-height: 75vh;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .w-nav-menu-item {
        width: 100%;
        padding: 15px 25px;
    }

    .w-nav-menu-item>div,
    .w-nav-menu-item a {
        padding: 0;
        width: 100%;
    }

    .w-nav-layer1 {
        padding: 0;
        row-gap: 0;
        top: auto;
        position: relative;
        min-width: initial;
        background-color: transparent;
    }

    .w-nav-layer1>li {
        border-bottom: 1px solid #c7d3d2;
        font-size: 16px;
        background-color: #e1ebea;
    }

    .w-nav-layer1>li>div,
    .w-nav-layer1>li>a {
        padding: 15px 25px;
        font-size: 16px;
        background-color: #e1ebea;
    }

    .w-nav-layer2.is-active {
        margin: 0;
        padding: 15px 25px;
    }

    header.is-sticky {
        background-color: #0c4b4a;
    }

    header.is-sticky .w-header {
        padding: 15px 25px;
    }

    header.is-sticky .w-header-top {
        display: flex;
    }

    header.is-sticky .w-nav-menu-item a,
    header.is-sticky .w-nav-menu-item>div {
        color: white;
    }

    .w-banner-inner-left .w-banner-modal {
        height: auto;
    }

    .w-banner-inner-right .w-banner-modal,
    .w-banner-inner-left .w-banner-modal {
        max-width: 80%;
    }

    .w-banner,
    .w-banner-content {
        min-height: 60svh;
        position: relative;
    }

    .w-home-aboutus-content {
        row-gap: 40px;
        flex-direction: column;
        display: flex;
    }

    .w-aboutus-intro p {
        margin: 0 0 40px;
    }

    .card-right img {
        height: 360px;
        max-height: 360px;
    }

    .card-item {
        min-height: 500px;
        column-gap: 30px;
    }

    .card-number {
        font-size: 32px;
    }

    .card-title {
        font-size: 42px;
        margin: 5px 0 30px 0;
    }

    .card-desc {
        margin-bottom: 30px;
    }

    .dot {
        width: 40px;
        height: 40px;
        border: 10px solid var(--red-color);
    }

    .w-home-products-operations {
        min-height: 52.5svh;
    }

    .w-home-products-operations .w-title {
        padding: 0 80px;
        top: 5%;
    }

    .w-home-products-operations .w-btn {
        top: initial;
        bottom: 35px;
    }

    .w-home-ir-content {
        flex-direction: column;
        display: flex;
    }

    .w-home-ir-day {
        font-size: 48px;
    }

    .w-home-report-label {
        font-size: 18px;
    }

    .w-home-report-year {
        font-size: 24px;
    }

    .w-home-sustain-icon,
    .w-home-sustain-earth {
        display: none;
    }

    .w-home-sustain {
        min-height: auto;
    }

    .w-home-sustain-content {
        column-gap: 60px;
        grid-template-columns: 1fr 1fr
    }

    .w-home-sustain-center {
        margin-bottom: 60px;
        padding: 0;
        width: 100%;
        grid-column: span 2 / span 2;
        justify-content: space-between;
        flex-direction: row;
    }

    .w-home-sustain-center .w-title.green {
        color: var(--green-color);
    }

    .w-home-sustain-left {
        grid-column-start: 1;
        grid-row-start: 2;
    }

    .w-home-sustain-right {
        grid-row-start: 2;
    }

    .w-home-media-top {
        margin: 30px 0 40px; 
        row-gap: 40px;
        grid-template-columns: 1fr;
    }

    .w-home-ir-item {
        padding: 30px;
    }

    .w-home-career-content {
        padding: 40px;
    }

    .w-footer-top {
        row-gap: 30px;
        align-items: center;
        flex-direction: column;
    }

    .w-footer-tright {
        display: none;
    }

    .w-footer-center {
        margin: 20px 0 30px;
        padding: 30px 0;
    }
    
    .w-footer-center div {
        margin-top: 0;
        font-size: 16px;
    }

    .w-footer-bottom p {
        font-size: 14px;
    }

    .w-inner-c-p160 {
        padding: 40px;
    }

    .w-sustain-main--1 .w-sub-title,
    .w-srd-intro h1,
    .w-aboutus h1 {
        font-size: 24px;
    }

    .w-opv {
        column-gap: 30px;
    }

    .w-opv-item h6 {
        font-size: 20px;
    }

    .w-cgo-bc-3-grid {
        row-gap: 40px;
        grid-template-columns: repeat(1, 1fr);
    }

    #CgdListDiv li {
        align-items: flex-start;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .w-cgd-date {
        grid-column: span 3 / span 3;
    }

    .w-cgd-title {
        grid-column: span 3 / span 3;
        grid-row: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 2;
    }

    #CgdListDiv li a {
        grid-row: span 3 / span 3;
        grid-column-start: 4;
        grid-row-start: 2;
    }

    .w-life h1 {
        font-size: 24px;
    }
    
    .w-news-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .w-cjy .w-title {
        margin: 0 auto 40px;
    }

    .w-cjy-row {
        margin-bottom: 0;
        row-gap: 40px;
        flex-direction: column-reverse;
        display: flex;
    }

    .w-cjy-details p span {
        font-size: 18px;
    }

    .w-cjy-left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .w-cjy-ditem {
        align-items: center;
    }

    .w-cjy-details p {
        line-height: 1.5;
        font-size: 16px;
        text-align: center;
    }

    .w-solomon-highlight-content {
        align-items: center;
        flex-direction: column;
        display: flex;
    }

    .w-solomon-highlight-content .w-cjy {
        row-gap: 20px;
    }

    .w-solomon-highlight-content .w-sub-title {
        margin: 0 auto;
    }

    .w-products {
        max-width: 640px;
    }

    .split-layout-container {
        width: 100%;
        flex-direction: column;
        display: flex;
    }

    .visual-section {
        height: 420px;
        flex: initial;
        background-position: center!important;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: auto;
    }

    .data-section {
        padding: 25px;
    }
    
    .data-header {
        margin: 0 auto;
    }

    .data-header h2 {
        font-size: 18px;
    }

    .stat-value {
        font-size: 22px;
    }

    .w-srdet-right h6::after {
        display: none;
    }

    .w-srd-esg-target {
        column-gap: 25px;
    }

    .w-srdet-right {
        background-color: transparent;
    }

    .w-srdet-right h6 {
        font-size: 18px;
    }

    .w-srdeh-content {
        row-gap: 40px;
        flex-direction: column;
        display: flex;
    }

    .w-srdeh-item {
        row-gap: 10px;
        flex-direction: column;
        display: flex;
    }

    .w-srdeh-value {
        width: 100%;
    }

    .w-srdeh-value ul {
        margin-left: 0;
        width: 100%;
    }

    .w-srdeh-value ul li {
        padding: 20px 0;
        width: 100%;
    }

    .w-srdeh-item>h6 {
        margin: 0 auto;
    }

    #SustainDetails2Div .w-sustain-main--2:nth-child(2n) > div,
    .w-sustain-main--2 > div {
        padding: 40px 25px;
        row-gap: 30px;
        align-items: center;
        flex-direction: column-reverse;
    }

    .w-sustain-main--2 figure {
        max-width: 100%;
    }

    .w-sustain-main--2 figure img {
        max-width: 100%;
    }

    .w-sustain-desc > p {
        margin-top: 30px;
    }

    .w-g-video {
        row-gap: 40px;
        align-items: center;
        flex-direction: column;
        display: flex;
    }
    
    .w-g-video-left {
        padding: 0;
        border-right: none;
        border-bottom: 1px solid var(--green-color);
    }

    .w-g-video-right {
        width: 100%;
    }

    .w-g-video-left .plyr {
        height: auto;
    }

    .w-g-video-list img {
        height: auto;
        max-width: initial;
    }
}

@media screen and (max-width: 991px) {

    .w-banner-inner-left h3, .w-banner-inner-right h3 {
        text-align: left;
    }

    .w-banner-inner-left, .w-banner-inner-right {
        column-gap: 20px;
        padding: 0 25px;
        justify-content: center;
    }

    .w-banner-inner-left h3,
    .w-banner-inner-right h3 {
        font-size: 24px;
    }

    .card-right img {
        height: 300px;
        object-fit: contain;
    }

    .card-desc {
        margin-bottom: 0;
    }

    .card-desc p {
        font-size: 16px;
    }

    .card-number {
        font-size: 24px;
    }

    .card-title {
        margin: 5px 0 25px 0;
        font-size: 30px;
    }

    .card-desc {
        margin-bottom: 20px;
        width: 100%;
    }

    .card-desc p {
        font-size: 18px;
    }

    .card-item {
        row-gap: 20px;
        align-items: center;
        flex-direction: column-reverse;
        display: flex;
    }

    .card-left {
        width: 100%;
    }

    .w-home-ir-title {
        padding: 25px;
    }

    .w-home-ir-desc2 {
        row-gap: 40px;
        padding: 0 25px 40px;
        flex-direction: column;
        display: flex;
    }

    .w-home-sustain-content {
        padding: 25px 0;
    }

    .w-home-media-other-list li {
        column-gap: 30px;
    }

    .w-home-media-other-list li span {
        font-size: 15px;
    }

    .w-home-ir-name {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .w-footer-center {
        row-gap: 30px;
        align-items: center;
        flex-direction: column;
    }

    .w-footer-c1,
    .w-footer-c2,
    .w-footer-c3,
    .w-footer-c4 {
        width: 100%;
    }

    .w-aboutus-item {
        row-gap: 30px;
        flex-direction: column;
        display: flex;
    }

    .w-aboutus-item:nth-child(2){
        flex-direction: column-reverse;
    }

    .w-aboutus figure img {
        height: 100%;
        max-width: 520px;
        aspect-ratio: 4/3;
        object-position: center;
    }

    .w-aboutus .ir-video-wrapper {
        margin: 0 auto 40px;
    }

    .w-opv {
        row-gap: 40px;
        grid-template-columns: repeat(1, 1fr);
    }

    .w-sub-title {
        font-size: 20px;
    }

    .w-faqs {
        row-gap: 30px;
        flex-direction: column-reverse;
        display: flex;
    }

    .w-faq-card {
        max-width: 100%;
    }

    .w-faq-item > div {
        column-gap: 5px;
        justify-content: center;
    }

    .w-faq-item {
        row-gap: 20px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .w-cjy-grid {
        flex-direction: column;
        display: flex;
    }

    .w-cjy-item {
        align-items: center;
    }

    .w-cjy-count {
        text-align: center;
    }

    .w-cjy-value p {
        text-align: center;
    }

    .w-cjy-mr-label::after {
        display: none;
    }

    .w-cjy-mr-label {
        width: 100%;
        text-align: center;
    }

    .w-sustain-rd {
        row-gap: 60px;
    }

    .w-srd-esg-target {
        row-gap: 40px;
        flex-direction: column;
        display: flex;
    }

    .w-srdet-right {
        text-align: center;
    }

    .w-faq-item p {
        text-align: center;
    }

    #EmailAlertDiv2 {
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }

    #EmailAlertDiv a.btn{
        margin-bottom: 30px;
    }

    .stock-company-name {
        font-size: 18px;
        text-align: center;
    }

    .stock-update-time {
        text-align: center;
    }

    .stock-price-lastupdate {
        text-align: center;
    }

    .stock-price-box {
        row-gap: 10px;
        padding: 10px 0;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .stock-price-value {
        width: 100%;
        line-height: 1;
        font-size: 26px;
        text-align: center;
    }

    .stock-price-change, .stock-price-changepercentage {
        margin-left: 0;
        line-height: 1;
        font-size: 26px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .stock-price-changepercentage span, .stock-price-change span {
        font-size: 24px;
    }

    .stock-od-item {
        width: 100%;
    }

    .btn-periodgroup .btn {
        font-size: 16px;
    }

    .sod-label,
    .sod-value {
        font-size: 14px;
        align-items: center;
        display: flex;
    }

    .stock-price-note {
        row-gap: 10px;
        align-items: center;
        flex-direction: column;
    }

    .w-banner-inner-right .w-banner-modal, .w-banner-inner-left .w-banner-modal {
        max-width: 100%;
    }

    .w-banner-inner-right .w-banner-modal {
        padding: 25px;
        height: 100%;
    }

    .w-banner-inner-right .w-banner-modal {
        padding: 25px;
        height: 100%;
    }
    .w-banner-inner-left .w-banner-modal {
        padding: 25px;
        height: 65svh;
    }

    .w-banner-btn.active {
        top: 35%;
        right: 2.5%;
        position: absolute;
    }
}

@media screen and (max-width: 767px) {

    .w-banner-inner-left h3, .w-banner-inner-right h3 {
        font-size: 18px;
    }

    .w-home-products-item:first-child,
    .w-home-aboutus-content {
        padding: 40px;
    }

    .w-aboutus-intro p {
        font-size: 20px;
    }

    .w-aboutus-intro {
        align-items: center;
    }

    .w-aboutus-intro p {
        text-align: center;
    }

    .w-aboutus-desc {
        row-gap: 25px;
    }

    .w-home-products-operations .w-title {
        padding: 40px 40px 0;
        position: relative;
    }

    .dot {
        width: 25px;
        height: 25px;
        border: 8px solid var(--red-color);
    }

    .loc-tibet {
        top: 32%;
    }

    .region {
        padding-bottom: 10px;
        font-size: clamp(14px, 1.5vw, 28px);
    }

    .w-home-sustain-content {
        column-gap: 25px;
    }

    .w-home-media-day {
        font-size: 36px;
    }

    .w-home-media-details {
        column-gap: 20px;
    }

    .w-home-media-other-list li {
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }

    .w-home-ir-desc {
        flex-direction: column;
    }

    .w-home-media-other-title {
        margin: 10px 0 20px;
    }

    .w-inner-banner h2 {
        font-size: 32px;
    }

    .w-banner, .w-banner-content {
        min-height: 60svh;
        height: 60svh;
    }

    .w-bm-item .w-sub-title {
        padding: 10px 15px;
        font-size: 14px;
        row-gap: 5px;
        margin: 0 auto;
    }

    .w-bm-item .w-sub-title i {
        font-size: 14px;
    }

    .w-bm-position {
        font-size: 16px;
    }

    .w-banner-stock-bottom {
        row-gap: 15px;
        flex-direction: column;
    }
    
    .w-banner-stock-bottom,
    .w-banner-cname,
    .w-banner-stock-detail2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .w-header-top a img {
        max-width: 60px;
    }

    .w-header-social, .w-header-lang {
        width: 35px;
        height: 35px;
    }

    .w-header-lang-text {
        font-size: 14px;
    }

    .w-header-social img {
        max-width: 15px;
    }

    p {
        font-size: 16px;
    }

    .w-aboutus-pintro p {
        font-size: 16px;
    }

    .w-inner-c-p160 {
        padding: 40px 25px;
    }

    #StoryDiv {
        padding: 40px 0;
    }
    
    .w-home-media-details {
        align-items: flex-start;
        flex-direction: column;
    }

    .w-home-media-date {
        row-gap: 10px;
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }

    .w-home-media-title {
        margin-top: 10px;
    }

    .w-home-media-top figure img {
        border-radius: 20px;
        height: 320px;
    }

    .w-sustain-main--1 .w-sub-title,
    .w-srd-intro h1,
    .w-aboutus h1 {
        font-size: 18px;
    }

    /* .ir-video-wrapper .plyr {
        height: 280px;
    } */
    
    /* .ir-video-wrapper .plyr__video-wrapper, 
    .ir-video-wrapper video {
        height: 280px;
    } */

    .custom-play-btn {
        width: 50px;
        height: 50px;
    }

    .w-inner-content .w-title {
        margin-bottom: 40px;
        font-size: 18px;
    }

    .w-sub-title {
        font-size: 18px;
    }

    .w-cgo-bc li {
        font-size: 16px;
    }

    .w-cgo-bc-3-label {
        font-size: 16px;
    }

    .w-life h1 {
        font-size: 18px;
    }

    .card-title {
        font-size: 24px;
    }

    .list-story-swiper {
        padding: 40px 25px 0;
    }

    .wanguo-card {
        padding: 25px 20px;
    }

    .w-news-item {
        flex-direction: column;
        display: flex;
    }

    .stats-grid {
        gap: 25px;
        margin-bottom: 25px;
        grid-template-columns: repeat(1, 1fr);
    }

    .visual-overlay-card h3 {
        font-size: 18px;
    }

    .visual-overlay-card {
        width: 100%;
        bottom: 0;
        row-gap: 15px;
        align-items: flex-start;
        flex-direction: column;
    }

    .w-product-type h6 {
        font-size: 14px;
    }

    .w-srdeh-value li h6 {
        font-size: 16px;
    }

    .list-card-title {
        margin-bottom: 20px;
    }

    .w-banner-btn.active {
        top: 32.5%;
    }

    #PCopperDiv .stats-grid .stat-item:nth-child(3) {
        grid-column: initial;
    }

    .visual-overlay-card {
        backdrop-filter: blur(4px);
        text-align: center;
        align-items: center;
        position: relative;
    }

    .w-product-type p {
        text-align: center;
    }

    .w-banner-btn:hover {
        transform: initial;
    }

    .w-banner-inner-right .w-banner-modal h6 {
        margin-bottom: 40px;
    }

    .w-banner-inner-right .w-banner-modal {
        height: 75%;
    }
    
    .w-banner-inner-left, .w-banner-inner-right {
        margin-top: 10px;
    }
}

@media screen and (max-width: 575.98px) {
    html.mobile-active nav {
        max-width: 100%;
    }

    .card-item {
        padding: 20px;
    }

    .card-desc p {
        font-size: 16px;
    }

    .loc-tibet {
        top: 28%;
    }

    .w-title {
        font-size: 20px;
    }

    .w-btn {
        min-width: 120px;
    }
    
    .w-home-sustain-center {
        margin-bottom: 40px;
        grid-column: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 1;
    }

    .w-home-sustain-left {
        margin-bottom: 40px;
        grid-column: span 2 / span 2;
        grid-column-start: 1;
        grid-row-start: 2;
    }

    .w-home-sustain-right {
        grid-column: span 2 / span 2;
        grid-row-start: 3;
    }

    .w-banner-content {
        justify-content: center;
        flex-direction: column;
    }

    .w-banner-inner-left, .w-banner-inner-right {
        width: 100%;
    }

    .w-banner-inner-left {
        justify-content: flex-start;
    }

    .w-banner-inner-right {
        justify-content: flex-end;
    }

    .visual-section {
        height: 320px;
    }

    #ReportImg1, #ReportImg2 {
        width: 240px!important;
    }

    .pagination a {
        padding: 2.5px 10px;
        border-radius: 25px;
    }

    .text_date,
    .text_remark {
        font-size: 13px;
    }

    .frame_calendar_tablehd {
        padding-right: 5px;
    }

    .check_box {
        font-size: 14px;
    }

    .wanguo-cards-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .w-sustain-inner-sub-title {
        font-size: 18px;
    }

    .w-banner-stock-detail2 {
        margin-top: 15px;
    }

    .w-banner-price3-value,
    .w-banner-price3-label,
    .w-banner-cname h5 {
        font-size: 16px;
        line-height: 1;
    }

    .w-banner-cname {
        row-gap: 12.5px;
        flex-direction: column;
    }

    .w-banner-btn {
        width: 40px;
        height: 40px;
    }

    .w-banner-btn img {
        max-width: 18px;
    }

    .w-banner-stock-btn {
        padding: 10px;
    }

    .w-banner-btn.active {
        right: 5%;
    }

    .w-home-products-operations .w-btn {
        bottom: 5px;
    }

    .w-srdet-left img {
        height: 280px;
    }
}