.nsm7Bb-HzV7m-LgbsSe {
  border-radius: 50px !important;
  margin: 0.5rem 0 !important;
}
.header-blank {
  height: 100px;
  width: 100%;
}
.header-inner-blank {
  height: 20px;
  width: 100%;
}
.ads .closebutton {
  position: absolute;
  top: 0;
  right: 1%;
  font-size: 30px;
  color: white;
}
.ads .closebutton i {
  font-size: 20px;
}
nav {
  height: 140px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
}

.nav-white {
  background: white;
  transition: 0.3s ease-in-out;
  height: 120px;
  border-bottom: 1px #dfdfdf solid;
  font-size: 18px;
}
nav .menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

nav .menulink {
  text-decoration: none;
  margin-left: 3.5rem;
}

nav .box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

nav .box .menu-list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
nav .logo img {
  width: 100px;
  margin: 0;
}
nav .logo-circle {
  width: 150px;
  height: 150px;
  border-radius: 100px;
  background: #ffffff00;
  display: grid;
  place-items: center;
}
nav .logo-circle.show {
  background: white;

  background: rgb(223, 223, 223);
  background: linear-gradient(
    0deg,
    rgba(223, 223, 223, 1) 34%,
    rgba(0, 212, 255, 0) 34%
  );
}
nav .logo-circle-inner.show {
  background-color: white;
  width: 148px;
  height: 148px;
  border-radius: 100px;
  display: grid;
  place-items: center;
}
nav .box .search-bar form {
  position: relative;
}
nav .box .search-bar form button {
  position: absolute;
  right: 0;
  height: 100%;
  border-radius: 0 50px 50px 0;
  border: none;
  width: 12%;
  background-color: #ffc800;
  color: white;
}
nav .box .lang {
  font-weight: 500;
  color: #0d578b;
}
nav .box .login {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  width: 210px;
  margin-right: 1rem;
}
nav .box .cart {
  position: relative;
}
nav .box .cart .noti {
  position: absolute;
  bottom: -7px;
  right: -9px;
  background-color: #0000008f;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: grid;
  place-items: center;
  color: white;
  font-size: 14px;
}
.icon-path-black {
  fill: black;
  transition: 0.3s ease-in-out;
}
.icon-circle-black {
  stroke: black;
  transition: 0.3s ease-in-out;
}
.lang-black {
  border: rgb(0, 0, 0) 1px solid !important;
  color: black !important;
  transition: 0.3s ease-in-out;
}

.icon-path-blue {
  fill: #0d578b;
  transition: 0.3s ease-in-out;
}
.icon-circle-blue {
  stroke: #0d578b;
  transition: 0.3s ease-in-out;
}
.lang-blue {
  border: rgb(13, 87, 139) 1px solid !important;
  color: #0d578b !important;
  transition: 0.3s ease-in-out;
}

nav .dropdown-lang .dropdown-menu {
  min-width: 150px;
  border-radius: 20px;
  padding: 0.9rem 0;
  border-color: #0d578b;
  transform: translate(-15%, 42px) !important;
}

nav .dropdown-search .dropdown-menu {
  min-width: 300px;
  border-radius: 20px;
  padding: 1rem;
  border-color: #0d578b;
  transform: translate(-50%, 56px) !important;
}
nav .dropdown-search .dropdown-menu input {
  border: 1px #dfdfdf solid;
  position: relative;
  padding: 0.375rem 2.75rem 0.375rem 0.75rem;
}
nav .dropdown-search .dropdown-menu::after {
  font-family: FontAwesome;
  content: "\f002";
  position: absolute;
  right: 1.5rem;
  font-size: 24px;
  color: #dfdfdf;
}
nav .dropdown-lang .dropdown-item,
nav .dropdown-search .dropdown-item {
  color: #0d578b;
  font-size: 18px;
  font-weight: 300;
}
nav .dropdown-lang .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0d578b;
}
.dropdownMenuPC {
  left: 0;
  width: 100%;
}
nav .box .lang:hover,
nav .box .login:hover,
nav .menulink:hover {
  color: #ffc800 !important;
  transition: 0.3s ease-in-out;
}
nav .box .login:hover path,
nav .box .cart:hover path,
nav .menulink:hover path {
  fill: #ffc800;
  transition: 0.3s ease-in-out;
}
.search-barMB {
  width: 100%;
  position: relative;
  margin: 0;
  display: flex;
  justify-content: center;
}
.search-bar form {
  position: relative;
}
.search-barMB form {
  width: 80%;
}

.search-barMB input:focus,
.search-barMB input:active,
.search-barMB input:focus,
.search-barMB input:active {
  border-radius: 0;
  border-color: #0d578b;
}
.search-bar input {
  width: 550px;
}

