/*
Theme Name: Quà tết 2023
Version: 1.0
Author: PutaDesign
*/

.page404 { color: rgb(117, 6, 6); text-transform: uppercase; }

.warning { font-size: 25px; }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: "SFUFuturaRegular";
    src: url("assets/fonts/SFUFuturaRegular.TTF");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SFUFuturaHeavy";
    src: url("assets/fonts/SFUFuturaHeavy.TTF");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --red: #c30c22;
    --black: #333333;
    --green: #437a86;
    --primary-font: "SFUFuturaRegular";
    --bold-font: "SFUFuturaHeavy";
}

html {
    font-size: 18px;
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
    font-family: var(--primary-font);
}

input:focus-visible,
button:focus {
    border: none;
    outline: none;
}
input,
textarea,
button {
    border: 0;
    font-family: var(--primary-font);
}

a {
    text-decoration: none;
}
a:focus {
    outline: none;
    border: none;
}
p, li {line-height: 30px;}
li {list-style: none;}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.relative {
    position: relative;
}
.df {
    display: flex;
}
.jcc {
    justify-content: center;
}
.jcsb {
    justify-content: space-between;
}
.aic {
    align-items: center;
}
.tac {
    text-align: center;
}
.text-right {
    text-align: right;
}
.margin-top-70 { margin-top: 70px; }
.pb-20 {
    padding-bottom: 20px;
}
.margin-top-50 {
    margin-top: 50px;
}
.fs-12px {
    font-size: 12px;
}
.fs-14px {
    font-size: 14.5px;
}
.fs-18px {
    font-size: 18px;
}
.fs-20px {
    font-size: 20px;
}
.white-text {
    color: #fff;
}
.white-bg {
    background-color: #fff;
}
.black-text {
    color: var(--black);
}
.red-text {
    color: var(--red);
}
.bold-font {
    font-family: var(--bold-font);
}
.fs-15px {
    font-size: 15.24px;
}
.fs-16px {
    font-size: 16.5px;
}
.fw-u {
    font-weight: unset;
}
.fw-b {
    font-weight: bold;
}
.br5px {
    border-radius: 5px;
}
.old-price {
    text-decoration: line-through;
}
.wordbreak {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.wordbreak-1 { -webkit-line-clamp: 1; }
.wordbreak-2 { -webkit-line-clamp: 2; }
.wordbreak-3 { -webkit-line-clamp: 3; }
.wordbreak-6 { -webkit-line-clamp: 6; }
.post p, .post li, .post h2, .post h3, .post h4, .post ul, .post ol, .post table {margin: 12px 0} 

/* header */
header {
    margin: -1px 0 0;
    padding-bottom: 50px;
}
header .header-background-green {
    content: "";
    height: 380px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.nav-inner {
    flex: 1;
    padding-left: 60px;
}

.logo-wrapper {
    width: 125px;
    height: 100px;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 0 32px;
    overflow: hidden;
    transition: all 0s ease-in-out;
}

.nav-headline {
    justify-content: flex-end;
    gap: 20px;
    padding: 15px 5px;
}
.headline-text { font-size: 15px; }
.headline-icon button {
    margin-left: 20px;
    font-size: 15px;
}
.headline-icon button .header-cart-num {
	position: absolute;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border-radius: 50%;
	color: var(--red);
	right: -10px;
	font-size: 11px;
	top: -8px;
}
#breadcrumbs span, #breadcrumbs span a {
    color: #fff;
    font-size: 16.5px;
}
#breadcrumbs .divider {
    margin: 0 10px;
}

.nav-headline button {
    background-color: transparent;
    cursor: pointer;
}

.nav-items {
    border-top: 1px solid rgba(255,255,255,0.3);
    padding: 10px 0 25px;
}

.nav-items li a {
    color: white;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
}

.nav-items li a:hover {
    color: #ffae3b;
}

.nav__mobileIcon__wrapper {
    display: none;
}

/* searh area */
.search__area--wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
	z-index: 10;
}
.search__area--wrap.active {
    opacity: 1;
    visibility: visible;
}
.search__area {
    width: 60%;
    height: fit-content;
    top: 20%;
    border-radius: 7px;
    padding: 10px 15px;
    font-size: 17px;
    z-index: 99;
    transition: 0.5s;
}

.search-btn {
    height: 32px;
    border: none;
    border-radius: 4px;
    background-color: #ffae3b;
    min-width: 110px;
    width: max-content;
}

.search-results {
    list-style: none;
}

.load-data {
    margin-top: 5px;
}

.main-search input {
    font-size: 17px;
    width: 100%;
}

.header-slide-wrapper {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
}

.slide-image {
    width: 100%;
    height: 490px;
}
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
    border: none;
    background-color: white;
    width: 70px;
    color: black;
    font-size: 17px;
    z-index: 10;
}
.slick-prev { left: 0; border-top-right-radius: 50%; border-bottom-right-radius: 50%;}
.slick-next { right: 0; border-top-left-radius: 50%; border-bottom-left-radius: 50%;}
.header-services { z-index: 1; }

.service-item {
    flex-direction: column;
    font-size: 17px;
}

.service-icon-wrapper {
    width: 110px;
    height: 115px;
    background-color: #ce9c3d;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-bottom: 20px;
}

.service-title {
    text-transform: capitalize;
    margin-bottom: 5px;
}

/* slick */
ul li .content {
    transition: transform 0.3s linear;
    transition-delay: 0.5s;
}

ul li:not(.slick-current) .content {
    transform: scale(0.9);
    transition-delay: 0s;
}
.title-selecter {
    color: #8f8f8f;
}
.title-selecter h2 + h2 {
    margin-left: 50px;
}
.title-selecter h2 {
    font-size: 30.48px;
    cursor: pointer;
    user-select: none;
    transition: all 0.4s ease-in-out;
}
.title-selecter h2.active {
    color: #333;
}
.filter_product--wrap {
    display: none;
}
.filter_product--wrap.active {
    display: flex;
}

.highlight-product {
    width: 100%;
    height: fit-content;
    padding: 20px 22px;
    box-shadow: 0 0 0px rgb(0 0 0 / 0%);
    transition: all 0.8s ease-in-out;
    margin: 30px 0;
}

