:root {
     --br:16px;
     --wtc3:#464a4c;
     --wbgbx:#ffffff42;
     --ctbt: white;
     --bgs: #efefef;
     --bts: #0f0400;
     --is: #a5a3a3;
     --mn2: #ffffff;

}
body {
     color: var(--ptc);
     font-weight: 400;
     line-height: 1.5;
     font-family: var(--sf);
     font-size: var(--sfs);
     background-color: var(--bc);

}
.mega-menu{
    background: var(--mn2);
}
.ic-dc {
    color: var(--is) !important;
}

.s-dc,.b-dc{
    background-color:var(--bgs);
    color:var(--bts);
}
.card {
    background-color: var(--wbgbx);
}
.card-header{
    background-color: var(--wbgbx);
}
.bg-main-color{
    background-color: var(--mc);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: var(--shf);
}
h1{
  font-size: var(--shs);
}
h2{
   font-size: calc(var(--shs)*0.8);
}
h3{
   font-size: calc(var(--shs)*0.7);
}
h4{
   font-size: calc(var(--shs)*0.6);
}
h5{
  font-size: calc(var(--shs)*0.5);
}
h6{
  font-size: calc(var(--shs)*0.4);
}
h4 {
     margin-block-end:0;
}
ul {
     padding-inline-start:0;
}
 button, input, optgroup, select, textarea {
     font-family: var(--sf);
}
article{
     min-height:70vh;
     margin-top:145px;
}
*::-webkit-scrollbar {
     width: 12px;
}
 *::-webkit-scrollbar-thumb {
     background-color: #FFF;
     background-image: -webkit-gradient(linear, 40% 0%, 75% 84%,from(var(--scc)),to(var(--scc)));
}
 *::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
     background-color: #F5F5F5;
}
 aside .card {
     border: none;
     color: var(--ptc);
}
 aside .card a {
     color: var(--ptc);
 }
 .zoom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}



.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 400px;
}
.modal-content-next {

  max-width: 1000px;
}

#myZoom  .close {
  position: fixed;
  top: 20px;
  left: 14px;
  color: #ffffff;
  font-size: 52px;
  font-weight: bold;
  transition: 0.3s;
}

 .page-link {
     color: var(--ptc);
    }
 .switch {
     display: table-cell;
     vertical-align: middle;
     padding: 10px
}

 .system-dc ol li {
     list-style:decimal!important;
}
 .system-dc ol {
     list-style:decimal!important;
}
 .system-dc ul li {
     list-style:disc!important;
}
 .system-dc ul {
     list-style:disc!important;
     padding-right: 59px;
}
 *,:before,:after {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     list-style: none;
}
 .carousel-dc {
     width:100%;
     border-radius:var(--br);
}
 .index.slide{
}
 @media(max-width:767px){
 .close
 {
    color:#212529;
 }

     .index.lt-banner-down{
         margin-top:30px;
    }
}

.dropdown .usr-drop-acc{
    top: 9px !important;
}

