@media screen and (max-width: 1920px) and (min-width: 912px) {

    .footer,
    .policy,
    .product,
    .why,
    .banner,
    .header,
    .policy-banner {
        min-width: 1280px;
    }
}

@media screen and (max-width: 912px) and (min-width: 576px) {
    .header {
        width: 100%;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-img {
        width: 30%;
    }

    .header-btn {
        width: 80%;
        font-size: 15px;
    }

    .banner-title {
        position: absolute;
        top: 50%;
        right: 14px;
        transform: translateY(-50%);
    }

    .banner-title :first-child {
        font: normal normal bold 35px/50px Open Sans;
    }

    .banner-title :last-child {
        font: normal normal bold 21px/50px Open Sans;
    }

    .why {
        margin-top: 48px;
        width: 100%;
    }

    .why-header {
        height: 150px;
    }

    .why-header .yellow-bg {
        height: 45px;
    }

    .why-header .title {
        font: normal normal bold 40px/186px Open Sans;
    }

    .why-q1 {
        font: normal normal bold 30px/65px Open Sans;
        margin: 0px 40px;
    }

    .why-q1 :last-child {
        font: normal normal normal 21px/30px Open Sans;
    }

    .why-q2 {
        margin: 40px 40px;
    }

    .why-q2 :first-child {
        font: normal normal bold 30px/55px Open Sans;
    }

    .choose-items {
        margin-top: 30px;
    }

    .choose-item .title {
        font: normal normal normal 15px/20px Open Sans;
        margin: 0 40px;
        margin-top: 30px;
    }

    .choose-bar {
        height: 120px;
    }

    .product-header p {
        font: normal normal bold 31px/135px Open Sans;
    }

    .product-header :first-child,
    .product-header :last-child {
        height: 40px;
    }

    .product-content {
        font: normal normal normal 20px/35px Open Sans;
        margin: 10px 40px;
    }

    .product .product-img,
    .product-img :last-child {
        height: 372px;
    }

    .product-bottom {
        margin-top: 18px;
        font: normal normal 30px/160px Open Sans;

    }

    .policy-header {
        margin-top: 50px;
    }

    .policy-header p {
        margin-left: 40px;
        margin-right: 5px;
        font: normal normal bold 40px/40px Open Sans;
    }

    .policy-header :last-child {
        height: 40px;
        background: #E9BB1B 0% 0% no-repeat padding-box;
    }

    .policy-content {
        margin-top: 50px;
        margin-left: 40px;
    }

    .policy-content .content {
        font: normal normal normal 18px/25px Open Sans;
    }

    .policy-btn {

        height: 75px;
        border-radius: 10px;
        font: normal normal bold 18px/25px Open Sans;
    }

    .footer {
        margin-top: 66px;
        padding: 0% 0;
    }

    .sub-left .title p {
        width: 200px;
        height: 95px;
        font: normal normal bold 25px/92px Open Sans;
    }

    .triangle {
        border-left: 19px solid #E9BB1B;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .sub-tips {
        height: 32px;
        font: normal normal normal 15px/21px Open Sans;
    }

    .sub-follow .title {
        font: normal normal 600 15px/92px Open Sans;
        letter-spacing: 0px;
        color: #E9BB1B;
    }

    .sub-follow .icon {
        width: 37px;
        height: 25px;
        border-radius: 5px;
        padding: 5px;
    }

    .sub-follow .icon img {
        height: 20px;
    }

    .footer-detail .title {
        font: normal normal normal 12px/23px Open Sans;
    }

    /* policy page*/
    .policy-banner-title {

        font: normal normal bold 60px/70px Open Sans;
    }

    .content {
        padding: 25px;
        font: normal normal normal 15px/21px Open Sans;
    }

}

@media screen and (max-width: 576px) {
    .header {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-img {
        width: 15%;
    }

    .header-btn {
        width: 85%;
        font-size: .75rem;
        text-align: center;
    }

    .banner-title {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .banner-title :first-child {
        font: normal normal bold 1.125rem/30px Open Sans;
    }

    .banner-title :last-child {
        font: normal normal bold .9375rem/20px Open Sans;
    }

    .why {
        margin-top: 20px;
        width: 100%;
    }

    .why-header {
        height: 50px;
    }

    .why-header .yellow-bg {
        height: 20px;
    }

    .why-header .title {
        font: normal normal bold 2.1875rem/186px Open Sans;
    }

    .why-q1 {
        font: normal normal bold 1.3125rem/45px Open Sans;
        margin: 0px 20px;
    }

    .why-q1 :last-child {
        font: normal normal normal .9375rem/25px Open Sans;
    }

    .why-q2 {
        margin: 20px 20px;
    }

    .why-q2 :first-child {
        font: normal normal bold 1.3125rem/45px Open Sans;
    }
    .choose-item-icon {
        border-radius: 10px;
    }

    .choose-item .title {
        font: normal normal normal .75rem/15px Open Sans;
        margin: 0 10px;
        margin-top: 30px;
    }

    .choose-bar {
        height: 120px;
    }

    .product {
        margin-top: 40px;
    }

    .product-header p {
        font: normal normal bold 1.125rem/65px Open Sans;
    }

    .product-header :first-child,
    .product-header :last-child {
        height: 20px;
    }

    .product-content {
        font: normal normal normal .9375rem/25px Open Sans;
        margin: 10px 40px;
    }

    .product .product-img,
    .product-img :last-child {
        height: 172px;
    }

    .product-bottom {
        margin-top: 18px;
        font: normal normal 20px/50px Open Sans;

    }

    .policy-header {
        margin-top: 40px;
    }

    .policy-header p {
        margin-left: 20px;
        margin-right: 5px;
        font: normal normal bold 30px/40px Open Sans;
    }

    .policy-header :last-child {
        height: 32px;
    }

    .policy-content {
        margin-top: 30px;
        margin-left: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .policy-content .content {
        width: 90%;
        font: normal normal normal .75rem/15px Open Sans;
        padding: 0;

    }

    .policy-content .content-right {
        margin-top: 20px;
        width: 100%;
    }

    .policy-btn {

        height: 35px;
        border-radius: 6px;
        font: normal normal bold .75rem/25px Open Sans;
    }

    .footer {
        margin-top: 50px;
    }

    .sub-left .title {
        display: flex;
        align-items: center;
    }

    .sub-left .title p {
        width: 120px;
        font: normal normal bold .9375rem Open Sans;

    }

    .triangle {
        border-left: 12px solid #E9BB1B;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }



    .sub-right-top {
        margin-top: 0px;
        margin-left: 5px;
        height: 28px;
        border-radius: 5px;
        font-size: .75rem;
    }

    .sub-btn {
        width: 66px;
        height: 20px;
        border-radius: 5px;

        line-height: 20px;
    }

    .sub-tips {
        height: 50px;
        margin-top: 10px;

        font: normal normal normal .75rem/21px Open Sans;
    }

    .sub-follow {
        height: 50px;
    }

    .sub-follow .title {
        font: normal normal 600 .75rem Open Sans;
    }

    .sub-follow .icon {
        width: 30px;
        height: 20px;
        border-radius: 5px;
        padding: 1px;
    }

    .sub-follow .icon img {
        height: 15px;
    }

    .bar {
        display: none;

    }

    .footer-detail img {
        display: none;
    }

    .footer-detail .title {
        font: normal normal normal .75rem/23px Open Sans;
    }

    /* policy page*/
    .policy-banner-title {
        font: normal normal bold 1.25rem/25px Open Sans;
    }

    .content {
        padding: 15px;
        font: normal normal normal .75rem/21px Open Sans;
    }

}