.search-barMB input {
  border: 1px #dfdfdf solid;
  color: #000000;
  background: #ff000000;
  background-image: url(../images/nav-icon-search.png);
  background-repeat: no-repeat;
  background-position: 20px;
  background-size: 16px;
  padding-left: 50px;
  font-weight: 400;
}
.search-bar input {
  border: 1px #ffc800 solid;
  color: #000000;
  background: #ff000000;
  /*   background-image: url(../images/nav-icon-search.png); */
  background-repeat: no-repeat;
  background-position: 20px;
  background-size: 16px;
  padding: 0.5rem 5rem 0.5rem 1rem;
  font-weight: 400;
  width: 577px;
  height: 45px;
  border-radius: 50px;
}
.search-barMB button {
  border-radius: 50px;
  border: none;
  width: 100px;
  height: 40px;
}

.BG-white-offcanvas {
  background-color: white;
  padding: 1rem;
}
#offcanvasLogin .BG-white-offcanvas {
  padding: 4% 13%;
}
.BG-white-offcanvas-nomt {
  background-color: white;
  padding: 1.25rem 1.25rem 0.75rem 1.25rem;
}
.offcanvas-header .offcanvas-title {
  font-size: 22px;
  font-weight: 500;
}
.offcanvas-body .login-type {
  background-color: #f7f7f7;
  width: 100%;
  height: 50px;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.login-type .title {
  font-size: 16px;
  float: left;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.login-type .title.active {
  font-size: 16px;
  font-weight: 500;
  background-color: white;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.offcanvas-body .content-email .title,
.offcanvas-body .content-tel .title {
  font-size: 16px;
  font-weight: 500;
}
.offcanvas-body .content-email input,
.offcanvas-body .content-tel input {
  font-size: 16px;
  width: 100%;
  border: black 1px solid;
  margin: 0.5rem 0;
}
.offcanvas-body .content-email input::placeholder,
.offcanvas-body .content-tel input::placeholder {
  font-size: 16px;
}

.offcanvas-body .content-email input::placeholder,
.offcanvas-body .content-tel input::placeholder {
  font-size: 16px;
}
.offcanvas-body .content-email .rememberMe,
.offcanvas-body .content-tel .rememberMe {
  display: flex;
  align-items: center;
}
.offcanvas-body .content-email .rememberMe input,
.offcanvas-body .content-tel .rememberMe input {
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 0;
  border: 1px black solid;
}

.offcanvas-body .content-email .rememberMe label,
.offcanvas-body .content-tel .rememberMe label {
  font-size: 14px;
  margin-left: 0.5rem;
}
.offcanvas-body .content-email .forgetPW,
.offcanvas-body .content-tel .forgetPW {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.offcanvas-body .content-email .forgetPW a,
.offcanvas-body .content-tel .forgetPW a {
  text-align: end;
  text-decoration: underline;

  font-size: 14px;
}
.loginsocial-box button,
.login-btn button {
  width: 100%;
  height: 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 400;
  margin: 0.5rem 0;
}

.loginsocial-box a {
  width: 100%;
}
.login-btn,
.loginsocial-box {
  text-align: center;
}
.login-btn button {
  margin-top: 1rem;
  border: none;
}
.loginsocial-box button {
  background-color: white;
  border: 1px #d9d9d9 solid;
}

.loginsocial-box button .text {
  font-size: 16px;
  font-weight: 400;
  flex: 1;
}

.loginsocial-box .signinFB .text {
  color: #1877f2;
}
.loginsocial-box .signinLine .text {
  color: #06c755;
}
.loginsocial-box .signinGG .text {
  color: rgb(0, 0, 0);
}

.loginsocial-box .inner-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.loginsocial-box .inner-btn .icon {
  width: 25px;
  margin-right: 0.5rem;
  display: flex;
}
.offcanvas-body .or {
  font-size: 14px;
  text-align: center;
}
.offcanvas-body .createAcc {
  text-align: center;
  padding: 2rem 9rem;
}
.offcanvas-body .createAcc .text {
  font-size: 16px;
  margin: 0 0 1rem 0;
}
.offcanvas-body .createAcc-btn {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  border-radius: 50px;
  border: none;
}
.offcanvas-body .free {
  background-color: #e0f0e0;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px #206929 solid;
  margin: 1.25rem;
}
.offcanvas-body .free .icon {
  width: 1.31vw;
}
.offcanvas-body .free .text {
  font-size: 14px;
  font-weight: 300;

  margin: 0 0.5rem;
}

.offcanvas-body .agreed .text1 {
  font-size: 16px;
  text-align: center;
  padding: 0 0 3% 0;
  border: none;
  display: flex
  ;
      justify-content: center;
}
.offcanvas-body .agreed .text1 a {
  text-decoration: underline;
  font-size: 16px;
}
.offcanvas-body .agreed .text2 {
  font-size: 14px;
  text-align: center;
}

.offcanvas-body .ifnotmember .text {
  font-size: 16px;
  margin: 0 0 1rem 0;
  text-align: center;
}
.offcanvas-body .signIn-btn {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  border-radius: 50px;
  border: none;
  margin-bottom: 1.5rem;
}
.offcanvas-body .continue-btn {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 40px;
  background-color: white;
  border: 1px #d9d9d9 solid;
  border-radius: 50px;
  margin-bottom: 1.5rem;
}
.offcanvas-body .freepoint {
  background-color: #e0f0e0;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px #206929 solid;
  font-size: 16px;
  font-weight: 300;

  margin-bottom: 1.5rem;
}
.offcanvas-body .freepoint img {
  width: 25px;
  margin-right: 0.5rem;
}

.BG-white-offcanvas-shop {
  background-color: white;
  padding: 1.25rem;
}
.tab-shadow-top {
  background-color: white;
  padding: 1.25rem;
  box-shadow: 2px -1px 8px -5px #00000091;
}
.BG-white-offcanvas-shop.nopadding {
  background-color: white;
  padding: 0;
}
.BG-white-offcanvas-shop.margin {
  margin: 0 0 0.5rem 0;
}
.BG-white-offcanvas-shop-end {
  background-color: white;
  padding: 1.25rem;
  margin: 2.5rem 0 5.5rem 0;
}
.offcanvas#offcanvasLogin {
  border-radius: 15px;
  top: 5%;
  right: 29%;
  width: 40%;
  height: 90%;
}
.offcanvas#offcanvasShop .title {
  font-size: 18px;
  font-weight: 400;
  padding: 1rem 1.25rem;
}
.offcanvas#offcanvasShop .title.nopad {
  font-size: 18px;
  font-weight: 400;
  padding: 0;
}
.offcanvas#offcanvasShop .productimg {
  border: 2px #f7f7f7 solid;
}
.offcanvas#offcanvasShop .productname {
  font-size: 16px;
  padding: 0 0.5rem;
}
.offcanvas#offcanvasShop .productname span {
  font-weight: 400;
}
.offcanvas#offcanvasShop .bin {
  width: 22px;
  margin: 0.5rem 0;
  cursor: pointer;
}
.offcanvas#offcanvasShop .bin:hover path {
  fill: #c10000;
  transition: 0.3s ease-in-out;
}
.offcanvas#offcanvasShop .selectquantity {
  margin: 0.5rem 0;
}
.offcanvas#offcanvasShop .selectquantity select {
  height: 25px;
  width: 170px;
  border-radius: 0;
  padding: 0.1rem 0 0.1rem 0.5rem;
}
.offcanvas#offcanvasShop .selectquantity select,
.offcanvas#offcanvasShop .selectquantity option {
  font-size: 14px;
}
.offcanvas#offcanvasShop .shopprice .price {
  font-size: 22px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .shopprice {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 0 0;
}
.offcanvas#offcanvasShop .quantity {
  position: relative;
}
.offcanvas#offcanvasShop .quantity .count {
  text-align: center;
}
.offcanvas#offcanvasShop .quantity .count input {
  font-size: 18px;
  width: 90px;
  height: 40px;
  text-align: center;
  border: 1px #d9d9d9 solid;
}
.offcanvas#offcanvasShop .minus,
.offcanvas#offcanvasShop .plus {
  bottom: 5%;
}
.offcanvas#offcanvasShop .minus i,
.offcanvas#offcanvasShop .plus i {
  color: #9fa0a2;
  font-size: 14px;
}
.offcanvas#offcanvasShop .minus i:hover,
.offcanvas#offcanvasShop .plus i:hover {
  transition: 0.3s ease-in-out;
}