.login .usr-drop-acc{
    top: 16px !important;
}

 body,button{
     font-family: var(--sf);
}
 :focus-visible {
     outline: none;
     outline-color: transparent;
     outline-style: none;
     outline-width: 0;
}
.view-all {
    position: absolute;
    right: 45%;
    text-align: center;
    top: 99.5%;
    border-radius: 8px;
    color: #fff;
    padding: 6px 24px;
    background-color: var(--mc);
}
.swiper-dc .view-all{
     color:var(--wtc1);
     border: 1px solid var(--wtc1);
}
.swiper-s-dc .view-all{
     color:var(--wtc2);
     border: 1px solid var(--wtc2);
}
.view {
     position: absolute;
     font-size:150%;
     left: 2px;
     top: 1px;
}
 .user_card {
     top:15%;
     width: 350px;
     margin-bottom: auto;
     position: relative;
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding: 10px;
     border: solid 1px #dddddda3;
     border-radius: 5px;
}
 .brand_logo_container {
     position: absolute;
     height: 170px;
     width: 170px;
     top: -75px;
     border-radius: 50%;
     background: #60a3bc;
     padding: 10px;
     text-align: center;
}
 .brand_logo {
     height: 150px;
     width: 150px;
     border-radius: 50%;
     border: 2px solid white;
}
 .form_container {
     margin-top: 100px;
}
 .login_btn {
     width: 100%;
     background: var(--mc) !important;
     color: white !important;
     cursor: pointer;
}
 .login_btn:focus {
     box-shadow: none !important;
     outline: 0px !important;
}
 .login_container {
     padding: 0 2rem;
}
 .input-group-text {
     background: #c0392b !important;
     color: white !important;
     border: 0 !important;
     border-radius: 0.25rem 0 0 0.25rem !important;
}
 .input_user, .input_pass:focus {
     box-shadow: none !important;
     outline: 0px !important;
}
 .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
     background-color: #c0392b !important;
}
 .usr-label {
     font-size:75%;
     margin-bottom:0;
}
 .usr-label-code {
     margin-right: 27px;
}
 .btn-register {
     padding-left: 0;
     padding-right: 0;
     padding-top: 14px;
     cursor: pointer;
}
 img.refresh-captcha {
     position: absolute;
     top: 21px;
     left: 1px;
     height: 36px;
     cursor: pointer;
     width: 86px;
     border-radius: 0.2rem;
}
 img.refresh-captcha.usr-cpch {
     top: auto;
     bottom: 0;
}
 span.refresh-captcha.usr-cpch {
     top: auto;
     bottom: -6px;
}
 span.refresh-captcha {
     left: 90px!important;
     top: 21px;
}
 .d-captcha {
     position:relative;
}
 form.frm .hint {
     position: absolute;
     font-size: 62.5%;
     top: 27px;
     left: 3px;
     color: #009385;
    ;
}
 .form-group{
     position: relative!important;
}
 .login-checkbox {
     left: 17px;
     margin-top: 10px;
}
 .checkbox {
     display: block;
     position: relative;
     padding-right: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size:92.5%;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .checkbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
 .checkbox .checkmark {
     position: absolute;
     top: 0;
     right: 3px;
     height: 19px;
     width: 19px;
     border-radius: 5px;
     background-color: #c5c3c3;
}
 .checkbox:hover input ~ .checkmark {
     background-color: #ccc;
}
 .checkbox input:checked ~ .checkmark {
     background-color: var(--mc);
}
 .checkbox .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .checkbox input:checked ~ .checkmark:after {
     display: block;
}
 .checkbox .checkmark:after {
     left: 6px;
     top: 2px;
     width: 7px;
     height: 11px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .pc .alert_buttons .btn-icon-consplit-ok{
     background-color:#57cfb1!important;
     border-color: #57cfb1!important;
}
 .pc .alert_buttons .btn-icon-consplit-cancel{
     background-color:var(--mc)!important;
     border-color: var(--mc)!important;
}
 .pc .alert_buttons .alert_btn:hover {
     border-color:none!important;
}
 .user-menu-item:hover {
     text-decoration:none;
}
 .recieve-code {
     width:100%;
}
 .form-control-code {
    width: 93%;
     padding: .5rem .75rem;
     font-size: 1rem;
     line-height: 1.25;
     color: #464a4c;
     background-color: #fff;
     background-image: none;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid rgba(0,0,0,.15);
     border-radius: .25rem;
     margin-right: 15px;
}
 .view-pass{
     width: 23px;
     position: absolute;
     left: 19px;
     top: auto;
     bottom: 7px;
}
 .usr-menu-view {
     width: 30px;
     position: absolute;
     left: 28px;
     top: 9px;
}
 .usr-menu-view::after{
     vertical-align: bottom;
}


 a.top-menu-view .usr-menu-view {
     left: 37px;
}
 .btn-new-pass {
     width: 92%;
     margin-right: 14px;
     background: var(--mc) ;
     color: white;
}
 .pass-form {
     display:inline-block;
}
 .rules-link {
     cursor:pointer;
}
 .rules {
     font-size:87.5%;
}
 .edit_btn {
     width: 64%;
     background: var(--mc) !important;
     color: white !important;
}
 .registration {
     text-align: center;
     display: block;
     font-size:18px;
     margin-top: 18px;
     pointer: cursor;
     text-decoration: revert;
}
 .back-error-message {
     display:block;
}
 .error-message {
     width:100%;
     max-width:500px;
}
 .user-card {
     top:20%;
}
 .user-card div.rule{
     font-size:68.75%;
     padding: 9px;
}
 .user-card div.rule a{
     border-bottom: 1px solid;
}
 @media(min-width:700px) {
     .edit-card {
         width:60%;
    }
}

 .i-dc {
     float:right;
     margin-top:12px;
}

 .ent-bt {
     float: left;
}
 .ent-bt.login {
     width: 53px;
     border:none;
     position: relative;
}
 .ent-bt.login i{
     vertical-align: bottom;
}
 .ent-bt.login:after{
     content: " | ";
     font-size: 16px;
     padding-bottom: 15px;
     position: absolute;
     color: #cac6c6d4;
     left: -4px;
     top: 12px;
}

 .ent-ic {
     font-size:112.5%;
     padding: -5px -8px;
     right: 0px;
     top: 8px;
     position: absolute;
}
 .m-l {
     float:left;
}
 .i-store {
     float: left;
     font-size:225%;
     color: #615a5a;
     padding: -10px;
     padding: -1px -4px;
     opacity: 1 !important;
     display: inline-block;
     position: absolute;
     z-index: 0;
     top: 2px;
}

 .bg-menu-dc {
     position: relative;
     background-color: var(--mc);
     font-size: .714rem;
     line-height: 1;
     font-weight: bold;
     padding: 0px 4px;
     color: var(--mtc);
     border: 2px solid #fff;
     line-height: 17px;
     border-radius: 6px;
}
 .tooltip {
     position: relative;
     display: inline-block;
}
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 70px;
     background-color: #464a4c;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: -13px 4px;
     position: absolute;
     z-index: 1;
     top: 17px;
     font-size: 100%;
     right: 96%;
}
 .tooltip:hover .tooltiptext {
     visibility:visible;
}
 .f-baner {
     display:block;
     border-radius: 4px;
     width: 100%;
     max-height: 25%;
}
 .s-baner {
     padding-top:3px;
     border-radius: 4px;
}
 .baner-dc {
     border-radius: 4px;
     width: 100%;
     border-radius: var(--br);
}
 .m-baner {
     margin-top: 15px;
}
 .jc-right, .jc-left {
     width: 39px !important;
     height: 39px !important;
     background: #fff !important;
}
 .jc-right svg, .jc-left svg {
     fill:#0f0101 !important;
}
.swiper-dc {
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: var(--br);
     padding-left: 5px;
     height: 501px;
     overflow: hidden;
     background-color: var(--wbc1)
}
.bg-red {
     background-color: #F0394E;
}
.bg-green{
     background-color: #6bb927;
}
.bg-purple{
     background-color: #6779de;
}
.bg-pink{
     background-color: #f1c0b9;
}
.bg-blue{
     background-color:#78d0ff;
}
.bg-light-blue{
     background-color: #00c5cb;
}
.bg-green-blue{
     background-color: #9cccce;
}
.sw-card {
     width:253px;
     border-radius: var(--br);
}
.sw-card.item-p{
     display: inline-block;
     vertical-align: bottom;
     font-size: var(--sfs);
     margin: 0 4px;
     overflow: hidden;
}
.sw-sg-card {
     width:250px;
     border:none !important;
     float: right;
}
 .sw-sg-card-mob {
     width:150px;
     border:none !important;
     float: right;
}
 .sw-card-body {
     position: relative;
     height: 163px;
}
 .card-title.category {
     color:#000!important;
}
.pro-options .sw-card-title {
     height: 23px;
     color: #7a7a7a;
}
.color-white{
    color: var(--ctbt);
}
.sw-card-title {
     overflow: hidden;
     height: 49px;
     white-space: initial;
     line-height: 21px;
     color: var(--wtc3);
     padding: 0 8px;
     font-family: var(--sf);
     padding-top: 4px;
     margin-top: 10px;
}
 .swiper-items {
     padding: 20px 0;
}
 .sw-sg-card-title {
     margin-top: 2%;
     text-align: center;
     height: 100px;
     overflow: hidden;
     white-space: initial;
     font-size:40px;
     font-family: 'gh';
}
 .swiper-dc .sw-sg-card-title{
     color: var(--wtc1);
}
 .swiper-s-dc .sw-sg-card-title{
     color: var(--wtc2);
}
 .sw-card-bg {
     font-size: 95%;
     margin-left: 3px;
     background-color: var(--mc);
     color: var(--mtc);
     padding: 5px 4px 1px 4px;
     border-radius: 10px;
     position: absolute;
     top: 91px;
     left: 6px;
}
 .sw-discount {
     font-weight: 600;
     font-size:75%;
     margin: 0 7px;
     margin-top: 0 ;
     float: left;
     text-decoration: line-through;
     color: #c0c0c0;
     position: absolute;
     top: 93px;
     left: 47px;
}
 .old-price{
     text-decoration: line-through;
     color: #c0c0c0;
}
 .sw-cost {
     color: #000;
     top: 116px;
     font-weight: bold;
     float: left;
     position: absolute;
     margin-left: 7px;
     left: 0;
}
 .sw-discount-dc {
     height: 24px;
     position: relative;
}
 .swiper-f-dc {
     padding-top: 8px;
     padding-bottom: 20px;
}
.sh-card{
     border-radius: var(--br);
     box-shadow: 0 0 5px 1px #dddddd80;
     overflow: hidden;
     background-color: var(--wbgbx);
     margin-bottom: 15px;
     border: 1px solid #dddddd7a;
}
.linear .sh-card{
     box-shadow: none;
   /*  background-color:transparent;*/
}

 .sw-brand-card {
     border: none;
     background-color:#fff;
     width: 163px;
     display: inline-block;
     margin: 0 10px;
     text-align: center;
}
 .sw-brand-card .sw-card-title {
     osition: absolute;
    /* width: 200px;
     */
     font-size:75%;
     height: 30px;
     margin-top: 9px;
     padding: 0 0;
}
 .sw-brand-card-body {
     width: 224px;
     margin-right: 10px;
}
 .sw-Fdiscount-dc {
     height: 70px;
     position: relative;
}
.footer-certificates{
    max-width: 68px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
}
.footer-certificates a, .footer-certificates img{
width: 100%;
}
 .sw-card-Fbg {
     font-size: 100%;
     padding: 2px 4px;
     line-height: 1;
     float: left;
     margin-left: 10px;
     background-color: #ee384e;
     padding: 9px 1px;
     width: 31px;
     height: 31px;
     border-radius: 100%;
}
 .sw-Fcost {
     font-weight: bold;
     color: #555;
     float: left;
     margin-left: 14px;
     margin-right: 15px;
     laft: 11px;
     margin-top: -10px;
}
 .swiper .item-p{
     display: inline-flex;
}
 @media (max-width:768px) {


     .order-history span {
         font-size: 78.75%!important;
    }

     .order-view {
         font-size: 75.25%!important;
    }
     .baner-im-dc {
         margin-top:25px;
    }
}
 .mob-login {
     font-size:287.5%;
     color:#615a5a;
}
 @media (max-width:766px){
     .mob-login {
         font-size:162.5%;
    }
}
 .mob-s {
     font-size:131.25%;
     bottom: 11px;
     position: absolute;
     left: 45px;
     top: 16px;
     color:#615a5a;
}

 @media (min-width:300px) and (max-width:460px) {
     .mob-login {
         font-size:175%;
    }
     .mob-s {
         font-size:93.75%;
         position: absolute;
         left: 28px;
         top: 12px;
    }
     .i-store {
         font-size:206.25%;
         top: 2px;
    }

}


 @media (min-width:460px) and (max-width:900px) {
     .mob-s {
         font-size:93.75%;
         position: absolute;
         left: 28px;
         top: 12px;
    }

     .i-store {
         top: 7px;
         left: 10px;
    }
}
 .sw-brand-card .card-img-top {
     border-radius: var(--br);
}
 .card-img-top{
     border-top-left-radius: var(--br);
     border-top-right-radius: var(--br);
}
 .brand-index .card-img-top{
     width: 105px;
    height: 105px;
}
 .breadcrumb-item+.breadcrumb-item::before {
     content: "\F0FDF";
     font-family: 'Material Design Icons'
}

 .score {
     font-size: 100%;
     position: relative;
     overflow: hidden;
     text-align: center;
}
 .product-show .tool{
     width: 45px;
     position: absolute;
     top: 6px;
     font-size:30px;
     color:#4e4e4e;
     right: 21px;
     background-color: #fff;
     text-align: center;
     z-index: 5;
     cursor: pointer;
     border-radius: 9px;
}
@media (max-width: 436px) {
 .linear .card.sw-card {
    width: 100%;
}
 .linear .swiper .card-img-size .item-p img {
    width: 100%!important;
    border-radius: unset;
    height: auto;
}
}
 @media (max-width: 400px) {

     .product-show .tool {
         font-size: 22px;
         right: 8px;
    }
}
 .product-show .tool .mdi-heart{
     color:#fb3449
}
 .score-wrap {
     display: inline-block;
     position: relative;
     height: 19px;
     text-align: right;
     line-height: 1;
}
 .score .stars-active {
     color: #EEBD01;
     position: relative;
     z-index: 10;
     display: inline-block;
     overflow: hidden;
     white-space: nowrap;
     font-size: inherit;
}
.score .stars-inactive {
     color: grey;
     position: absolute;
     top: 0;
     right: 0;
     -webkit-text-stroke: initial;
     overflow: hidden;
     font-size: inherit;
}

 .product-show .anotherPhoto, #showAllImg .anotherPhoto{
     opacity: 0.8;
     width: 78px;
     border: 1px solid #afaeae;
     text-align: center;
     border-radius: 9px;
     display: inline-block;
     height: 78px;
     margin: 2px
}
 .product-show .anotherPhoto img, #showAllImg .anotherPhoto img{
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 9px;
    object-fit: cover;
}
 .oneImage{

     width:100%;
     border-radius: 9px;
}
 .product-show .title{
     color: #171616;
     padding: 19px 0px;
     white-space: nowrap;
     border-bottom: 1px solid #dedede;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .product-show .title-s{
     color: #4a4646;
     font-size:75%
}
 .product-show .score-pro{
     font-size:81.25%;
}
 .product-show .score span{
     font-size: 100%;
     margin-right: 3px;
}
.product-show .score a {
     color:var(--sc);
     cursor: pointer
}
 .product-show .score-pro i {
     color: #f7c305;
     font-size:106.25%;
     vertical-align: middle;
}
 .product-show i.mdi-circle-small{
     color: #bfbfbd;
     font-size:143.75%;
}
 .product-show .box-left{
     background-color: #f5f5f547;
     border-radius: 10px;
     border: 1px solid #e6dfdf;
     padding: 15px 5px;
}
 .product-show .discount-pro span:last-child{
     background-color: var(--mc);
     color: var(--mtc);
     border-radius: 11px;
     padding: 2px 5px;
}
 .product-show .discount-pro span:first-child{
     text-decoration: line-through;
     color: #a9a5a5;
}
 .warranty i.mdi{
     vertical-align: middle;
     font-size:156.25%;
}
 .product-show .price span{
     font-size:143.75%;
     font-weight: 600;
     color: #414244;
     text-align: left;
     padding-top: 0px;
}
 .product-show .price b{
     vertical-align: bottom;
     font-size:81.25%;
}
 .btndig{
     background-color: var(--mc);
     color: var(--mtc)!important;
     border-radius: 8px;
     padding: 15px;
     margin: 19px 0px 12px 0px;
     font-size:15px;
     font-weight: 600;
     cursor: pointer;
}
 .product-show .blog{
     border: 1px solid #dfdfdf;
     padding: 11px;
     border-radius: 8px;
     margin-top: 9px;
}

 .product-show .blog i{
     font-size:118.75%;
     color: #a1a3a8;
}
 .color-s{
     width: 33px;
     height: 33px;
     border-radius: 50%;
     border: 1px solid #c3c2c2;
     text-align: center;
     padding: 3px;
     display: inline-block;
     cursor: pointer;
}
 .color-s div{
     width: 25px;
     height: 25px;
     border-radius: 50%;
     border: 1px solid #fff;
}
 .color-s.select{
     background-color:#32d4f9;
}
 #productBodyHeader .no-color{
     font-size:68.75%;
}
 ul.property {
     list-style: none;
     padding: 0;
     max-height:221px;
     overflow: hidden;
}
 ul.property.mo{
     max-height:100%
}
 @media (max-width: 350px) {
     ul.property.mobile{
         max-height:345px;
    }
}
 ul.property li{
     font-size:81.25%;
}
 ul.property li::before {
     content: "\2022";
     color: #cac7c7;
     font-weight: bold;
     display: inline-block;
     width: 10px;
     font-size:131.25%;
     vertical-align: sub;
}
 .more-p,.more-f{
     color: var(--sc);
     font-size:68.75%;
     cursor: pointer;
}
 .box-a{
     border-top: 1px solid #dfdfdf;
}
 .box-a .possibility div{
     display: inline-block;
     vertical-align: super;
     color:var(--ptc);
     font-size:81.25%
}
 .box-a .possibility i{
     display: inline-block;
     font-size:181.25%;
     color: var(--ptc);
}
 ul.tab li{
     padding: 0;
     list-style: none;
     margin:0 -2px;
     display: inline-block;
}
 .nav-tabs .nav-link:hover {
     border-color:#ffff;
     color:#424040
}
 .nav-tabs .nav-link2885 {
     border-bottom: 3px solid var(--mc);
     color:var(--mc);
     border-color: #fff #fff var(--mc);
}
 ul.tab{
     border-bottom: 1px solid #e4e4e4;
}
 .product-show ul.tab{
     overflow-x: auto;
     overflow-y: hidden;
}
 .sh-card ul.tab{
     overflow:hidden
}
 .content-pro .title-c {
     border-bottom: 2px solid var(--mc);
     padding-bottom: 6px;
     display: inline-block;
}
 .content-pro .more-p, .content-pro .more-f{
     font-size:93.75%;
     margin-top: 8px;
}
 .item-suggestion .title-su {
     color: #000;
     border-bottom: 2px solid var(--mc);
     display: inline-block;
     padding-bottom: 12px
}
 .box-left-bottom img{
     width: 100%;
     margin: auto;
     max-width: 87px;
     border-radius: 9px;
}
 .box-left-bottom .title{
     font-size:87.5%;
}
 .box-left-bottom{
     border: 1px solid #e2e1e1;
     border-radius:10px;
     margin-left: 6px;
     padding-top: 19px
}
 .text-muted {
     color: #868686!important;
}
 .comment .name, .comment .date{
     font-size:81.25%;
     display: inline-block;
}
 .comment .date::after {
     content: "\2022";
     color: #cac7c7;
     font-weight: bold;
     display: inline-block;
     width: 30px;
     font-size:106.25%;
     vertical-align: sub;
     padding: 0px 10px;
}
 .addComment {
     color: var(--mc);
     background-color: #fff;
     border-radius: 8px;
     padding:10px 0px;
     margin: 19px 0px 12px 0px;
     font-size:93.75%;
     font-weight: 600;
     border: 1px solid var(--mc);
     cursor: pointer;
}
 .addComment:hover{
     color: var(--mc);
}
 .edit-comment{
     font-size:81.25%;
     padding: 2px 9px;
     border: 1px solid #c1c1c1;
     border-radius: 9px;
     vertical-align: middle;
     color: #484646;
     background-color: #fff;
}
.comment-rules{
    font-size: 114%;
    font-weight: 500;
    color: #686666;
}
 .comment .advice{
     font-size:81.25%;
}
 .box-left-bottom.fixed{
     position:fixed
}
 .possibility{
     display: inline-block;
     padding: 10px 0px;
}
 .number-points span{
     font-weight: 600;
     color: #3c3c3c;
     font-size:250%;
}
 .score-star span{
     font-size:81.25%;
}
 .comment .comment-t{
     font-size:81.25%;
     margin-top: 8px;
}
 .page li.page-item a{
     padding: 5px;
     background-color: var(--sc);
     width: 35px;
     height: 35px;
     text-align: center;
     color: #fff;
     font-weight: 600;
     border-radius: 6px;
     margin: 1px;
}
 .page-item.active .page-link{
     background-color: var(--mc);
     border-color:var(--mc);
}
 .content-body {
     overflow: hidden;
}
 .content-body.mo{
     max-height:100%
}
 .specifications{
     padding:0
}
 .share-i{
     font-size:162.5%;
     color: #fff;
     cursor: pointer;
}
 .share-i i{
     padding:5px 10px 0px 8px border-radius: 8px;
     color: #fff;
    ;
}
 #share-pro button{
     left: 0;
     font-size: 12px;
}
#copyLink{
     cursor:pointer
}
.modal#share-pro .modal-dialog {
     width: 404px;
}
.product-show .anotherPhoto:hover {
     opacity: 1;
     cursor:pointer
}
.nav-tabs.tab .nav-link.active , .sw-tab-bar .nav-link.active{
     color: var(--wtc);
     background-color: #fff0;
     border-color: #fff0 #fff0 var(--mc);
     border-bottom:3px solid var(--mc);
}
.ss-1 .nav-tabs.tab .nav-link.active h6 {
     color: var(--wtc3);
}
.ss-2 .nav-tabs.tab .nav-link.active h6 {
     color: var(--wtc4);
}
.ss-3 .nav-tabs.tab .nav-link.active h6 {
     color: var(--wtc5);
}
.ss-1 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc3);
     border-bottom: 3px solid var(--wtc3);
}
.ss-2 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc4);
     border-bottom: 3px solid var(--wtc4);
}
.ss-3 .nav-tabs.tab .nav-link.active{
     border-color: #fff0 #fff0 var(--wtc5);
     border-bottom: 3px solid var(--wtc5);
}
.ss-1 {
     background-color:var(--wbc3)
}
/*.linear .ss-1 {
     background-color:transparent;
}*/
.ss-2 {
     background-color:var(--wbc4)
}
.ss-3 {
     background-color:var(--wbc5)
}
.cursorshade{
     background-color:#fff
}
#showAllImg .modal-title{
     border-bottom: 3px solid #0099bd;
     color: #0099bd;
     font-size: 100%;
     padding: 0px 11px;
}
    .allImage .swiper .items{
     padding:0
}
 .allImage .jc-left {
     left: -1px!important
}
 .allImage .jc-right, .allImage .jc-left {
     width: 25px !important;
     height: 25px !important;
     background: #fff !important;
}
 .box-left-bottom i.mdi-content-save-outline{
     font-size:112.5%;
     color:var(--sc);
}
 .bg-white{
     background-color: #fff;
     padding: 13px;
     border: 1px solid #e2e1e1!important;
     border-radius: 9px!important;
}
 #comment-click{
     cursor:pointer
}
 .specialSale{
     font-size:87.5%;
     color: #eb1741
}
 @media (min-width: 576px){
     #showAllImg .modal-dialog {
         max-width: 1000px;
    }
}
 @media(max-width: 900px) {
     .product-show .title {
         text-align: center;
         line-height: 2;
    }
}
     @media(max-width: 400px) {
         .product-show .title {
             white-space: revert;
        }
    }
     .product-show .box-right {
         padding-right: 30px;
    }
     .specifications{
         padding:0
    }
     .box-left-bottom .img{
         text-align:center
    }
     .box-left-bottom {
         margin: auto;
    }
}
 @media(max-width: 800px){
     .product-show .price span {
         font-size:125%;
    }
     .product.m{
         margin:0
    }
     .addToCart {
         font-size:81.25%;
    }
}
 @media(max-width: 800px){

     .specifications {
         padding: 17px;
    }
}
 @media(max-width: 400px){
     .item-suggestion .title-su {
         font-size:68.75%;
    }
     .product-show .box-img{
         text-align: center;
    }
     ul.tab {
         margin-right:0;
    }
}
 @media(max-width: 360px){
     .product-show .anotherPhoto img {
         width: 35px;
         height: 35px;
         padding: 2px 0px 0px 0px;
    }
     .product-show .anotherPhoto {
         width: 40px;
         height: 40px;
    }
}
 div.img-pr img{
     max-width: 170px;
     width: 100%;
     max-height: 170px;
     border-radius: 10px;
}
 .card-c{
     padding: 23px 10px;
}
 .color-filter{
     width: 15px;
     height: 15px;
     background-color: #c71585;
     display: inline-block;
     border-radius: 50%;
     vertical-align: middle;
     margin-left:10px;
}
 .cart-s .specifications{
     font-size:82%;
}
 .cart-s .specifications i{
     font-size:129.5%;
     color: #97979a;
     padding-left: 4px;
     vertical-align: sub;
}
 .cart-s .specifications .link-to i{
     color: var(--sc)
}
 .cancel-item{
     cursor: pointer;
}
 .number-cart .minus{
     border-bottom-right-radius: 14px;
     display: inline-block;
     font-size:150%;
     cursor: pointer;
}
 .number-cart .plus{
     display: inline-block;
     font-size:125%;
     cursor: pointer;
}
 .number-cart input{
     display: inline-block;
     width: 44px;
     outline: none;
     border: none;
     height: 21px;
     text-align: center;
     color: var(--sc);
     font-size: 18px;
}
 .number-cart {
     border: 1px solid #e6e4e4;
     width: 100px;
     height: 41px;
     border-radius: 9px;
     text-align: center;
     font-size:125%;
     color: var(--sc);
}
 .cart-s .price{
     text-align: left;
     color: #270707;
}
 .cart-s .discount{
     text-align: left;
     padding-left: 18px;
     color: var(--mc);
}
 .cart-s .price span{
     font-size:109.75%;
     font-weight: 600;
}
 .nav-tabs.tab a span , .sw-tab-bar a span{
     color: var(--mtc);
     border-radius: 50%;
     padding: 0px 7px;
     font-size:87.5%;
}
 .nav-tabs.tab a span , .sw-tab-bar a span{
     background-color: #999999;
}
 .nav-tabs.tab a.active span , .sw-tab-bar a.active span {
     background-color: var(--mc);
     margin-right: 5px;
}
 .nav-tabs.tab a.active h6{
     display:inline-block
}
 .factor {
     font-size:81.25%;
}
 .factor .all-price-before span, .factor .delivery-cost span{
     font-size: 100%
}
 .factor .all-discount span{
     font-size: 100%
}
 .factor .amount span,.factor .payment span{
     font-size: 117%;
     font-weight: 600;
}
 .factor .amount, .factor .payment{
     color: #323232;
}
 .amount-t, .payment-t{
     font-weight: 600;
     color: #323232!important;
}
 .factor div{
     margin-bottom:5px;
     color: #323232;
     font-size:14px
}
 .factor .all-discount,.factor .discount-code.pay-dis{
     color: #e23b4a;
}
 .card-c.box-su .jc-right, .card-c.box-su .jc-left{
     bottom:527px;
     box-shadow:none
}
 .suggestion-img img{
     max-width: 73px;
     width:100%;
     margin: auto;
     padding: 0;
     border-radius: 10px;
}
 .suggestion-item .discount-item span{
     color: var(--mtc);
     background-color: var(--mc);
     border-radius: 15px;
     padding: 2px 5px;
     font-size:87.5%;
     margin: 1px 7px 0px 0px;
}
 .suggestion-item .discount-item div{
     font-size:93.75%;
     display: inline-block;
     text-decoration: line-through;
     color: #afadad;
}
 .title-cart{
     white-space: initial;
     overflow: hidden;
     text-overflow: ellipsis;
     height: 41px;
     padding-right:82px;
     font-size:81.25%;
     padding-bottom: 14px;
}
 .suggestion-img a.addToCart{
     position: absolute;
     background-color: #fff;
     width: 30px;
     font-size: 22px;
     border-radius: 50%;
     height: 31px;
     padding: 0;
     color: var(--mc);
     right: 5px;
     bottom: 3px;
     border: 1px solid var(--mc);
     cursor: pointer;
}
 .suggestion-img{
     position:absolute
}
 .cart-s .item-p{
     border-bottom: 1px solid #e5e5e5;
     width: 100%;
     margin: auto;
     padding: 14px 0px
}
 .cart-s .item-p:last-child {
     border-bottom: 1px solid #fff0;
}
 .suggestion-item{
     border-bottom: 1px solid #e5e5e5;
     padding-top: 13px;
     padding-bottom: 18px;
     position: relative;
}
 div.card-c.box-su .swiper .items {
     grid-template-columns: 100% 100% ;
     display: grid;
}
 .column-suggestion{
     width:100%;
}
 .suggestion-item:last-child{
     border-bottom: 1px solid #fff;
}
 div.note-f{
     font-size:68.75%;
     color: #6f6f6f;
}
 .card-c.box-su{
     max-height: 589px;
     overflow: hidden;
}
 .cart-item{
     display: inline-block;
     margin: 2px
}
 .box-hov{
     padding: 8px;
}
 .box-hov.bascket-menu{
     width: 312px;
}

 .account-menu {
     width:250px;
}
 .account-menu i.icon-a{
     font-size:143.75%;
     padding-left: 5px;
     vertical-align: sub;
     line-height: 0;
}
 .wallet-menu{
     font-size:68.75%;
     color: #827f7f;
     padding-top: 12px;
     padding-bottom: 10px;
}
 .acc-i{
     font-size:87.5%;
     cursor: pointer;
     line-height: 1;
}
 .box-hov hr{
     margin:0
}
 .all-hov:hover .box-hov{
     display:block
}
.comment .link-to {
    border-bottom: 1px dashed #116175;
}
.link-to {
    color: #116175;
    font-size: 90.25%;
}
 .box-hov .num-pro{
     font-size:81.25%
}
 .bascket-menu-item img{
     width:100%;
     max-width:50px
}
 .bascket-menu-item .bas-title{
     font-size:81.25%
}
 .bascket-menu-item .bas-num::after{
     content:" | ";
     color:#8a8787;
     padding-right: 13px;
}
 .bascket-menu-item .bas-num.after-content::after{
     content:" ";
}
 .bascket-menu-item .bas-num,.bascket-menu-item .bas-filter{
     font-size:68.75%
}
 .bascket-menu-item{
     overflow:auto;
     max-height: 500px;
}

 .bas-amount{
     font-size:87.5%;
}
 .bas-delete,.bas-filter,.bas-num{
     color: #7b7b7b;
     cursor:pointer
}
 .bas-filter span{
     width: 13px;
     height: 13px;
     display: inline-block;
     background-color: red;
     border-radius: 50%;
     vertical-align: middle
}
 @media(max-width: 770px){
     .img-pr {
         text-align:center
    }
     div.img-pr img {
         max-width: 106px;
         width: 100%;
         max-height: 155px;
    }
     .factor {
         margin: 1px;
    }
     .card-c.box-su{
         margin: 1px;
    }
}
 .empty-cart img{
     width: 100%;
     max-width: 192px;
}
 .empty-cart a{
     color:var(--sc)
}
 @media screen and (max-width: 1239px) and ( min-width: 999px){
     .card-c .jc-right, .card-c .jc-left{
         bottom:508px;
    }
}
a:hover {
     color: var(--sc);
     text-decoration: unset;
}
select.form-control:not([size]):not([multiple]) {
     height: calc(2.25rem + 7px);
     -moz-appearance: none;
     -webkit-appearance: none;
     text-indent: 0.01px;
     background-image: url(/content/images/chevron-down.svg);
     background-position: left 10px center;
     background-repeat: no-repeat;
     background-size: auto 50%;
}
.btn-border{
     border: 2px solid #eae6e6;
     background-color: #fbfbfb;
     border-radius: 8px;
     color: #323232;
     cursor: pointer;
}
.btn-border.active{
     border: 2px solid var(--mc);
}
.changehangeTypes.active{
     border: 2px solid var(--mc);
     background-color: #fff;
}
.multi-step span{
     width: 25px;
     height: 25px;
     border-radius: 50%;
     background-color: #d0d0d0;
     position: absolute;
     bottom: -12px;
     z-index: 5;
}
.multi-step div.bo{
     border-bottom: 2px solid #d0d0d0;
     padding: 0;
}
.multi-step .infor span{
     right: 25%;
}
.multi-step .end span{
     right: 32px;
}
.multi-step .pay span{
     left: 44px
}
 .multi-step .infor.select{
     color: var(--sc)
}
.multi-step .end.select {
     color: var(--sc)
}
.multi-step .pay.select {
     color: var(--sc)
}
 .multi-step .bo.select{
     border-bottom: 2px solid var(--sc);
}
 .multi-step .infor.select span{
     background-color: var(--sc);
}
 .multi-step .end.select span{
     background-color: var(--sc);
}
 .multi-step .pay.select span{
     background-color: var(--sc);
}
 .multi-step .infor{
     position: absolute;
     width: 144px;
     bottom: 0;
     text-align: center;
     right: -38px;
}
 .multi-step .pay{
     position: absolute;
     width: 100px;
     left: -52px;
     text-align: center;
     bottom: 0;
}
 .multi-step .end{
     position: absolute;
     width: 100px;
     left: -54px;
     text-align: center;
     bottom: 0;
     text-align: center;
}
 .shipping a.addAddress-shi{
     color: var(--sc);
     text-align:right;
     padding-right:0;
     font-size:81.25%;
     padding-top: 0;
     cursor: pointer;
}
 .shipping a.addAddress-shi:hover{
     color: var(--sc);
}
 .address-list i{
     font-size:125%;
     color: #bfbdbd;
     padding-left: 5px;
}
 .address-list span{
     font-size:75%;
     vertical-align: text-top;
}
 .cart-item img{
     width: 100%;
     max-width: 85px;
     min-width: 83px;
     border-radius: 10px;
}
 .address-box{
     border: 2px solid var(--sc);
     border-radius: 9px;
}
 .shipping .delete-address, .shipping .edit-address{
     color: var(--sc);
     text-align:right;
     padding-right:0;
     font-size:81.25%;
     padding-top: 0;
     background-color:#fff;
     border: none;
     cursor: pointer;
}
 .shipping .delete-address{
     color:#eb1741
}
 button.edit-address:focus,button.delete-address:focus {
     outline: 1px dotted;
     outline: white;
}
 .left-line::after{
     content:" | ";
     color:#8a8787;
     padding-right: 13px;
}

 .address-box label{
     font-size:68.75%
}
 .addres-add ul.tab {
     overflow: hidden;
}

