/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
  height: 100%;
  font-family: "Work Sans";
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #666666;
  font-weight: 400;
  font-family: "Work Sans";
}

p {
  font-size: 14px;
  font-family: "Work Sans";
  color: #666666;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
  margin-bottom: 45px;
}

.section-title h4 {
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.section-title h4:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 70px;
  background: #baae96;
  content: "";
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */

.primary-btn {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px 10px;
  color: #ffffff;
  background: #baae96;
}

/* Preloder */

#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

.spacial-controls {
  position: fixed;
  width: 111px;
  height: 91px;
  top: 0;
  right: 0;
  z-index: 999;
}

.spacial-controls .search-switch {
  display: block;
  height: 100%;
  padding-top: 30px;
  background: #323232;
  text-align: center;
  cursor: pointer;
}

.search-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99999;
}

.search-model-form {
  padding: 0 15px;
}

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid #dddddd;
  background: 0 0;
  color: #999;
}

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.offcanvas-menu-wrapper {
  display: none;
}

.canvas__open {
  display: none;
}

/*---------------------
  Banner
-----------------------*/

/* .banner {
  height: 500px;
}

.banner__text span {
  font-size: 18px;
  color: #baae96;
}

.banner__text h1 {
  font-size: 60px;
  color: #111111;
  font-family: "Work Sans";
}

.banner__text a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}

.banner__text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #baae96;
  content: "";
}

.banner__slider {
  text-align: center;
}

.banner__slider.owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  top: 430px;
  width: 100%;
  text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
  height: 12px;
  width: 12px;
  background: #a1a1a1;
  border-radius: 50%;
  margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
  background: #baae96;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
} */

/*---------------------
  Trend
-----------------------*/

.trend {
  padding-top: 80px;
  padding-bottom: 50px;
}

.trend__content .section-title h4 {
  font-size: 20px;
}

.trend__content .section-title h4:after {
  bottom: -6px;
}

.trend__item {
  overflow: hidden;
  margin-bottom: 35px;
}

.trend__item__pic {
  float: left;
  margin-right: 25px;
}

.trend__item__text {
  overflow: hidden;
}

.trend__item__text h6 {
  font-size: 14px;
  color: #111111;
  margin-bottom: 5px;
}

.trend__item__text .rating {
  line-height: 18px;
  margin-bottom: 6px;
}

.trend__item__text .rating i {
  font-size: 10px;
  color: #e3c01c;
  margin-right: -4px;
}

.trend__item__text .rating i:last-child {
  margin-right: 0;
}

.trend__item__text .product__price {
  color: #111111;
  font-weight: 600;
}

.trend__item__text .product__price span {
  font-size: 14px;
  color: #b1b0b0;
  text-decoration: line-through;
  margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/

.discount__pic img {
  min-width: 100%;
  height: 100%;
}

.discount__text {
  background: #f4f4f4;
  height: 390px;
  padding: 75px 90px 50px;
  text-align: center;
}

.discount__text a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}

.discount__text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #baae96;
  content: "";
}

.discount__text__title {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 60px;
}

.discount__text__title:after {
  position: absolute;
  left: 50%;
  top: -38px;
  height: 183px;
  width: 183px;
  background: #ffffff;
  content: "";
  border-radius: 50%;
  z-index: -1;
  margin-left: -91.5px;
}

.discount__text__title span {
  font-size: 12px;
  color: #111111;
  font-weight: 500;
  text-transform: uppercase;
}

.discount__text__title h2 {
  font-size: 60px;
  color: #baae96;
  font-family: "Cookie", cursive;
  line-height: 46px;
  margin-bottom: 10px;
}

.discount__text__title h5 {
  color: #baae96;
  font-weight: 700;
}

.discount__text__title h5 span {
  font-size: 14px;
  color: #111111;
  margin-right: 4px;
}

.discount__countdown {
  text-align: center;
  margin-bottom: 10px;
}

.countdown__item {
  margin-bottom: 15px;
  float: left;
  width: 25%;
}