.offcanvas#offcanvasShop .form-control {
  border-radius: 0;
  height: 40px;
  font-size: 16px;
}
.offcanvas#offcanvasShop .recommended-pd {
  padding-left: 1.25rem;
  padding-bottom: 0;
}
.offcanvas#offcanvasShop .home-product .card .card-body a .product-name,
.offcanvas#offcanvasShop .home-product .card .card-body a .product-desc {
  font-size: 14px;
}
.offcanvas#offcanvasShop .home-product .card .card-body a .product-desc {
  height: 2.5rem;
  -webkit-line-clamp: 2;
}
.offcanvas#offcanvasShop .home-product .star-group img {
  width: 14px;
}
.offcanvas#offcanvasShop .home-product .star {
  font-size: 12px;
}
.offcanvas#offcanvasShop .home-product .card .card-body .price-discount,
.offcanvas#offcanvasShop .home-product .card .card-body .price-black {
  font-size: 16px;
}
.offcanvas#offcanvasShop .slide-addtocart .item {
  width: 140px !important;
}
.offcanvas#offcanvasShop .slide-addtocart .item .card {
  margin: 0;
}
.offcanvas#offcanvasShop .home-product .card .card-img-top {
  width: 100%;
}
.addtocart .text {
  font-size: 16px;
}
.offcanvas#offcanvasShop .home-product .card .card-img-top .addtocart .text {
  font-size: 14px;
}
.offcanvas#offcanvasShop .home-product .star-group img {
  width: 11px;
}
.offcanvas#offcanvasShop .home-product .card .card-body .price-discount,
.offcanvas#offcanvasShop .home-product .card .card-body .price-black {
  font-size: 16px;
}
.offcanvas#offcanvasShop .home-product .card .card-body .price-black span {
  font-size: 14px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .home-product .card .card-body .price-discount span {
  font-size: 14px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .home-product .card .card-body .pricefrom {
  font-size: 12px;
  font-weight: 300;
  height: 1rem;
}
.offcanvas#offcanvasShop .home-product .card .card-body .pricefrom span {
  font-size: 12px;
  font-weight: 300;
}
.offcanvas#offcanvasShop .home-product .card .card-body .pricebox {
  height: 2.5rem;
}
.offcanvas#offcanvasShop .promo-btn {
  height: 40px;
  border-radius: 0;
  width: 96px;
  background: #c10000;
  color: white;
  border: none;
  font-size: 16px;
}
.offcanvas#offcanvasShop .shop-amount,
.offcanvas#offcanvasShop .shop-finalamount,
.offcanvas#offcanvasShop .shop-promotion .box {
  display: flex;
  justify-content: space-between;
}
.offcanvas#offcanvasShop .shop-amount .text,
.offcanvas#offcanvasShop .shop-promotion .text,
.offcanvas#offcanvasShop .shop-promotion .text span {
  font-size: 16px;
}
.offcanvas#offcanvasShop .shop-promotion .text span {
  font-weight: 400;
}