/*end shipping*/
/*start payment*/
 .open-next .upDo{
     font-size:162.5%;
     float: left;
     color: #868383;
     cursor: pointer;
}
 .open-next{
     cursor:pointer;
}
 label.lbl{
     font-size:81.25%;
     margin-bottom: 0px
}
 .form-control{
     border-radius: 7px
}
 .modal-backdrop.show {
     opacity: .5;
}

.top-header nav a {

    color: var(--tc);

}
 .modal {
     z-index: 10001;
}
 .card-c h6{
     color: var(--wtc3);
}
 .sh-card .input-group .form-control:not(:last-child){
     border-radius: 8px
}
 .sh-card .input-group button{
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
     background-color: #fff0;
     border-right-color:#fff0;
     color: #bbbbbb;
     position: absolute;
     z-index: 5;
     left: 25px;
     padding: 0px;
     vertical-align: top;
     top: 6px;
     cursor: pointer;
     border: none;
}
 .sh-card .input-group ::placeholder {
     color:rgb(0 0 0 / 20%)
}
 .sh-card .input-group button:focus{
     border-color: #fff;
     box-shadow: none;
}
 .sh-card .input-group input:focus .addDiscount{
     color:var(--mc)
}
 .open-next p{
     font-size:81.25%;
     color: #908e8e;
}
 .payment-gateway {
     max-width: 67px;
     width: 100%;
     margin: auto;
     border-radius: 9px;
     cursor: pointer;
     border: 1px solid #eb174100;
}
 .payment-gateway.active{
     border: 1px solid var(--mc);
}
 .img-upload-box img{
     max-width: 373px;
     display: block;
     width: 100%;
}
 .radioButton {
     display: block;
     position: relative;
     padding-right: 27px;
     margin-right: 4px;
     margin-bottom: 11px;
     cursor: pointer;
     font-size:87.5%;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .radioButton input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
 .radioButton .checkmark {
     position: absolute;
     top: 0;
     right: 0;
     height: 20px;
     width: 20px;
     background-color: #eee;
     border-radius: 50%;
}
 .radioButton input:checked ~ .checkmark {
     background-color: var(--mc);
}
 .radioButton .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
 .radioButton input:checked ~ .checkmark:after {
     display: block;
}
 .radioButton .checkmark:after {
     top: 6px;
     left: 6px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
}
 @media screen and (max-width: 995px) and ( min-width: 750px){
     .btndig{
         font-size:56.25%;
    }
}
 @media screen and (max-width: 500px){
     .multi-step {
         font-size:68.75%;
    }
     .sw {
         padding-right:0;
         padding-left:0;
    }

     .swiper-dc, .swiper-s-dc , .swiper.swiper-f-dc.sh-card {
         border-radius:0!important;
    }
     .swiper.swiper-f-dc.product-item-suggestion
    {
         border-radius:var(--br)!important;
    }
    .product-item-suggestion
    {
    margin-top:0px!important;
    }
     .swiper.swiper-dc ,.swiper.swiper-s-dc {
         height: 459px;
    }
}
 @media screen and (max-width: 400px){
     .multi-step {
         display:none
    }
}
/*end payment*/
/*start comment*/
 .comment .img-c{
     width: 100%;
     max-width:237px;
     border-radius: 9px
}
 .card-w{
     padding: 23px 10px;
     background-color: #fff;
}
 .score-comment .score{
     position: relative;

}
 .card-g{
     background-color: #fcfcfc;
}
.comment label.lbl {
    font-size: 109%;
    margin-bottom: 3px;
    color: #6f6c6c;
    padding-bottom: 9px;
}
 .score-massage{
     font-size:106.25%;
     vertical-align: text-bottom;
}
.btndig-a {
    background-color: #116175;
    color: #fff!important;
    border-radius: 8px;
    padding: 13px;
    margin: 19px 0px 12px 0px;
    font-size: 119.75%;
    font-weight: 700;
    cursor: pointer;
}
.rule-ac {
    font-size: 88%;
    color: #717070;
}

 .score-comment i{
     font-size:279.25%;
     cursor: pointer
}
/*end comment*/
/*start cancel*/
 .back-pru i{
     display: block;
     font-size:181.25%
}
 .separator:after{
     content: " | ";
     color: #c5c4c4;
     font-size:318.75%;
}
 .back-pru{
     color: #929191!important;
     font-size:75%;
     font-weight: 600;
}
 .cancel-img img{
     width: 100%;
     max-width: 84px;
}
 .product-cancel-item{
     border-bottom: 1px solid #d8d8d8;
     width: 100%;
     margin: auto;
     padding: 6px 26px;
}
 .cancel-badge{
     position: absolute;
     bottom: 0;
     background-color: var(--sc);
     padding: 0px 4px;
     border-radius: 50%;
     color: #fff;
     min-width: 26px;
     min-height: 25px;
     text-align: center;
     left: 5px;
}
 .product-cancel-item .form-check-label{
     position:relative
}
 .product-cancel .btn-bac{
     border: 1px solid #b5b5b5;
     background-color: #ffffff;
     color: #484444;
     border-radius: 6px;
     height: 32px;
     margin: 19px 0px 12px 0px;
     font-size:93.75%;
     cursor: pointer;
}
 .product-cancel .btn-can {
     border: 1px solid #e2e2e2;
     background-color: #e2e2e2;
     color: #484444;
     border-radius: 6px;
     height: 32px;
     margin: 19px 0px 12px 0px;
     font-size:93.75%;
     cursor: pointer;
}
 @media(max-width: 766px){
     .separator:after {
         content: " ";
    }
     .back-pru {
         margin: auto;
    }
}
 .blog-box{
     border-radius:var(--br);
     width: 272px;
}
 .blog-box img.img-post{
     width: 100%;
     border-top-left-radius: var(--br);
     border-top-right-radius: var(--br);
     height: 164px;
}
 .description-blog{
     font-size: 82%;
     height: 47px;
     overflow: hidden;
     line-height: 23px;
     text-align: center;
}
 .blog-box-down{
     font-size: 73%;
     color: #8c8c8c;
}
 .blog-box-down i{
     float: left;
     font-size: 15px;
}
 .blog-menu > li > ul.blog-menu-des{
     position: absolute;
     top: 5px;
     right: 101%;
     z-index: 2;
     background-color: #f6f6f6;
     padding: 10px;
     border-radius: 12px;
     display:none;
     width: 218px;
}
 .blog-menu > li > ul.blog-menu-mob{
     background-color: #f6f6f6;
     padding: 10px;
     border-radius: 12px;
     display:none;
}
 .blog-menu > li > ul> li{
     padding: 2px;
     font-size: 85%
}
 .blog-menu > li{
     position: relative;
     color: #707070;
     cursor: pointer;
}
 .blog-menu > li:hover > a{
     color:#eb3237!important;
}
 .blog-menu > li:hover > ul.blog-menu-des{
     display:block;
}
 .writer-profile img{
     border-radius: 50%;
     width: 27px;
     height: 27px;
     margin-left: 5px;
}
 #like-post.mdi-heart {
     color: #fb3449;
}
.mdi-eye-outline{
    margin-left: 19px;
}
 .blog-box h6{
     height: 57px;
     overflow: hidden;
     padding-top: 5px;
}
 .blog-box hr{
     border-top: 2px solid var(--sc);
}
 .blog-box:hover img.img-post{
     filter: contrast(0.5);
}
 .blog-box:hover a.blog-category{
     display:block!important;
}
 .blog-box a{
     cursor:pointer
}
 font-size: 110%;
 .blog-menu > li > ul >li > i{
     font-size: 19px;
     vertical-align: middle
}
 .blog-category{
     position: absolute;
     left: 11px;
     top: 11px;
     display:none;
     background-color: var(--sc);
     border-radius: 9px;
     padding: 0px 6px;
     color:#fff!important
}

 .post-show .like-post,.post-show .visitCount {
     font-size: 22px;
}
@media (max-width: 767px){
    .post-show .like-post, .post-show .visitCount {
        font-size: 11px;
}
}

 .post-show .send-post{
     font-size: 89%;
}
 .img-post-show img{
     width: 100%;
     max-width: fit-content;
     max-width: -moz-fit-content;
         height: fit-content;
}
 .key-word-show{
     margin: 6px;
     border: 1px dashed #cecece;
     padding: 3px 8px;
}
 .share-post i{
     padding: 1px 10px 0px 8px;
     border-radius: 8px;
     color: #b1b1b1;
     font-size: 29px;
}
 @media(max-width: 766px){
  .share-post i{
     font-size: 22px;
}}

 #sendCommentBlog{
     border: 1px solid rgba(0,0,0,.15);
}
 .blog-comment-box{
     border: 1px solid rgba(0,0,0,.15);
     padding: 17px;
     border-radius: 7px;
     max-width: 85%;
     margin: 0 auto;
     background-color: white;
}
 .blog-comment-box i{
     font-size: 49px;
     color: #b3b3b3;
     padding: 10px;
}
 @media(min-width: 400px)and (max-width: 900px)
 {
   .swiper .card-img-size .item-p img {
    height: 266px;
}
 }

 @media(max-width: 728px)and (min-width: 480px) {
     .blog-menu > li > ul.blog-menu-des{
         right: 55%;
    }
}
 @media(max-width: 970px) and (min-width: 728px){
     .blog-menu > li {
         font-size: 14px;
    }
}
 @media(max-width:880px) {
     .blog-comment-box i {
         font-size: 37px;
    }
}
 @media(max-width:529px) {
     .blog-comment-box {
         padding: 3px 3px 19px 4px;
    }
}
#ContentCommentBody{
    margin: 2rem auto;
}