.highlight-product:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.highlight-product-image {width: 100%; height: 255px;}
.highlight-product-image img { object-fit: contain; }
.highlight-product-name { padding: 27px 0 20px; }
.highlight-product-name a {min-height: 51px}
.highlight-sale-price { padding-right: 15px;} 
.hightlight-button {
    margin: 25px 0 0;
    border: none;
    padding: 13px 32px;
    border-radius: 35px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
    background-color: var(--red);
    cursor: pointer;
}

.hightlight-button:hover { background-color: rgb(194, 17, 32, 0.9); }
.highlight-product:hover .hightlight-button {
    visibility: visible;
    opacity: 1;
}

/* gift_pack section */

.gift--wrap {
    width: 100%;
    height: 295px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
}
.gift-title-description {
    width: 50%;
    height: 100%;
    flex-direction: column;
    padding-left: 35px;
}
.gift-title-image { width: 50%; }
.gift-title-image__frame { width: 228px; height: 228px; }
.gift-title-image__frame img { object-fit: contain; }
.gift-title-description h2 { font-size: 28px; margin: 0px 0 10px; }
.gift-title-description p { margin: 3px 0; }

.gift-title-description a {
    background-color: #ffae3b;
    border-radius: 25px;
    padding: 10px 31px;
    display: inline-block;
    width: max-content;
    margin-top: 20px; font-size: 15px; 
}
.gift-lists--wrap .col-lg-3 { padding: 0; }
.gift-lists {
    width: 270px;
    height: 335px;
    padding: 30px 25px;
    overflow: hidden;
}

.gift-lists-decor {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50%;
    transform: translateX(50%);
}

.gift-lists h2 { font-size: 26px; margin-bottom: 20px; }
.gift-lists ul li { padding-left: 16px; cursor: pointer; }
.gift-lists ul li:last-child::before { display: none; }
.gift-lists ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
}
.list_gift_products--wrap { padding: 50px 0; }
.list_gift_products--wrap .container-fluid + .container-fluid { margin-top: 40px; }

.product-item {
    width: 100%;
    height: 335px;
    padding: 25px 15px 23px;
    flex-direction: column;
    box-shadow: 0 0 1px rgb(0 0 0 / 1%), 0px 20px 11px rgb(0 0 0 / 1%),
        0px -10px 10px rgb(0 0 0 / 1%);
    transition: all 0.4s ease-in-out;
    z-index: 1;
    cursor: pointer;
}

.product-item:hover {
    box-shadow: 0px 0 15px rgb(0 0 0 / 10%);
    transform: translateY(-20px);
}

.product-item-image {
    width: 100%;
    height: 210px;
    margin-bottom: 10px;
}
.product-item-price {padding-top: 10px;}
.product-item-image img {
    object-fit: contain;
}
.product-item-actual-price {
    padding-left: 10px;
}
.product-item-description {
    flex-direction: column;
}
.gift-sets {
    padding: 85px 0;
}
.gift-sets::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(0, 0, 0, 0.5);
}

.gift-set {
    padding: 33px 40px;
    transition: all 0.5s ease-in-out;
}

.gift-set-image {
    width: 40%;
    height: 100%;
}

.gift-set-image img {
    width: 100%;
    height: 100%;
    max-height: 225px;
    object-fit: contain;
}

.gift-set-description {
    width: 60%;
    flex-direction: column;
    margin-left: 40px;
    margin-top: 10px;
}
.gift-set-description .gift-set-name {
    font-size: 20px;
    margin-bottom: 10px;
}

.gift-set-actual-price {
    padding-left: 20px;
}

.gift-set-details {
    margin-top: 20px;
}