.countdown__item:last-child {
  margin-right: 0;
}

.countdown__item span {
  font-size: 30px;
  font-weight: 600;
  color: #111111;
  display: inline-block;
}

.countdown__item p {
  color: #111111;
  margin-bottom: 0;
  display: inline-block;
  font-weight: 500;
}

/*---------------------
  Instagram
-----------------------*/

.instagram__item {
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.instagram__item:hover:after {
  opacity: 1;
}

.instagram__item:hover .instagram__text {
  opacity: 1;
  visibility: visible;
}

.instagram__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  content: "";
  opacity: 0;
  z-index: -1;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.instagram__text {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.instagram__text i {
  font-size: 30px;
  color: #0d0d0d;
}

.instagram__text a {
  font-size: 16px;
  color: #0d0d0d;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
  padding-top: 35px;
}

.breadcrumb__links a {
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  margin-right: 18px;
  display: inline-block;
  position: relative;
}

.breadcrumb__links a:after {
  position: absolute;
  right: -14px;
  top: 0;
  content: "";
  font-family: "FontAwesome";
}

.breadcrumb__links a i {
  margin-right: 5px;
}

.breadcrumb__links span {
  font-size: 15px;
  font-weight: 500;
  color: #888888;
  display: inline-block;
}

/*---------------------
  Product
-----------------------*/

.product {
  padding-top: 60px;
  padding-bottom: 50px;
}

.filter__controls {
  text-align: right;
  margin-bottom: 50px;
}

.filter__controls li {
  font-size: 14px;
  list-style: none;
  display: inline-block;
  color: #111111;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
}

.filter__controls li.active:after {
  opacity: 1;
}

.filter__controls li:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background: #baae96;
  content: "";
  opacity: 0;
}

.filter__controls li:last-child {
  margin-right: 0;
}

.sidebar__filter {
  position: relative;
  margin-bottom: 60px;
}

.sidebar__filter .section-title {
  margin-bottom: 50px;
}

.sidebar__filter .section-title h4 {
  font-size: 18px;
}

.sidebar__filter a {
  font-size: 14px;
  color: #0d0d0d;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  padding: 5px 16px 5px 24px;
  border: 2px solid #ff0000;
  position: absolute;
  right: 0;
  bottom: -5px;
  border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
  position: relative;
}

.filter-range-wrap .range-slider .price-input p {
  font-size: 16px;
  color: #0d0d0d;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
  position: absolute;
  left: 81px;
  top: 12px;
  height: 1px;
  width: 5px;
  background: #0d0d0d;
  content: "";
}

.filter-range-wrap .range-slider .price-input input {
  font-size: 16px;
  color: #0d0d0d;
  max-width: 16%;
  border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
  margin-right: 28px;
}

.filter-range-wrap .price-range {
  border-radius: 0;
  margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #baae96;
  border: none;
  outline: none;
  cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
  background: #baae96;
  border-radius: 0;
}

.sidebar__sizes,
.sidebar__color {
  margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
  margin-bottom: 35px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
  font-size: 18px;
}

.sidebar__sizes .size__list label,
.sidebar__color .size__list label {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #444444;
  position: relative;
  cursor: pointer;
}

.sidebar__sizes .size__list label input,
.sidebar__color .size__list label input {
  position: absolute;
  visibility: hidden;
}

.sidebar__sizes .size__list label input:checked ~ .checkmark,
.sidebar__color .size__list label input:checked ~ .checkmark {
  border-color: #baae96;
}

.sidebar__sizes .size__list label input:checked ~ .checkmark:after,
.sidebar__color .size__list label input:checked ~ .checkmark:after {
  border-color: #baae96;
  opacity: 1;
}

.sidebar__sizes .size__list label .checkmark,
.sidebar__color .size__list label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}

.sidebar__sizes .size__list label .checkmark:after,
.sidebar__color .size__list label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}

.sidebar__color .color__list label {
  text-transform: capitalize;
}

.pagination__option a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  margin-right: 6px;
}

.pagination__option a:last-child {
  margin-right: 0;
}