/*end blog*/
 @media(max-width: 900px) {
     .view {
         top: 0px;
         left:-2px;
    }
     .swiper-dc .view-all {
         border:none;
    }
     .swiper-s-dc .view-all {
         border:none;
    }
     .view-all {

   right: calc(50% - 59px);
    top: 99.2%;
    padding: 3px 16px;
    }

     .wonderful {
         height: 129px;
    }


}
 .sw-sg-card-body {
     text-align:center;
     position: relative;
}
 input:focus {
     outline:none !important;
}
 .full-baner {
     position:relative;
}
 .full-baner > img {
     width: 100%;
     height: 100%;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
     cursor: pointer;
     border-radius: var(--br);
}
 .swiper-title {
     font-size: 1.286rem;
     color: #515151;
}
 .gap-co-l {
     height: 29px;
}
.Bfull {
     width: 100%;
     box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
     border-radius: var(--br);
}
.swiper-s-dc {
     padding-top: 20px;
     padding-bottom: 20px;
     border-radius: var(--br);
     padding-left: 5px;
     height: 501px;
     overflow:hidden;
     background-color: var(--wbc2)
}
@media (min-width: 1300px)
{.container {
    width: 1240px;
    max-width: 100%;
}}

@media (min-width: 1400px)
{.container {
    width: 1340px;
    max-width: 100%;
}}

 @media (min-width: 1500px) {
     .container {
         width: 1440px;
         max-width: 100%;
    }
}
 @media (min-width: 1600px) {
     .container {
         width: 1540px;
         max-width: 100%;
    }
}
 .mid-baner {
     width: 100%;
     border-radius: var(--br);
}
 .product-sec {
     width:82%;
}
 .pro-options {
     float: right;
     width: 230px;
     position: absolute;
     right: 0;
}
 .result {
     width: calc(100% - 50px);
     float: left;
     line-height: 2;
     border: none;
}
 .result-btn {
     border: none;
     background-color: #fff;
}
 .result-mgn {
     color:#515151;
     font-size:131.25%;
}
 .side-collaps {
     float:left;
}
 .card-body > ul > li > input {
     right: 16px;
}
 .u-brand li a label:nth-of-type(even) {
     float: left;
}
 ul > li {
     list-style: none;
}
.post-show ul > li {
     list-style: inherite;
}

 .card-body.brand {
     max-height: 300px;
}
 .card-body > ul {
     padding: 0;
}
 .switch {
     position: relative;
     display: inline-block;
     width: 38px;
     height: 21px;
     margin: 11px 0
}
 .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
}
 .slider:before {
     position: absolute;
     content: "";
     height: 17px;
     width: 17px;
     left: 3px;
     bottom: 2px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
}
 input:checked + .slider {
     background-color: var(--mc);
}
 input:focus + .slider {
     box-shadow: 0 0 1px #2196F3;
}
 input:checked + .slider:before {
     -webkit-transform: translateX(14px);
     -ms-transform: translateX(14px);
     transform: translateX(14px);
}
 .slider.round {
     border-radius: 34px;
}
 .slider.round:before {
     border-radius: 50%;
}
 .l-switch {
     font-size:87.5%;
}
 #brand-clp ul > li,#sell-clp ul > li {
     padding:0px;
}
 .pro-dc .navbar {
     border: 1px solid #dddddd7a;
}
padding: 20px 0;
 .pro-dc .col-md-3 {
     padding:0!important;
     border:1px solid #eceeef;
}
 .pro-dc .col-md-12 {
     padding:0;
}
 aside::-webkit-scrollbar {
     width: 6px;
}
 aside.col-lg-2 .sh-card:nth-of-type(n+2) {
     margin-top:15px;
}
 section.pro-dc .col-lg-3 {
     height:400px;
}
 section.pro-dc .col-lg-3 img {
     position: absolute;
     right: 16%;
     top: 10%;
}
 section.pro-dc .col-lg-3 span:nth-of-type(1) {
     height: 32px;
     line-height: 1;
     overflow: hidden;
     position: absolute;
     top: 61%;
     font-size:87.5%;
     right: 3%;
     padding: 5px;
}
 section.pro-dc .col-lg-3 span:nth-of-type(2) {
     top: 71%;
     height: 32px;
     line-height: 1;
     overflow: hidden;
     position: absolute;
     font-size:87.5%;
     right: 3%;
     color: var(--mc);
     padding: 5px;
}
 section.pro-dc .col-lg-3 span:nth-of-type(3) {
     font-size:112.5%;
     padding: 2px 4px;
     line-height: 1;
     margin-left: 10px;
     background-color: var(--mc);
     padding: 9px 5px;
     border-radius: 20px;
     right: 72%;
     top: 80%;
     position: absolute;
}
 .menu-login-ico {
     position: absolute;
     left: 48px;
     top: 14px;
     font-size:93.75%;
}

 .pro-side-category {
     color: #908f8f;
     margin-top: 10px;
     font-size:81.25%;
     line-height: 2;
     margin-right: 5px;
}
 .pro-side-category ul>li>ul {
     margin-right:8px;
     margin-top:5px;
}
 .category-option {
     color: #343434;
     font-weight: bold;
}
 .pro-side-category ul>li>a {
     display:block;
}
 .product-serach-dc .sw-brand-card {
     display: inline-block;
     margin-top: 15px;
}
 .item-box{
     display: inline-block;
     width: 100%;
     padding: 20px 0;
     text-align: center;
     font-size:0;
}
 .item-box-b{
     display: inline-block;
     width: 100%;
     padding: 20px 0;
     text-align: center;
}
 .pro-search-btn {
     border: none;
     border-radius: 6px;
     padding: 10px 15px;
     margin-bottom: 3%;
     color: #464a4c;
     font-size:87.5%;
     margin-right: 2%;
     background-color: #ddd;
     max-width: 200px;
}
 .pro-dc .navbar ul > li {
     font-size:81.25%;

}
 .pro-dc .navbar ul > li > p {
     margin: 7px 0;
     color: #000;
}
 .pro-dc .navbar ul > li >:focus {
     background-color:var(--sc);
     color:#fff;
     border-radius:7px;
}
 .modal.show .modal-dialog {
     max-width:300px;
}
 #most-popular-btn > ul > li > a {
     font-size:93.75%;
}
 .modal .modal-body > ul {
     padding-inline-start: 0;
}
 .modal .modal-body > ul > li {
     padding: 10px;
}
 @media (max-width:990px) {
     .pro-dc {
         margin-top:15px;
    }
}
 .card-link.collapsed i::before {
     content:"\F0143";
}
 .payment-sw-card-bg {
     font-size:131.25%;
     padding: 2px 4px;
     line-height: 1;
     float: left;
     margin-left: 10px;
     background-color: #6bb927;
     padding: 9px 2px;
     border-radius: 100%;
}
 .sw-payment-card-bg {
    font-size: 17px;
    padding: 2px 4px;
    margin-right: 10px;
    background-color: var(--mc);
    padding: 2px 6px;
    border-radius: 3px;
    right: 0;
    top: 95px;
    width: 20px;
    height: 20px;
    position: absolute;
    color: #fff;
}
 .swiper-f-dc {
     margin-top:15px;
     padding-left: 5px;
     overflow:hidden
}
 .order-success-message {
     color:green;
}
 .order-error-message {
     color:red;
}
 .follow-up-order {
     border:none;
     background-color:var(--mc);
     color:#fff;
     border-radius:6px;
     font-size:93.75%;
     margin-top: 31px 0;
     padding: 5px 21px;
     pointer:cursor;
}
 .success-bascket {
     width: 30%;
     height: 175px;
     float: left;
}
 @media (max-width:390px) {
     .order-set {
         text-align:center;
    }
     .order-set a {
         white-space: nowrap;
         display: contents;
    }
     .success-bascket {
         float: none;
    }
}
 .swiper-payment-title {
     font-size: 100%;
     color:#515151;
}
.sidebar {
    position: absolute;
    height: 85%;
    z-index: 998;
    width: 220px;
    margin: 0 28px;
}
.sidebar .sidebar-chiled{
    padding: 0;
    padding-inline: 10px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.sidebar .sidebar-chiled::-webkit-scrollbar {
   margin-left: 5px;
    width: 2px;
    height: 90%;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
.sidebar .sidebar-chiled::-webkit-scrollbar-thumb {
  background: #130073;
  border-radius: 10px;
}

 .sidebar a {
     display: block;
     color: #5a5658;
     padding: 16px;
     text-decoration: none;
}
 .sidebar a:hover {
     color:var(--sc);
}
 .sidebar a.active {
     background-color: #4CAF50;
     color: white;
}
/*.sidebar a:hover:not(.active) {
     background-color: #555;
     color: white;
}
*/

 @media screen and (max-width: 700px) {
     .sidebar {
         width: 100%;
         height: auto;
         position: relative;
    }
     .sidebar a {
        float: left;
    }

}
 @media screen and (max-width: 400px) {
     .sidebar a {
         text-align: center;
         float: none;
    }
}
 .order-profile-pic {
     width: 54px;
     border: 1px solid #ccc;
     border-radius: 50%;
     display: inline-block;
     margin: 12px 6px;
}
 .order-profile-name {
     width: 133px;
     max-height: -34px;
     height: 21px;
     overflow: hidden;
     font-size:75%;
     font-weight: 600;
     display: inline;
     position: absolute;
     margin-top: 21px;
     padding: 2px 0px;
}

 .order-details-card {
     float:left;
}
 .order-details-card p:nth-of-type(odd) {
     color:#9f9f9f;
     padding-left: 5px;
}
 .order-details-card p {
     display: inline-block;
     font-size:75%;
     font-weight: 600;
}
 .card-footer .order-detail-info {
     width:100px;
}
 .transaction-history {
     color:#555658!important;
     display: inline-block;
     float: left;
}
 .usr-order {
     float: right;
     width: 100%;
     position:relative;
}
 .usr-order h4 {
     height: 57px;
     line-height: 2;
     overflow: hidden;
     color: #333;
     white-space: initial;
     font-weight: 100;
     float: right;
     width: calc(100% - 220px);
     margin-right: 10px;
}
 .delete-comment {
     position: absolute;
     color: #e84a42;
     font-size:125%;
     left: 8px;
     cursor: pointer;
}
 .usr-order .file-edit-dc {
     position: absolute;
     left: 10px;
     top: 44px;
     font-size:125%;
}
 .usr-order img {
     width: 160px;
     float: right;
     border-radius:var(--br);
}
 .usr-order .show-prod {
     color: #12b4cd;
     font-size: 81.25%;
     margin: 7px 0px 0;
     display: block;
}
 .usr-order .show-prod:hover {
     color:var(--sc);
}
 .usr-order-cost{
     position: absolute;
     left: 12px;
     font-size:84.75%;
     bottom: 6px;
}
 .article-menu-mode {
     margin-right:250px;
     width:calc(100% - 270px);
     min-height: 88vh;
}
 #transaction-history-clp .table thead th {
     text-align: right;
     font-size:87.5%;
}
 .delivery-order {
     height:196px;
}
 .delivery-order span:nth-of-type(odd) {
     color:#9f9f9f;
     padding-left:3px;
}
 .delivery-order span {
     font-size:75%;
     font-weight:600;
}
 .delivery-order div {
     position:absolute;
}
 .delivery-order div:nth-of-type(1) {
     top:20px;
}
 .delivery-order div:nth-of-type(2) {
     top:60px;
}
 .delivery-order div:nth-of-type(3) {
     top:120px;
}
 .box-address .delete-address i{
     font-size:125%;
     position: absolute;
     left: 30px;
}
 .usr-address {
     width: 100%;
     height: 21px;
     overflow: hidden;
     font-size:81.25%;
}
 .usr-address-info span {
     color:#9f9f9f;
     display: block;
     font-size:75%;
     padding: 6px 10px;
}
 .variation-address-block {
     font-size:75%;
     font-weight: 600;
     padding: 0 10px;
     cursor:pointer;
}
 .variation-address-block .mdi-trash-can {
     color:#ea4335;
}
 .file-edit-dc {
     color:#05c1f0;
}
 .add-addredss-btn {
     background-color:var(--mc);
     color:var(--mtc);
     font-size:75%;
     font-weight: 600;
     cursor: pointer;
}
 footer {
     background: var(--fc);
     width: 100%;
}
 .top-page a {
     font-size:135%;
     color:#fff;

}

 .top-page i {
     font-size: 130%;
     margin:-5px -37px;
     position: absolute;
     right: 40px;
}
.top-page {
    position: fixed;
    right: 20px;
    font-size: 25px;
    background-color: grey;
    bottom: 15px;
    width: 50px;
    height: 50px;
    line-height: 0.7;
    border-radius: 100%;
}
 footer h6 {
     padding-top: 5px;
     color: var(--tfc);
     height: 42px;
     overflow: hidden;
}
 footer .link-list li a {
     font-size:81.25%;
     padding: 2px;
     height: 30px;
     overflow: hidden;
     color: var(--pfc);
}
 footer p {
     font-size:87.5%;
     color:var(--pfc);
     margin: 0;
}
 .follow-social li {
     display:inline;
}
 .follow-social span {
     display: block;
     color:var(--tfc);
}
 .follow-social i {
     font-size:187.5%;
     color:var(--pfc);
}
 footer img {
     margin:0 20px;
}
 .copyright {
     color: var(--pfc);
     text-align: center;
     background-color: #8885;
     width: 100%;
     padding: 12px 10px;
     font-size:93.75%;
     margin-top: 65px;
}
 @media(max-width:760px) {
     .follow-social i {
         font-size:131.25%;
    }
}
 .registration {
     text-align:center;
}
 .remain-product {
    font-size: 13px;
    color: var(--mc);
    display: inline;
    font-weight: 900;
}
 .score {
     color: #aca9a9;
     position: absolute;
     left: 0;
}
 .product-sale {
     float: right !important;
     font-size:75%;
     margin-right: 10px;
     color: var(--mc);
     position: absolute;
     bottom: 10px;
     right: 0;
}
 .product-sale i {
     font-size:87.5%;
     color:var(--mc);
}
 .notification-msg span i {
     padding: 0 6px;
     font-size:118.75%;
}
 .notification-msg span {
     color: #303030;
}
 span.msg-row.read,.notification-msg span i.msg-row.read,.notification-msg p.msg-row.read {
     color: #666666b3;
}
 .notification-msg p {
     color: #464a4c;
     font-size:81.25%;
}
 .Deadline-message {
    color:red;
     font-size:75%;
}
 .score-comment {
    font-size: 12px;
    font-weight: 949;
    line-height: 1.5;
    color: grey;
    height: 150px;
    border-radius: 14px;
    position: absolute;
    margin-left: 2px;
    left: 15%;
    height: fit-content;
    padding: 2px;
    padding-top: 4px;
 }

 .empty-info {
     text-align: center;
     margin-inline: auto;
     width: 100%;
}
 .empty-info img {
     width:400px;
     max-width:100%;
}
 .empty-info p {
     font-size:125%;
     font-weight: 600;
}
 .tooltip {
     z-index: 9999;
     font-family: var(--sf);
}
 .usr-cm-title {
     position: absolute;
     right: 178px;
     top: 22px;
     font-weight: 600;
     font-size:93.75%;
}
 .usr-cm-body {
     font-size: 81.25%;
     position: absolute;
     top: 51px;
     right: 178px;
     line-height: 1.1;
     height: 28px;
     overflow: hidden;
     width: 200px;
}
 .usr-order .badge {
     position: absolute;
     top: 89px;
     width: 26px;
     right: 177px;
     background-color: #999;
}
 .btn-cm-status {
     font-size: 12px;
     font-weight: bold;
     padding: 6px 0;
}
 .swiper-serach-items {
     display: grid !important;
     grid-template-columns: repeat(4, 24%);
     grid-gap: 14px;
     padding: 20px 18px;
}
 .ic-color {
     color: #edab09;
}
 .read .ic-color {
     color: #666666b3;
}
 .notification-msg {
     position:relative;
}
 .delete-favorite {
     color: #e84a42;
     position: absolute;
     top: 23px;
     left: 20px;
}
 .usr-cart {
     margin-bottom: 30px;
     border: 0px;
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     margin-top: 40px;
}
 .gradient-1 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #d0d011, #537b03);
     height: 155px;
}
 .gradient-2, .dropdown-mega-menu .ext-link.link-3 a {
     color: #fff !important;
     background-image: linear-gradient(230deg, #08f5bf, #04b3bb);
     height: 155px;
}
 .usr-cart-body {
     adding: 1.88rem 1.81rem;
     flex: 1 1 auto;
     padding: 1.88rem 1.81rem;
}
 .usr-cart-title {
     font-size: 100%;
     line-height: 18px;
     color: #fff !important;
     margin-bottom: 0.75rem;
}
 .gradient-3 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #ffc480, #ff763b);
     height: 155px;
}
 .gradient-4 {
     color: #fff !important;
     background-image: linear-gradient(230deg, #cc66ff, #3005b3);
     height: 155px;
}
 #inputLink {
     position: relative;
     background-color: #ffeecc;
     border-radius: 6px;
     text-align: left;
     border: none;
}
 #copyReferalLink {
     top: 24px;
     position: absolute;
     right: 10px;
     background-color: #e29700;
     border: 1px solid #e29700;
     height: 37px;
     margin: 0;
     color: #ffff;
     padding: 7px;
     border-top-left-radius: 0;
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 0;
     border: none;
}
 .nav-tabs.tab .nav-link.menu-active:focus {
     color: var(--mc);
     background-color: #fff0;
     border-color: #fff0 #fff0 var(--mc);
     border-bottom: 3px solid var(--mc);
}
 .switch-tab.tab a span , .sw-tab-bar a span {
     margin-right: 7px;
}
 .switch-tab .nav-link {
     font-size:87.5%!important;
     padding: 16px 23px;
}
 .switch-tab .nav-link a{
     color:red!important;
}
 .order-history span {
     padding: 10px 0;
     font-weight: 600;
     font-size:93.75%;
}
 .order-history p {
     margin: 10px 0;
     color: #666666e0;
}
 .order-view {
     color: #19bfd3;
     font-size:92.25%;
     float: left;
}
 .order-view:hover {
     color: var(--sc);
}
 .order-caption {
     font-size:81.25%;
     color: #666;
}
 .order-details-card h4 {
     display:inline-block;
}
 .order-details-card .card-header span {
     font-size: 13px;
     font-weight: 600;
     color: #555;
}
 .usr-dash-ico {
     position: absolute;
     left: 14px;
     left: 0px;
     f: 152px;
     font-size: 168px;
     op: 18px;
     top: -47px;
}
 .usr-ico-success {
     color:#a4b20c33;
}
 .usr-ico-order {
     color:#07eabe2e;
}
 .usr-ico-list {
     color:#ffbd7a40;
}
 .usr-ico-cart {
     color:#ffbb78;
}
 .usr-ico-fav {
     color:#aa51ee2b;
    ;
}
 .factor-info {
     border-left: 1px solid #000;
     padding: 0 10px;
     border-right: 1px solid #000;
}
 th {
     text-align:right!important;
     font-size: 13px!important;
}
 .factor-dc {
     border: 1px solid #000;
}
 .factor-right-dc {
     float: right;
     -webkit-transform: rotate(-90deg);
     font-size: 12px;
     font-weight: 600;
     margin-top: 18px;
}
 .order-history hr {
     margin:0 0;
}
 .order-factor {
     color: var(--sc);
     font-size: 81.25%;
}
 .order-history a {
     padding-bottom:0;
     padding-left:0;
     padding-right:0;
     padding-top:0;
     margin: -13px 0;
     font-weight: 600;
}
 .list-discount {
     color:var(--mc);
     font-size: 12px!important;
}


 .carousel-control-prev {
     right:0;
     left:auto;
}
 .carousel-control-next {
     left: 0;
     right:auto;
}
 .color-search{
     width:15px;
     height: 15px;
     display: inline-block;
     float: left;
     border-radius: 50%;
     margin-top: 5px;
     border: 1px solid #c1c1c1;
}
 .carousel-caption {
     text-shadow: 2px 2px #000000cf;
}
 .sort-search li{
     cursor:pointer
}
 .sort-search .nav-link.active{
     background-color: var(--sc);
     border-radius: 18px;
     color: #fff;
}
 .item-box .item-b{
     border-radius: var(--br);
     display: inline-block;
     vertical-align: bottom;
     margin: 3px;
}
 .item-box-b .item-b{
     border-radius: var(--br);
     display: inline-block;
     vertical-align: bottom;
     margin: 3px;
}

 .avatar-name-block {
     position: absolute;
     width: 100px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     padding-top: 6px;
}
 .mostVisitedBlog div:nth-child(1) {
     font-size: 12px;
     height: 36px;
     overflow: hidden;
}
 .mostVisitedBlog div:nth-child(2) {
     color: #9e9b9b;
     font-size: 12px;
}
 .item-mostVisitedBlog{
     padding-bottom: 10px;
     border-bottom: 1px solid #e2e2e2;
     margin-bottom: 14px;
}
 .item-mostVisitedBlog img{
     border-radius:16px;
     width: 100%;
}
 .item-mostVisitedBlog:last-child {
     border-bottom:1px solid #fff
}
 .date-block {
     float: left;
     overflow: hidden;
     max-width: 113px;
     white-space: nowrap;
     text-align: right;
}
 .m-user-dc {
     display:inline-block!important;
}
 .pro-show-links {
     float:right;
}
 .category-all.active a, .blog-menu span.active a {
     color: var(--sc);
}
 .user-menu-info a {
     position:relative;
}

 .wallet-dc {
     font-size: 20px;
}
 .wallet {
     position:relative;
}
 .user-menu-info a:nth-of-type(3) i {
     position: absolute;
     bottom: -2px;
}

 .user-menu-info a:nth-of-type(3) {
     font-size: 12px;
     font-weight: 600;
     color: #19bfd3;
}
 .user-menu-info a:nth-of-type(3):hover {
     color:var(--sc);
}

 @media screen and (max-width: 970px) {

     ::-webkit-scrollbar {
         width: 10px;
    }
     ::-webkit-scrollbar-track {
         background: #242526;
    }
     ::-webkit-scrollbar-thumb {
         background: #3A3B3C;
    }
}

 .body-text{
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
     padding: 0 30px;
}
 .body-text div{
     font-size: 45px;
     font-weight: 600;
}
 ul.blog-menu>li>ul {
     margin-right: 8px;
     margin-top: 5px;
}
 .blog-menu {
     font-size: 81.25%;
     color: #312f2f;
     padding: 1.25rem;
}
 .blog-menu a{
color:var(--ptc)
}
.mostVisitedBlog a{
color:var(--ptc)
}
 li.category-name a:hover {
     color:var(--sc);
}
 a.category-title:hover {
     color:var(--sc);
}

 .trscn-chart ul , .trscn-chart div {
     display:inline-block;
     color: #6c757d;
     font-size:15px;
}
 .trscn-chart span {
     color:#05c1f0;
     font-weight: 600;
}
 .pay-dc {
     position: absolute;
     right: 13px;
     top: 64px;
}
 .pay-back-to {
     color: var(--mc);
     font-weight: 600;
}
 .order-check-dc {
}
ul.menu-site a.active{
     color: var(--mc)
}

 .cnt-info span:nth-of-type(odd) {
     font-weight:bold;
}
 @media(max-width:440px) {
     .usr-order img {
         width: 124px;
    }
     .usr-order h4 {
         height: 57px;
         margin-right: 10px;
         right: 116px;
         position: absolute;
    }
     .usr-cm-body {
         position: absolute;
         top: 51px;
         right: 127px;
         line-height: 1.1;
         height: 28px;
         overflow: hidden;
         width: 106px;
    }
     .btn-cm-status {
         padding: 3px 0;
         width: 79px;
         font-size:10px;
    }
     .usr-order .badge {
         top: 97px;
         right: 124px;
    }
}
 .order-view-adress {
     color: var(--sc);
     font-size: 92.25%;
     float: left;
     font-weight: bold;
}
 .col-md-3 .link-to .back-link {
     position: absolute;
     right: 116px;
     top: 5px;
}
 a.addAddress-shi i {
     position: absolute;
     top: 1px;
}
 a.addAddress-shi {
     position:relative;
}
 .wallet-result img{
     width: 100%;
     max-width: 137px;
}
 #modal-edite-address .modal-dialog {
     max-width: 1000px;
     width: 1000px;
}
 .swiper-fi-in{

     font-size:0;
}
 .swiper-f-dc.brand-index{
     height:210px;
}
 .swiper-f-dc.brand-index .swiper-items{
     height:247px;
}
 .swiper.allImage{
     height: 110px;
     overflow: hidden;
}
 .swiper.allImage .items{
     height: 120px;
}
 .swiper.order-li-it{
     height:116ppro-show-links p-2x;
     overflow: hidden;
}
 .swiper.order-li-it .swiper-items{
     height: 180px;
}
 .suggestion-cart{
     height: 560px;
}
 .suggestion-cart .swiper-items{
     height: 589px;
}

 .swiper.cart-shi .swiper-items{
     box-shadow: none !important;
}
 .brand-index .jc-right, .brand-index .jc-left{
     top: 48px;
}
 a.text-white:hover {
     color:var(--sc)!important;
}
 .dropdown-menu .account-menu div a:hover {
     color:var(--sc)
}
.swp-card-img-top
{
    max-height: none!important;
    min-height: 0!important;
}

