.header-middle-area {
   display: flex;
   align-items: center;
   /* height: 117px; */
   padding: 10px 0;
}
.header-area, .header-two-area, .header-three-area, .header-four-area {
  position: relative;
  z-index: 99;
  color: #fff
}
.email-image, .email-image a {
  color: #000;
}
.logo img {
  max-width: 35%;
}
.header-top {background:var(--main-color);position: relative;padding:8px 0;}
.header-top,.header-top a, .header-top li {font-size: 12px;}
.header-top-links {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-transform: capitalize;}
.account-wishlist {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.account-wishlist a {
  border-right: 1px solid #ffffff;
  color: #ffffff;
  display: inline-block;
  padding: 0 26px;
  position: relative;
  line-height:normal;
}
.account-wishlist a:hover {color: #fff}
.header-submenu {position: relative;}
.h-submenu {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #bbbbbb;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  left: -28px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 9px 15px;
  position: absolute;
  text-align: right;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 156px;
  z-index: 2;
}
.header-submenu:hover .h-submenu {visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.h-submenu li a {display: block; padding: 5px 0;}
.h-submenu li a:hover {color: #bda87f}
.welcome-text {display: block;line-height:normal;}
.header-submenu > li > a {
  border-right: 1px solid #c0cace;
  color: #ffffff;
  line-height: 17px;
  padding: 0 26px;
  position: relative;
}
.header-submenu:first-of-type > li > a {border-left: 1px solid #c0cace;}
.header-submenu > li > a > i {font-size: 15px; padding-left: 2px;}
/*----------------------------------------*/
/*      2.2 Header Middle Area
/*----------------------------------------*/
.email-image > span {display: block;}
.logo > a {display: inline-block;}
.email-image {display: inline;float: right;}
.email-image > span:last-child {line-height: 28px;}
.header-search input {color:#a1a1a1;font-size:14px;height:100%; padding: 0 52px 0 25px; width:100%;border-radius:50px;border:1px solid #ddd}
.header-search input::-moz-placeholder {color: #a1a1a1;}
.header-search button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #a9a7a7;
  font-size: 18px;
  height: 100%;
  line-height: 38px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 60px;
  cursor: pointer;
  border:0;
}
.header-search {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 30px;
  float: left;
  height: 41px;
  position: relative;
  width: 100%;
  margin-top:8px;
}
.cart-box-wrapper {float: right;/* position: relative; */display: inline;}
.cart-info span span {
  background: var(--main-color) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 19px;
  line-height: 19px;
  margin-left: 7px;
  text-align: center;
  width: 19px;
}
.cart-info > span:last-child {color: #000;font-weight:600; display: block; font-size: 12px;text-transform:uppercase;}
.cart-info {display: block;}
.cart-dropdown {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #bbbbbb40;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  color: #666666;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 10px 0;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 390px;
  z-index: 3;
  max-height:500px;
  overflow:auto;
  border-radius: 10px;
}
.cart-dropdown:after {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  height: 9px;
  position: absolute;
  right: 28px;
  top: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 9px;
}
.cart-box-wrapper:hover .cart-dropdown {visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.cart-number span {font-weight: 700;}
.cart-number {display: block;}
.cart-item-amount {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;/* margin-bottom: 17px; */padding: 6px 30px;background: #f1f1f1;}
.cart-amount {text-align: right;}
.cart-amount h5 {
  color: #666666;
  display: block;
  font-size: 13px;
  margin-bottom: 7px;
  padding:0px;
}
.cart-amount h4 {color: #000000;font-size: 18px;font-family: "Roboto",sans-serif;}
.grey-button {
  background: #b89e7a none repeat scroll 0 0;
  border: 1px solid #e3e3e3;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin:15px 1% 0;
  width:48%;
  float:left;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 9px;
}
.grey-button:hover {background: #000000 none repeat scroll 0 0;border-color: #000000;color: #ffffff;}
.cart-item-a-wrapper {border-bottom: 1px solid #cccccc;}
.cart-p-image > a {display: inline-block;}
.cart-item-a-wrapper > a {margin-bottom: 30px;}
.cart-dropdown-item {
  border: 1px solid #cccccc69;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 10px 10px;
  padding: 5px;
  border-radius: 10px;
  background: #ffffff;
  position: relative;
}
.cart-p-text {display: inline-block; line-height: 23px; padding-right: 15px; text-align: right;}
.cart-p-name {color: #b89e7a;display: block;font-size: 16px;margin-bottom: 2px;font-weight: 500;}
.cart-p-text > span {display: block; font-size: 14px; font-weight: 700; margin-bottom: 6px;}
.cart-p-qty {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.cart-p-qty label {
  color: #666666;
  font-size: 13px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 0;
  padding-right: 14px;
  text-transform: capitalize;
}
.cart-p-qty > input {
  border: 1px solid #c2c2c2;
  color: #444444;
  font-size: 14px;
  height: 32px;
  padding: 0 10px;
  text-align: center;
  width: 50px;
}
.cart-p-qty > input::-moz-placeholder {color: #444444;}
.cart-p-qty > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #303030;
  font-size: 14px;
  line-height: 39px;
  margin-left: 4px;
  cursor: pointer
}
.cart-p-qty > button:focus {box-shadow: none}
.cart-dropdown-item:nth-last-of-type(2) {/* border: 0 none; */}
.cart-btn-wrapper {border-top: 1px solid #cccccc; margin: 15px 0; padding-top: 15px;}
.cart-btn-wrapper a {margin: 0 15px;}
.cart-dropdown > button.close {
  cursor: pointer;
  font-size: 18px;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  position: absolute;
  right: 10px;
  top: 9px;
}
.cart-dropdown > button.close:hover {opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
/*----------------------------------------*/
/*  2.3 Mainmenu Area
/*----------------------------------------*/
.fixed {left: 0; position: absolute; width: 100%; z-index: 99;}
.mainmenu-area {border-top: 1px solid #eeeeee;box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);background: #f6f6f6;border-bottom: 1px solid #eeeeee;}
.main-menu > nav > ul {display: -webkit-box;display: -ms-flexbox;display: flex; position: relative;}
.main-menu > nav > ul > li {position: relative}
.main-menu > nav > ul > li a {
  color: #000;
  display: inline-block;
  font-size: 12px;
  letter-spacing:0.3px;
  font-weight: 500;
  line-height: 40px;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
}
.main-menu > nav > ul > li:hover > a, .main-menu > nav > ul > li.active > a {
  background: none repeat scroll 0 0;
  color:#000;
}
.main-menu > nav > ul > li a:after {
  background: #c6cfd2 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 13px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: translateY(-50%);
}
.main-menu > nav > ul > li li > a:after {
  display:none;
}
.main-menu > nav > ul > li a:before {
  background: var(--main-color) none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  right:0;
  margin:0 auto;
  bottom:0px;
  width:0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s
}
.main-menu > nav > ul > li a:hover:before {
  width:100%;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.main-menu > nav > ul > li:last-child a:after {display: none}
.main-menu > nav > ul > li > ul {
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  padding: 30px 30px 26px;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  min-width: 210px;
  z-index: 999;
  background: #fff;
  white-space:nowrap;
}
.main-menu > nav > ul > li:hover > ul {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  visibility: visible;
  opacity: 1
}
.main-menu > nav > ul > li > ul li {display: block; padding: 0; position: relative}
.main-menu > nav > ul > li.megamenu > ul li:first-child {
  border-bottom: 1px solid #f1f1f1;
  color: #393939;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  text-transform: uppercase;
}
.main-menu > nav > ul > li.megamenu > ul li:last-child {margin: 0;}
.main-menu > nav > ul > li.megamenu > ul > li:first-child {border: 0 none; margin-bottom: 0; padding-bottom: 0;}
.main-menu > nav > ul > li > ul > li a {
  color: #444444;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px;
  padding: 0;
  text-transform: uppercase;
}
.main-menu > nav > ul > li > ul > li a:hover {color: #bda87f}
.main-menu > nav > ul > li.megamenu {position: inherit;}
.main-menu > nav > ul > li.megamenu > ul {display: -webkit-box;display: -ms-flexbox;display: flex; width: auto;}
.main-menu > nav > ul > li.megamenu > ul > li {float: left; margin-right: 35px; width: 245px;}
.main-menu > nav > ul > li.megamenu > ul li:last-child {margin: 0;}
.header-sticky.sticky {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-area .header-sticky.sticky {background:#fff none repeat scroll 0 0;}
#mobile-menu-active {
  /* display: none; */
}

.mobile-menu-area {display: none}
.mobile-menu .mean-nav ul.menu-overflow {height: 360px; overflow-y: auto;}
.mobile-menu-area, .mean-container .mean-bar:after {display: none}
.mean-container .mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  min-height: 0;
  padding: 0;
}
.mean-container a.meanmenu-reveal {
  border: 0 none;
  color: #222222;
  margin-top: -81px;
  padding: 10px 0 2px;
  position: absolute;
  width: 26px;
  overflow: hidden;
  transition: all .0s ease 0s;
  font-size: 25px !important;
  font-weight: 400;
}
.mean-container a.meanmenu-reveal.meanclose {
  padding: 2px 0 2px;
  transition: all .0s ease 0s;
}
.mean-container a.meanmenu-reveal > span {
  background-color: #fff;
  position: relative;
  transition: all .3s ease 0s;
  display: block;
}
.mean-container a.meanmenu-reveal > span:before , .mean-container a.meanmenu-reveal > span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all .3s ease 0s;
}


.header-two-area .mean-container a.meanmenu-reveal > span:before , .header-two-area .mean-container a.meanmenu-reveal > span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #252531;
  transition: all .3s ease 0s;
}



.mean-container a.meanmenu-reveal > span:before {
  top: -8px;
}
.mean-container a.meanmenu-reveal > span:after {
  bottom: -8px;
}

.mean-container .mean-nav {margin-top: 0px; position: absolute; background: #fff;}
.mobile-menu-area .menu-close {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #858585;
  height: 40px;
  padding: 0;
  width: 40px;
  margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {color: #433a8b; border-color: #433a8b;}
.mobile-menu-area .menu-close i {
  display: block;
  font-size: 30px;
  line-height: 30px;
  padding-right: 2px;
}
.mean-container .mean-bar ul li a {color: #252525; font-size: 12px; line-height: 15px; border-top: 1px solid #ccc; font-weight: 500;}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 1px solid #cccccc;
}
.mean-container .mean-nav ul li a:hover {color: #bda87f;}
.mean-nav ul li a i {display: none;}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 0;
  width: 17px;
  height: 15px;
  padding: 12px 16px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: transparent;
  border: none;
  font-weight: 400;
  font-size: 25px !important;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid #ccc;
  opacity: 1;
}
.mean-container .mean-nav ul li a.mean-expand:hover {background: #bda87f none repeat scroll 0 0; color: #fff;}
@media (min-width: 992px) and (max-width: 1200px) {
  .single-slide {height: 376px}
  .header-search {width: 360px;}
  .cart-dropdown {width: 300px;}
  .product-widget-item .product-text {padding: 0 0 0 5px;}
  .product-wid-img {width: 27%;}
  .single-information {display: block; text-align: center}
  .s-info-img > img {padding-bottom: 15px;}
  .footer-bottom span {font-size: 13px;}
  .main-menu > nav > ul > li.megamenu > ul > li {width: 140px} 
  .header-three-area .header-top {padding: 0;}
  .email-image span span {display: none;}
  .header-three-area .header-search {width: 340px;}
  .slider-three-area .single-slide {height: 399px;}
  .slider-three-area .single-slide h2 {margin-bottom: 21px;}
  .slider-three-area .banner-btn {margin: 29px 0 49px;}
  .slider-four-area .single-slide {height: 500px;}
  .cart-main-area .cart-table table .p-amount {width: 15%;}
  .single-panel:first-child {padding-right: 15px;}
  .single-widget-opt > label:hover {padding-left: 3px;} 
  .header-two-area .main-menu > nav > ul > li:last-child {margin-right: 0;}
  #list .product-text {padding-left: 0;}
  #mc_embed_signup_scroll > button {border-radius: 30px; margin-top: 13px; position: inherit;}
  .mc-form {margin-top: 22px;}
  .carousel-style-one .owl-nav > .owl-next {
      right: 0px;
  }
  .carousel-style-one .owl-nav > button {
      left: 0px;
  }
  .header-two-area .main-menu > nav > ul > li {
      margin-right: 12px;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) { 
  .header-submenu > li > a {padding: 0 12px;}
  .account-wishlist > a {padding: 0 12px;}
  .header-search {width:254px;}
  .header-search {
  margin-top: 0px;
}
.header-middle-area {
  height: 90px;
}
.cart-info > span:last-child {
  line-height: normal;
}
  .cart-dropdown {padding: 20px 0 17px; width: 289px;}
  .cart-dropdown-item {padding: 8px 0 15px;}
  .cart-item-a-wrapper > a {margin-bottom: 20px;}
  .cart-btn-wrapper {margin: 0;}
  
  .cart-box-wrapper {float: left; margin-left: 30px;}
  .mobile-menu-area {display: block}.header-two-area .cart-box-wrapper {margin-right: 52px;}
  .header-sticky.sticky {animation: 0s ease 0s normal none 1 running none; position: inherit;}
  .header-three-area .header-top {padding: 0;}
  .header-three-area .welcome-text {font-size: 12px;}
  .header-three-area .header-search {margin: 28px 0 35px; width: 488px;}
  .header-four-area .header-search {margin: 28px 0 35px; width: 560px;}
  .header-three-area .logo, .header-four-area .logo, .header-three-area .email-image, .header-four-area .email-image {
      padding-bottom: 0;
  }
  .header-three-area .cart-box-wrapper, .header-four-area .cart-box-wrapper {margin: 11px 0 7px 32px;}
  
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .logo-p-mobile{
        padding-right: 0 !important;
    }
    .cart-info span span{
        position: absolute;
        right: 10px;
        background: #b89e7a;
        color: #ffffff;
        /* padding: 4px; */
        width: 13px;
        height: 13px;
        font-size: 9px;
        line-height: 14px;
    }
    .cart-info > span:last-child{
        display: none;
    }
    .header-top{
        padding: 4px 0;
    }
    .mobile-menu-toggle{
        display: block !important;
    }
.header-search input {
  font-size: 12px;
  padding: 0 40px 0 15px;
}
.header-search button {
  line-height: 33px;
  width: 45px;
}
  .header-top-links {display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
  .header-submenu {float: left; padding-top: 5px;}

  .header-submenu > li > a {padding: 0 16px;}
  .header-submenu:first-of-type > li > a {padding-left: 0;}
  .header-submenu:last-of-type > li > a {border: 0 none;}
  .h-submenu {left: auto; right: 0; width: 86px;}
  .account-wishlist > a:first-child {padding-left: 0;}
  .account-wishlist > a {padding: 0 18px;}
  .account-wishlist > a:last-child {border: 0 none;}
  .header-middle-area .logo {/* padding:10px 10px 0; */text-align: left;margin: 0px 0;}
  .email-image, .welcome-text {display: none}
  .header-search {height: 36px;/* margin: 12px 18px 12px 0; */width: 100%;}
  .cart-box-wrapper {float: left; margin: 0 0 19px;}
  .cart-box-wrapper {margin: 0px 0 0px;}
  .cart-dropdown {left: auto; right: -42px; width: 289px;}
  .cart-p-image img {width: 56px;}
  .cart-item-a-wrapper > a, .cart-btn-wrapper a {line-height: 12px; margin-bottom: 20px;}
  .cart-dropdown-item {padding: 13px 0 12px;}
  .cart-btn-wrapper {margin: 0;}
  .cart-btn-wrapper a {margin-bottom: 0;}
  
  .cart-dropdown::after {right: 56px;}
  
  .all-cart-buttons button:last-child, .all-cart-buttons button:nth-child(2), .all-cart-buttons button:first-of-type {
      display: block;
      float: none;
      margin: 10px auto;
      width: 238px;
  }
  .cart-main-area .all-cart-buttons {
      justify-content: center;
      overflow: hidden;
      padding: 30px 0;
  }
  .cart-main-area .cart-table table td.p-image a {width: 123px;}
  .p-image {padding: 20px;}
  .cart-main-area .cart-table table th, .cart-main-area .cart-table table .p-total {padding: 13px 15px;}
  .col-md-12:first-child .ht-shipping-content {margin-bottom: 17px;}
  .ht-shipping-content, .amount-totals {margin-bottom: 43px;}
  .col-md-12:last-child .ht-shipping-content {margin-bottom: 0; margin-top: 37px;}
  .col-md-12:last-child .ht-shipping-content .amount-totals {margin-bottom: 0;}
  .cart-main-area {padding-bottom: 33px;}
  .amount-totals {padding-left: 0;}
  .amount-totals .button {float: none;}
  .amount-totals > p {text-align: left;}
  .single-panel:first-child {padding: 0;}
  .single-panel {width: 100%;}
  .checkout-area .panel-body {margin-bottom: 30px; padding: 22px 15px;}
  .panel-body p.fast-check:nth-of-type(3) {margin-bottom: 23px;}
  .single-checkout > h4 {margin: 0 0 14px;}
  .single-panel:last-child {padding: 33px 0 0;}
  .customer-name > div:nth-child(1), .customer-info > div:nth-child(1), .city-country > div:first-child, .customer-name > div:nth-child(2), .customer-info > div:nth-child(2), .city-country > div:nth-child(2) {
      padding: 0;
      width: 100%;
  }
  .city-country .state select {margin-bottom: 18px;}
  .checkout-area .login-form p {margin-bottom: 6px;}
  .checkout-table.table-responsive {padding: 0;}
  .checkout-table tbody td.p-name {font-size: 14px;}
  .checkout-area .panel-group {padding: 0 0 25px;}
  .checkout-progress {margin-bottom: 30px;}
  .p-d-wrapper {padding: 40px 0 0;}
  .p-d-buttons > a {float: none; margin: 10px auto; width: 100%;}
  .p-d-buttons {display: block; padding: 18px 0 13px; text-align: center;}
  .scroll-area {padding-top: 0;}
  .p-d-tab-container .tab-items {padding: 20px 0 0;}
  .p-details-list > span {margin-left: 15px;}
  .p-review-wrapper {padding: 0;}
  .p-review-wrapper .section-title {margin-bottom: 23px;}
  .p-tab-ratings {padding: 0; width: 128px;}
  .p-review-wrapper > h2 {margin-bottom: 10px;}
  .p-rating-info > span:first-child {margin-bottom: 2px;}
  .p-rating-info {padding: 0;}
  .p-tab-contents {margin-bottom: 30px;}
  .submit-review-wrapper {width: 100%;}
  .submit-rating-container {display: block;}
  .submit-review-wrapper > h4 {margin-bottom: 15px;}
  .submit-rating-wrapper {padding: 0;}
  .submit-rating-title > h4 {margin-bottom: 16px;}
  .rating-form {padding-left: 0; padding-top: 15px;}
  .rating-form > button {margin-bottom: 20px; margin-left: 82px;}
  .rating-form-box {margin-bottom: 15px;}
  .related-product-carousel .product-item {margin-bottom: 20px;}
  .sidebar-widget {margin-bottom: 30px;}
  .shop-banner {margin-bottom: 20px;}
  .ht-product-tab {display: block;}
  .shop-results select option {font-size: 13px; padding: 5px;}
  .shop-results select {padding: 5px; width: 85px;}
  .shop-content-wrapper .shop-items {padding-top: 3px;}
  .shop-content-wrapper {padding: 0;}
  .pagination-wrapper {margin: 10px 0 40px;}
  .pagination-wrapper .shop-results select {width: 48px;}
  .pagination-wrapper .shop-results > span:first-of-type {margin-right: 7px;}
  #list .product-image-hover {width: 100%;}
  #list .product-item {display: block;}
  #list .product-text {padding-top: 22px; padding-left: 0;}
  #list .product-text > h4 {margin-bottom: 9px;}
  #list .product-price {margin-bottom: 9px;}
  #list .product-text > p {margin-bottom: 15px;}
  #list .product-item:last-child {border: 0 none;}
  #list .product-item:first-child {padding-top: 0;}
  .product-stock-status span {display: block; width: 104px;}
  .w-c-price span {display: block; width: 81px;}
  .wishlist-table table .product-add-to-cart {display: block; width: 168px;}
  
  .cart-main-area select.country, .postal-code > input {width: 100%;}
  .google-map-area {margin-bottom: 50px;}
  .contact-address-info {margin-top: 30px; padding: 38px 32px 28px;}
  .single-contact-adrs {margin: 11px 0; width: 100%;}
  .product-details-area {padding-bottom: 48px; padding-top: 35px;}
  .upsell-products-area {padding: 21px 0 27px;}
  .shop-area .product-item {margin-bottom: 25px}
  .wishlist-table tfoot td {padding: 0;}
  .header-two-area .cart-dropdown::after {left: 32px;}
  .header-three-area .header-search input {padding: 0 40px 0 16px;}
  .header-three-area .header-search button {font-size: 17px; line-height: 40px; width: 44px;}  
  .header-three-area .cart-dropdown {left: auto; right: -55px;}
  .header-three-area .cart-dropdown::after {right: 66px;}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .account-wishlist {float: left;}
  .header-submenu > li > a {padding: 0 11px;}
  .header-submenu:last-of-type > li > a {border-right: 1px solid #c0cace;}
  .account-wishlist > a {padding: 0 12px;}
  .account-wishlist > a:first-child {padding-left: 12px;}
  .blog-image img {width: 100%;}
  .all-cart-buttons button:last-child, .all-cart-buttons button:nth-child(2), .all-cart-buttons button:first-of-type {
      margin: 10px 0;
  }
  .checkout-buttons {padding: 20px 18px;}
  .header-two-area .custom-container .col-lg-3 {float: left; width: 56%;}
  .header-two-area .custom-container .col-lg-2 {float: left; width: 44%;}
  .header-two-area .cart-dropdown {left: auto; right: -8px;}
  .header-two-area .cart-dropdown::after {left: auto; right: 27px;}
  .header-two-area .search-form-two form {left: auto; right: -9px;}
  .header-two-area .header-settings > ul {left: auto; right: -10px;}
  .header-area .account-wishlist {padding: 4px 0 11px;}
  .header-three-area .header-search, .header-four-area .header-search {margin: 8px 16px 8px 0; width: 72%;}
  .header-three-area .account-wishlist, .header-four-area .account-wishlist {padding: 11px 0 7px;}
}
.mean-container a.meanmenu-reveal {
  border: 0 none;
  color: #222222;
  margin-top: -50px;
  padding: 10px 0 2px;
  position: absolute;
  width: 26px;
  overflow: hidden;
  transition: all .0s ease 0s;
  font-size: 25px !important;
  font-weight: 400;
  height: 22px;
  text-indent: -9999em;
  line-height: 22px;
  display: block;
}
.mean-container a.meanmenu-reveal > span {
  position: relative;
  transition: all .3s ease 0s;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container a.meanmenu-reveal > span:before {
  top: -8px;
}
.mean-container a.meanmenu-reveal > span:before, .mean-container a.meanmenu-reveal > span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all .3s ease 0s;
}
@media (max-width: 767px) {
.mobile-menu-area {
  display: block;
  padding: 0;
}
.mean-container {
  padding: 0 15px;
  width: 100%;
  float:left;
}
.display-none {
  display: none;
}
.header-middle-area {
  height: auto;
}
}
@media (max-width: 989px) {
.logo img {
  max-width: 100%;
}
}
@media (min-width: 1170px) and (max-width: 1280px) {
.main-menu > nav > ul > li a {
  padding: 0 15px;
  font-size:11px;
}
}
@media (min-width: 1024px) and (max-width:1170px) {
.main-menu > nav > ul > li a {
  padding: 0 10px;
  font-size:11px;
}
.email-image, .email-image a {
  color: #363536;
  font-size: 12px;
}
}
@media (min-width: 768px) and (max-width:1024px) {
header .container {
  max-width:96%;
}
.main-menu > nav > ul > li a {
  padding: 0 10px;
  font-size:9px;
  line-height:30px;
}
.email-image, .email-image a {
  color: #363536;
  font-size: 12px;
  line-height:normal;
}
.main-menu > nav > ul > li a:after {
  height: 10px;
  top: 10px;
}
}
@media (min-width: 768px) {
.mobile-menu-area {
  display: none!important;
}
}




.account-wishlist a:last-child{
   border: none;
   padding-right: 0;
}
.cart-dropdown-item .close{
   position: absolute;
   background-color: #000;
   color: #fff;
   width: 20px;
   height: 20px;
   border-radius: 100px;
   top: -5px;
   left: -5px;
   opacity: 1;
   font-size: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 300;
}

/* ====== General ====== */
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* ====== Hamburger Button ====== */
.mobile-menu-toggle {
  width: 24px;
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  /* position: fixed; */
  /* top: 15px; */
  /* right: 20px; */
  /* z-index: 1001; */
  display: none;
}
.mobile-menu-toggle span {
  display: block;
  height: 2px;
  background: #ffffff;
  border-radius: 3px;
  transition: 0.3s;
  margin: 4px 0;
}

/* ====== Mobile Menu Wrapper ====== */
.mobile-menu-area {
  position: relative;
  z-index: 999;
}

.mobile-menu {
  position: fixed;
  top: 0;
  left: -260px; /* hidden */
  width: 260px;
  height: 100%;
  background: #ffffff;
  overflow-y: auto;
  transition: left 0.3s ease;
  z-index: 1000;
  /* padding-top: 60px; */
  padding: 20px;
}

.mobile-menu.active {
  left: 0;
}

body.menu-open {
  overflow: hidden;
}

/* ====== Menu List ====== */
.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e9e9e9;
  margin-top: 20px;
  border-radius: 10px;
  background: #f8f8f8;
}

.mobile-menu ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.mobile-menu ul li a {
  display: block;
  padding: 5px 15px;
  color: #000000;
  font-size: 15px;
  text-decoration: none;
  transition: 0.3s;
}

.mobile-menu ul li a:hover {
  background: #444;
  color: #ffcc00;
}

/* ====== Submenu ====== */
.mobile-menu ul li ul.sub-menu {
  display: none;
  background: #333;
}

.mobile-menu ul li ul.sub-menu li a {
  padding-left: 35px;
  font-size: 14px;
}

/* Arrow for submenus */
.mobile-menu ul li.has-submenu > a::after {
  content: "\25BC"; /* â–¼ */
  position: absolute;
  right: 15px;
  font-size: 12px;
  transition: transform 0.3s;
}
.mobile-menu ul li.open > a::after {
  transform: rotate(180deg);
}

/* Close Button inside menu */
.mobile-menu .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.col-md-3.col-lg-3.mobile-flex {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu-area .close-btn {
  background: none;
  border: none;
  font-size: 21px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 20px;
  color: #b89e7a;
}
.mobile-logo img {
    width: 100px;
}
.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}