.pagination__option a i {
  font-weight: 600;
}

.pagination__option a:hover {
  background: #0d0d0d;
  border-color: #0d0d0d;
  color: #ffffff;
}

.cart__btn {
  margin-bottom: 50px;
}

.cart__btn.update__btn {
  text-align: right;
}

.cart__btn a {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 14px 30px 12px;
  background: #f5f5f5;
  border-radius: 50px;
}

.cart__btn a span {
  color: #baae96;
  font-size: 14px;
  margin-right: 5px;
}

.discount__content h6 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 30px;
}

.discount__content form {
  position: relative;
  width: 370px;
  display: inline-block;
}

.discount__content form input {
  height: 52px;
  width: 100%;
  border: 1px solid #444444;
  border-radius: 50px;
  padding-left: 30px;
  padding-right: 115px;
  font-size: 14px;
  color: #444444;
}

.discount__content form input::-webkit-input-placeholder {
  color: #444444;
}

.discount__content form input::-moz-placeholder {
  color: #444444;
}

.discount__content form input:-ms-input-placeholder {
  color: #444444;
}

.discount__content form input::-ms-input-placeholder {
  color: #444444;
}

.discount__content form input::placeholder {
  color: #444444;
}

.discount__content form button {
  position: absolute;
  right: 4px;
  top: 4px;
}

.cart__total__procced {
  background: #f5f5f5;
  padding: 40px;
}

.cart__total__procced h6 {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cart__total__procced ul {
  margin-bottom: 25px;
}

.cart__total__procced ul li {
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  line-height: 40px;
}

.cart__total__procced ul li span {
  color: #baae96;
  float: right;
  font-size: 16px;
  color: #666666;
}

.cart__total__procced .primary-btn {
  display: block;
  border-radius: 50px;
  text-align: center;
  padding: 12px 0 10px;
}

/*---------------------
    Blog
-----------------------*/

.blog {
  padding-top: 70px;
  padding-bottom: 80px;
}

.blog__item {
  margin-bottom: 35px;
}

.blog__item__pic {
  height: 240px;
}

.blog__item__pic.large__item {
  height: 540px;
}

.blog__item__text {
  padding: 25px 20px 0 0;
  margin-right: 30px;
  background: #ffffff;
  margin-top: -54px;
}

.blog__item__text h6 {
  margin-bottom: 6px;
}

.blog__item__text h6 a {
  color: #111111;
  font-weight: 600;
  line-height: 21px;
}

.blog__item__text ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}

.blog__item__text ul li span {
  color: #111111;
}

.blog__item__text ul li:after {
  position: absolute;
  right: -17px;
  top: 0px;
  content: "|";
}

.blog__item__text ul li:last-child {
  margin-right: 0;
}

.blog__item__text ul li:last-child:after {
  display: none;
}

.primary-btn.load-btn {
  color: #111111;
  background: #f2f2f2;
  padding: 12px 85px 10px;
  border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
  padding-left: 40px;
}

.blog__sidebar__item {
  margin-bottom: 50px;
}

.blog__sidebar__item:last-child {
  margin-bottom: 0;
}

.blog__sidebar__item .section-title {
  margin-bottom: 40px;
}

.blog__sidebar__item .section-title h4 {
  font-size: 16px;
}

.blog__sidebar__item .section-title h4:after {
  bottom: -7px;
}

.blog__sidebar__item ul li {
  list-style: none;
  line-height: 30px;
}

.blog__sidebar__item ul li a {
  font-size: 14px;
  color: #111111;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
  color: #baae96;
}

.blog__sidebar__item ul li a:hover span {
  color: #111111;
}

.blog__sidebar__item ul li a span {
  float: right;
  color: #888888;
}

.blog__feature__item {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}

.blog__feature__item:last-child {
  margin-bottom: 0;
}

.blog__feature__item__pic {
  float: left;
  margin-right: 25px;
}

.blog__feature__item__text {
  overflow: hidden;
}

.blog__feature__item__text h6 {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 5px;
}