.usr-not-btn {
 float:left;}

.swiper.swiper-dc .jc-right, .swiper.swiper-s-dc .jc-right, .swiper.swiper-f-dc .jc-right , .swiper.allImage .jc-right
 {
    right: 3px!important;
}
.swiper.swiper-dc .jc-left,.swiper.swiper-s-dc .jc-left, .swiper.swiper-f-dc .jc-left ,  .jc-left ,.swiper.allImage .jc-left
{
    left:3px!important;
}

.whatsapp-chat {
    position: fixed;
    z-index: 999;
    height: 60px;
    width: 60px;
    bottom: 15px;
    background-color: #0dc143;
    color: #ffff;
    border-radius: 100%;
    left: 10px;
}


.whatsapp-chat i {
    font-size: 47px;
    position: absolute;
    bottom: -31px;

    padding: 20px 6px;
}
a.whatsapp-chat
{
    color:#fff!important
}
blockquote {
  margin: 0 0 1rem;
    padding: 0 10px 0 20px;
    border-right: solid var(--sc);
    border-width: 0 3px 0 0px;
   }
.linear .swiper .items {
 white-space: inherit!important;
 text-align:center;
}

.modal-close
{
    font-size: 2.5rem;
}
.flex{
    display: flex;
}


@media (max-width: 768px) {
#study{
    font-size: 10px;
    line-height: 0rem;
}
.writer-profile{
    font-size: 10px;
    padding: 0;
}
#writer-profile{
    font-size: 10px;
    padding: 0;
    line-height: 1.5rem;
}
.row h1{
    font-weight: bolder;
    font-size: 1rem;
}
}




 .usr-menu-acc {
 left: 13px;
 top: 3px!important;}
 undefined .usr-drop-acc {
 left: 35px;
 position: absolute;}  .sw-tab-bar .nav-link {
 display:inline-block;} .sw-tab .jc-left , .sw-tab .jc-right {
 display:none!important;} .btn-post {
 border: 1px solid #eae6e6;
 background-color: #fbfbfb;
 border-radius: 8px;
 color: #505050;
 cursor: pointer;
 margin: 4px;undefined} .btn-post.active {
 border: 1px solid var(--mc);
 background-color: #fff;
 outline:none } .btn-border.changehangeTypes{
 font-size: 13px;
 height: 54px;} .ke-image-container img {
 max-width:100%;} .copyright a{
 color: var(--sc);} .order-detail-status {
 float: left;
 color: #19bfd3;
 display: inline-block;} .btn-cm-status-p {
 background-color:#ffc107;} .btn-cm-status-a {
 background-color:#28a745;} .btn-cm-status-d {
 background-color:#dc3545;} .btn.btn-cm-status {
 cursor:alias;undefined}undefined .as-se .card-header {
 padding: 7px 10px;
 font-size: 14pxundefined}undefined .search-product{
 padding: 7px 6px 5px 0px;
 font-size: 15px undefined}undefined .imp-upload{undefined}undefined .category-search li.pa ul.pat{
 display:none undefined}undefined .card-body.pro-side-category.collapse{
 padding: 5px;undefined}undefined .bg-wb4 {undefined}undefined .mob-register{
 font-size: 15px;undefined}undefined .product-show .desc{
 font-size: 13px;
 float: left;
 background-color: #f5f5f5;
 padding: 6px;
 border-radius:10px;
 cursor: pointer;
 color: #686868;undefined}undefined .jc-right {
 right:1px!important;undefined}undefined .jc-left {
 left:1px!important;undefined}undefined article.APP {
 margin-top: 0;undefined}undefined .title-s {
 overflow:hidden;undefined}undefined .video-title{
 color: #fff;undefined}undefined .bg3{
 background-color: var(--mc);undefined}undefined .play-video i {
 position: absolute;
 right: 42%;
 top: 32%;
 color: #ffff;
 font-size: 49px;undefined}undefined .pos-relative {
 position: relative;
 box-shadow: 0px 1px 6px 0px #e5e5e5;undefined}undefined .play-video img{
 width: 100%;undefined}undefined @media (max-width: 850px) {
 .play-video{
     width: 138px;
}
.post-show .share-post
{
    float:left;
}



 .play-video i {
     right: 34%;
     top: 10%;
}undefined}undefined undefined .file-view {
 position: absolute;
 left: 22px;
 top: 46%;undefined}undefined .order-history {
 position:relative;undefined}undefined .dwl {
 text-align: right;
 color: #28a745!important;
 font-size: 23px;
 text-decoration-line: underline!important;undefined}undefined