.offcanvas#offcanvasShop .shop-finalamount .text {
  font-size: 18px;

  font-weight: 400;
}
.offcanvas#offcanvasShop .shop-promotion {
  padding: 1rem 0;
  margin: 1rem 0;
  border-top: 1px #d9d9d9 solid;
  border-bottom: 1px #d9d9d9 solid;
}

.offcanvas#offcanvasShop .final-btn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #0d578b;
  color: white;
  border-radius: 50px;
  height: 55px;
  align-items: center;
  border: none;
  padding: 0 1.5rem;
}
.offcanvas#offcanvasShop .final-btn span {
  font-size: 20px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .box.summary .shipping {
  margin-bottom: 1rem;
  padding: 1rem 0;
  border-bottom: #d9d9d9 1px solid;
}
.offcanvas#offcanvasShop .box.summary .shipping select {
  font-size: 16px;
  border: #5d5d5d 1px solid;
  border-radius: 0;
}
.offcanvas#offcanvasShop .box.summary .promotion {
  display: flex;
  margin-bottom: 1rem;
}

.offcanvas#offcanvasShop .heading {
  font-size: 16px;
}
.offcanvas#offcanvasShop .box.product-choose .list .product {
  display: flex;
}
.offcanvas#offcanvasShop .box.product-choose .list .shoppprice {
  font-size: 18px;
}
.offcanvas#offcanvasShop .box.product-choose .list {
  margin: 0.5rem 0;
}
.offcanvas#offcanvasShop .box {
  padding: 1rem 1rem 0 1rem;
}
.offcanvas#offcanvasShop .box .list {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  justify-content: space-between;
}
.offcanvas#offcanvasShop .box .list .product {
  display: flex;
  align-items: flex-start;
}
.offcanvas#offcanvasShop .box .list .product img {
  width: 125px;
  border: #f7f7f7 1px solid;
  margin-right: 1rem;
}
.offcanvas#offcanvasShop .box .list .product .product-name {
  display: flex;
  align-items: flex-start;
}
.offcanvas#offcanvasShop .box .list .product .product-name .name {
  font-size: 16px;
  width: 90%;
  padding: 0 0.75rem 0 0;
}
.offcanvas#offcanvasShop .box .list .product .product-name .bin img {
  width: 22px;
}
.offcanvas#offcanvasShop .box .list .quantity {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.offcanvas#offcanvasShop .box .list .quantity .number {
  position: relative;
}

.offcanvas#offcanvasShop .box.freegift .list {
  display: flex;
  align-items: center;
  margin: 0.5rem 0;
}
.offcanvas#offcanvasShop .box.freegift .list .product {
  display: flex;
  align-items: center;
}
.offcanvas#offcanvasShop .box.freegift .list .product img,
.offcanvas#offcanvasShop .product-choose img {
  width: 85px;
  border: #f7f7f7 2px solid;
}
.offcanvas#offcanvasShop .box.freegift .list .product .name,
.offcanvas#offcanvasShop .product-choose .name {
  font-size: 14px;
  margin-left: 0.5rem;
}
.offcanvas#offcanvasShop .product-choose .name {
  font-weight: 200;
}
.offcanvas#offcanvasShop .box.score .myscore {
  display: flex;
  align-items: center;
  border-bottom: #d9d9d9 1px solid;
  padding: 0 0 1rem 0;
  margin: 0 0 1rem 0;
}
.offcanvas#offcanvasShop .box.score .myscore img {
  width: 85px;
  border: none;
  margin-right: 1rem;
}
.member-cartview
  .detail.productlist
  .body
  .box.score
  .myscore
  .button
  button:hover {
  background-color: #0d578b;
  transition: 0.3s ease-in-out;
}