.blog__feature__item__text span {
  font-size: 12px;
  color: #888888;
  display: block;
}

.blog__sidebar__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__sidebar__tags a:hover {
  color: #111111;
}

.blog__sidebar__tags a:last-child {
  margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog__details__item {
  background: #ffffff;
  margin-bottom: 24px;
}

.blog__details__item__title {
  background: #ffffff;
  padding-top: 30px;
  padding-right: 30px;
  margin-top: -100px;
  position: relative;
  margin-right: 50px;
}

.blog__details__item__title .tip {
  font-size: 12px;
  color: #ffffff;
  background: #baae96;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  padding: 2px 11px 1px;
  border-radius: 5px;
}

.blog__details__item__title h4 {
  color: #111111;
  font-weight: 600;
  line-height: 39px;
  margin-top: 10px;
  margin-bottom: 5px;
}

.blog__details__item__title ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}

.blog__details__item__title ul li span {
  color: #111111;
}

.blog__details__item__title ul li:after {
  position: absolute;
  right: -17px;
  top: 0px;
  content: "|";
}

.blog__details__item__title ul li:last-child {
  margin-right: 0;
}

.blog__details__item__title ul li:last-child:after {
  display: none;
}

.blog__details__desc {
  margin-bottom: 40px;
}

.blog__details__desc p {
  font-size: 15px;
  color: #444444;
  line-height: 27px;
}

.blog__details__desc p:last-child {
  margin-bottom: 0;
}

.blog__details__quote {
  border-top: 2px solid #baae96;
  position: relative;
  padding-top: 22px;
  margin-bottom: 20px;
}

.blog__details__quote .icon {
  height: 30px;
  width: 30px;
  font-size: 18px;
  color: #baae96;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: -11px;
}

.blog__details__quote p {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 0;
}

.blog__details__tags {
  margin-bottom: 50px;
}

.blog__details__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  -webkit-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__details__tags a:hover {
  color: #111111;
}

.blog__details__tags a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  background: #f5f5f5;
  padding: 14px 30px;
  margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
  text-align: right;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
  margin-right: 0;
  margin-left: 5px;
}

.blog__details__btn__item h6 a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #111111;
}

.blog__details__btn__item h6 a i {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.blog__details__comment {
  position: relative;
}

.blog__details__comment h5 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.blog__details__comment .leave-btn {
  font-size: 14px;
  font-weight: 700;
  color: #111111;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
}

.blog__details__comment .leave-btn:after {
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 1px;
  width: 100%;
  background: #baae96;
  content: "";
}

.blog__comment__item {
  margin-bottom: 35px;
}

.blog__comment__item:last-child {
  margin-bottom: 0;
}

.blog__comment__item.blog__comment__item--reply {
  padding-left: 115px;
}

.blog__comment__item__pic {
  float: left;
  margin-right: 25px;
}

.blog__comment__item__pic img {
  border-radius: 50%;
}

.blog__comment__item__text {
  overflow: hidden;
}

.blog__comment__item__text h6 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 14px;
}

.blog__comment__item__text p {
  font-size: 15px;
  color: #444444;
  line-height: 26px;
}

.blog__comment__item__text ul li {
  list-style: none;
  font-size: 12px;
  color: #888888;
  display: inline-block;
  margin-right: 25px;
}

.blog__comment__item__text ul li:last-child {
  margin-right: 0;
}