.post-show .impression .row div{
    display: inline-block;
}
.impression{
    width: fit-content;
    width: -moz-fit-content;
    justify-content: flex-end;
}
.cm-bg{
background-color: #efefef;
}
.breadcrumb{
    background-color: #e9ecef59 !important;
}
.breadcrumb .mdi-home{
    font-size: 22px;
}
#full-width{
    width: 100%;
}
@media (min-width: 768px){
.visitCount {
    margin: -10px 17px;
}
.mdi-eye-outline {
    margin: 0 2px;
}
#left {
    margin-top: -10px;
}
.mdi-eye-outline {
    margin-left: 13px;
}
}
.mdi-eye-outline {
    margin-left: 2px;
}
@media (max-width:768px) {
.display{
    display: none;
}
}
@media (min-width:768px) {
.display{
    display: block;
}
}
.product-show .number-cart{
    background-color: white;
    width: 200px;
    line-height: 1.2;
}
.product-show .number-products{
    border: none;
    width: 60px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    line-height: 0;
    border-radius: 10px;
}
.product-show .plus, .product-show .minus{
    font-size: 30px;
    position: relative;
    bottom: -6px;
    margin-inline: 5px;
}
.mdi-rss{
    font-size: 25px;
}
a {
    color: darkgray;
}
#impress{
    width: inherit;
    justify-content: space-between;
}
#fit{
    width: min-content;
    float: left;
}
#study{
    width: max-content;
    text-align: left;
}
@media (max-width: 768px) {
#study{
    font-size: 10px;
    line-height: 0rem;
    margin-top: 15px;
}
}
.impression{
    width: fit-content;
    width: -moz-fit-content;
    justify-content: flex-end;
}
.row:before, .row:after {
    display: none !important;
}
.heder-logo img{
    max-height: 46px;
}
.login-form .user-card{
    margin-bottom: 90px;
    top: 0;
    margin-top: 0px !important;
}

@media(min-width: 991px){
header.asazoon-header{
height: 115px;
}
body article{
    margin-top: 115px !important;
}
section.product-search{
position: relative;
}

section.product-search #productList{
padding-top: 20px;
    margin-left: 0;
    margin-right: auto;
}

section.product-search #productList .item-box::-webkit-scrollbar {
  display: none;
}
section.product-search #productList .navbar{
margin-bottom: 0;
}


section.product-search aside.search-media.static{
    position: static;
    overflow: inherit;
}
section.product-search #productList.static{
    margin-right: 0;
}
section.product-search #productList .item-box.static{
overflow: inherit;
}
}
.pagination{
justify-content: center;
}
@media(max-width: 600px){
    .cart-n{
        padding-inline: 53px;
        padding-bottom: 26px;
    }
    .header-mob .btn .badge.bg-dc {
        top: -5px;
        left: 33px;
    }
}