.gift-set-details p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* gift type section */
.gift-type__section { padding: 50px 0; }
.gift-type__section .col-xl-6:last-child .gift-type { margin-left: 0; margin-right: 0;}
.gift-type { height: 100%; }
.gift-type .col-xl-5 { padding-right: 0; }
.gift-type__banner {
    height: 100%;
    flex-direction: column;
    padding: 0 20px;
}
.gift-type__banner h3 {
    margin-bottom: 40px;
    font-size: 26px;
}
.gift-type__product {
    height: 50%;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 5%);
}
.gift-type__product + .gift-type__product { border-top: 1px solid #f1f1f1; }

.gift-type__product:hover {
    box-shadow: 0px 0px 23px rgb(0 0 0 / 8%);
    transform: translateY(-10px);
    z-index: 10;
    background-color: white;
}

.gift-type__product__image {
    height: 137px;
    width: auto;
}

.gift-type__product__image img {
    object-fit: contain;
}

.gift-type__product__description {
    flex-direction: column;
}
.gift-type__product__description h3 {
    margin-bottom: 16px;
}

.gift-type__product_actual-price {
    padding-left: 10px;
}

.gift_type_1 {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.gift_type_2 {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

/* artical section */
.article__section {
    padding-bottom: 50px;
}

.article-header {
    margin-bottom: 38px;
}
.article-header h2 {
    font-size: 30px;
}

.article__wrapper li .artical__content {
    border-radius: 10px;
    width: 550px;
    height: 385px;
    transition: all 0.3s linear;
}

.article__wrapper .artical__item.slick-active .artical__content {
    width: 550px;
    transition: all 0.3s linear;
}

.article__wrapper
    .artical__item.slick-active
    ~ .artical__item
    .artical__content {
    width: 335px;
    height: 385px;
}

.article__wrapper .slick-slide {
    margin: 0px 20px;
}

.article__wrapper .slick-list {
    overflow: hidden;
}
.slick-arrow_article {
    position: absolute;
    top: -61px; cursor: pointer;
}
.slick-prev__article.slick-arrow { right: 40px; }
.slick-next__article.slick-arrow { right: 0; }

.artical__content {
    width: 100%;
    height: 100%;
    position: relative;
}

.artical__content img {
    border-radius: 10px;
}

.artical__content .article__description {
    cursor: pointer;
    position: absolute;
    height: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, #c11120, transparent);
    font-size: 22px;
    transition: 0.5s;
    border-radius: 10px;
    flex-direction: column;
}
.artical__content .article__description p:last-child {
    opacity: 0; visibility: hidden; transition: 0.5s; margin-top: 20px; font-size: 16px; max-height: 0px;
}
.artical__content:hover .article__description p:last-child {opacity: 1; visibility: visible; max-height: 60px;}

.artical__content:hover .article__description {
    height: 70%;
}

.article__description p {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* footer */
footer::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 33%;
    background-color: #c11120;
    bottom: 0;
    right: 0;
}

.footer__inners {
    padding-top: 85px;
}

.footer__inner ul li {
    margin: 10px 0;
}

.footer__inner {
    text-align: right;
    width: max-content;
}

.footer__menu--wrapper {
    justify-content: flex-end;
}

.footer__inner ul li a:hover {
    color: #fcc155;
}

.footer__icons span {
    font-size: 25px;
}
.footer__icons span + span {
    padding-left: 25px;
}

.footer__copyright {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 25px 0;
}
.nav--mobile__container {
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0;
    width: 100%; height: 100%;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease; 
}
.nav--mobile__container.active {left: 0;}

.nav--mobile__inner {
    display: block;
    width: 300px;
    height: 100%;
    padding: 20px 0 0 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.nav--moblie__items li a {
    display: block;
    color: #8a040f;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 5px;
    padding: 10px;
    border-bottom: 1px solid rgb(138, 4, 15, 0.3);
}

.nav--moblie__items li a:hover {
    color: #ffae3b;
}

.nav--mobile__outer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.nav--mobile__logo__wrapper { width: 115px;  height: auto; }
.single--wrap {
    background-color: #f8f8f8;
    padding: 47px 0 36px;
}

.subheader_title { padding: 30px 0 70px; }

.subheader_title h1 {
    margin-bottom: 15px;
    font-size: 37px;
    text-transform: uppercase;
}
.side-gift__menus { position: sticky; top: 10px; }
.side-gift__menus ul li { padding-left: 20px; }

.side-gift__menus ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
}

.side-gift__menu { padding: 25px 35px; margin-bottom: 25px; }
.side-gift__menu h3 { margin-bottom: 15px; text-transform: uppercase; }
.mt-55 { margin-top: 55px; }
.mb-50 {margin-bottom: 50px}
.tax-product { transition: all 0.5s ease-in-out; z-index: 1; }

.tax-product:hover {
    transform: translateY(-20px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.tax-product {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.single--wrap .tax-product:nth-child(4n+4) {
    border-right: 1px solid #efefef;
}
.tax-product:nth-child(4n+4) {
    border-right: 0;
}
.tax-product__image-wrapper {
    width: 100%;
    height: 180px;
}

.tax-product__image-wrapper img {
    object-fit: contain;
}

.tax-product__details {
    padding: 30px 0;
    flex-direction: column;
}
.tax-product__details h4 {
    transition: all 0.2s ease-in-out;
}
.tax-product__details h4:hover {
    color: var(--red);
}
.tax-product__description {
    width: 100%;
    margin-top: 15px;
    padding: 0 10px;
}
.tax-product__description .tax-product__price {
    margin-top: 15px;
}
.tax-product__description .tax-product__actual-price {
    padding-left: 8px;
}
#products-section {
    padding-bottom: 35px;
}

.pagination {
    padding-top: 40px;
    padding-bottom: 10px;
    margin: 0;
}
.pagination li {list-style: none;}
.pagination li .page-numbers {width: 35px; height: 35px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.5s; color: var(--red); font-size: 15px;}
.pagination li .page-numbers:hover, .pagination li .page-numbers.current { background-color: var(--red); color: #fff;}
.pagination li + li {margin-left: 10px;}

/* single page - details product */
.single-product__container {
    padding: 47px;
}

.single-product__details .des-img__container {
    overflow: auto;
    width: 100%;
}

.single-product__details .des-img__wrapper {
    max-width: 100%;
    height: auto;
    border: 1px solid #f3f3f3;
    margin-bottom: 17px;
    padding: 10px;
    cursor: pointer;
}

.single-product__details .thumnail_wrapper { width: 100%; }
.thumnail_wrapper .image-main {height:486px}
.single-product__name {
    font-size: 23px;
    color: var(--green);
    padding-bottom: 10px;
}
.single-product__price,
.single-product__status-brand {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.single-product__sale-price { font-size: 19px; }

.single-product__actual-price { padding-left: 20px; }
.single-product__status-brand p { color: #666666; }
.single-product__status-brand .item p:first-child { width: 140px; }
.single-product__status-brand .item + .item { margin-top: 10px; }
.single-product__status-brand .order-to-cart__form { margin-top: 20px; }

.buy-num__wrapper {
    width: 100px;
    height: 50px;
    margin: auto;
}

input.buy-num {
    width: 80px;
    height: 50px;
    border: 1px solid #ececec;
    border-right: unset;
}
.num-up,
.num-down {
    height: 25px;
    width: 20px;
    border: 1px solid #ececec;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.num-up:active {
    background-color: #00ff00;
    color: white;
}

.num-down:active {
    background-color: #ff1a1a;
    color: white;
}

.add_cart_wrapper {
    width: 100%;
    height: 100%;
}

.order-btn {
    width: 100%;
    height: 100%;
    background-color: var(--green);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none;
}

.order-btn:hover {
    background-color: rgb(76, 140, 153, 0.8);
}

.order-btn:active {
    background-color: rgb(76, 140, 153, 0.9);
}
.single-product__icon-share__wrapper .single-product__icon-share + .single-product__icon-share {margin-left: 10px;}

.single-product__icon-share__wrapper span {
    padding-right: 10px;
}

.single-product__icon-share {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.facebook-share {
    background-color: #4e71a8;
}
.twitter-share {
    background-color: #1cb7eb;
}
.linkedin-share {
    background-color: #1686b0;
}
.pinterest-share {
    background-color: #ca3737;
}
.single-product__phone-support {
    padding: 16px 28px 13px;
    border: 1px solid #ececec;
    margin-top: 22px;
}
.single-product__phone-support > p {
    margin-bottom: 19px;
}

.single-product__phone-support input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ececec;
}

.single-product__phone-support .single-product__phone_form #phone__submit {
    width: 100%;
    background-color: var(--green);
    cursor: pointer;
    padding: 11px;
}

.single-product__description {
    margin-top: 36px;
    padding: 30px 50px 56px 42px;
}
.single-product__des__title {
    padding-bottom: 21px;
    margin-bottom: 35px;
    border-bottom: 1px solid #efefef;
}
.single-product__des__title > p + p {
    margin-left: 70px;
}

.single-product__des__title p {
    cursor: pointer;
}
.single-product__des__title > p.active {
    font-weight: bold;
}

.single-product__des__title p::before {
    position: absolute;
    content: "";
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    bottom: -23px;
    background-color: var(--green);
    transition: all 0.7s ease-in-out;
}

.single-product__des__title p.active::before {
    width: 128%;
}
.single-product__des-item {display: none;}
.single-product__des-item.active {display: block;}
.single-product__des-content p, .single-product__des-content li  { line-height: 30px; }
.single-product__des-content p, .single-product__des-content li, .single-product__des-content h2, .single-product__des-content h3, .single-product__des-content h4 {margin: 12px 0;}

.single-product__des-reviews {
    width: 50%;
    margin: 0 auto;
    display: none;
}

.single-product__des-rating {
    user-select: none;
    margin-bottom: 24px;
}

.single-product__des-rating span {
    padding-left: 20px;
}

.single-product__des-rating input {
    position: absolute;
    visibility: hidden;
}

.rating__wrapper i {
    color: #ffcc00;
    cursor: pointer;
}

.single-product__review-form input, .single-product__review-form input:focus, .review-form__content {
    width: 100%;
    border: 1px solid #ececec;
    outline: none;
    font-size: 17px;
    padding: 10px;
}

.review-form__content-wrapper {
    margin-top: 16px;
}
textarea {
    resize: none;
}

.rating-submit {
    background-color: #4c8c99;
    width: 130px;
    height: 42px;
    border: none;
    display: block;
    margin: 14px auto 0;
}

/* relate product */
.single-product__relate-product {
    margin-top: 40px;
    margin-bottom: 50px;
    padding: 29px 40px 0;
}

.single-product__relate-title {
    padding-bottom: 23px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 43px;
}
.single-product__relate-title h3 {
    display: inline-block;
}
.single-product__relate-title h3::before {
    position: absolute;
    content: "";
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    bottom: -24px;
    background-color: var(--green); 
}
.single-product__relate_wrapper {
    padding-top: 43px;
}

/* single product popup */

.single-product__order-popup {
    font-size: 17px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgb(0, 0, 0, 0.2);
    opacity: 0; visibility: hidden;
    transition: 0.5s;
}
.single-product__order-popup.active {opacity: 1; visibility: visible; }

.single-product__order__details {
    width: 40%;
    padding: 24px 47px 24px 24px;
    border-radius: 10px;
}

.single-product__order__details h3 {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}

.des-order-img__wrapper {
    width: 280px;
    height: 277px;
    margin: auto;
}

.single-product-order__name {
    color: var(--green);
    padding-bottom: 20px;
}

.single-product-order__sale-price {
    font-size: 19.05px;
}

.single-product-order__actual-price {
    padding-left: 15px;
}

.single-product-order__number {
    padding: 30px 0 27px;
}

.single-product__order__details a {
    margin-bottom: 10px;
    width: 100%;
    padding: 10px 0;
    background-color: var(--green);
}

.single-product__order__close {
    position: absolute;
    right: 47px;
    top: 24px;
    color: var(--green);
    cursor: pointer;
    font-size: 23px;
}
.no-cart {
    flex-direction: column;
}
/* taxonomy tin tức */
.news-section {
    margin: 48px 0 45px;
}
.news-section .pagination {justify-content: flex-start;}

.tax-news__item + .tax-news__item {
    padding-top: 31px;
    margin-top: 31px;
    border-top: 1px solid #e7e7e7;
}

.tax-news__image-wrapper {
    width: 100%;
    height: 300px;
}

.tax-news__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tax-news__contents > div:nth-child(2) {
    padding-top: 18px;
    border-top: 1px solid #b5b5b5;
    margin: 14px 0 35px;
}

.tax-news__contents h2 {
    font-size: 25px;
}

.pr-20 {
    padding-right: 20px;
}

.tax-new__see-more {
    width: 170px;
    height: 40px;
    cursor: pointer;
}

.tax-new_btn-60 { width: 60%; }
.tax-new_btn-15, .tax-new_btn-25, .clip-path_btn, .tax-new_btn-60 {height: 100%;}
.tax-new_btn-15, .tax-new_btn-30, .tax-new_btn-60 {background-color: #ffbe35;}
.tax-new_btn-15 { width: 15%; }
.clip-path_btn, .tax-new_btn-25 {background-color: #a70b19;}
.clip-path_btn {
    width: 101%;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 0% 100%);
}
.tax-new_btn-25 { width: 25%; }

.flex-between-end {
    align-items: flex-end;
}

/* single news section */
.single-news__section {
    margin: 54px 0 43px;
}

.single-news__artical h2 {
    margin-bottom: 30px;
    font-size: 25.4px;
}
.single-news__artical-content ul, .single-news__artical-content ol {padding-left: 32px;}
.single-news__artical-content ul li, .single-news__artical-content ol li {list-style: inherit;}
.single-news__artical-content p, .single-news__artical-content li{
    line-height: 28px;
    margin: 12px 0;
}
.single-news__relate {
    padding-top: 32px;
    margin-top: 28px;
    border-top: 1px solid #e1e1e1;
}

.single-news__artical h3 {
    margin-bottom: 32px;
}

.single-news-relate__image-wrapper {
    min-width: 215px;
    max-width: 215px;
    height: 130px;
    margin-right: 38px;
}

.single-news-relate__content h3 {
    margin-bottom: 15px;
}

.single-news-relate__item {
    margin-top: 30px;
}

.single-news_sidebar > h3 {
    margin-bottom: 25px;
}

.single-news__highest-views_image { width: 100%; height: 130px; }

.highest-view-artical {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 20px;
    display: block;
}
.highest-view-artical h3 {
    margin: 20px 0 10px;
}
.high-view-artical--wrap li + li {
    padding-top: 18px;
    margin-top: 14px;
    border-top: 1px solid #e5e5e5;
}
.high-view-artical--wrap  li::before {
    content: "\2022";
    color: var(--red);
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
}
.high-view-artical h3 { padding-left: 20px; }
.sticky-side__container { height: 100%; }
.single-news_sidebar { position: sticky;  top: 10px; }
.searching-page--wrap { margin: 40px 0; }
.searching-page > h2 {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #333}
/* contact page */
.contact { padding: 50px 30px; }
.contact_page__main { padding: 50px 0; }
#contact_form input, #contact_form textarea { margin-top: 20px; }
.contact-form h3 { margin-bottom: 20px; }
.contact-form input, .contact-form textarea {
    width: 100%;
    border: 1px solid #ececec;
    padding: 12px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}
.contact-form input:focus, .contact-form textarea:focus { transform: scale(1.03); }
.contact_submit {
    display: block;
    width: 80%;
    margin: 30px auto 0;
    border-radius: 10px;
    background-color: #fcc155;
    transition: all 0.4s ease;
    font-size: 23px;
    overflow: hidden;
	padding: 10px 0;
	cursor: pointer;
}
.send__text {
    position: relative;
    left: 0;
    transition: all 0.4s ease;
}

.send__icon {
    position: absolute;
    top: 50%;
    left: -100%;
	width: 100%;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}
.contact_submit:hover { background-color: #fcb93d; }
.contact_submit:hover .send__text { left: 100%; }
.contact_submit:hover .send__icon { left: 0; }
.p-20 { padding: 20px 0; }

.mapouter {
    width: 100%;
    height: 100%;
}

.mapouter iframe {
    width: 100%;
    border-radius: 10px;
    height: 100%;
}
.about-details { padding: 20px 0; }
.about-section {padding: 50px 0}
.about-section, .contact_page__main, .cart-section { background-color: #f8f8f8; }
.cart-section { padding: 52px 0 46px; }

input.input-qty {
    width: 80px;
    height: 50px;
    border: 1px solid #ececec;
    border-right: unset;
}

.remove-loading { animation: removeAnimation 0.2s infinite ease-in-out; }

input.error {
    border: 1px solid rgb(202, 55, 55);
    transition: all 0.4s ease-in-out;
}

input.error:focus {
    border: 3px solid rgb(202, 55, 55);
    transform: scale(1.05);
    transition: all 0.4s ease-in-out;
}

label.error {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

.cart-container {
    padding: 43px 42px 45px 45px;
}

table,
td,
th {
    border: 1px solid #ececec;
    font-size: 16.51px;
    text-align: center;
    border-collapse: collapse;
}

td, th { min-width: 100px; padding: 10px 16px; }
.cart-product__name .cart_name-product {color: var(--green); padding-left: 15px;}

table.cart_form { width: 100%; }

.cart-content { position: relative; }
.cart-content td { padding: 15px; }
.attachment-post-thumbnail {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.cart__total--wrapper {
    padding: 25px 31px 30px 30px;
    background-color: var(--green);
    border-radius: 3px;
}

.cart__total--wrapper .total__item-row {
    border-top: 1px solid #65929c;
    padding-top: 18px;
}
.cart__total--wrapper .total__item-row + .total__item-row {margin-top: 22px;}
.cart__total--wrapper .total__item-row:nth-child(2) {margin-top: 12px;}
.cart__total--wrapper .total__item-row .total__item-title {width: 120px;}

.cart-submit {
    width: 100%;
    background-color: #68becf;
    margin-top: 35px;
    padding: 11px;
    cursor: pointer;
}

.cart_form .remove-product {
    position: absolute;
    bottom: 0;
    right: 5px;
    padding: 5px;
}

.cart_form .remove-product i {
    font-size: 13px;
}

.wrap-qty {
    display: flex;
}

.wrap-qty input {
    width: 80px;
    height: 50px;
    text-align: center;
}

.cart__num-up,
.cart__num-down {
    height: 25px;
    width: 20px;
    border: 1px solid #ececec;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.cart__num-up:active { background-color: #00ff00; color: white; }
.cart__num-down:active { background-color: #ff1a1a; color: white; }
.time-loading { animation: RotateAnimation 1s infinite; }
.no-cart i { font-size: 100px; }
.payment_page__main { background-color: #f8f8f8; padding: 30px; }
.payment-form h3 { margin-bottom: 10px; }
.payment-form input {
    width: 100%;
    border: 1px solid #ececec;
    padding: 12px;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
    margin-top: 16px;
}
.payment-form input:focus, .payment-form textarea:focus { transform: scale(1.03); }
.payment-item { margin-top: 10px; padding-top: 10px; border-top: 1px solid #dd606a; }
.payment-item p:first-child { max-width: 70%; }
.payment-item p:last-child { max-width: 20%; }
.payment_submit { width: 80%; margin: 0 auto; }

.payment_submit {
    display: block;
    width: 80%;
    margin: 18px auto 0;
    height: 50px;
    font-size: 17.78px;
    border-radius: 10px;
    border: none;
    background-color: #fcc155;
    transition: all 0.4s ease;
    color: var(--mauchutrang);
    font-size: 23px;
    position: relative;
}
.payment_submit:hover { background-color: #fcb93d; }
.payment_submit:hover .send__text { left: 110%; }
.payment_submit:hover .send__icon { left: 50%; }
.payment-method-label::before {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid var(--red);
    position: absolute;
    top: 13px;
    left: 0;
}

.payment-method-control input ~ .payment-method-label::after {
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--red);
    scale: 0;
    transform-origin: top left;
    top: 17px;
    left: 3px;
    transition: all 0.4s ease-in-out;
	opacity: 0; visibility: hidden;
}

.payment-method-control input:checked ~ .payment-method-label::after {
    background-color: var(--red);
    scale: 1;
    top: 13px;
    left: 0px;
	opacity: 1; visibility: visible;
}
.payment-method-control { margin: 23px 0; }
.payment-method-control div input { display: none; }

.payment-method-label { padding: 10px 0 0 30px; user-select: none; cursor: pointer; }
.payment-banking__bank--wrap { max-height: 0; overflow: hidden; transition: all 0.4s ease-in-out; }
.payment-banking__bank--wrap.active { max-height: 500px; transition: all 0.4s ease-in-out; }
.payment-banking__bank--wrap input:focus { transform: unset; }
.payment-banking__bank--wrap .payment-banking__bank {flex-flow: row wrap;}
.payment-banking__bank--wrap .payment-banking__bank + .payment-banking__bank {margin-top: 20px;}
.payment-banking__bank--wrap .payment-banking__bank p {width: 100%;}
.payment-banking__bank--wrap .payment-banking__bank p + p {margin-top: 10px;}
.payment-banking__bank--wrap .payment-banking__bank p.border {border: 1px solid #f1f1f1; overflow: hidden;}
.payment-banking__bank--wrap .payment-banking__bank p span {padding: 5px 10px;}
.payment-banking__bank--wrap .payment-banking__bank p span:first-child {width: 40%;}
.payment-banking__bank--wrap .payment-banking__bank p span:last-child {width: 60%;}
.payment-cart--wrapper { padding: 25px 30px 30px; background-color: var(--red); position: sticky; top: 20px; }
.payment-submit { width: 100%; background-color: #68becf; margin-top: 40px; padding: 10px 0; background-color: rgb(247, 30, 55); cursor: pointer}
.warning-404--wrap { padding: 50px 0; }
.warning-404 { font-size: 20px; }
@media screen and (min-width: 1300px) {
    .container-1300 {
        max-width: 1300px;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .container-1460 {
        max-width: 1460px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1199px) {
    .subheader_title h1 {font-size: 30px; padding: 0 15px; width: 80%; margin: 0 auto 15px; line-height: 50px; }
    .nav__mobileIcon__wrapper {display: block;}
    .nav-headline {padding: 15px 0;}
	.headline-icon button .header-cart-num {width:20px; height:20px;top:-15px}
    .gift-type__section .col-xl-6:last-child {margin-top: 30px;}
    .gift-type__section .col-xl-6:last-child .gift-type { margin-left: -15px; margin-right: -15px; }
    .gift-type__product {align-items: center;}
    .gift-title-description {width: 70%; padding-left: 20px; z-index: 1;}
    .gift-title-description h2 { font-size: 27px; }
    .gift-title-description p { font-size: 18px; line-height: 25px; }
    .gift-set {padding: 30px 20px;}
    .gift-title-image { width: 40%; position: absolute; right: 15px; }    
    .gift-title-description a {padding: 9px 25px; font-size: 16px; }
    .gift-lists-decor {
        bottom: 50%;
        right: 15px;
        height: 80%;
        transform: translate(0, 50%);
    }
    .gift-lists {width: 100%; height: 100%;}
    .gift-lists ul {
        display: flex;
        flex-flow: row wrap;
        width: 90%;
    }
    .gift-lists ul li {
        padding-left: 20px;
        margin-right: 20px;
        font-size: 18px;
    }
    .gift-set-description .gift-set-name { font-size: 18px; -webkit-line-clamp: 1; }
    .gift-set-details {margin-top: 13px;}
    .gift-set-details p {line-height: 28px;}
    .gift-set-description .gift-set-price span {font-size: 17px;}
    .artical__content .article__description {height: 35%;}
    .tax-product:nth-child(4n+4) { border-right: 1px solid #efefef; }
    .single--wrap .tax-product:nth-child(3n+3) { border-right: 1px solid #efefef; }
    .tax-product:nth-child(3n+3) { border-right: 0 }
    .tax-product__details { padding: 30px 0px; }
    .tax-news__contents h2 { font-size: 23px; }
    .flex-between-end > div:last-child { font-size: 16px; }
    .high-view-artical h3 {
        font-size: 15px;
        line-height: 24px;
        -webkit-line-clamp: 2;
    }
    .highest-view-artical > div:last-child p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 24px;
        font-size: 15px;
    }
    .contact-form input, .contact-form textarea {padding: 10px 12px; font-size: 15px;}
    #contact_form input, #contact_form textarea {margin-top: 15px;}
    .contact_submit {font-size: 18px; margin: 20px auto 0;}
    .des-img__wrapper {width: 100%; max-width: unset; height: 70px;}
    .galley--wrap {flex-direction: column-reverse;}
    .single-product__details .thumnail_wrapper {height: auto; padding-bottom: 20px;}
    .single-product__details .thumnail_wrapper .image-main {height: 315px;}
    .single-product__details .des-img__wrapper {height: 137px; margin-right: 10px;padding: 15px; margin-bottom: 0; margin-top: 17px;}
    .single-product__details .des-img__wrapper img {object-fit: contain;}
    .add_cart_wrapper {
        width: 100%;
        height: 100%;
        padding-left: 20px;
    }
    .single-product__order__details {
        width: 70%;
        padding: 24px;
        overflow-y: scroll;
    }
    .single-product-order__name { color: var(--green); padding-bottom: 10px; }
    .single-product-order__number { padding-top: 10px; padding-bottom: 27px; }
    .des-order-img__wrapper { width: 300px; height: auto; }
    .cart__total--wrapper {width: 60%; margin-left: auto; margin-top: 30px;}
    .attachment-post-thumbnail {width: 75px; height: 75px;}
    .cart-content td { padding: 10px 15px; }
    .payment-item p:last-child {max-width: unset;}
    .payment-item p:first-child { max-width: 70%; }
    .side-gift__menu {padding: 25px 20px;}
    .single-product__des-content p {text-align: justify;}
    .single-product__des-reviews {width: 80%;}
    .single-product__des-rating {padding: 0 15px;}
    .single-product__order__details::-webkit-scrollbar { display: none; }
    .single-product__phone-support {padding: 15px 15px;}
    .single-product__phone-support .single-product__phone_form #phone__submit {margin-top: 20px;}
    .des__wrapper { margin-top: 25px; }
    .single-product__name {font-size: 27px;}
    .single-product__sale-price {font-size: 22px}
    .single-product__actual-price {font-size: 19px;}
    /* cart */
    .total__money-cart,
    .total__pay-cart {
        display: block;
        width: 100%;
        height: 100%;
        text-align: right;
    }
    .product-item:hover {
        box-shadow: 0px 0 3px rgb(0 0 0 / 3%);
        transform: unset;
    }

    .gift-type__product:hover {
        box-shadow: 0px 0px 3px rgb(0, 0, 0, 0.03);
        transform: unset;
    }

    .gift-title-image__frame {
        width: 280px;
        height: 280px;
    }

    .product-item {
        box-shadow: 0 0 2px 0px rgb(0 0 0 / 13%);
    }

    /* nav */
    .navbar__sticky {
        justify-content: space-between;
        margin-bottom: 30px;
    }
    .headline-text,
    .nav-items, .headline-icon button.search-control {
        display: none;
    }
    .logo-wrapper {width: 100px; height: auto; margin-bottom: 0;}
    .nav-inner { flex: unset; padding-left: 0;}
    .nav__mobileIcon__wrapper i {
        color: white;
        font-size: 22px;
    }
    .headline-icon i { font-size: 22px; }
    .headline-icon button {
        margin-left: 0;
        font-size: 13px;
    }
    .slide-image {height: 450px;}
    .highlight-product {padding: 40px 22px;}
    .hightlight-button {opacity: 1; visibility: visible;}
    .product-item:hover { z-index: 10; }
    .highlight-product-image { width: 100%; height: 236px; }
    .gift-set-wrap {margin: 0 -90px;}
    .product-item {
        position: relative;
        width: 100%;
        height: fit-content;
        padding: 25px 10px 23px;
        text-align: center;
        font-size: 16.51px;
        color: var(--mauchuden);
        box-shadow: 0 0 1px rgb(0 0 0 / 1%), 0px 20px 11px rgb(0 0 0 / 1%),
            0px -10px 10px rgb(0 0 0 / 1%);
        transition: all 0.4s ease-in-out;
        z-index: 1;
        cursor: pointer;
    }
    .footer__inner.footer__logo {
        width: 80px;
        height: auto;
    }
}

@media screen and (max-width: 992px) {
    .header-services {flex-flow: row nowrap; overflow-x: scroll;}
	.header-services::-webkit-scrollbar {display: none}
    .service-item {min-width: 40%;}
    .slide-image {height: 350px;}
    .cart-container { padding: 35px; }
    .cart__total--wrapper {width: 80%;}
    .attachment-post-thumbnail { width: 55px; height: 55px; }
    .payment-cart--wrapper {margin-top: 30px;}
    table, td, th {font-size: 15.5px;}
    .taxonomy--wrap {flex-direction: column-reverse;}
    .side-gift__menus { margin-top: 30px; }
    .side-gift__menu {height: 100%; margin-bottom: 0;}
    .side-gift__menu--wrap {margin-bottom: 25px;}
    .mapouter {height: 310px; margin-top: 30px;}
    .tax-news__contents { margin-top: 20px; }
    .single-news__section .row {flex-direction: column-reverse;}
    .sticky-side__container {margin-top: 30px;}
    .single-news_sidebar > h3 {font-size: 25px;}
    .gift-set-wrap {margin: 0 -30px; flex-wrap: nowrap; overflow-x: scroll;}
    .gift-set-wrap::-webkit-scrollbar {display: none;}
    .gift-sets .row .col-xl-6:last-child .gift-set { margin-top: 30px; }
    .gift-set {padding: 20px;}
    .article__wrapper .slick-slide {margin: 0;}
    .article__wrapper .artical__item.slick-active .artical__content, .article__wrapper .artical__item.slick-active ~ .artical__item .artical__content {width: 100%;}
    .highlight-product-image { height: 250px; }
    .article__wrapper .slick-slide {margin: 0; padding-left: 15px; padding-right: 15px;}
    .article__wrapper li .artical__content {width: 100%;}
    .highlight-product {
        padding: 53px 22px 54px 23px;
        color: #333333;
        transition: all 0.8s ease-in-out;
    }
    .add_cart_wrapper {
        width: 100%;
        height: 100%;
        padding-left: 0;
    }
    /* taxonomy news */
    .tax-news__image-wrapper.pr-20 { padding-right: 0; }
    /* single news */
    .single-news__highest-views_image {
        width: 100%;
        height: 300px;
    }
    .footer__menu--wrapper {
        display: none;
    }
    .footer__inner.footer__logo {display: none;}
    .footer__copyright {
        flex-direction: column;
        align-items: center;
        padding: 15px 0 25px;
    }
    .footer__copyright p {margin-bottom: 5px;}
}

@media screen and (max-width: 768px) {
    .add_cart_wrapper {
        width: 100%;
        height: 100%;
        padding-left: 0;
    }

    /* cart */
    .attachment-post-thumbnail {
        width: 50px;
        height: 50px;
        object-fit: cover;
    }

    .cart-container {
        background-color: white;
        padding: 38px 0px 52px 0px;
    }

    .footer__inner {
        text-align: unset;
        width: max-content;
    }
}

@media screen and (max-width: 576px) {
	.header-services {display: none}
	header .header-background-green {height: 199px}
    .service-item {min-width: 65%;}
    .slide-image {height: 250px;}
    .service-icon-wrapper {width: 95px; height: 100px;}
    .margin-top-100 {margin-top: 60px;}
    .subheader_title h1 {font-size: 24px; width: 100%; line-height: 38px}
	#breadcrumbs {display: none}
    .logo-wrapper {width: 80px;}
	.filter_product--wrap {padding: 0}
    .payment_page__main {padding: 30px 15px;}
    .payment-banking__bank--wrap .payment-banking__bank p {font-size: 16px;}
    .payment-banking__bank--wrap .payment-banking__bank p.border {flex-direction: column; border: 0;}
    .payment-banking__bank--wrap .payment-banking__bank p.border span {width: 100%;}
    .payment-banking__bank--wrap .payment-banking__bank p.border span:first-child {padding: 5px 0;}
    .payment-item {font-size: 15px;}
    .payment-submit {margin-top: 25px;}
    .cart__total--wrapper {width: 100%;}
    .buy-num__wrapper {width: auto;}
    input.input-qty {width: 35px;}
    .cart-content td {padding: 10px;}
    .cart-content td.cart-product__name {flex-direction: column; min-width: 140px; max-width: 140px;}
    .cart-product__name .cart_name-product {padding-left: 0;}
    td {min-width: unset;}
    .thongtin_donhang > .row > .col-xl-8 { overflow-y: scroll; }
    .tax-product, .tax-product:nth-child(4n+4) {border-right: 0;}
    .contact_page__main {padding: 50px 15px;}
    .contact {padding: 50px 0;}
    .single-product__details .des-img__wrapper {height: 105px;}
    .single-product__container {padding: 47px 30px;}
    .single-product__name {font-size: 22px;}
    .single-product__sale-price {font-size: 20px;}
    .single-product__actual-price {font-size: 17px;}
    .single-product__phone-support input {margin-top: 13px;}
	.single-product__phone-support .single-product__phone_form #phone__submit, .single-product__phone-support input {font-size: 15px}
    .single-product__description {padding: 30px 15px;}
    .single-product__des-reviews {width: 100%;}
    .single-product__review-form input, .single-product__review-form input:focus, .single-product__review-form textarea {padding: 5px 10px; margin-top: 10px;}
    .single-product__des-rating {text-align: center;}
    .single-product__des-rating span {padding-left: 0; display: block; margin-top: 10px; margin-bottom: 14px;}
    .single-product__order__details {width: 85%; padding: 20px;}
	.single--wrap .tax-product:nth-child(3n+3), .single--wrap .tax-product:nth-child(4n+4) {border-right: 0;}
	.single--wrap .tax-product {border-bottom: 0}
	.single--wrap .tax-product + .tax-product {border-left: 1px solid #efefef}
	.single--wrap .tax-product__details h4 {-webkit-line-clamp: 2}
    .des-order-img__wrapper {width: 150px; margin-bottom: 15px;}
    .single-product__order__close {top: 15px; right: 20px;}
    .cart__total--wrapper {padding: 25px;}
    .payment-cart--wrapper {padding: 25px 20px 30px;}
    .contact-form h3 {margin-bottom: 10px; font-size: 18px;}
/*     .title-selecter { padding-bottom: 25px; } */
    .title-selecter h2 + h2 {margin-left: 30px;}
    .title-selecter h2 {font-size: 25px;}
    .highlight-product-image {height: 160px;}
    .hightlight-button {padding: 9px 32px; font-size: 16px; line-height: 26px}
    .highlight-product { padding: 11px 4px 22px 3px; }
    .highlight-product-name {padding: 15px 0;}
    .highlight-sale-price {padding-right: 0;}
    .highlight-actual-price {font-size: 16px;}
    .gift-lists ul {flex-flow: column wrap;}
    .gift-lists-decor {bottom: 25%; height: auto; width: 35%}
    .article__wrapper li .artical__content {height: 290px;}
    .gift-set {padding: 20px 30px; flex-direction: column;}
    .gift-set-image {width: 60%;}
    .gift-set-description {width: 100%; margin-left: 0; margin-top: 30px; align-items: center;}
    .gift-set-details p {text-align: justify;}
    .gift-type .col-xl-5 { padding-right: 15px; }
    .gift-type__image-wrapper { width: 250px; height: auto; }
    .gift-type__banner {padding: 25px 20px;}
    .article__wrapper {margin: 0 -15px}
    .article__wrapper .artical__item.slick-active ~ .artical__item .artical__content {height: 290px;}
	.slick-prev__article.slick-arrow {right: 55px}
	.slick-next__article.slick-arrow {right: 15px}
    .article__description p {width: 90%; font-size: 18px;}
    .footer__inner > h3 { font-size: 18px; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom: 10px; }
    .slick-arrow_article {top: -70px; font-size: 18px;}
    .gift-type__product {padding: 20px 15px;}
    .gift-type__product__image {height: 125px;}
    .gift-sets {padding: 50px 0;}
    .gift-sets .row { margin: 0 -30px; }
    .product-item {
        padding: 18px 5px 15px;
        font-size: 15px;
        box-shadow: 0 0 1px rgb(0 0 0 / 1%), 0px 20px 11px rgb(0 0 0 / 1%),
            0px -10px 10px rgb(0 0 0 / 1%);
        transition: all 0.4s ease-in-out;
        z-index: 1;
        cursor: pointer;
    }
	.gift-type__product__description {align-items: flex-start}
	.gift--wrap {height: 255px}
    .gift-title-description {padding-bottom: 0;}
    .gift-title-description a { padding: 6px 28px; margin-top: 30px; font-size: 15px; font-weight: unset; line-height: 26px}
    .gift-lists ul li { padding: 5px 20px; margin-right: 0; }
    .gift-lists h2 { font-size: 24px; margin-bottom: 10px; }
    .gift-lists { padding: 30px 25px; }
    .single-news__artical-content p, .single-news__artical-content li {text-align: justify;}
    .single-news-relate__item {flex-direction: column;}
    .single-news-relate__image-wrapper {min-width: 100%; max-width: 100%; height: 180px; margin-right: 0; margin-bottom: 20px;}
	.single-product__relate-product {padding: 29px 15px 0}
	.single-product__relate-title h3, .single-product__des__title > p.active {font-size: 18px}
	.single-product__des__title p.active::before {width: 100%}
	.tax-news__contents h2 {font-size: 21px; -webkit-line-clamp: 2; line-height: 32px}
	footer::before {width: 5px}
    .footer__inners { padding-top: 60px; }
    .footer__copyright p { display: flex; flex-direction: column; align-items: center; }
    .footer__icons { display: flex; align-items: center; justify-content: center; }
    .footer_support_logo_wrap, .footer__inners .col-xl-2 .footer__inner {margin-top: 20px;}
    .footer__inner ul li {margin: 8px 0;}
	.footer__inner ul li > span { font-size: 14.5px; }
}

@media screen and (max-width: 376px) {
	.gift-type__product__description .gift-type__price {font-size: 17px}
	.product-item-actual-price {padding-left:5px; font-size:14px}
}

@keyframes ChangeWidth {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 550;
        opacity: 1;
    }
}

@keyframes RotateAnimation {
    0% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes NavMobileAnimate {
    from {
        transform: translateX(-250px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes NavLinkMobileAnimate {
    from {
        transform: translateX(-75px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes AppearHighlight {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes AppearImage {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes removeAnimation {
    0% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
    }
}