.blog__comment__item__text ul li i {
  font-size: 14px;
  color: #baae96;
  margin-right: 5px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact__address {
  margin-bottom: 45px;
}

.contact__address h5 {
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.contact__address ul li {
  list-style: none;
  position: relative;
  margin-bottom: 20px;
}

.contact__address ul li:last-child {
  margin-bottom: 0;
}

.contact__address ul li h6 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 10px;
}

.contact__address ul li h6 i {
  font-size: 16px;
  color: #baae96;
  margin-right: 5px;
}

.contact__address ul li p {
  margin-bottom: 0;
  font-size: 15px;
  color: #444444;
}

.contact__address ul li span {
  font-size: 15px;
  color: #444444;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}

.contact__address ul li span:after {
  position: absolute;
  right: -15px;
  top: 11px;
  content: "|";
  line-height: 0;
}

.contact__address ul li span:last-child {
  margin-right: 0;
}

.contact__address ul li span:last-child:after {
  display: none;
}

.contact__form h5 {
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.contact__form form input {
  height: 50px;
  width: 100%;
  padding-left: 20px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
  color: #444444;
}

.contact__form form input::-moz-placeholder {
  color: #444444;
}

.contact__form form input:-ms-input-placeholder {
  color: #444444;
}

.contact__form form input::-ms-input-placeholder {
  color: #444444;
}

.contact__form form input::placeholder {
  color: #444444;
}

.contact__form form textarea {
  height: 130px;
  width: 100%;
  padding-left: 20px;
  padding-top: 12px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 14px;
  resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
  color: #444444;
}

.contact__form form textarea::-moz-placeholder {
  color: #444444;
}

.contact__form form textarea:-ms-input-placeholder {
  color: #444444;
}

.contact__form form textarea::-ms-input-placeholder {
  color: #444444;
}

.contact__form form textarea::placeholder {
  color: #444444;
}

.contact__map {
  height: 780px;
}

.contact__map iframe {
  width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
  .header {
    padding: 0 85px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header__menu ul li {
    margin-right: 20px;
  }
  .header {
    padding: 0 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 20px;
  }
  .header__right__auth {
    margin-right: 5px;
  }
  .sidebar__filter a {
    padding: 5px 15px 5px 15px;
  }
  .nav::before {
    width: 240px;
  }
  .nav::after {
    width: 240px;
  }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .filter__controls li {
    margin-right: 15px;
  }
  .discount__pic img {
    height: auto;
  }
  .discount__text {
    height: auto;
  }
  .sidebar__filter a {
    position: relative;
    bottom: 0;
  }
  .filter-range-wrap .range-slider .price-input input {
    max-width: 27%;
  }
  .filter-range-wrap .range-slider .price-input {
    margin-bottom: 20px;
  }
  .product__details__pic {
    margin-bottom: 50px;
  }
  .nav::before {
    width: 125px;
  }
  .nav::after {
    width: 125px;
  }
  .discount__content {
    margin-bottom: 40px;
  }
  .checkout__order {
    margin-top: 20px;
  }
  .blog__sidebar {
    padding-left: 0;
  }
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #222;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #323232;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 24px;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #ffffff;
    padding: 90px 20px 30px 30px;
    display: block;
    z-index: 99;
    overflow-y: auto;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 30px;
    top: 25px;
    /*border: 1px solid #ddd;*/
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
  }
  .offcanvas__menu {
    display: none;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__logo {
    margin-bottom: 25px;
  }
  .offcanvas__widget {
    text-align: center;
    margin-bottom: 20px;
  }
  .offcanvas__widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111111;
    margin-right: 20px;
    cursor: pointer;
  }
  .offcanvas__widget li:last-child {
    margin-right: 0;
  }
  .offcanvas__widget li a {
    font-size: 18px;
    color: #111111;
    position: relative;
  }
  .offcanvas__widget li a .tip {
    position: absolute;
    right: -12px;
    top: -11px;
    height: 18px;
    width: 18px;
    background: #111111;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
  }
  .offcanvas__auth a {
    font-size: 15px;
    color: #111111;
    position: relative;
    margin-right: 8px;
    font-weight: 500;
  }
  .offcanvas__auth a:last-child {
    margin-right: 0;
  }
  .offcanvas__auth a:last-child:after {
    display: none;
  }
  .offcanvas__auth a:after {
    position: absolute;
    right: -8px;
    top: -2px;
    content: "/";
    font-size: 13px;
  }
  .header__menu {
    display: none;
  }
  .header__right {
    display: none;
  }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #222;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #323232;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 24px;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    left: -270px;
    width: 270px;
    height: 100%;
    background: #ffffff;
    padding: 90px 20px 30px 30px;
    display: block;
    z-index: 99;
    overflow-y: auto;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 30px;
    top: 25px;
    /*border: 1px solid #ddd;*/
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
  }
  .offcanvas__menu {
    display: none;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__logo {
    margin-bottom: 25px;
  }
  .offcanvas__widget {
    text-align: center;
    margin-bottom: 20px;
  }
  .offcanvas__widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111111;
    margin-right: 20px;
    cursor: pointer;
  }
  .offcanvas__widget li:last-child {
    margin-right: 0;
  }
  .offcanvas__widget li a {
    font-size: 18px;
    color: #111111;
    position: relative;
  }
  .offcanvas__widget li a .tip {
    position: absolute;
    right: -12px;
    top: -11px;
    height: 18px;
    width: 18px;
    background: #111111;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
  }
  .offcanvas__auth a {
    font-size: 15px;
    color: #111111;
    position: relative;
    margin-right: 8px;
    font-weight: 500;
  }
  .offcanvas__auth a:last-child {
    margin-right: 0;
  }
  .offcanvas__auth a:last-child:after {
    display: none;
  }
  .offcanvas__auth a:after {
    position: absolute;
    right: -8px;
    top: -2px;
    content: "/";
    font-size: 13px;
  }
  .header__menu {
    display: none;
  }
  .header__right {
    display: none;
  }
  .filter__controls {
    text-align: left;
    margin-bottom: 40px;
  }
  .filter__controls li {
    margin-right: 20px;
  }
  .discount__pic img {
    height: auto;
  }
  .discount__text {
    padding: 75px 40px 50px;
    height: auto;
  }
  .product__details__pic__left {
    height: auto;
  }
  .product__details__pic {
    margin-bottom: 30px;
  }
  .quantity {
    float: none;
    margin-right: 0;
  }
  .nav::before {
    display: none;
  }
  .nav::after {
    display: none;
  }
  .shop__cart__table {
    overflow-x: auto;
  }
  .shop__cart__table tbody tr .cart__product__item img {
    float: none;
    margin-right: 0;
  }
  .cart__btn {
    text-align: center;
    margin-bottom: 25px;
    border-radius: 50px;
  }
  .cart__btn.update__btn {
    text-align: center;
  }
  .discount__content h6 {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .discount__content {
    margin-bottom: 35px;
  }
  .blog__sidebar {
    padding-left: 0;
    padding-top: 40px;
  }
  .contact__content {
    margin-bottom: 40px;
  }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
  .categories__item {
    padding-left: 10px !important;
    padding-right: 10px !important;
    align-items: flex-end;
  }
  .categories__large__item {
    align-items: center;
    height: 400px !important;
  }
  .categories__text h1 {
    color: #111111;
    font-size: 50px;
  }
  .categories__text h4 {
    color: #111111;
    font-weight: 60;
    font-size: 20px;
  }
  .categories__text h5 {
    color: #111111;
    font-weight: 20;
    font-size: 16px;
  }
  .banner__text h1 {
    font-size: 45px;
  }
  .filter__controls li {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .discount__text {
    padding: 75px 0px 50px;
  }

  /* .footer__newslatter form {
    text-align: center;
  }
  .footer__newslatter form input {
    margin-bottom: 10px;
  }
  .footer__newslatter form button {
    position: relative;
    right: 0;
    top: 0;
  } */
  .product__details__button .cart-btn {
    float: none;
    margin-right: 0;
  }
  .product__details__button ul {
    float: none;
  }
  .nav-item {
    margin-right: 20px;
  }
  .blog__details__item__title {
    margin-right: 30px;
  }
  .blog__comment__item.blog__comment__item--reply {
    padding-left: 0;
  }
  .blog__comment__item__text ul li {
    margin-right: 5px;
  }
  .primary-btn.load-btn {
    padding: 12px 50px 10px;
  }
  .blog__comment__item__pic {
    float: none;
    margin-bottom: 20px;
  }
  .discount__content form {
    width: 100%;
  }
  .search-model-form input {
    width: 100%;
    font-size: 24px;
  }
}