.offcanvas#offcanvasShop .box.score .score-box {
  display: flex;
  flex-direction: column;
}
.offcanvas#offcanvasShop .box.score .score-box .text1 {
  font-size: 14px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .box.score .score-box .text2 {
  font-size: 30px;
  font-weight: 400;
}
.offcanvas#offcanvasShop .box.score .score-box .text3 {
  font-size: 12px;
  font-weight: 200;
}
.offcanvas#offcanvasShop .box.score .text4 {
  font-size: 14px;
  text-align: center;
}
.offcanvas#offcanvasShop .box.score .button {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1rem;
}
.offcanvas#offcanvasShop .box.score .button button {
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  border: 1px #0d578b solid;
  background-color: white;
  width: 138px;
  height: 40px;
}
.offcanvas#offcanvasShop .box.address {
  display: flex;
  flex-direction: column;
  position: relative;
}
.offcanvas#offcanvasShop .box.address .edit a {
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}
.offcanvas#offcanvasShop .box.address span,
.offcanvas#offcanvasShop .box.address .tel {
  font-size: 14px;
}
.offcanvas#offcanvasShop .box.address .tel {
  margin-left: 1rem;
}
.offcanvas#offcanvasShop .box.address .address {
  font-size: 12px;
}
.offcanvas#offcanvasShop .box.address .manage {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.offcanvas#offcanvasShop .box.address .managebox {
  display: flex;
  align-items: center;
  margin-right: 1.25rem;
}
.offcanvas#offcanvasShop .box.address .managebox i,
.offcanvas#offcanvasShop .box.address .managebox img {
  width: 12px;
  border: none;
  margin-right: 0.5rem;
}
.offcanvas#offcanvasShop .box.address .managebox .text {
  font-size: 14px;
  margin-left: 0;
}
.offcanvas#offcanvasShop .box.address img {
  width: 0.79rem;
  border: none;
  margin-right: 0.5rem;
}
.offcanvas#offcanvasShop .box.address .text {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.offcanvas#offcanvasShop .box.address .text span {
  font-size: 14px;
}
.offcanvas#offcanvasShop .box.address label {
  font-size: 14px;
  font-weight: 200;
}
.offcanvas#offcanvasShop .box.address button {
  background-color: #d9d9d9;
  width: 10rem;
  font-size: 1.05vw;
  font-weight: 500;

  border-radius: 55px;
  padding: 0.26vw;
  margin: 0.5vw 0;
}
.offcanvas#offcanvasShop .box.address button:hover {
  background-color: #0d578b;
  transition: 0.3s ease-in-out;
}
.offcanvas#offcanvasShop .box.taxinvoice .text {
  font-size: 16px;
  margin-left: 1rem;
}
.offcanvas#offcanvasShop .box.taxinvoice .text span {
  font-size: 12px;
  font-weight: 200;
}
.offcanvas#offcanvasShop .box.taxinvoice img {
  width: 15px;
  margin-right: 0.25rem;
}

.offcanvas#offcanvasShop .box.payment .text {
  font-size: 16px;
  margin-left: 1rem;
}
.offcanvas#offcanvasShop .box.payment .text span {
  font-size: 16px;
}
.offcanvas#offcanvasShop .box.payment img {
  width: 25px;
  margin-left: 0.25rem;
}
.offcanvas#offcanvasShop .box.payment .bank {
  margin: 0.5rem 0 0 2rem;
}
.offcanvas#offcanvasShop .box.payment .bank .box-margin {
  margin-right: 6rem;
}
.offcanvas#offcanvasShop .box.payment .bank img {
  width: 50px;
  margin: 0 0.75rem 0 0;
}
.offcanvas#offcanvasShop .box.payment .bank span {
  font-size: 16px;
}
.offcanvas#offcanvasShop .box.payment .bank .text2 {
  font-size: 16px;
  font-weight: 200;
}
.offcanvas#offcanvasShop .box.payment .bank button {
  background: unset;
  padding: 0;
}
.offcanvas#offcanvasShop .box.payment .bank i {
  color: #d9d9d9;
  font-size: 16px;
  margin-left: 0.5rem;
}
.offcanvas#offcanvasShop .box.payment .description {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 200;
  padding: 0 2rem;
}
.offcanvas#offcanvasShop .box.payment .description span {
  font-size: 12px;
  font-weight: 400;
}
.BG-white-nav.border-bottom {
  border-bottom: 1px #d9d9d9 solid;
}

.offcanvas#offcanvasMenu .offcanvas-body .addline {
  height: 55px;
  width: 100%;
  background-color: #06c755;
  text-align: center;
}
.offcanvas#offcanvasMenu .offcanvas-body .addline .box {
  font-size: 14px;
  font-weight: 300;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offcanvas#offcanvasMenu .offcanvas-body .addline .box i {
  font-size: 30px;
  margin-right: 0.5rem;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu {
  list-style-type: none;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: #f3f3f3 1px solid;
  padding: 0 2.5rem 0 1rem;
}

