@media screen and (max-width: 1440px){
    .container-lg{ width: 1200px; }
    .slick-prev{ left: -10px; }
    .slick-next{ right: -10px; }
}

@media screen and (max-width: 1200px){
    .hero-title{ font-size: 46px; }
    .hero-price-new{ font-size: 44px; }
    .product-gallery-main-link img{ height: 440px; }
    .deal-banner-title{ font-size: 22px; }
}

@media screen and (max-width: 1024px){
    .header{ padding: 12px 20px; }
    .header-nav ul li{ margin-right: 18px; }
    .header-nav ul li a{ font-size: 13px; }
    /* HERO. */
    .hero-left{ width: 100%; padding-right: 0px; float: none; text-align: center; }
    .hero-right{ width: 100%; float: none; text-align: center; margin-top: 30px; }
    .hero-card{ margin: 0px auto; text-align: left; }
    .hero-actions,
    .hero-rating{ text-align: center; }
    .hero-thumb{ margin: 0px auto; }
    .hero-seal{ left: 14%; }
    /* PRODUCT. */
    .product-gallery{ width: 100%; padding-right: 0px; float: none; margin-bottom: 34px; }
    .product-info{ width: 100%; float: none; }
    /* TRUST + BADGES. */
    .trust-item{ width: 50%; margin-bottom: 28px; }
    .badge-item{ width: 50%; margin-bottom: 30px; }
    /* FOOTER. */
    .footer-about,
    .footer-contact,
    .footer-fanpage{ width: 100%; padding-right: 0px; float: none; margin-bottom: 30px; }
}

@media screen and (max-width: 768px){
    .announce-bar{ font-size: 12px; }
    .header-nav{ display: none; }
    .section-title{ font-size: 28px; }
    .hero-title{ font-size: 38px; }
    .hero-card-price{ width: 100%; float: none; padding-right: 0px; }
    .hero-card-gift{ width: 100%; float: none; border-left: 0px; border-top: 1.5px dashed #E5C994; padding-left: 0px; padding-top: 16px; margin-top: 16px; }
    /* PRODUCT. */
    .product-price-box{ flex-direction: column; }
    .product-price{ width: 100%; }
    .product-flash{ width: 100%; clip-path: none; padding-left: 22px; }
    .flash-bolt{ display: none; }
    .product-title{ font-size: 24px; }
    .spec-label{ width: 130px; }
    /* DEAL. */
    .deal-banner-title{ font-size: 18px; margin-left: 30px; }
    .deal-clock{ width: 52px; left: -26px; }
    /* POPUP ORDER. */
    .popup-order-body{ flex-direction: column; }
    .popup-order-left{ width: 100%; box-sizing: border-box; border-right: 0px; border-bottom: 1px solid var(--th-color-cream-border); }
}

@media screen and (max-width: 590px){
    .section-title{ font-size: 24px; }
    .hero-title{ font-size: 30px; }
    .hero-price-new{ font-size: 38px; }
    .hero-actions .btn{ display: block; width: 100%; box-sizing: border-box; margin: 0px 0px 10px; }
    .hero-seal{ width: 84px; left: auto; right: 6%; top: 10px; }
    /* PRODUCT. */
    .product-gallery-main-link img{ height: 320px; }
    .product-gallery-thumb{ height: 72px; }
    .product-buy{ flex-direction: column; }
    .btn-buy{ margin: 0px 0px 12px; width: 100%; }
    .product-color{ flex-wrap: wrap; }
    .product-color-label{ width: 100%; margin-bottom: 10px; }
    /* TRUST + BADGES. */
    .trust-item{ width: 100%; }
    .badge-item{ width: 100%; }
    /* DEAL. */
    .deal-frame{ padding: 50px 16px 24px; }
    .deal-banner{ padding: 10px 18px 10px 14px; }
    .deal-banner-title{ font-size: 15px; }
    /* POPUP ORDER. */
    .popup-order-head{ padding: 18px; }
    .popup-order-head h3{ font-size: 19px; }
    .popup-order-left{ padding: 20px 18px; }
    .popup-order-product-img{ width: 84px; height: 84px; }
    .popup-order-form{ padding: 20px 18px 22px; }
}