@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
  .swiper_content {
    padding: 10px 1.2rem;
  }
  .swiper_btns {
    display: none;
  }
  .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .head h2 {
    font-size: 22px;
    line-height: 1.5;
  }
  .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .button {
    font-size: 14px;
    padding: 11px 20px;
  }
  .button_more {
    font-size: 14px;
    padding: 11px 20px;
  }
  header.sticky {
    top: 0;
  }
  header .top {
    display: none;
  }
  header .header {
    position: relative;
  }
  header .header .header_content > .flex {
    flex-wrap: wrap;
    padding: 0 1.2rem;
  }
  header .header .left .logo img {
    width: 120px;
  }
  header .header .left .flex {
    gap: 0.5rem;
    position: absolute;
    right: 1.2rem;
    top: 16.5px;
  }
  header .header .left .icon_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    position: relative;
    background-color: #efefef;
  }
  header .header .left .icon_search::after {
    content: '';
    display: block;
    width: 50%;
    height: 50%;
    background: url(../img/search.svg) no-repeat center / contain;
    filter: brightness(0.3);
  }
  header .header .left .icon_menu {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 6px;
    background: url(../img/nav-btn.svg) no-repeat center / 50%;
    background-color: #efefef;
  }
  header .header .left .overlay_m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
  }
  header .header .left .overlay_m.active {
    display: block;
  }
  header .header .right {
    padding-right: 4.5rem;
  }
  header .header .right a {
    width: 2rem;
    height: 2rem;
    padding-top: 0;
    margin-right: 0.5rem;
  }
  header .header .right a p {
    display: none;
  }
  header .header .right a i {
    width: 50%;
    height: 50%;
  }
  header .header .right a:nth-child(3) i {
    width: 50%;
    height: 50%;
  }
  header .header .right a:nth-child(3) i span {
    transform: translate(50%, -50%) scale(0.7);
  }
  header .header .right .icon_contact {
    display: none;
  }
  header .header .search_box {
    order: 3;
    display: none;
    width: 100%;
    height: 60px;
    padding: 10px 1.2rem;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    transform: translateY(-2px);
    z-index: -1;
  }
  header .header .search_box select {
    min-width: 50%;
    font-size: 14px;
    background-position: right 0.5rem center;
    padding: 0 1.4rem 0 0.5rem;
  }
  header .header .search_box input[type="text"] {
    padding: 0 0.6rem;
    font-size: 14px;
  }
  header .header .search_box input[type="submit"] {
    min-width: 40px;
  }
  header nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80vw;
    height: 100vh;
    background-color: #fff;
    transition: all 0.3s;
    max-height: unset !important;
    z-index: 99;
  }
  header nav.active {
    left: 0;
  }
  header nav div > ul {
    display: block;
  }
  header nav div > ul > li > a {
    text-align: left;
    background-color: #fff;
    color: var(--title_color);
    font-size: 1rem;
    padding: 0 2rem;
    line-height: 1.5;
    line-height: 3.5rem;
  }
  header nav div > ul > li:nth-last-of-type(1),
  header nav div > ul > li:nth-last-of-type(2) {
    border: none;
  }
  header nav div > ul > li:nth-last-of-type(1) a,
  header nav div > ul > li:nth-last-of-type(2) a {
    color: var(--title_color);
    opacity: 0.8;
  }
  header nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 75vw;
    height: 100vh;
    background-color: #fff;
    z-index: 19999;
    transition: all 0.3s;
    display: block;
    overflow: auto;
  }
  header nav.active {
    left: 0;
  }
  header nav .close {
    padding: 2rem 1.2rem 1.2rem;
    border-bottom: 1px solid #eee;
    text-align: right;
  }
  header nav .close span {
    display: inline-block;
    width: 15px;
    filter: brightness(0);
    height: 15px;
    background: url('../img/mobile-menu/close.svg') no-repeat center / contain;
  }
  header nav div > ul {
    display: block;
  }
  header nav div > ul > li::before {
    display: none;
  }
  header nav div > ul > li > a {
    color: var(--title_color);
    line-height: 4rem;
    padding-left: 2rem;
    position: relative;
  }
  header nav div > ul > li > a::before {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/mobile-menu/menu-default.svg') no-repeat center / contain;
    display: none;
  }
  header nav div > ul > li.menu-item-home > a::before {
    background-image: url(../img/mobile-menu/menu-home.svg);
  }
  header nav div > ul > li.product-icon > a::before {
    background-image: url(../img/mobile-menu/menu-product.svg);
  }
  header nav div > ul > li.about-icon > a::before {
    background-image: url(../img/mobile-menu/menu-about.svg);
  }
  header nav div > ul > li.case-icon > a::before {
    background-image: url(../img/mobile-menu/menu-case.svg);
  }
  header nav div > ul > li.blog-icon > a::before {
    background-image: url(../img/mobile-menu/menu-blog.svg);
  }
  header nav div > ul > li.menu-item-has-children {
    padding-right: 0;
  }
  header nav div > ul > li.menu-item-has-children > a {
    margin-right: 52px;
  }
  header nav div > ul > li.menu-item-has-children::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/mobile-menu/select.svg) no-repeat center / contain;
    position: absolute;
    left: calc(100% - 2rem);
    top: 26px;
    transition: all 0.3s;
    filter: none;
    transform: translate(0);
  }
  header nav div > ul > li.active::after {
    transform: rotate(180deg);
  }
  header nav div > ul > li ul {
    position: static;
    visibility: visible;
    padding: 1rem 1rem 0.8rem;
    background-color: #f8f8f8;
    margin: 0 2rem;
    box-shadow: none;
    border-radius: 5px;
    display: none;
    transform: translate(0);
    opacity: 1;
    pointer-events: all;
    transition: none;
  }
  header nav div > ul > li ul li a {
    color: var(--title_color);
    padding: 0.5rem 0;
    white-space: wrap;
  }
  footer {
    overflow: hidden;
  }
  footer .footer {
    padding: 50px 0 30px;
  }
  footer .footer .content > .flex {
    display: block;
  }
  footer .footer .slide_obj.active strong::after {
    transform: translateY(-50%) rotate(180deg);
  }
  footer .footer .slide_obj strong {
    font-size: 15px;
    line-height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 5px;
    padding: 0 1.2rem;
    margin-bottom: 1rem;
    position: relative;
  }
  footer .footer .slide_obj strong::after {
    content: '';
    display: block;
    width: 14px;
    height: 10px;
    background: url(../img/mobile-menu/select.svg) no-repeat center / contain;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    filter: contrast(0) brightness(20);
    transition: all 0.3s;
  }
  footer .footer .slide_obj div {
    display: none;
    padding: 0 1.2rem 1.2rem;
  }
  footer .footer .slide_obj div a {
    font-size: 14px;
    line-height: 2rem;
    display: block;
  }
  footer .footer .slide_obj div p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  footer .footer .contact_us {
    width: 100%;
  }
  footer .footer_bottom {
    padding-top: 30px;
  }
  footer .footer_bottom .content > .flex {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  footer .copyright {
    padding: 1rem 0;
  }
  footer .copyright p {
    font-size: 12px;
    text-align: center;
    width: 100%;
    order: 2;
  }
  footer .copyright .flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
  footer .copyright .flex div {
    display: none;
  }
  footer .copyright select {
    font-size: 12px;
  }
  .home_banner .swiper-slide {
    position: relative;
  }
  .home_banner .swiper-slide::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .home_banner .swiper-slide .flex {
    height: 50vh;
    max-height: 540px;
  }
  .home_banner .swiper-slide .head {
    position: relative;
    z-index: 2;
    padding-bottom: 0;
  }
  .home_banner .swiper-slide .head h1,
  .home_banner .swiper-slide .head strong {
    font-size: 25px;
    line-height: 1.5;
  }
  .home_banner .swiper-slide .head p {
    margin-bottom: 1.2rem;
  }
  .home_banner .home_banner_swiper .home_banner_btns {
    top: unset;
    bottom: 1.25rem;
    transform: translateX(-50%);
    width: 4rem;
  }
  .home_nav {
    margin-top: 0;
    box-shadow: none;
    border-bottom: 1px solid #eee;
  }
  .home_nav ul {
    /* overflow: scroll; */
    display: block;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .home_nav ul li {
    width: 100%;
    border-width: 2px;
  }
  .home_nav ul li a {
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
  }
  .home_nav ul li:hover, .home_nav ul li.active{
    box-shadow: none;
  }
  .home_nav ul li .img {
    margin-bottom: 1rem;
    padding: 0;
    width: 40px;
    aspect-ratio: 1/1;
    margin: 0;
    margin-right: 1.5rem;
  }
  .home_nav ul li p {
    font-size: 14px;
    line-height: 1.4;
    order: 9;
    
  }
  .home_product {
    padding: 50px 0;
  }
  .home_product .head .home_product_btns {
    gap: 1rem;
  }
  .home_product .head .home_product_btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .home_product .home_product_swiper {
    padding: 4rem 0;
  }
  .home_product .home_product_swiper .img {
    height: 160px;
  }
  .home_product .home_product_swiper .info {
    padding: 0 1rem 2rem;
  }
  .home_product .home_product_swiper .info > span {
    font-size: 13px;
  }
  .home_product .home_product_swiper .info h3 {
    font-size: 0.9rem;
    line-height: 1.4;
    min-height: 40px;
    margin: 0.5rem 0;

  }
  .home_product .home_product_swiper .info p {
    font-size: 14px;
    line-height: 1.4;
  }
  .home_product .home_product_swiper .info strong {
    width: 2rem;
    height: 2rem;
  }
  .home_brand {
    padding: 50px 0;
  }
  .home_brand .head .home_brand_btns {
    gap: 1rem;
  }
  .home_brand .head .home_brand_btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .home_brand .home_brand_swiper {
    padding-top: 30px;
  }
  .home_brand .home_brand_swiper .img {
    height: 170px;
  }
  .home_brand .home_brand_swiper .img:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }
  .home_brand .home_brand_swiper h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 1rem;
  }
  .home_blog {
    padding: 50px 0;
  }
  .home_blog .head {
    display: block;
  }
  .home_blog .head ul {
    padding-top: 20px;
    gap: 1rem;
    overflow: scroll;
  }
  .home_blog .head ul::-webkit-scrollbar {
    display: none;
  }
  .home_blog .head ul li {
    font-size: 14px;
    white-space: nowrap;
    padding-bottom: 0.5rem;
  }
  .home_blog .home_blog_swiper_box {
    margin: 30px 0;
  }
  .home_blog .home_blog_swiper .img {
    height: 170px;
  }
  .home_blog .home_blog_swiper .img span {
    font-size: 12px;
    padding: 10px 20px;
  }
  .home_blog .home_blog_swiper .info {
    padding: 0.5rem 1rem 1.2rem;
  }
  .home_blog .home_blog_swiper .info span {
    font-size: 13px;
  }
  .home_blog .home_blog_swiper .info h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 3rem;
    margin: 0.2rem 0 0.5rem;
  }
  .home_blog .home_blog_swiper .info p {
    min-height: 72px;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .home_blog .home_blog_swiper .info strong {
    font-size: 14px;
    margin-top: 1rem;
    padding: 11px 20px;
  }
  .about_banner {
    padding: 4rem 0;
    position: relative;
    z-index: 2;
  }
  .about_banner::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
  }
  .about_banner .head {
    min-height: unset;
    padding: 0;
  }
  .about_banner .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .about_banner .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
  }
  .about_num {
    padding: 3rem 0;
  }
  .about_num ul {
    display: grid;
    gap: 2rem 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .about_num ul li .img {
    width: 2rem;
    height: 2rem;
    margin-right: 8px;
  }
  .about_num ul li strong {
    font-size: 1.6rem;
    line-height: 1;
  }
  .about_num ul li p {
    font-size: 13px;
    line-height: 1.5;
    margin-top: 8px;
  }
  .about_about {
    padding: 3rem 0;
  }
  .about_about .flex {
    display: block;
  }
  .about_about .left {
    width: 100%;
  }
  .about_about .head h2 {
    margin-bottom: 0.5rem;
  }
  .about_about .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
  }
  .about_about .right {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
  .about_about .right .img {
    height: 220px;
  }
  .about_brand {
    padding: 3rem 0;
  }
  .about_brand ul li {
    height: 5rem;
  }
  .about_brand ul li img {
    width: 80%;
    height: 80%;
    object-fit: contain;
  }
  .about_service {
    padding: 3rem 0 4rem;
  }
  .about_service .head {
    margin-bottom: 2rem;
  }
  .about_service .head .flex {
    display: block;
  }
  .about_service .head h2 {
    margin-bottom: 0.5rem;
  }
  .about_service .head p {
    color: var(--title_color);
  }
  .about_service .head .swiper-btns {
    margin-top: 1.25rem;
    gap: 1rem;
  }
  .about_service .head .swiper-btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .about_service .swiper_service li {
    padding: 2rem 1.2rem 1.6rem;
  }
  .about_service .swiper_service li > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
  }
  .about_service .swiper_service li .img {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
  }
  .about_service .swiper_service li strong {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 1rem;
    margin-bottom: 0;
  }
  .about_service .swiper_service li p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    flex: 1;
  }
  .about_service .swiper_service li a {
    font-size: 14px;
    background-size: 14px;
  }
  .about_service .swiper-pagination {
    margin-top: 1.25rem;
    gap: 1rem;
  }
  .account_center {
    padding: 2rem 0  3rem;
  }
  .account_center .content > .flex {
    display: block;
  }
  .account_center .left {
    width: 100%;
    padding: 2rem 1.2rem 1.6rem;
  }
  .account_center .left h1 {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 1.25rem;
  }
  .account_center .left .account_menu ul{
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
  .account_menu ul li{
    margin-bottom: 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .account_center .left .account_menu ul li a {
    font-size: 14px;
    padding-left: 0;
    padding-top: 4rem;
    padding-bottom: 1rem;
    text-align: center;
  }
  .account_center .left .account_menu ul li:nth-of-type(2n){
    border-right: none;
  }
  .account_center .left .account_menu ul li a::after {
    width: 2.3rem;
    height: 2.3rem;
    left: 50%;
    top: 1rem;
    transform: translateX(-50%);
  }
  .account_center .left .menu_bottom {
    margin-top: 2rem;
  }
  .account_center .left .menu_bottom .log-out {
    padding: 8px 0 8px 2rem;
    font-size: 1rem;
  }
  .account_center .left .menu_bottom .log-out::before {
    width: 1.25rem;
    height: 1.25rem;
  }
  .account_center .avatar-row {
    margin-bottom: 2rem;
  }
  .account_center .avatar-row .avatar {
    width: 4rem;
    height: 4rem;
  }
  .account_center .avatar-row .avatar .icon {
    display: block;
  }
  .account_center .avatar-row .qr-code-con {
    zoom: 0.8;
  }
  .account_center .right {
    width: 100%;
    margin-top: 3rem;
  }
  .account_center .right .spend_infos .flex {
    display: block;
  }
  .account_center .right .spend_infos .flex li {
    width: 100%;
    padding: 1.5rem 1.2rem;
    margin-bottom: 1.25rem;
  }
  .product_spec table tbody tr th{
    width: 50%!important;
  }
  .address_select_box ul li.address_info{
    flex-wrap: wrap;
    flex-direction: row;
    display: block;
  }
  .address_select_box ul{
    flex-direction: column;
  }
  .account_center .right .spend_infos .flex li .head .flex {
    display: flex;
  }
  .address_select_box ul li.address_info p{
    width: max-content!important;
    display: block;
  }
  .address_select_box ul li.address_info p:nth-child(2){
    display: block;
  }
  .account_center .right .spend_infos .flex li .head strong {
    font-size: 18px;
    line-height: 1.5;
  }
  .account_center .right .spend_infos .flex li .head .circle-discount {
    margin: 0 0 0 auto;
    zoom: 0.8;
  }
  .account_center .right .spend_infos .flex li p {
    font-size: 1rem;
    line-height: 1.5;
  }
  .account_center .right .spend_infos .flex li p span {
    font-size: 18px;
    line-height: 1.5;
  }
  .account_center .right .orders_preview .head ul {
    padding: 1.2rem 1.2rem 0;
    overflow: auto;
    min-height: auto;
    gap: 1rem;
  }
  .account_center .right .orders_preview .head ul li {
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    height: 2.5rem;
  }
  .account_center .right .orders_preview .infos {
    padding: 1.2rem;
  }
  .account_center .right .orders_preview .infos .flex {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
  }
  .account_center .right .orders_preview .infos .total strong {
    font-size: 18px;
    line-height: 1.5;
  }
  .account_center .right .orders_preview .infos p {
    font-size: 14px;
    line-height: 1.5;
  }
  .account_center .right .orders_preview .infos .button {
    padding: 9px 22px;
  }
  .account_center .right .orders_preview .pro-details {
    padding: 0 1.2rem;
  }
  .account_center .right .orders_preview .pro-details > .flex {
    padding: 0;
    display: block;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left {
    width: 100%;
    padding: 1.25rem 0;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left .flex {
    margin-bottom: 1.25rem;
    flex-flow: wrap;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left .flex:last-child {
    margin-bottom: 0;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left .flex .img {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    margin: 0;
  }
  .orders_preview .pro-details .pro-left strong span{
    margin-left: 0;
    min-width: unset;
    font-size: 15px;
    white-space: nowrap;
    padding-left: 4px;
  }
  .orders_preview .pro-details .pro-left strong span em{
    font-size: 14px;
  }
  .orders_preview .pro-details .pro-left .flex p + p{
    margin-left: 0;
    width: 100%;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left .flex .img + div strong {
    font-size: 14px;
    line-height: 1.5;
    padding-right: 0;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-left .flex .img + div .flex p {
    font-size: 12px;
    line-height: 1.5;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-right {
    width: 100%;
  }
  .account_center .right .orders_preview .pro-details > .flex .pro-right a {
    font-size: 14px;
    padding: 14px 22px;
  }
  .number-data ul li span.icon-question span {
    width: 40vw;
  }
  .saved_products {
    padding: 3rem 0;
    margin-bottom: 0;
  }
  .saved_products .head h2 {
    margin-bottom: 2rem;
    font-size: 22px;
    line-height: 1.5;
  }
  .saved_products ul.sy-products {
    display: flex;
    overflow: auto;
    gap: 1rem;
    padding-top: 1rem;
  }
  .saved_products ul.sy-products li {
    min-width: 65%;
  }
  ul.sy-products li.sy-product .img {
    height: 150px;
    margin-bottom: 8px;
  }
  ul.sy-products li.sy-product .infos {
    padding: 0 12px 1rem;
  }
  ul.sy-products li.sy-product .infos .cat {
    font-size: 12px;
  }
  ul.sy-products li.sy-product .infos strong {
    font-size: 14px;
    line-height: 1.4;
    margin: 6px 0;
    -webkit-line-clamp: 2;
    min-height: 40px;
  }
  ul.sy-products li.sy-product .infos .sku {
    font-size: 13px;
  }
  ul.sy-products li.sy-product .infos .stock {
    font-size: 13px;
  }
  ul.sy-products li.sy-product .infos div.buy-infos:first-child {
    margin-top: 6px;
  }
  ul.sy-products li.sy-product .infos div.buy-infos .price {
    font-size: 12px;
  }
  ul.sy-products li.sy-product .infos div.buy-infos .price ins {
    font-size: 14px;
  }
  ul.sy-products li.sy-product .infos .add-cart {
    margin-top: 8px;
    font-size: 14px;
    padding: 9px 1rem;
  }
  ul.sy-products li.sy-product .infos .add-list {
    font-size: 12px;
  }
  .related_products {
    padding: 3rem 0 5rem;
    margin: 0;
  }
  .related_products .head h2 {
    font-size: 22px;
    line-height: 1.5;
  }
  .related_products .head .home_product_btns {
    gap: 1rem;
  }
  .related_products .head .home_product_btns div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .blog_banner {
    padding: 4rem 0 3rem;
  }
  .blog_banner .head input[type="text"] {
    width: auto;
    flex: 1;
  }
  .blog_banner .head form {
    display: flex;
  }
  .blog_sticky {
    padding: 4rem 0 3rem;
  }
  .blog_sticky .nav {
    margin-bottom: 2rem;
  }
  .blog_sticky .nav ul {
    gap: 1rem;
    overflow: auto;
  }
  .blog_sticky .nav ul li {
    margin: 0;
  }
  .blog_sticky .nav ul li a {
    font-size: 14px;
  }
  .blog_sticky .swiper_sticky li .flex {
    display: block;
  }
  .blog_sticky .swiper_sticky li .img {
    width: 100%;
  }
  .blog_sticky .swiper_sticky li .img img {
    display: block;
  }
  .blog_sticky .swiper_sticky li .right {
    width: 100%;
    padding: 1rem 1.2rem 1.6rem;
  }
  .blog_sticky .swiper_sticky li .right span {
    font-size: 14px;
  }
  .blog_sticky .swiper_sticky li .right strong {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .blog_sticky .swiper_sticky li .right p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
  }
  .blog_sticky .swiper_sticky li .right .button {
    padding: 9px 22px;
  }
  .blog_sticky .swiper-pagination {
    gap: 1rem;
    margin: 2rem 0 0 1.2rem;
  }
  .blog-main {
    padding: 3rem 0 5rem;
  }
  .blog-main .blogs {
    gap: 1rem 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-main .blogs + p.center {
    margin-top: 2rem;
  }
  .blog-main .blogs li .img {
    height: 130px;
  }
  .blog-main .blogs li .img span {
    font-size: 12px;
    padding: 9px 1rem;
  }
  .blog-main .blogs li .info {
    padding: 12px 12px 1rem;
  }
  .blog-main .blogs li .info span {
    font-size: 13px;
  }
  .blog-main .blogs li .info h3 {
    font-size: 15px;
    line-height: 1.5;
    margin: 4px 0 6px;
    min-height: unset;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .blog-main .blogs li .info p {
    font-size: 13px;
    line-height: 1.5;
    min-height: unset;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .blog-main .blogs li .info strong {
    display: none;
  }
  .contact_banner {
    padding: 4rem 0 3rem;
  }
  .contact_banner .head span {
    font-size: 14px;
  }
  .contact_banner .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .contact_banner .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 0.5rem;
  }
  .contact_infos {
    padding: 3rem 0;
  }
  .contact_infos .content-small {
    width: 100%;
    padding: 0 1.2rem;
  }
  .contact_infos ul {
    overflow: auto;
  }
  .contact_infos ul li {
    min-width: 60%;
    box-shadow: none;
    border: 1px solid #d3d3d3;
    padding: 2rem 1.2rem 1.6rem;
  }
  .contact_infos ul li .icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.25rem;
  }
  .contact_infos ul li strong {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .contact_inquiry {
    padding: 3rem 0 5rem;
  }
  .contact_inquiry .content-small {
    width: 100%;
    padding: 0 1.2rem;
  }
  .contact_inquiry .head {
    margin-bottom: 2rem;
  }
  .contact_inquiry form {
    gap: 1rem 0;
  }
  .contact_inquiry form span {
    margin: 0;
  }
  .contact_inquiry form .col3 {
    width: 100% !important;
  }
  .contact_inquiry form select,
  .contact_inquiry form input,
  .contact_inquiry form textarea {
    font-size: 14px;
    padding: 0.7rem 1rem;
    line-height: 1.5;
  }
  .contact_inquiry form textarea {
    min-height: 120px;
  }
  .contact_inquiry form .file-con {
    font-size: 14px;
    padding: 0.7rem 1rem;
  }
  .contact_inquiry form .file-con span {
    height: 100%;
    width: 45px;
  }
  .contact_inquiry form input[type="submit"] {
    font-size: 14px;
    padding: 10px 22px;
    min-width: 120px;
  }
  .login-container {
    padding: 4rem 0 6rem;
    min-height: 100vh;
  }
  .login-container .content-login {
    width: 100%;
    padding: 0 1.2rem;
  }
  .login-container .form-con {
    padding: 3rem 1.2rem 2rem;
  }
  .login-container .form-con form {
    width: 100%;
  }
  .login-container .form-con form p {
    margin: 0 0 1rem;
  }
  .login-container .form-con form input:not([type="checkbox"]) {
    font-size: 14px;
    padding: 0.7rem 1rem;
    line-height: 1.5;
  }
  .login-container .form-con form .remember_row {
    margin: 1.25rem 0;
    display: block;
  }
  .login-container .form-con form .remember_row span {
    display: block;
    text-align: right;
    margin-top: 1rem;
  }
  .login-container .form-con form .remember_row label[for="terms"] {
    gap: 12px;
  }
  .login-container .form-con form .remember_row label[for="terms"] p,
  .login-container .form-con form .remember_row label[for="terms"] p a {
    font-size: 13px;
    line-height: 1.5;
  }
  .login-container .form-con form p.col3 {
    flex-direction: column;
    gap: 1rem;
  }
  .login-container .form-con form p.col3 select {
    font-size: 14px;
    line-height: 1.5;
    padding: 0.7rem 1rem;
  }
  .login-container .form-con form p.col3 > * {
    width: 100%;
  }
  .login-container .form-con form .send_code {
    right: 0;
  }
  .send_code{
    padding: 6px 8px;
    font-size: 11px;
    right: 5px;

  }
  .login-container .form-con form .verify_row span {
    font-size: 13px;
    line-height: 1.5;
  }
  .login-container .form-con form .verify_row span.btn {
    right: 0;
  }
  .login-container .foot {
    margin-top: 3rem;
  }
  .order_main .detail {
    padding: 0.5rem 1.2rem 1.2rem;
  }
  .order_main .detail .flex {
    display: block;
  }
  .order_main .detail .btns {
    margin-top: 2rem;
    width: 100%;
  }
  .order_main .detail .btns a {
    font-size: 15px;
    line-height: 2.5rem;
  }
  .order_main .main {
    display: block;
  }
  .order_main .main .list li {
    padding: 8px 0;
  }
  .order_main .main .list li a {
    gap: 8px;
    min-width: 59.8382%;
    width: 59.8382%;
  }
  .order_main .main .list li .img {
    width: 70px;
    min-width: 70px;
    height: 70px;
  }
  .order_main .main .list li .info p {
    font-size: 12px;
    line-height: 1.5;
  }
  .order_main .main .list li .info .flex {
    gap: 0;
  }
  .order_main .main .list li .info span {
    font-size: 12px;
    line-height: 1.5;
  }
  .order_main .main .list li .quantity {
    font-size: 14px;
  }
  .order_main .main .list li .price {
    font-size: 15px;
  }
  .order_main .main .total {
    margin-top: 1rem;
    width: 100%;
  }
  .post_banner {
    padding: 3rem 0;
  }
  .post_banner .content-small {
    width: 100%;
    padding: 0 1.2rem;
  }
  .post_banner .content-small .head h1 {
    font-size: 22px;
    line-height: 1.5;
  }
  .post_banner .content-small .infos {
    margin-top: 2rem;
  }
  .post_banner .content-small .infos ul {
    gap: 1rem;
  }
  .post_banner .content-small .infos ul li {
    font-size: 14px;
    margin: 0;
    padding-left: 1.5rem;
  }
  .post_banner .content-small .infos ul li::before {
    width: 1.25rem;
    height: 1.25rem;
  }
  div.share {
    position: static !important;
    transform: translate(0);
  }
  div.share strong {
    display: none;
  }
  div.share ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 2rem 1.2rem 0;
  }
  div.share ul li {
    width: 2.5rem;
    height: 2.5rem;
  }
  .post_content_main {
    padding-bottom: 5rem;
    margin-top: 0;
  }
  .post_content_main .content-small {
    width: 100%;
    padding: 0 1.2rem;
  }
  .post_content_main .content-small > .flex {
    display: block;
  }
  .post_content_main .content-small .left {
    width: 100%;
  }
  .post_content_main .content-small .left .content {
    padding: 0;
  }
  .post_content_main .content-small .left p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin: 1.25rem 0 0;
  }
  .post_content_main .content-small .left img.thumbnail {
    margin-bottom: 0;
  }
  .post_content_main .content-small .left img {
    padding: 2rem 0 0;
  }
  .post_content_main .content-small .left h2 {
    font-size: 18px;
    line-height: 1.5;
    margin: 2rem 0 0;
    padding: 0;
  }
  .post_content_main .post_bottom {
    margin-top: 3rem;
    padding-top: 1.25rem;
  }
  .post_content_main .post_bottom ul {
    flex-wrap: wrap;
  }
  .post_content_main .post_bottom ul li {
    font-size: 14px;
    padding: 0 1rem;
    line-height: 38px;
  }
  .post_content_main .post_bottom strong {
    font-size: 14px;
  }
  .post_content_main .right {
    width: 100%;
    padding: 0;
    margin: 3rem 0 0;
  }
  .post_content_main .right .cat-list {
    margin-bottom: 3rem;
  }
  .post_content_main .right .cat-list li a {
    font-size: 14px;
    padding: 0.7rem 1rem;
  }
  .post_content_main .right .related_post strong {
    font-size: 22px;
    line-height: 1.5;
    margin-bottom: 1.25rem;
  }
  .post_content_main .right .related_post ul {
    display: grid;
    gap: 2rem 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .post_content_main .right .related_post ul li .img {
    height: 120px;
  }
  .post_content_main .right .related_post ul li strong {
    font-size: 14px;
    line-height: 1.5;
  }
  .post_main .left .flex .share {
    margin-top: 2rem;
    gap: 5px;
    position: static;
  }
  .post_main .left .flex .share ul {
    width: 100%;
    gap: 10px;
    flex-direction: row;
    justify-content: flex-end;
  }
  .post_main .left .flex .share ul li {
    width: 2.5rem;
    height: 2.5rem;
  }
  .subcate_banner .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  .subcate_main {
    min-height: unset;
    padding: 3rem 0 5rem;
  }
  .subcate_main ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 12px;
  }
  .subcate_main ul li a {
    min-height: unset;
  }
  .subcate_main ul li a h2 {
    font-size: 15px;
    line-height: 1.5;
  }
  .support_banner {
    padding: 4rem 0 3rem;
  }
  .support_service {
    padding: 4rem 0 3rem;
  }
  .support_service ul {
    margin-top: 2rem;
    display: flex;
    overflow: auto;
    gap: 1rem;
  }
  .support_service ul li {
    min-width: 75%;
    box-shadow: none;
    border: 1px solid #212121;
    padding: 2rem 1.2rem 1.6rem;
  }
  .support_service ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }
  .support_service ul li .img {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.25rem;
  }
  .support_service ul li strong {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
  .support_service ul li p {
    margin-bottom: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    flex: 1;
  }
  .support_service ul li span {
    font-size: 14px;
  }
  .faq_box {
    padding: 3rem 0 5rem;
  }
  .faq_box .head {
    margin-bottom: 2rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group {
    display: block;
  }
  .faq_box .sy_contentfaq .sy_fap_group .left {
    width: 100%;
  }
  .faq_box .sy_contentfaq .sy_fap_group .left strong {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 0.7rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .left .faqs_list li {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0.7rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right {
    margin-top: 2rem;
    width: 100%;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right strong {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right .faqs .faq {
    padding: 0.7rem 0;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right .faqs .faq::after {
    top: 8px;
    width: 14px;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right .faqs .faq .question {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 1rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right .faqs .faq .question strong {
    flex: 1;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
  }
  .faq_box .sy_contentfaq .sy_fap_group .right .faqs .faq .answer {
    padding-top: 1rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .shop_main {
    padding: 4rem 0 5rem;
  }
  .shop_main .left {
    position: fixed;
    width: 80vw;
    height: 100vh;
    background-color: #fff;
    z-index: 99999;
    top: 0;
    right: 0;
    transition: all 0.4s;
    padding: 4rem 1.2rem;
    overflow: auto;
    transform: translateX(100%);
  }
  .shop_main .left.active {
    transform: translate(0);
  }
  .shop_main .right {
    width: 100%;
    padding: 0;
  }
  .shop_main .right .shop_top {
    margin-bottom: 3rem;
  }
  .shop_main .right .shop_top > .flex {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .shop_main .right .shop_top > .flex > .flex {
    width: 100%;
    justify-content: space-between;
    margin-top: 1.25rem;
  }
  .shop_main .right .shop_top > .flex .sort_con {
    font-size: 14px;
  }
  .shop_main .right .shop_top > .flex .sort_con select {
    font-size: 14px;
  }
  .shop_main .right .shop_top p {
    font-size: 14px;
    line-height: 1.5;
  }
  .shop_main .right .shop_top .icon_menu_p {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/mobile-menu/nav-btn-p.svg) no-repeat center / contain;
  }
  .shop_main .right .products_main ul.sy-products {
    gap: 2rem 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .shop_main .right .products_main ul.sy-products.single-type {
    display: block;
  }
  .shop_main .right .products_main ul.sy-products.single-type .sy-product a {
    display: block;
  }
  .shop_main .right .products_main ul.sy-products.single-type .sy-product .img {
    width: 100%;
  }
  .shop_main .right .products_main ul.sy-products.single-type .sy-product .infos {
    display: block;
    margin-top: 1rem;
  }
  .shop_main .right .products_main ul.sy-products.single-type .sy-product .infos > div {
    width: 100% !important;
  }
  ul.sy-products + p.center {
    margin-top: 3rem;
  }
  .product_preview .content > .flex {
    display: block;
  }
  .product_preview .left {
    width: 100%;
    padding: 2rem 0;
  }
  .product_preview .left .swiper_preview_product {
    height: 335px;
  }
  .product_preview .left .video_btn {
    font-size: 14px;
    padding: 8px 1rem 8px 2rem;
    left: 1rem;
    bottom: 1rem;
  }
  .product_preview .left .video_btn::before {
    width: 14px;
    height: 14px;
    left: 12px;
  }
  .product_preview .left .swiper_box {
    margin: 1rem 0;
  }
  .product_preview .left .swiper_box .swiper_thumb {
    width: 85%;
  }
  .product_preview .left .swiper_box .swiper_thumb .swiper-slide {
    overflow: hidden;
  }
  .product_preview .left .thumb-left, .product_preview .left .thumb-right {
    width: 5%;
    min-width: 5%;
  }
  .product_preview .left .select-gift strong {
    display: block;
    font-size: 15px;
    line-height: 1.5;
  }
  .product_preview .left .select-gift .gift-box .swiper_gift {
    width: 80%;
    flex: 1;
  }
  .product_preview .left .select-gift .gift-box .swiper_gift .swiper-slide::after {
    right: 0;
  }
  .product_preview .left .select-gift .gift-box .swiper_gift .swiper-slide p {
    font-size: 14px;
    line-height: 1.5;
  }
  .product_preview .right {
    width: 100%;
    padding: 0;
  }
  .product_preview .right h1 {
    font-size: 20px;
    line-height: 1.4;
  }
  .product_preview .right .pro-infos p{
    font-size: 14px;
  }
  .product_preview .right .pro-infos p + p{
    margin-left: 0rem;
  }
  .product_preview .right .pro-infos p{
    width: 46%;
  }
  .add-cart-data div > strong:nth-of-type(1) {
    font-size: 1rem;
  }
  .add-cart-data div > strong:nth-of-type(2) {
    font-size: 1rem;
  }
  .add-cart-data div > strong span {
    font-size: 14px;
    transform: translateY(0);
  }
  .product_preview .right .desc {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-top: 1rem;
  }
  .product_preview .right .gift strong {
    font-size: 1rem;
    line-height: 1.5;
  }
  .product_preview .right .gift li {
    font-size: 14px;
    padding: 9px 1rem;
  }
  .product_preview .right input.add-to-cart {
    font-size: 14px;
    padding: 12px 22px;
  }
  .product_preview .right input.add-to-cart + span {
    font-size: 14px;
    right: 1rem;
  }
  .product_nav ul {
    gap: 1rem;
    justify-content: flex-start;
    overflow: auto;
  }
  .product_nav ul li a {
    font-size: 14px;
    line-height: 1.5;
    white-space: nowrap;
    padding: 1rem 0;
  }
  .pd_title {
    padding-bottom: 14px;
  }
  .pd_title h2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .pd_title h2::after {
    width: 14px;
  }
  .pd_head h2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .swiper_btns_full {
    gap: 1rem;
  }
  .swiper_btns_full div {
    width: 2.5rem;
    height: 2.5rem;
  }
  .product_feature {
    padding: 4rem 0 3rem;
  }
  .product_feature .attr {
    grid-template-columns: repeat(2, 1fr);
    padding: 2rem 0 0;
    gap: 2rem 1rem;
  }
  .product_feature .attr li {
    display: block;
  }
  .product_feature .attr li i {
    width: 3rem;
    height: 3rem;
  }
  .product_feature .attr li strong {
    margin: 1rem 0 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .product_feature .attr li span {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_related {
    padding: 3rem 0;
  }
  .product_related .pd_head {
    margin-bottom: 3rem;
  }
  .product_swiper ul.sy-products li.sy-product .infos {
    padding: 0 14px 1rem;
  }
  .product_desc {
    padding: 3rem 0;
  }
  .product_desc .content .content {
    width: 100%;
  }
  .product_desc .content .content h3 {
    font-size: 18px;
    line-height: 1.5;
    padding: 2rem 0 0;
  }
  .product_desc .content .content p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 1.25rem;
  }
  .product_spec {
    padding: 3rem 0 ;
  }
  .product_spec table tbody {
    display: block;
  }
  .product_spec table tbody tr {
    background-color: #fff !important;
  }
  .product_spec table tbody tr:nth-child(even) {
    background-color: #f1f1f1 !important;
  }
  .product_spec table tbody tr td {
    font-size: 14px;
    line-height: 1.5;
    padding: 0.7rem;
  }
  .product_manuals {
    padding: 3rem 0;
  }
  .product_manuals .pd_main .content {
    width: 100%;
  }
  .product_manuals .pd_main .content ul li {
    padding: 12px 0;
  }
  .product_manuals .pd_main .content ul li strong {
    font-size: 14px;
    line-height: 1.5;
    gap: 8px;
  }
  .product_manuals .pd_main .content ul li strong::before {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
  }
  .product_manuals .pd_main .content ul li a {
    font-size: 14px;
    padding: 9px 1rem;
  }
  .product_included {
    padding: 3rem 0;
  }
  .product_included .pd_main ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 12px;
    padding-top: 2rem;
  }
  .product_included .pd_main ul li .info h3 {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_included .pd_main ul li .info span {
    font-size: 13px;
    margin-top: 0.5rem;
  }
  .product_faq {
    padding: 3rem 0;
  }
  .product_faq .pd_main .content {
    width: 100%;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group .faqs .faq {
    padding: 0;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group .faqs .faq .question {
    padding: 12px 0;
    gap: 12px;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group .faqs .faq .question strong {
    font-size: 15px;
    line-height: 1.5;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group .faqs .faq .question span {
    width: 14px;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group .faqs .faq .answer {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-bottom: 1rem;
  }
  .product_faq .pd_main .sy_contentfaq .sy_fap_group button {
    font-size: 14px;
    padding: 12px 22px;
    margin-top: 2rem;
  }
  .product_faq .pd_main p.center {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-top: 2rem;
  }
  .product_faq .pd_main p.center a {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_review {
    padding: 3rem 0 4rem;
  }
  .product_review .main {
    display: block;
    padding-top: 2rem;
  }
  .product_review .main .left {
    width: 100%;
  }
  .product_review .main .right {
    margin-top: 3rem;
  }
  .product_review .left .write strong {
    font-size: 18px;
    line-height: 1.5;
  }
  .product_review .left .write p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_review .left .write .button {
    font-size: 15px;
    padding: 12px 22px;
  }
  .product_review .right .top .select_box {
    gap: 1rem;
    flex-flow: wrap;
  }
  .product_review .right .top .select_box > select {
    width: auto;
    font-size: 14px;
  }
  .product_review .right .top .select_box .select {
    width: auto;
    padding-left: 8px;
    font-size: 14px;
  }
  .product_review .right .top .select_box .select select {
    font-size: 14px;
    width: auto;
  }
  .product_review .right ul li .con strong {
    font-size: 18px;
    line-height: 1.5;
  }
  .product_review .right ul li .con p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_review .right ul li .con .pic {
    width: 150px;
    height: 100px;
    margin: 0 1rem 1rem 0;
  }
  .product_review .right ul {
    margin-bottom: 3rem;
  }
  .product_also {
    padding: 4rem 0;
  }
  .product_also .button_more {
    margin-top: 3rem;
  }
  .product_recently {
    padding: 4rem 0 5rem;
  }
  .videopop .modalcontent{
    width: 100%;
    height: 300px;
  }
  
  .offerpop  .modalcontent{
    width: 90%;
    height: auto;
  }
  .offerpop .modalcontent img{
    width: 80px;
  }
  .offerpop .modalcontent p{
    margin-top: 0.5rem;
    line-height: 26px;
    font-size: 15px;
  }
  .offerpop .modalcontent strong{
    font-size: 21px;
  }
  .modalcomment.active .modalcontent{
    top: unset;
    bottom: 0;
  }
  div.modal .modalcontent{
    padding: 2rem 1.2rem;
  }
  .modalcomment input:not([type="submit"]), .modalcomment textarea{
    height: 2.5rem;
  }
  .modalcomment textarea{
    height: 120px;
  }
  .page-template-default .post_detail p{
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .page-template-default .post_detail{
    padding: 2rem 0;
  }
  .page-template-default .post_detail h3{
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .page-template-default .post_detail li{
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .page-template-default .post_detail h2{
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .number-data strong{
    font-size: 21px;
  }



  body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
    padding: 6px 24px 6px 48px;
    font-size: 15px;

  }
  body .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
    top: 15px;
  }
  header nav div > ul > li > a:hover, header nav div > ul > li > a.active{
    color: white;
  }
  .home_product .head h2{
    font-size: 22px;
  }
  p.stars{
    flex-flow: wrap;
  }
  .product_preview .left .swiper_preview_product .like_btn{
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
  }
  .breadcrumbs a, .breadcrumbs span{
    font-size: 14px;
  }
  .product_preview .right .status{
    font-size: 15px;
  }
  .product_preview .right .status::after{
    width: 20px;
    height: 20px;
  }
  table.variations tr th{
    font-size: 16px;
    margin-bottom: 8px;
  }
  table.variations tr th button, table.variations tr td div{
    width: 35px;
    height: 35px;
  }
  .add-cart-data{
    margin-top: 0rem;
  }
  .qty-container input{
    font-size: 16px;
  }
  .qty-container > div{
    width: 30px;
  }
  .qty-container input{
    width: 50px;
  }
  .qty-container{
    height: 40px;
  }
  .add-cart-data div > strong:nth-of-type(1) p.price span{
    font-size: 25px;
  }
  .add-cart-data div > strong span, .add-cart-data div > strong i{
    font-size: 14px;
    transform: translateY(-4px);
  }
  .woocommerce table.shop_attributes th{
    font-size: 15px;
  }
  body.woocommerce table.shop_attributes td p{
    font-size: 15px;
  }
  .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th{
    background: unset !important;
  }
  .product_review .right .top .select_box>*{
    width: 48%;
  }
  .order_main .detail td, .order_main .detail p{
    font-size: 14px;
  }
  .order_main .detail td{
    padding: 0;
  }
  .order_main .detail tr td:nth-of-type(2){
    padding-left: 1rem;
  }
  .order_main .detail strong{
    font-size: 17px;
    margin-bottom: 10px;
  }
  .order_main .detail .price{
    font-size: 25px;
    margin-bottom: 1rem;
  }
  .order_main .list .img::after{ 
    left: -2px;
    top: -22px;
    width: 1.5em;
    height: 1.5em;
    background-size: cover;
  }
  .setting-content .order-question>.flex{
    flex-flow: wrap;
  }
  .setting-content .default-title{
    font-size: 22px;
    padding-bottom: 0;
  }
  .order_review .main .select{
    margin-bottom: 0rem;
  }
  .setting-content .order-question form div.refund-item{
    display: block; 
    position: relative;
  }
  .setting-content .order-question form div.refund-item .image-box{
    display: inline-block;
    margin-bottom: 1rem;
  }
  .setting-content .order-question form .refund-item label{
    width: 53%;
    font-size: 14px;
    display: inline-block;
    margin: 0px .5rem;
    margin-right: 2rem;
    float: right;
  }
  .setting-content .order-question form div.refund-item input[type="checkbox"]{
    position: absolute;
    right: 0;
    width: 40px !important;
    top: 2rem;
  }
  .setting-content .order-question form div.refund-item .qty_box{
    margin-bottom: 1rem;
  }

  .setting-content .order-question form div.refund-item .note_box{
    margin-bottom: 1rem;
  }
   
  .setting-content div.setting-details.view-order div.flex > div{
    width: 100%;
            flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
  }
  .setting-content .order-question form > div{
        flex-direction: column;
    gap: 1rem;
  }
  .order_main .detail .method{
    width: 100%;
  }
  .order_main .total p{
    font-size: 14px;
    margin: 0.8rem 0;
  }
  .order_return_form input{
    width: 100% !important;
  }
  .setting-content .order_return_exchange .default-title{ 
    margin-bottom: 0 ;
  }
  .setting-details.view-order .order_review .head p{
    font-size: 0.85rem;
  }
  .bottom_cart .empty-cart img{
    width: 300px;
  }
  .bottom_cart .have_pro{
    width: 100%;
    padding: 0 20px;
  }
  .bottom_cart .cart-head strong{
    font-size: 18px;
  }
  .bottom_cart .cart-head{
    padding: 1rem 0;
  }
  .notice_con p{
    width: 92%;
    font-size: 14px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40%;
  }
  .setting-content div.setting-details div.flex > div.right{
    width: 100%;
  }
  .sy-products.grid{
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
  }
  ul.sy-products li.sy-product .buy-infos:nth-child(2) .price> span{
    margin-right: 5px;
  }
  .setting-content form select{
    width: 100%;
  }
  .setting-content .order-question form select{
    margin-top: 1rem;
  }

  ul.comparator > li.blankspace ul.specs li strong {
    font-size: 13px;
  }
  ul.comparator {
    overflow: auto;
  }
  .page-template-compare ul.comparator > li {
    max-width: initial;
  } 
  .page-template-compare .cart-content {
    padding: 0;
  }
  ul.comparator span.delete {
    z-index: 10;
        width: 3rem;
        height: 3rem;
        top: -4px;
  }
  ul.comparator > li div.prodinfor_content div.prodinfo .buy_now {
    padding: 0.3rem 0;
    width: 100%;
    text-align: center;
    margin: 1rem 0;
  }
  ul.comparator > li div.prodinfor_content div.prodinfo h2 {
    font-size: 16px !important;
  }
  ul.comparator > li div.prodinfor_content div.prodinfo p.price{
    font-size: 15px;
  }
  ul.comparator > li div.prodinfor_content {
    min-height: unset;
    padding: 0 4px;
    display: flex;
    flex-direction: column;
    margin-top: 4px;
  }
  ul.comparator > li div.prodinfor_content div.prodinfo p.price {
    margin: 0;
  }
  ul.comparator > li.blankspace div.blankspace {
    min-height: 341px;
  }
  ul.comparator > li ul.specs li {
    padding: 0.5rem 0.2rem;
  } 
  ul.sy-products.single-type li.sy-product .buy-btns{
    display: block;
    width: 100%;
  }
  .playbook_description h2{
    font-size: 22px;
  }
  .playbook_description p {
    font-size: 14px;
    line-height: 1.5;
  }
  .notify_modal .content_notify{
    width: 100%;
  }
  .order_return_form .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    max-width: 200px;
    overflow: hidden;
  }
  .alert_inviation_popup .alert_inviation_popup_box{
    width: 100%;
    padding: 2rem 1rem;
  }

  .woocommerce table.shop_table.woocommerce-cart-form__contents td{
    padding-top: 0px !important;
    padding-bottom: 18px !important;
  }
  .woocommerce-cart-form td.product-name span:not(.woocommerce-Price-currencySymbol){
    margin-top: 1px;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: left;
  }

  body.logged-in ul.sy-products li.sy-product{
    padding-bottom: 0;
  }
  ul.sy-products li.sy-product .buy-btns{
    padding: 0;
    position: unset;
  }
  .number-data ul li span.icon-question{
    position: unset;
  }
  .number-data{
    position: relative;
  }
  .number-data ul li span.icon-question span{
    width: 100%!important;
    left: 0;
    top: 100%;
  }
  .woocommerce .woocommerce-cart-form table.shop_table tbody tr td:last-child:before{
    display: none;
  }
  .days-percentage span{
    font-size: 17px;
  }
  body.woocommerce table.shop_attributes td{
    width: 50%;
    font-size: 14px;
  }
  body.woocommerce table.shop_attributes th{
    font-size: 14px; 
  }
  .login-container .form-con form .col2 #billing_state_field{
    margin-bottom: 0;
  }
  .login-container .form-con form .col2 #billing_state_field select{
    padding: 13px 14px;
  }

  .range span:nth-of-type(1){
    min-width: 23%;
  }

  footer .footer .contact_us form input[type="email"]{
    width: 75px;
  }

  .home_brand .head h2,
  .home_blog .head h2{
    font-size: 22px;
  }

  ul.sy-products li.sy-product p.price del{
    width: auto;
    margin-right: 5px;
  }

  .order_main .list .quantity em{
    font-size: 13px;
    display: inline-block;
    margin-right: 6px;
  }

  ul.comparator > li ul.specs li{
    font-size: 12px;
  } 
  .prodinfor_content .imgpreview img{
    max-height: 200px;
  }
  .file-con span.wpcf7-not-valid-tip{
    position: unset;
  }

  .post_main.has-slide .flex.between {
    flex-direction: column;
    gap: 0;
  }
  .page_slide_list {
    position: static;
    width: 100%;
    padding: 1.5rem 0 0;
  }
  .page_slide_list ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 20px;
  }
  .page_slide_list ul li a {
    font-size: 14px;
  }
}