.offcanvas#offcanvasMenu .offcanvas-body .menucollapse,
.offcanvas#offcanvasMenuProduct .offcanvas-body .menucollapse {
  list-style-type: none;
  height: 55px;
  border-bottom: #f3f3f3 1px solid;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.offcanvas#offcanvasMenu .offcanvas-body .menucollapse img {
  width: 25px;
  margin-left: 0.5rem;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu.bold {
  border-bottom: #e6e6e6 2px solid;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu-flex::after {
  position: absolute;
  right: 1rem;
  font-family: FontAwesome;
  content: "\f054";
}
.offcanvas#offcanvasMenu .offcanvas-body .menu-flex,
.offcanvas#offcanvasMenu .offcanvas-body .menu a {
  display: flex;
  align-items: center;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu span {
  font-size: 14px;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu span img {
  width: 25px;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu .text {
  font-size: 14px;
}

.offcanvas#offcanvasMenu .offcanvas-body .menu .icon {
  margin-right: 1rem;
}
.offcanvas#offcanvasMenu .offcanvas-body .menu .icon img {
  width: 20px;
}

.offcanvas#offcanvasMenu .offcanvas-footer {
  padding: 0.5rem 0 1rem 0;
}
.offcanvas#offcanvasMenu .offcanvas-footer .contact-icon .img {
  width: 35px;
  margin: 0 0.25rem;
}
.offcanvas#offcanvasMenu .offcanvas-footer .contact-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.offcanvas#offcanvasMenu .offcanvas-footer .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.offcanvas#offcanvasMenu .offcanvas-footer .text,
.offcanvas#offcanvasMenu .offcanvas-footer .text span,
.offcanvas#offcanvasMenu .offcanvas-footer .text a {
  color: #9b9794;
  font-size: 10px;
}
.offcanvas#offcanvasMenu .offcanvas-footer .text a {
  text-decoration: underline;
}

.offcanvas-header {
  padding: 1rem;
  justify-content: center;
  box-shadow: 2px -1px 8px -5px #00000091;
  height: 65px;
}
.offcanvas-header .btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media (max-width: 991px) {
  .header-blank {
    height: 60px;
    width: 100%;
  }
  .header-inner-blank {
    height: 0px;
    width: 100%;
  }
  .cart-inner-blank {
    height: 80px;
    width: 100%;
  }
  .cart-inner-blank-bottom {
    height: 105px;
    width: 100%;
  }
  .nav-mb {
    height: 60px;
    padding: 0 1rem;
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px #dfdfdf solid;
  }
  nav .toggle-mb {
    width: 33%;
    margin-top: 1rem;
  }
  nav .toggle-mb i {
    font-size: 28px;
  }
  nav .logo-mb {
    width: 33%;
    display: grid;
    place-items: center;
  }
  nav .logo-mb img {
    width: 50px;
    margin-right: 0;
  }

  nav .logo-circle-inner-mb {
    width: 90px;
    height: 90px;
    background-color: white;
    border-radius: 100px;
    display: grid;
    place-items: center;
  }
  nav .logo-circle-mb {
    width: 92px;
    height: 92px;
    background: linear-gradient(
      0deg,
      rgba(223, 223, 223, 1) 34%,
      rgba(0, 212, 255, 0) 34%
    );
    border-radius: 100px;
    display: grid;
    place-items: center;
  }
  nav .search-mb {
    margin-top: 1rem;
    width: 33%;
    text-align: end;
  }
  nav .search-mb i {
    font-size: 24px;
  }
  nav .lang-mb {
    text-align: end;
  }
  nav .lang-mb img {
    width: 20px;
  }
  button.mbnavbar-toggler:hover,
  button.mbnavbar-toggler:active,
  button.mbnavbar-toggler:focus {
    border: none;
  }
  button.mbnavbar-toggler {
    padding: 0;
    margin: 0;
    width: fit-content;
    opacity: 1;
    background: none;
    border: none;
    display: flex;
    align-items: center;
  }

  .mbnavbar-toggler i {
    font-size: 24px;
  }
  .navbar-toggler:hover,
  .navbar-toggler:active {
    background-color: #00b04f00;
  }
  .navbar-toggler:hover i,
  .navbar-toggler:active i {
    transition: 0.3s ease-in-out;
  }
  .navWhite-logo {
    width: 94px;
    padding: 0;
  }
  .navWhite-logo img {
    width: 100%;
  }

  .navWhite-menu .icon img {
    width: 27px;
  }
  .navWhite-menu.shop .noti {
    font-size: 12px;
    top: 50%;
    right: -18%;
    width: 18px;
    height: 18px;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
  }

  .navWhite-menu.shop {
    width: unset;
  }
  .BG-white-offcanvas,
  #offcanvasLogin .BG-white-offcanvas {
    padding: 0;
  }
  .offcanvas#offcanvasLogin {
    top: 2%;
    right: 2%;
    width: 96%;
    height: 96%;
  }
  .offcanvas-header .offcanvas-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-size: 18px;
  }

  .offcanvas-body .login-type {
    height: 50px;
  }
  .offcanvas-body .content-email input,
  .offcanvas-body .content-tel input {
    height: 40px;
  }
  .offcanvas-body .content-email .rememberMe input,
  .offcanvas-body .content-tel .rememberMe input {
    width: 24px;
    height: 24px;
  }
  .login-btn .login,
  .loginsocial-btn,
  .offcanvas-body .createAcc button {
    height: 40px;
  }
  .offcanvas-body .signIn-btn {
    width: 327px;
  }
  .offcanvas-body .free {
    height: 60px;
    width: 345px;
  }
  .offcanvas-body .agreed .text1 {
    flex-direction: column;
  }
  .login-type .title,
  .login-type .title.active,
  .offcanvas-body .content-email input,
  .offcanvas-body .content-tel input,
  .offcanvas-body .content-email input::placeholder,
  .offcanvas-body .content-tel input::placeholder,
  .login-btn .login,
  .loginsocial-btn .text,
  .offcanvas-body .createAcc button,
  .offcanvas-body .createAcc .free ul > li,
  .offcanvas-body .free .text,
  .offcanvas-body .agreed .text1,
  .offcanvas-body .signIn-btn,
  .offcanvas-body .agreed .text1 a {
    font-size: 16px;
  }
  .offcanvas-body .content-email .rememberMe label,
  .offcanvas-body .content-tel .rememberMe label,
  .offcanvas-body .content-email .forgetPW a,
  .offcanvas-body .content-tel .forgetPW a,
  .offcanvas-body .or,
  .offcanvas-body .createAcc .text {
    font-size: 14px;
  }
  .offcanvas-body .ifnotmember {
    text-align: center;
  }
  .offcanvas-body .free {
    font-size: 18px;
    padding: 0.75rem;
    margin: 2rem 0 0.75rem 0;
  }
  .offcanvas-body#offcanvasShop .free {
    margin: 1rem 0 0.75rem 0;
  }
  .offcanvas-body .createAcc {
    padding: 1rem 0;
  }
  .offcanvas-body .agreed .text2 {
    font-size: 12px;
  }
  .loginsocial-btn .inner-btn .icon,
  .offcanvas-body .free .icon {
    width: 27px;
  }

  .offcanvas#offcanvasShop .selectquantity {
    margin: 0.5rem 0;
  }
  .offcanvas#offcanvasShop .recommended-pd {
    padding: 1.25rem 0 1.25rem 1.25rem;
  }
  .offcanvas#offcanvasShop .home-product .card {
    width: 140px;
    height: auto;
  }
  .offcanvas#offcanvasShop .home-product .card .card-img-top img {
    width: 100%;
  }

  .offcanvas#offcanvasShop .home-product .card .card-body a .product-name,
  .offcanvas#offcanvasShop .home-product .card .card-body a .product-desc {
    font-size: 14px;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body a .product-desc {
    height: 2.75rem;
    -webkit-line-clamp: 2;
  }
  .offcanvas#offcanvasShop .home-product .star-group img {
    width: 14px;
  }
  .offcanvas#offcanvasShop .home-product .star {
    font-size: 12px;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .price-discount,
  .offcanvas#offcanvasShop .home-product .card .card-body .price-black {
    font-size: 16px;
  }

  .addtocart .text {
    font-size: 16px;
  }
  .offcanvas#offcanvasShop .home-product .card .card-img-top .addtocart .text {
    font-size: 14px;
  }
  .offcanvas#offcanvasShop .home-product .star-group img {
    width: 11px;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .price-discount,
  .offcanvas#offcanvasShop .home-product .card .card-body .price-black {
    font-size: 16px;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .price-black span {
    font-size: 14px;
    font-weight: 400;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .price-discount span {
    font-size: 14px;
    font-weight: 400;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .pricefrom {
    font-size: 12px;
    font-weight: 300;
    height: 1rem;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .pricefrom span {
    font-size: 12px;
    font-weight: 300;
  }
  .offcanvas#offcanvasShop .home-product .card .card-body .pricebox {
    height: 2.5rem;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 13;
    top: 50px;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    width: 345px;
  }

  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  .sidenav a:hover {
    color: #f1f1f1;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  #main {
    transition: margin-left 0.5s;
    padding: 16px;
  }

  .offcanvas-body .menu a {
    color: black;
    text-decoration: none;
  }
  .offcanvas-header .logo img {
    width: 50px;
  }

  .offcanvas#offcanvasMenu .offcanvas-body button {
    padding: 0;
    background-color: unset;
    color: black;
  }
  .offcanvas#offcanvasMenu .offcanvas-body li,
  .offcanvas#offcanvasLang .offcanvas-body li {
    padding: 1rem;
    list-style-type: none;
    border-bottom: 1px #dfdfdf solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .offcanvas#offcanvasMenu .offcanvas-body li a,
  .offcanvas#offcanvasLang .offcanvas-body li a {
    color: black;
    display: block;
    text-decoration: none;
    width: 100%;
    font-weight: 300;
  }
  .offcanvas#offcanvasMenu .offcanvas-body .collapse-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .offcanvas#offcanvasSearch .offcanvas-body button {
    width: 150px;
    height: 40px;
    border: none;
    border-radius: 50px;
  }
  .offcanvas#offcanvasLang .offcanvas-body li img {
    width: 20px;
  }
  .offcanvas#offcanvasMenu .offcanvas-body li.sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .offcanvas#offcanvasMenu .offcanvas-body li.sub::after {
    font-family: FontAwesome;
    content: "\2b";
  }
  .offcanvas#offcanvasMenu .offcanvas-body li.sub.collapsed::after {
    font-family: FontAwesome;
    content: "\f068";
  }
  /*   .offcanvas#offcanvasMenu .offcanvas-body .collapse li {
    padding-left: 2rem;
  } */

  .offcanvas#offcanvasMenu .offcanvas-body,
  .offcanvas#offcanvasLang .offcanvas-body,
  .offcanvas#offcanvasMenuProduct .offcanvas-body,
  .offcanvas#offcanvasMenuCS .offcanvas-body,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body,
  .offcanvas#offcanvasMenuReward .offcanvas-body,
  .offcanvas#offcanvasMenuHelping .offcanvas-body {
    background-color: white;
    padding: 0 1rem;
  }
  .offcanvas#offcanvasMenu .offcanvas-body ul,
  .offcanvas#offcanvasLang .offcanvas-body ul,
  .offcanvas#offcanvasMenuProduct .offcanvas-body ul,
  .offcanvas#offcanvasMenuCS .offcanvas-body ul,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body ul,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body ul,
  .offcanvas#offcanvasMenuReward .offcanvas-body ul,
  .offcanvas#offcanvasMenuHelping .offcanvas-body ul {
    padding: 0;
  }
  .offcanvas#offcanvasMenuProduct .offcanvas-header,
  .offcanvas#offcanvasMenuCS .offcanvas-header,
  .offcanvas#offcanvasMenuAboutus .offcanvas-header,
  .offcanvas#offcanvasMenuPromotion .offcanvas-header,
  .offcanvas#offcanvasMenuReward .offcanvas-header,
  .offcanvas#offcanvasMenuHelping .offcanvas-header {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px #f7f7f7 solid;
    height: 55px;
    position: relative;
  }
  .offcanvas#offcanvasMenuProduct .offcanvas-header i,
  .offcanvas#offcanvasMenuCS .offcanvas-header i,
  .offcanvas#offcanvasMenuAboutus .offcanvas-header i,
  .offcanvas#offcanvasMenuPromotion .offcanvas-header i,
  .offcanvas#offcanvasMenuReward .offcanvas-header i,
  .offcanvas#offcanvasMenuHelping .offcanvas-header i {
    position: absolute;
    left: 1rem;
    top: 35%;
  }
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu .text,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu .text,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu .text,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu .text,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu .text,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu .text {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu .text a,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu .text a,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu .text a,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu .text a,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu .text a,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu .text a {
    font-size: 14px;
  }

  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu .text.noarrow::after {
    content: "";
  }

  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu .text::after {
    font-family: FontAwesome;
    content: "\f078";
  }
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu.collapsed .text::after {
    font-family: FontAwesome;
    content: "\f054";
  }
  .offcanvas#offcanvasMenu .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenu .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu a,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu-flex,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu a {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .offcanvas#offcanvasMenu .offcanvas-body .menu,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu {
    list-style-type: none;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: #f3f3f3 1px solid;
    padding: 0 1rem;
  }
  .offcanvas#offcanvasMenu .offcanvas-body .menu.menu-language {
    padding-right: 2.5rem;
  }

  .offcanvas#offcanvasMenu .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu:hover,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu:hover {
    background-color: #e93b71;
    color: white;
  }
  .offcanvas#offcanvasMenu .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu:hover a,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu:hover a {
    color: white;
  }
  .offcanvas#offcanvasMenu .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuProduct .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuCS .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuAboutus .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuPromotion .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuReward .offcanvas-body .menu:hover svg,
  .offcanvas#offcanvasMenuHelping .offcanvas-body .menu:hover svg {
    fill: white;
  }
  .offcanvas#offcanvasCategory .offcanvas-body,
  .offcanvas#offcanvasCategoryList .offcanvas-body {
    background-color: white;
  }
  .offcanvas#offcanvasCategory .offcanvas-header {
    height: auto;
    padding: 1rem;
  }
  .offcanvas#offcanvasCategory .head {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
  }
  .offcanvas#offcanvasCategory .head .logo {
    padding: 0 0 0.5rem 0;
  }
  .offcanvas#offcanvasCategory .head .box {
    width: 47%;
    height: 40px;
    border-radius: 8px;
    border: #e3e3e3 1px solid;
    display: grid;
    place-items: center;
    color: #0d578b;
  }
  .offcanvas#offcanvasCategory .head .box-active {
    background-color: #0d578b;
    color: white;
  }
  .offcanvas#offcanvasCategory ul,
  .offcanvas#offcanvasCategoryList ul {
    padding: 0;
    margin: 0;
  }
  .offcanvas#offcanvasCategory li,
  .offcanvas#offcanvasCategoryList li {
    list-style-type: none;
    padding: 1rem;
    border-bottom: #f3f3f3 1px solid;
  }

  .offcanvas#offcanvasCategory li a,
  .offcanvas#offcanvasCategoryList li a {
    text-decoration: none;
    color: black;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .offcanvas#offcanvasCategory .content img {
    width: 25px;
    margin-right: 0.5rem;
  }
}