body {

  font-family: "Jost", sans-serif;

  font-weight: 400;

  color: var(--primary-color);

  font-size: 14px;

  line-height: 20px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
  overflow-x:hidden;

}



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

/* General Style */

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

h1,

h2,

h3,

h4,

h5,

h6 {

  color: var(--primary-color);

  font-weight: 500;

  text-transform: capitalize;

}

/* Override the bootstrap defaults */

h1 {

  font-size: 33px;

}

h2 {

  font-size: 28px;

}

h3 {

  font-size: 21px;

}

h4 {

  font-size: 16px;

}

h5 {

  font-size: 12px;

}

h6 {

  font-size: 10.2px;

}

a {

  color: var(--secondary-light-color);

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

.fa {

  font-size: 14px;

}

legend {

  font-size: 18px;

  padding: 7px 0px;

  border-color: var(--border-color);

}

label {

  font-size: 14px;

  font-weight: normal;

}

select.form-control,

textarea.form-control,

input[type="text"].form-control,

input[type="password"].form-control,

input[type="datetime"].form-control,

input[type="datetime-local"].form-control,

input[type="date"].form-control,

input[type="month"].form-control,

input[type="time"].form-control,

input[type="week"].form-control,

input[type="number"].form-control,

input[type="email"].form-control,

input[type="url"].form-control,

input[type="search"].form-control,

input[type="tel"].form-control,

input[type="color"].form-control {

  font-size: 14px;

}

.input-group input,

.input-group select,

.input-group .dropdown-menu,

.input-group .popover {

  font-size: 14px;

}

.input-group .input-group-addon {

  font-size: 14px;

  height: 30px;

}

.container,

.row {

  --bs-gutter-x: 30px;

}

body .daterangepicker {

  z-index: 10001;

}

@media(max-width: 991px) {

  .row {

    --bs-gutter-x: 10px;

  }

}

/* Fix some bootstrap issues */

span.hidden-xs,

span.hidden-sm,

span.hidden-md,

span.hidden-lg {

  display: inline;

}

a:focus,

a:hover,

div:focus,

img:focus {

  text-decoration: none;

  outline: none;

  color: var(--primary-color);

}

div.required .control-label:before,

div.required .col-form-label:before {

  content: "* ";

  color: #f00;

  font-weight: bold;

}

.btn.focus:active,

.btn:active:focus,

.btn:focus,

.addcart:focus {

  outline: none;

}

.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus,

button:focus,

input:focus,

select:focus,

textarea:focus,

div:focus,

img:focus,

.form-control:focus,

i:focus {

  outline: none;

  box-shadow: none;

  text-decoration: none;

}



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

/* scrollToTop */

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

.scrollToTop {

  position: fixed;

  right: 30px;

  bottom: 30px;

  z-index: 5;

  background: var(--secondary-color);

  color: var(--primary-color);

  height: 50px;

  width: 50px;

  border-radius: 50px;

  text-align: center;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

}

.scrollToTop i {

  font-size: 22px;

  line-height: 50px;

}

.scrollToTop:hover,

.scrollToTop:focus {

  background: var(--primary-color);

  color: var(--secondary-color);

}

@media (max-width: 991px) {

  .scrollToTop {

    height: 40px;

    width: 40px;

    right: 15px;

    bottom: 15px;

  }

  .scrollToTop i {

    line-height: 40px;

  }

}



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

/* loader */

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

.loader {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999;

  background: url("../image/ajax_loader.gif") 50% 50% no-repeat

    rgb(255, 255, 255);

  opacity: 1;

}



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

/* QuickView Loader*/

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

.quickview-wrapper {

  background-color: var(--secondary-color);

  display: none;

  height: 80vh;

  left: 0;

  margin: 0 auto;

  overflow: auto;

  padding: 20px 5px;

  position: fixed;

  right: 0;

  top: 7%;

  width: 70%;

  z-index: 9999;

}

.quickview-overlay {

  display: none;

  background-color: rgba(0, 0, 0, 0.8);

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  position: fixed;

  z-index: 99;

}

.quickview-btn {

  position: absolute;

  z-index: 200;

  top: 0;

  right: 0;

  font-size: 12px;

  height: 30px;

  width: 30px;

  line-height: 30px;

  text-align: center;

  color: var(--primary-color);

  background: var(--background-color);

  border-radius: 0;

}

.quickview-btn:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.quickview-loader {

  display: none;

  position: fixed;

  top: 0;

  width: 50px;

  height: 50px;

  left: 0;

  right: 0;

  bottom: 0;

  text-align: center;

  z-index: 9999;

  margin: auto;

  background-color: transparent;

  line-height: 50px;

}

.quickview-loader-inner {

  font-size: 16px;

  color: #ffffff;

}

@media (max-width: 991px) {

  .quickview-wrapper {

    width: 90%;

  }

}



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

/* alert */

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

.alert.alert-success {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999;

  border-radius: 0;

  margin: 0 0 20px 0;

}

.alert {

  padding: 9px 30px 9px 15px;

  border-radius: 0;

  text-align: center;

  position: relative;

  line-height: 20px;

  z-index: 1;

}

.alert-dismissable .close,

.alert-dismissible .close {

  opacity: 1;

  position: absolute;

  right: 10px;

  top: 0;

  line-height: 38px;

  text-shadow: none;

}

.newsletterblock .alert {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 11;

}

#form-review .alert.alert-success,

#post_comment .alert {

  position: relative;

}



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

/* Start Newsletter Popup */

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

.newsletter-wrap {

  background: url(../image/newsletter-popup.jpg) center center;

  background-size: cover;

}

.newsletter-content {

  width: 50%;

  margin: auto 0 auto auto;

  padding: 71px 20px;

  background: rgba(255, 255, 255, 0.9);

}

#newsletter-popup .modal-content {

  background: transparent;

  box-shadow: none;

}

.modal-dialog-centered {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  min-height: calc(100% - (0.5rem * 2));

}

.modal-content {

  border: none;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  pointer-events: auto;

  background-color: var(--secondary-color);

  background-clip: padding-box;

  border-radius: 0;

}

.newsletter-popup .modal-dialog {

  margin: 20px auto;

  max-width: 600px;

  text-align: center;

}

.newsletter-btn-close.close {

  width: 30px;

  height: 30px;

  position: absolute;

  right: 0;

  top: 0;

  opacity: 1;

  text-shadow: none;

  font-size: 10px;

  background: var(--border-color);

  color: var(--primary-color);

}

.newsletter-btn-close.close i {

  display: block;

}

.newsletter-btn-close.close:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.newsletter-popup .modal-body {

  padding: 0;

  z-index: 1;

}

.newsletter-content-innner h3 {

  font-size: 36px;

  line-height: 1.2;

  margin: 0 0 25px;

  font-weight: 500;

  text-transform: capitalize;

}

.newsletter-content-innner input[type="text"] {

  width: 70%;

  margin: 0 auto;

  height: 42px;

  border: 1px solid #ddd;

  padding: 0 10px;

}

.newsletter-content-bottom {

  margin-top: 20px;

}

.newsletter-content-innner .alert {

  margin: 15px 0 10px;

  display: table;

  position: relative;

  width: 100%;

}

.newsletter-content-innner .alert .btn-close {

  right: 0px;

}

.newsletter-content-innner .newsletter_usr_popup_email {

  height: 40px;

  border: 1px solid var(--border-color);

  padding: 10px;

  background: var(--secondary-color);

  border-radius: 0;

  width: 100%;

  text-align: center;

}

.frmnewsletterpopup button {

  margin-top: 25px;

}

.newsletter-content-bottom label {

  margin: 0;

}

@media (min-width: 768px) {

  .newsletter-popup .modal-dialog {

    width: 100%;

  }

}

@media(max-width: 991px) {

  .newsletter-content-innner .newsletter_usr_popup_email {

    height: 36px;

  }

}

@media (max-width: 767px) {

  .newsletter-popup .modal-dialog {

    width: 90%;

    max-width: unset;

  }

  .newsletter-content-innner h3 {

    font-size: 26px;

  }

}

@media (max-width: 540px) {

  .newsletter-content {

    width: auto;

    padding: 40px 20px;

    background: rgba(255, 255, 255, 0.7);

  }

  .newsletter-wrap {

    padding: 15px;

  }

  .frmnewsletterpopup button {

    margin-top: 15px;

  }

  .newsletter-content-innner h3 {

    margin: 0 0 15px;

  }

}

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

/* Start top */

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

#top {

  background: var(--secondary-color);

  border-bottom: 1px solid var(--border-color); display: none;

}

.top-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

/* top-left */

.top-left > div .dropdown-toggle {

  padding: 15px 0;

  border: none;

  font-size: 14px;

  display: block;

  color: var(--secondary-light-color);

}

.top-left > div .dropdown-toggle:hover,

.top-left ul.dropdown-menu button:hover {

  color: var(--primary-color);

}

.top-left span.drop-text:after {

  content: ":";

}

.top-left > div .dropdown-toggle .code {

  text-transform: uppercase;

  margin-right: 1px;

}

.top-left ul.dropdown-menu {

  padding: 5px 10px;

  left: 0;

  right: auto;

  border: none;

}

.language-dropdown li,

.currency-dropdown li {

  display: block;

}

.top-left ul.dropdown-menu button {

  padding: 5px 0;

  text-align: left;

  border: none;

  color: var(--secondary-light-color);

}

.top-left > div {

  position: relative;

}

.top-left > div + div,

.top-right-inner > div + div {

  padding: 0 0 0 14px;

  margin: 0 0 0 14px;

}

.top-left,

.top-right-inner {

  display: flex;

  align-items: center;

}

.top-left > div + div::before,

.top-right-inner > div + div::before {

  content: "";

  background: var(--border-color);

  height: 20px;

  width: 1px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}

/* top-center */

.top-center .top-text {

  font-size: 14px;

  font-weight: 400;

  text-align: center;

  text-transform: capitalize;

  color: var(--secondary-color);

}

/* top-right */

.top-right-inner {

  justify-content: flex-end;

}

/*account*/

#header_ac > a span,

#cart-total span {

  margin: 0 5px;

}

#header_ac > a i,

.btn_search .search-btn i {

  font-size: 14px;

  display: block;

}

.header-right .btn_search .search-btn {

  display: none;

}

#header_ac > a {

  display: flex;

  align-items: center;

  padding: 15px 0;

}

.btn_search .search-btn {

  display: block;

  padding: 15px;

  color: var(--primary-color);

}

#header_ac .dropdown-menu {

  padding: 7px 15px;

  width: 200px;

}

#header_ac .dropdown-menu > li > a {

  padding: 0;

  color: var(--secondary-light-color);

}

#header_ac button {

  text-align: left;

  padding: 5px 10px;

  text-transform: capitalize;

  border: none;

  color: var(--secondary-light-color);

}

#header_ac button:hover,

#header_ac .dropdown-menu > li > a:hover,

#cart > .btn:hover {

  color: var(--primary-color);

}

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

/* Start header */

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

.header-fixed {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  -webkit-animation: fadeInDown 0.5s ease-out forwards;

  -moz-animation: fadeInDown 0.5s ease-out forwards;

  -o-animation: fadeInDown 0.5s ease-out forwards;

  animation: fadeInDown 0.5s ease-out forwards;

  z-index: 9;

  border: none;

  background: var(--secondary-color);

  -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);

}

.header-fixed #logo img {

  max-width: 140px;

}

.header-fixed .header-top {

  padding: 15px 0;

}



#alert {

  width: 100%;

  pointer-events: auto;

}

body .alert-dismissible .btn-close {

  padding: 0.75rem 1rem;

}

.btn_search .search-btn.active i:before {

  content: "\e904";

}

/*header*/

header {

  position: relative;

}

.header-top {

  padding: 35px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



/*logo*/

#logo {

  vertical-align: top;

  display: inline-block;

}

#logo img {

  max-width: 200px;

  image-rendering: -webkit-optimize-contrast;

}



/*header search*/

.btn_search {

  position: relative;

  display: inline-block;

  cursor: pointer;

}

.btn_search .search-icon {

  font-size: 20px;

  display: block;

}

.btn_search .form-control {

  padding: 2px 10px;

  border: none;

  height: 40px;

}

.header-search .icon-close {

  position: absolute;

  right: 15px;

  top: 10px;

  cursor: pointer;

  font-size: 12px;

}

.header-search {

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  background: rgba(255, 255, 255, 0.9);

  padding: 0 30px;

  display: flex;

  align-items: center;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.header-search.active {

  opacity: 1;

  visibility: visible;

}

#mahardhiSearch .input-lg,

#search .input-lg {

  height: 40px;

  border: none;

}

#mahardhiSearch .input-lg {

  padding: 6px 15px 6px 10px;

}

.category-search {

  position: relative;

}

.category-search:after {

  border-left: 1px solid var(--border-color);

  content: "";

  height: 25px;

  position: absolute;

  top: 0;

  bottom: 0;

  z-index: 9;

  margin: auto;

}

/*-- mahardhi edit --*/

#mahardhiSearch,

#search {

  display: flex;

  position: relative;

  margin: 0 auto;

  width: 310px;

  background: var(--secondary-color);

}

.search-down.secound {

  display: none;

}

#mahardhiSearch > *,

#search > * {

  background: transparent;

  color: var(--secondary-light-color);

  display: block;

}

#mahardhiSearch .btn-search,

#search .input-group-btn {

  width: auto;

  background: transparent;

}

#mahardhiSearch .btn-search button,

#search .input-group-btn button {

  padding: 10px 0;

  border: none;

  background: transparent;

  color: var(--primary-color);

}



#sResultContainer {

  position: absolute;

  top: 100%;

}

.ui-autocomplete.ui-menu .ui-menu-item {

  list-style-image: none;

  padding: 1px;

}

.ui-autocomplete.ui-menu .ui-menu-item a {

  padding: 3px 1em 3px 0.4em;

}

.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {

  background-color: #f9f9f9;

  border-color: #f9f9f9;

  color: var(--primary-color);

}

.ui-autocomplete .mahardhi-search {

  position: relative;

  display: table;

  width: 100%;

  padding: 5px 0px;

}

.ui-autocomplete .mahardhi-search > div {

  font-size: 14px;

  display: table-cell;

  vertical-align: top;

}

.ui-autocomplete .mahardhi-search .images {

  width: 80px;

  padding-right: 10px;

}

.ui-autocomplete .mahardhi-search .product-detail .price-old {

  color: var(--secondary-light-color);

  text-decoration: line-through;

  margin-left: 10px;

}

#mahardhiSearch select.form-control.input-lg {

  border: none;

  padding: 6px 0;

  line-height: 1.42857143;

  width: auto;

  background: transparent;

  color: var(--primary-color);

}

#mahardhiSearch .input-lg::placeholder {

  color: var(--secondary-light-color);

}



/*header right*/

.header-links {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

#header_ac > a span,

#cart-total span {

  margin: 0 5px;

}

#header_ac > a i,

.btn_search .search-btn i {

  font-size: 14px;

  display: block;

}

.header-right #header_ac {

  display: none;

}

.header-right .header_cart #cart-total {

  display: none;

}

.header-right .header_cart {

  display: none;

}

.btn_search .search-btn {

  display: block;

  padding: 15px;

  color: var(--primary-color);

}

#header_ac > a {

  display: flex;

  align-items: center;

  padding: 15px 0;

}

#header_ac .dropdown-menu {

  padding: 7px 15px;

  width: 200px;

}

#form-currency .dropdown-toggle,

#form-language .dropdown-toggle {

  padding: 15px 0;

  border: none;

  font-size: 14px;

  display: block;

  color: var(--secondary-light-color);

  text-decoration: none;

}

.language-dropdown,

.currency-dropdown {

  padding: 0;

}

.language-dropdown li,

.currency-dropdown li {

  display: block;

}



/*account*/

#header_ac .dropdown-menu > li {

  padding: 5px 0;

  color: var(--secondary-light-color);

}

#header_ac button {

  text-align: left;

  padding: 5px 10px;

  text-transform: capitalize;

  border: none;

  color: var(--secondary-light-color);

}

#header_ac button:hover,

#header_ac .dropdown-menu > li > a:hover {

  color: var(--primary-color);

}



/*cart*/

.header_cart {

  position: relative;

}

#cart {

  vertical-align: top;

}

#cart > .btn {

  background: transparent;

  padding: 15px 0;

  border: none;

  color: var(--secondary-light-color);

  display: flex;

  align-items: center;

  box-shadow: none;

}

#cart-total {

  font-size: 14px;

}

#cart > .btn:before {

  content: "\e92b";

  font-family: "Mahardhi-Fonts";

  font-size: 14px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

#cart .dropdown-menu {

  overflow: hidden;

  margin: 0;

  padding: 0px;

  width: 300px;

}

#cart .dropdown-menu li {

  float: none;

  padding: 0px 20px;

}

#cart .dropdown-menu li p {

  margin: 0;

  font-size: 14px;

  color: var(--primary-color);

}

#cart .dropdown-menu li p .btn {

  padding: 8px 15px;

}

.product-cart-empty {

  padding: 20px 0;

}

.header_cart i.fa.fa-shopping-cart {

  display: none;

}

#cart .dropdown-menu .cart-content-product {

  max-height: 241px;

  overflow-y: auto;

  overflow-x: hidden;

}

#cart .dropdown-menu table {

  margin-bottom: 10px;

  border: none;

}

.table-striped > tbody > tr:nth-of-type(odd) {

  background-color: transparent;

}

#cart .dropdown-menu > li.cart-content-product .table > tbody > tr:last-child {

  border-bottom: none;

  padding-bottom: 10px;

  margin-bottom: 0px;

}

#cart .dropdown-menu > li.cart-content-product .table > tbody > tr {

  padding-bottom: 20px;

  padding-top: 20px;

  position: relative;

  border-bottom: 1px solid var(--border-color);

  display: block;

}

#cart .dropdown-menu .table > tbody > tr > td,

#account-address .table > tbody > tr > td {

  vertical-align: top;

}

#cart .dropdown-menu table td.product-cart-thumb {

  padding: 0;

}

#cart .dropdown-menu table td {

  background: none;

  border: none;

  padding: 5px 4px;

  color: var(--primary-color);

  box-shadow: none;

}

#cart .dropdown-menu li td,

td.cart-total-price {

  font-size: 14px;

  font-weight: 500;

}

#cart .img-thumbnail {

  padding: 0;

  border-radius: 0;

}

#cart .dropdown-menu table td.product-cart-details {

  padding-left: 10px;

  padding-right: 10px;

}

#cart .dropdown-menu .product-item-name,

#cart .product-cart-info .product-cart-qty {

  font-weight: normal;

  color: var(--primary-color);

  display: inline-block;

}

.product-cart-info {

  margin-top: 8px;

}

#cart .product-cart-info .product-cart-price,

.product-cart-total {

  color: var(--primary-hover-color);

}

#cart .dropdown-menu li tr:last-child td:last-child,

tr:last-child td.cart-total-price:last-child {

  font-size: 16px;

  color: var(--primary-hover-color);

}

#cart .dropdown-menu table td.product-cart-close,

#cart .dropdown-menu table td.voucher-close {

  position: absolute;

  top: 20px;

  right: 0;

  padding: 0;

}

#cart .dropdown-menu .btn-danger {

  background: transparent;

  color: var(--primary-color);

  border-radius: 0;

  line-height: 20px;

  font-size: 12px;

  padding: 0;

  border: none;

  box-shadow: none;

  -webkit-box-shadow: none;

}

#cart .dropdown-menu li + li {

  border-top: 1px solid var(--border-color);

  padding: 10px 20px 0px 20px;

}

#cart .dropdown-menu li td strong,

#cart .dropdown-menu li small,

td.cart-total-title {

  font-size: 14px;

  font-weight: 500;

}

.product-cart-button {

  padding: 0px 0px 20px 0px;

}

#cart .table-bordered tr {

  border: none;

}

.top-left > div + div::before,

.top-right-inner > div + div::before {

  content: "";

  background: var(--border-color);

  height: 20px;

  width: 1px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  margin: auto;

}

.top-left > div + div,

.top-right-inner > div + div {

  padding: 0 0 0 14px;

  margin: 0 0 0 14px;

}

.top-left span.drop-text:after {

  content: ":";

}

.top-left ul.dropdown-menu {

  padding: 5px 10px;

  left: 0;

  right: auto;

  border: none;

}

.top-left ul.dropdown-menu button {

  padding: 5px 0;

  text-align: left;

  border: none;

  color: var(--secondary-light-color);

  text-decoration: none;

}

/* Header Bottom */

@media (min-width: 1200px) {

  .header-center {

    text-align: center;

  }

}

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

  .header-top {

    padding: 20px 0;

  }

  #logo img {

    max-width:200px;

  }

}

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

  #logo img {

    width: 120px;

  }

  .header-top {

    padding: 15px 0;

  }

}

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

  .header-top {

    padding: 10px 0;

  }

  .header-right .header_cart {

    display: block;

  }

  .search-down {

    position: absolute;

    z-index: 11;

    display: none;

    right: 0;

    left: auto;

    width: 280px;

  }

  .search-downs.first {

    display: none;

  }

  .header-right .btn_search .search-btn {

    display: block;

  }

  .header-right #header_ac {

    display: block;

    margin-left: 15px;

  }

  .btn_search {

    width: 100%;

  }

  #header_ac > a,

  .btn_search .search-btn {

    padding: 10px 0;

    color: var(--primary-color);

  }

  #header_ac > a i,

  .btn_search .search-btn i {

    font-size: 16px;

  }

  .header-right div + div {

    margin: 0 0 0 15px;

    padding: 0;

  }

  #cart > .btn {

    padding: 0;

    color: var(--primary-color);

  }

  #mahardhiSearch,

  #search {

    /*        width: auto;*/

  }

  #form-currency .dropdown-toggle,

  #form-language .dropdown-toggle {

    padding: 10px 0;

  }

  .search-down {

    position: absolute;

    z-index: 11;

    display: none;

    right: 0;

    left: auto;

    width: 280px;

  }

  #mahardhiSearch .btn-search button,

  #search .input-group-btn button {

    padding: 13px;

  }

  .btn_search .search-icon {

    font-size: 14px;

  }

  .header-search {

    background: rgba(255, 255, 255, 1);

  }

  .top-right-inner {

    display: none;

  }

  .top-inner {

    justify-content: center;

  }

  .header-left {

    display: none;

  }

  #cart > .btn::before {

    font-size: 16px;

  }

}

@media(max-width: 767px) {

  .language .dropdown span:first-child {

    display: none;

  }

}

@media(max-width: 575px) {

  #cart .dropdown-menu {

    width: 260px;

  }

  .product-cart-empty {

    padding: 15px 0;

  }

}

@media (max-width: 540px) {

  #mahardhiSearch select.form-control.input-lg {

    max-width: 90px;

  }

  #mahardhiSearch .input-lg {

    padding: 6px 10px;

    font-size: 12px;

  }

}

@media (max-width: 480px) {

  #logo img {

    width: 100px;

  }

  #cart > .btn:before,

  #header_ac > a i,

  .btn_search .search-btn i {

    font-size: 18px;

  }

  #mahardhiSearch select.form-control.input-lg,

  #mahardhiSearch .input-lg {

    font-size: 10px;

  }

  #mahardhiSearch select.form-control.input-lg {

    max-width: 65px;

  }

  #mahardhiSearch {

    width: 280px;

  }

}



@media(max-width: 375px) {

  #mahardhiSearch {

    width: 250px;

  }

}

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

/* menu start */

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

body.active {

  overflow: hidden;

}

body.active::before {

  background: #000000 none repeat scroll 0 0;

  content: "";

  height: 100%;

  left: 0;

  opacity: 0.7;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 99;

  transition: all 0.7s ease;

  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease-in-out;

}

#menu {

  border: none;

  border-radius: 0;

  text-transform: uppercase;

  min-height: unset;

  display: inline-block;

  vertical-align: top;

  margin: 0;

}

#menu .btn-navbar {

  display: flex;

  align-items: center;

  padding: 0;

  margin: 0;

  border: none;

  color: var(--primary-color);

  background: transparent;

}

#menu .text-menu {

  font-size: 14px;

  text-transform: uppercase;

  margin: 0 0 0 10px;

}

#menu .btn-navbar i {

  font-size: 24px;

  display: block;

  margin-right: 10px;

}

#topCategoryList {

  background: var(--secondary-color);

  display: block !important;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 999;

  margin: 0;

  padding: 0;

  max-width: 450px;

  -webkit-transform: translate(-450px, 0);

  -moz-transform: translate(-450px, 0);

  -ms-transform: translate(-450px, 0);

  -o-transform: translate(-450px, 0);

  transform: translate(-450px, 0);

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  -webkit-transition-property: -webkit-transform;

  transition-property: transform;

  -moz-transition-duration: 0.5s;

  -o-transition-duration: 0.5s;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  overflow: auto;

}

#topCategoryList.box-menu {

  -webkit-transform: translate(0, 0);

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}

.menu-close {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 15px;

  color: var(--secondary-color);

  background: var(--primary-color);

}

.menu-close #category {

  font-size: 20px;

  font-weight: 500;

}

.menu-close i {

  font-size: 16px;

  cursor: pointer;

}

#menu #topCategoryList > ul.nav.navbar-nav {

  padding: 10px 0;

}

#menu #topCategoryList ul {

  float: none;

  display: block;

  text-align: left;

  margin: 0;

  background: transparent;

}

#topCategoryList ul li {

  float: none;

}

#menu .nav > li > a,

#menu #topCategoryList .menu_drop > .dropdown-inner > li > a {

  font-size: 16px;

  text-transform: capitalize;

  display: inline-block;

}

#menu .nav > li > a,

#menu #topCategoryList .dropdown-inner a {

  color: var(--secondary-light-color);

  font-weight: 500;

  display: block;

  font-size: 14px;

  text-transform: capitalize;

  padding: 10px 35px 10px 15px;

  transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

}

#topCategoryList .dropdown.menulist .dropdown-menu {

  position: relative;

  float: none;

  background-color: transparent;

  border: none;

  box-shadow: none;

  display: none;

  padding: 0;

}

#topCategoryList .dropdown.menulist .dropdown-menu .dropdown-inner {

  display: block;

  padding: 0 15px;

}

#menu .dropdown-inner .dropdown-submenu,

#navCategory .dropdown-inner .dropdown-submenu {

  position: relative;

}

#topCategoryList li .toggle-menu {

  cursor: pointer;

  position: absolute;

  right: 0;

  top: 0;

  padding: 10px 15px;

  color: var(--secondary-light-color);

}

.sub-menu-item i.fa.fa-angle-right {

  display: none;

}

#topCategoryList li .toggle-menu i {

  vertical-align: middle;

}

#menu .nav > li > a,

#menu #topCategoryList .menu_drop > .dropdown-inner > li > a {

  font-size: 16px;

  text-transform: capitalize;

  display: inline-block;

}

#menu #topCategoryList .dropdown-inner .dropdown-submenu ul.sub-menu {

  display: none;

  position: unset;

  border: none;

  padding: 0 15px;

}

#menu .nav > li > a:after {

  content: "";

  background: var(--primary-color);

  height: 1px;

  width: 0;

  display: block;

  transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

}

#menu .nav > li:hover > a,

#menu .nav > li.active > a,

#menu #topCategoryList .dropdown-inner li:hover > a,

#menu .nav > li:hover > .toggle-menu,

#menu #topCategoryList .dropdown-inner li:hover > .toggle-menu {

  color: var(--primary-color);

}

#menu .nav > li.active > a:after,

#menu .nav > li:hover > a:after {

  width: 100%;

}



@media (max-width: 991px) {

  #menu .btn-navbar {

    margin: 0 0 0 15px;

  }

  #menu .btn-navbar i {

    font-size: 18px;

    margin: 0;

  }

  #topCategoryList {

    max-width: 350px;

  }

  .menu-title {

    display: none;

  }

  #menu .nav > li > a, #menu #topCategoryList .dropdown-inner a {

    padding: 5px 35px 5px 15px;

  }

  #menu #topCategoryList ul {

    margin-top: 5px;

  }

  .menu-close #category {

    font-size: 18px;

  }

  #menu .nav > li > a,

  #menu #topcategoryList .menu_drop > .dropdown-inner > li > a {

    font-size: 14px;

  }

}

@media (max-width: 480px) {

  #topCategoryList {

    max-width: 280px;

  }

  .menu-close {

    padding: 10px 15px;

  }

  .menu-close #category {

    font-size: 16px;

  }

  #menu .nav > li > a, #menu #topCategoryList .menu_drop > .dropdown-inner > li > a {

    font-size: 14px;

  }

}



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

/* slider start */

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

.common-home .swiper-viewport {

  box-shadow: none;

  border: none;

  border-radius: 0;

  margin-bottom: 0;

  background: transparent;

}

#common-home .mt-banner {

  margin: 80px 0 0;

}

#common-home .mt-banner:first-child {

  margin: 0;

}

#common-home .mt-banner:first-child {

  .slick-dots {

    padding: 0;

  }

}

#common-home .mt-banner:first-child .slick-slider {

  width: auto;

  display: block;

  position: relative;

  padding: 0;

}

#common-home .mt-banner:first-child .slick-theme .slick-arrow {

  display: none !important;

}

.mt-banner .slick-theme .slick-arrow.slick-prev {

  left: 10px !important;

  right: auto;

  top: 22%;

}

.mt-banner .slick-theme .slick-arrow.slick-next {

  right: 10px !important;

  left: auto;

  top: 22%;

}



@media (min-width: 320px) {

  #common-home .mt-banner .slick-slider {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

  }

}

@media (min-width: 576px) {

  #common-home .mt-banner .slick-slider {

    width: 540px;

    margin: auto;

    padding: 0 15px;

  }

}

@media (min-width: 768px) {

  #common-home .mt-banner .slick-slider {

    width: 720px;

    margin: auto;

    padding: 0 15px;

  }

}

@media (min-width: 1199px) {

  #common-home .mt-banner .slick-slider {

    width: 960px;

    margin: auto;

    padding: 0 15px;

  }

}

@media (min-width: 1200px) {

  #common-home .mt-banner .slick-slider {

    width: 1320px;

    margin: auto;

    padding: 0 15px;

  }

}

@media (min-width: 1441px) {

  #common-home .mt-banner .slick-slider {

    width: 1420px;

    margin: auto;

    padding: 0 15px;

  }

}

@media (max-width: 1440px) {

  #common-home .mt-banner {

    margin: 50px 0;

  }

}

@media (max-width: 1199px) {

  #common-home .mt-banner {

    margin: 40px 0;

  }

}

@media (max-width: 991px) {

  #common-home .mt-banner {

    margin: 30px 0;

  }

  .mt-banner:first-child .slick-slide img {

    width: 100%;

  }

  .mt-banner:first-child .col-12 {

    padding: 0 10px;

  }

}



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

/* banners */

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

.banner-outer .banners {

  position: relative;

  overflow: hidden;

}

.banner-outer .inner1 img {

  width: 100%;

  transition: all 350ms ease-out 0s;

  -moz-transition: all 350ms ease-out 0s;

  -o-transition: all 350ms ease-out 0s;

  -webkit-transition: all 350ms ease-out 0s;

}

.html1-inner .banners:hover .inner1 img {

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.html2.banner-outer .banner2:hover .inner1 img {

  -o-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}

.inner2 {

  position: absolute;

  right: 30px;

  top: 50px;

  text-align: right;

}

.inner2 .promo-title {

  font-size: 24px;

  line-height: 24px;

  text-transform: uppercase;

  margin: 0 0 10px;

}

.inner2 .button {

  font-size: 14px;

  font-weight: 400;

  padding: 0;

  position: relative;

  color: var(--primary-color);

  background: transparent;

  border: none;

  text-transform: uppercase;

}

.inner2 .button:after {

  content: "";

  height: 1px;

  width: 0;

  background: var(--primary-color);

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.inner2 .button:hover:after {

  width: 100%;

}

.html3 {

  margin-top: 54px;

}

.html3 .inner2 {

  top: auto;

  left: 0;

  right: 0;

  bottom: 40px;

  margin: 0 auto;

  display: inline-table;

  text-align: center;

  width: fit-content;

}

.html3 .inner2 .promo-text-box {

  padding: 12px 5px 10px;

  min-width: 245px;

  background-color: var(--secondary-color);

  opacity: 0.95;

}

.html3 .inner2 .promo-text-box:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 265px;

  height: 100px;

  border: 10px solid var(--secondary-color);

  opacity: 0.4;

}

.html3 .inner2 .promo-title {

  font-size: 18px;

  line-height: 20px;

  margin: 0 0 8px 0;

  padding: 0 0 10px 0;

}

.html3 .inner2 .promo-desc {

  font-size: 18px;

  text-transform: capitalize;

}

.html3 .inner2 .promo-desc span {

  color: var(--primary-hover-color);

}

.html3 .inner2 .promo-title:after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  height: 2px;

  width: 20%;

  background: var(--primary-hover-color);

}

/* video */

.html4 {

  padding-bottom: 80px;

}

.html4-inner {

  position: relative;

  display: flex;

  align-items: center;

}

.promo-video-img {

  position: relative;

  z-index: 1;

  width: 50.4%;

  float: left;

  position: relative;

}

.content-block {

  display: inline-block;

  position: absolute;

  right: 0;

  left: 0;

  top: 0;

  bottom: 0;

  height: fit-content;

  width: fit-content;

  margin: auto;

  text-align: center;

}

.video-btn {

  position: relative;

  display: block;

  height: 70px;

  width: 70px;

  margin: 0 auto;

}

.video-btn i {

  position: relative;

  border-radius: 50px;

  height: 70px;

  width: 70px;

  text-align: center;

  font-size: 28px;

  line-height: 70px;

  color: var(--primary-color);

  background: var(--secondary-color);

  z-index: 4;

}

.video-btn:after {

  content: "";

  background-color: var(--secondary-color);

  height: 100%;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  opacity: 0.8;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  animation: pulse-border 1300ms ease-out infinite;

  z-index: 1;

}

@keyframes pulse-border {

  65% {

    opacity: 0.6;

  }

  80% {

    opacity: 0.4;

  }

  100% {

    height: 160%;

    width: 160%;

    opacity: 0.05;

  }

}

.video-promo-desc {

  position: relative;

  width: 49.6%;

  float: left;

  top: 40px;

  left: auto;

  background: var(--background-color);

  min-height: 100%;

}

.video-title {

  font-size: 30px;

  line-height: 30px;

  font-weight: 500;

  margin: 0;

  text-transform: none;

}

.video-desc {

  font-size: 16px;

  line-height: 24px;

  margin: 23px 0 27px;

  color: var(--secondary-light-color);

}

.video-promo-desc .button {

  font-size: 14px;

  font-weight: 400;

  padding: 8px 30px;

  position: relative;

  color: var(--secondary-color);

  background: var(--primary-color);

  border: 2px solid var(--primary-color);

  text-transform: uppercase;

}

.video-promo-desc .button:hover {

  background: transparent;

  color: var(--primary-color);

}

.html4-inner:before {

  content: "";

  background: var(--background-color);

  width: 60%;

  position: absolute;

  top: 80px;

  right: 0;

  left: auto;

  height: 100%;

  z-index: -1;

}

.video-promo-desc .content {

  padding: 20px;

}



@media (max-width: 1800px) {

  .inner2 {

    right: 20px;

    top: 20px;

  }

  .inner2 .promo-title {

    font-size: 16px;

    line-height: 20px;

  }

}

@media (max-width: 1440px) {

  .html3 {

    margin-top: 49px;

  }

  .video-promo-desc .content {

    padding: 20px;

  }

  .html4-inner:before {

    top: 45px;

  }

}

@media (max-width: 1199px) {

  .html4 {

    padding-bottom: 40px;

  }

  .inner2 {

    right: 10px;

    top: 10px;

  }

  .inner2 .promo-title {

    font-size: 14px;

    margin: 0 0 3px;

  }

}

@media (max-width: 991px) {

  .inner2 {

    right: 20px;

    top: 20px;

  }

  .inner2 .promo-title {

    font-size: 16px;

  }

  .html4 {

    padding-bottom: 0;

  }

  .html4-inner {

    background: var(--background-color);

  }

  .html4-inner:before {

    display: none;

  }

  .video-btn i {

    height: 50px;

    width: 50px;

    line-height: 50px;

    font-size: 20px;

  }

  .video-promo-desc {

    top: 0;

  }

  .video-promo-desc .content {

    padding: 15px;

  }

  .video-title {

    font-size: 24px;

    line-height: 24px;

  }

  .video-desc {

    font-size: 14px;

    line-height: 22px;

    margin: 10px 0 15px;

  }

  .video-promo-desc .button {

    font-size: 12px;

    padding: 5px 20px;

  }

  #common-home #column-left.col-lg-3,

  #column-right.col-3 {

    width: 50%;

    padding: 0 5px;

  }

  .max-container .row {

    margin-right: -5px;

    margin-left: -5px;

  }

  .html3 {

    display: none;

  }

  .video-btn {

    width: 50px;

    height: 50px;

  }

}

@media (max-width: 767px) {

  .video-title {

    font-size: 18px;

    line-height: 20px;

  }

  .video-desc {

    font-size: 12px;

    line-height: 18px;

    margin: 7px 0 10px;

  }

  .video-promo-desc .button {

    padding: 3px 10px;

    font-size: 12px;

  }

}

@media (max-width: 680px) {

  .promo-video-img,

  .video-promo-desc {

    width: 100%;

  }

  .html4-inner {

    display: block;

  }

}

@media (max-width: 540px) {

  .inner2 {

    right: 10px;

    top: 10px;

  }

  .inner2 .promo-title {

    font-size: 14px;

  }

}

@media (max-width: 480px) {

  .inner2 {

    right: 5px;

    top: 5px;

  }

  .inner2 .promo-title {

    font-size: 10px;

    line-height: 10px;

  }

  .inner2 .button {

    font-size: 10px;

    line-height: 14px;

  }

  .video-promo-desc .button {

    font-size: 10px;

  }

}

@media (max-width: 375px) {

  .inner2 .promo-title {

    font-size: 9px;

    margin: 0;

  }

}

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

/* buttons 

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

.buttons {

  margin: 1em 0;

}

#tab-review .buttons {

  margin: 1em 0 0;

}

.btn {

  font-size: 14px;

  line-height: 20px;

  border-radius: 0;

}

.btn-xs {

  font-size: 9px;

}

.btn-sm {

  font-size: 10.2px;

}

.btn-lg {

  padding: 8px 20px;

  font-size: 14px;

}

.btn-group > .btn,

.btn-group > .dropdown-menu,

.btn-group > .popover {

  font-size: 14px;

}

.btn-group > .btn-xs {

  font-size: 9px;

}

.btn-group > .btn-sm {

  font-size: 10.2px;

}

.btn-group > .btn-lg {

  font-size: 14px;

}

#cart .text-right .addtocart-btn,

#cart .text-right .checkout-btn,

.btn-default,

.btn-primary {

  width: auto;

  display: inline-block;

  font-size: 14px;

  text-transform: uppercase;

  padding: 8px 30px;

  border: 2px solid var(--primary-color);

  color: var(--secondary-color);

  background: var(--primary-color);

  border-radius: 0;

  font-weight: 400;

}

.btn-warning {

  color: var(--secondary-color);

  background-color: #faa732;

  border-radius: 5px;

}

.btn-danger {

  color: var(--secondary-color);

  background-color: #da4f49;

  text-transform: uppercase;

  padding: 10px 30px;

  border: none;

  border-radius: 0;

}

.btn-success {

  color: var(--secondary-color);

  background-color: #5bb75b;

  background-repeat: repeat-x;

  border-radius: 5px;

}

.btn-info {

  color: var(--secondary-color);

  background: var(--primary-color);

  border: 2px solid var(--primary-color);

  padding: 8px 30px;

  text-transform: uppercase;

  font-size: 14px;

  border-radius: 0;

  font-weight: 400;

}

.btn-link {

  border-color: rgba(0, 0, 0, 0);

  cursor: pointer;

  color: var(--primary-color);

  border-radius: 5px;

}

.btn-link,

.btn-link:active,

.btn-link[disabled] {

  background-color: rgba(0, 0, 0, 0);

  background-image: none;

  box-shadow: none;

}

.btn-inverse {

  color: var(--primary-color);

  background-color: #363636;

  background-repeat: repeat-x;

  border-color: var(--primary-color) var(--primary-color) #000000;

}

.btn-inverse:hover,

.btn-inverse:active,

.btn-inverse.active,

.btn-inverse.disabled,

.btn-inverse[disabled] {

  background-color: var(--primary-color);

}

.btn-link:focus,

.btn-link:hover {

  color: var(--secondary-color);

  text-decoration: none;

  outline: none;

}

#cart .text-right .addtocart-btn:hover,

#cart .text-right .addtocart-btn:focus,

#cart .text-right .checkout-btn:hover,

#cart .text-right .checkout-btn:focus,

.open > .dropdown-toggle.btn-primary.focus,

.open > .dropdown-toggle.btn-primary:focus,

.open > .dropdown-toggle.btn-primary:hover,

.btn-primary[disabled].active,

.btn-primary[disabled].focus,

.btn-primary[disabled]:active,

.btn-primary[disabled]:focus,

.btn-primary[disabled]:hover,

.btn-default:hover,

.btn-default:focus,

.btn-default:active:hover,

.btn-default:active:before,

.btn-default:active:focus,

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary:active:hover,

.btn-primary:active:focus,

.btn-primary.active,

.btn-primary.disabled,

.btn-primary[disabled],

.btn-info:hover,

.btn-info:active,

.btn-info.active,

.btn-info.disabled,

.btn-info[disabled],

.btn-info.focus,

.btn-info:focus,

.btn-info:active:focus,

.btn-info:active:hover {

  color: var(--primary-color);

  border-color: var(--primary-color);

  background: transparent;

}



/* list group */

.list-group a {

  border: none;

  color: var(--secondary-light-color);

  padding: 8px 12px;

}

.list-group a.active,

.list-group a.active:hover,

.list-group a:hover {

  color: var(--primary-color);

  background: transparent;

}



@media(max-width: 991px) {

  #cart .text-right .addtocart-btn,

  #cart .text-right .checkout-btn,

  .btn-default,

  .btn-primary {

    font-size: 12px;

    padding: 6px 20px;

  }

}

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

/* top categories */

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

.category-thumb {

  position: relative;

  overflow: hidden;

}

.category-thumb .caption {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  margin: auto;

  opacity: 0;

  width: fit-content;

  height: fit-content;

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out 0s;

  -moz-transition: all 0.4s ease-in-out 0s;

  -ms-transition: all 0.4s ease-in-out 0s;

  -o-transition: all 0.4s ease-in-out 0s;

}

.category-thumb:hover .caption {

  opacity: 1;

}

.category-thumb .cat-title h4 {

  font-size: 16px;

  line-height: 20px;

  font-weight: 500;

  margin: 0;

  text-transform: uppercase;

  padding: 15px 50px;

  background: var(--secondary-color);

}

.category-thumb .cat-title h4 a {

  color: var(--primary-color);

}

.category-thumb .cat-title h4:hover {

  background: var(--primary-color);

}

.category-thumb .cat-title h4:hover a {

  color: var(--secondary-color);

}



@media (max-width: 1199px) {

  .category-thumb .cat-title h4 {

    padding: 10px 20px;

    font-size: 14px;

  }

}

@media (max-width: 1199px) {

  .category-thumb .caption {

    opacity: 1;

  }

  .category-thumb .cat-title h4 {

    padding: 7px 15px;

    font-size: 12px;

  }

}

@media (max-width: 991px) {

  .category-thumb .cat-title h4 {

    padding: 5px 10px;

  }

}

@media (max-width: 480px) {

  .category-thumb .cat-title h4 {

    padding: 3px 10px;

    font-size: 10px;

    line-height: 14px;

  }

}

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

/* products */

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

.owl-item.active.center .row-items,

.owl-item.active .image-additional,

.owl-item.active .product-layout,

.owl-item.active .category-layout {

  -moz-animation: zoomIn 500ms ease;

  -o-animation: zoomIn 500ms ease;

  -webkit-animation: zoomIn 500ms ease;

  animation: zoomIn 500ms ease;

}

.page-title {

  position: relative;

}

.page-title h3 {

  font-size: 30px;

  margin: -5px 0 24px;

  text-transform: uppercase;

  position: relative;

  font-weight: 500;

  color: var(--primary-color);

  text-align: center;

}

.product-thumb {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}

.related-products-block .product-thumb {

  margin-bottom: 0;

}

.product-thumb .image {

  text-align: center;

  position: relative;

  overflow: hidden;

}

.product-thumb .image a {

  display: block;

}

.product-thumb .image img {

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}

 
.product-thumb .button-group {

  position: absolute;

  visibility: hidden;

  right: -40px;

  top: 20px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}


.product-thumb:hover .button-group {

  visibility: visible;

  right: 20px;

}



.product-thumb .button-group button {

  font-size: 16px;

  height: 40px;

  width: 40px;

  border: none;

  background: var(--secondary-color);

  margin: 0;

  display: block;

}

.product-thumb .button-group button + button {

  margin: 5px 0 0 0;

}

.product-thumb .button-group button i {

  display: block;

}

.product-thumb .button-group button:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.sale-text {

  position: absolute;

  top: 15px;

  left: 20px;

  color: var(--primary-hover-color);

  font-size: 12px;

}


#product-list .product-thumb .button-group{ display: none}
#tab-latest-14 .product-thumb .button-group{ display: none}
#tab-latest-14 .product-thumb{ padding: 20px; border: solid 1px #ddd}

#product-list .product-thumb{ padding: 20px; border: solid 1px #ddd}


.product-thumb .description {

  display: none;

}

.thumb-description {

  position: relative;

}

.product-thumb .caption {

  padding: 16px 0 0;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.product-thumb .price {

  font-size: 16px;

  margin: 13px 0 0 0;

  font-weight: 500;

  display: inline-block;

  vertical-align: middle;
	display: none;

}

.product-thumb .price-new {

  margin-right: 5px;

  font-size: 16px;

}

.product-thumb .price-old {

  text-decoration: line-through;

  color: var(--secondary-light-color);

  font-size: 14px;

  display: inline-block;

}

.product-thumb .product-title {

  margin: 0;

}

.product-thumb .product-title a {

  text-transform: capitalize;

  font-size: 16px;

  font-weight: 400;

  color: var(--secondary-light-color);

}

.product-thumb .product-title a:hover {

  color: var(--primary-color);

}

.product-thumb .price-tax {

  display: none;

}

.product-thumb .rating {

  font-weight: 400;

  text-transform: capitalize;

  font-size: 0;

  margin: 15px 0 0 0;

  display: inline-block;

  vertical-align: middle;

  float: right;

}

.product-thumb .addcart {

  background: transparent;

  border: none;

  font-size: 14px;

  color: var(--primary-color);

  padding: 0;

  text-transform: uppercase;

  position: absolute;

  left: -80px;

  bottom: 21px;

  opacity: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;
	display: none;

}

.product-thumb:hover .addcart {

  left: 21px;

  opacity: 1;

}

.product-thumb .addcart:after {

  content: "";

  height: 1px;

  width: 0;

  background: var(--primary-color);

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.product-thumb .addcart:hover:after {

  width: 100%;

}

.product-thumb .addcart:hover {

  background: transparent;

  color: var(--primary-color);

}

.product-thumb .thumb-description .addcart,

.product-list .product-thumb .image .addcart {

  display: none;

}

.product-list .product-thumb .btn-list {

  display: block;

  position: unset;

  margin: 25px 0 10px;

  justify-content: flex-start;

}

.product-list .product-thumb .description {

  display: block;

  color: var(--secondary-light-color);

  line-height: 24px;

  margin: 9px 0 0;

  font-size: 16px;

}

.product-list .product-thumb .btn-list button {

  opacity: 1;

  position: unset;

  visibility: visible;

}

.product-list .product-thumb .caption {

  padding: 8px 0 0;

  text-align: left;

}

.product-list .product-thumb .thumb-description .addcart {

  display: block;

  margin: 22px 0 0 0;

  position: relative;

  left: 0;

  bottom: 0;

  opacity: 1;

}

.product-list .product-thumb .price {

  display: block;

}

.product-list .product-thumb .rating {

  display: block;

  float: unset;

  margin: 12px 0 0 0;

}

#product-info .nav-tabs li {

  margin: 0 25px;

  position: relative;

}

#product-info .nav-tabs > li > a {

  padding: 0 0 15px 0;

  border: none;

  background: none;

}

#product-info .nav-tabs > li > a:after {

  content: "";

  background: var(--primary-color);

  width: 0;

  height: 2px;

  left: 0;

  right: 0;

  margin: auto;

  display: block;

  position: absolute;

  bottom: -1px;

  transition: all 350ms ease-out 0s;

  -moz-transition: all 350ms ease-out 0s;

  -o-transition: all 350ms ease-out 0s;

  -webkit-transition: all 350ms ease-out 0s;

}

#product-info .nav-tabs > li:hover > a:after,

#product-info .nav-tabs > li > a.active:after {

  width: 100%;

}

#product-info .nav-tabs > li > a.active,

#product-info .nav-tabs > li:hover > a {

  color: var(--primary-color);

}

.nav-tabs > li > a {

  text-transform: capitalize;

  padding: 12px 25px;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

  border: none;

  margin: 0;

  line-height: 20px;

  color: var(--secondary-light-color);

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,

.nav-tabs > li.active > a:hover,

.nav-tabs > li > a:hover,

.nav > li > a:focus,

.nav > li > a:hover {

  background: transparent;

  color: var(--primary-color);

  border: none;

}



/*product hover */

.product-thumb .hover-img {

  bottom: 0;

  left: 0;

  margin: 0 auto;

  opacity: 0;

  -moz-opacity: 0;

  -webkit-opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all 0.5s ease-in-out 0s;

  -moz-transition: all 0.5s ease-in-out 0s;

  -o-transition: all 0.5s ease-in-out 0s;

  -ms-transition: all 0.5s ease-in-out 0s;

}

.product-thumb:hover .hover-img {

  opacity: 1;

  -moz-opacity: 1;

  -webkit-opacity: 1;

}



/*product tab*/

.mahardhi-tabs .nav-tabs {

  border: none;

  margin: -4px 0 35px;

  padding: 0;

  display: flex;

  justify-content: center;

}

.mahardhi-tabs .nav-tabs > li > a {

  position: relative;

  padding: 0;

  text-transform: capitalize;

  font-weight: 400;

  font-size: 16px;

  border: none;

  margin: 0 24px;

  line-height: 20px;

  background: transparent;

}

.mahardhi-tabs .nav-tabs > li > a:hover,

.mahardhi-tabs .nav-tabs > li > a:focus,

.mahardhi-tabs .nav-tabs > li > a.selected {

  background: transparent;

  color: var(--primary-color);

}

.mahardhi-tabs .nav-tabs li {

  margin: 0;

}

.mahardhi-tabs .nav-tabs > li > a::after {

  content: "";

  position: absolute;

  height: 3px;

  width: 100%;

  background-color: var(--primary-color);

  bottom: -4px;

  left: 0;

  transform: scaleX(0);

  transition: transform 0.2s ease-in-out 0s;

}

.mahardhi-tabs .nav-tabs > li > a.selected::after,

.mahardhi-tabs .nav-tabs > li > a:hover::after {

  transform: scaleX(1);

}

@media (min-width: 992px) {

  .special-html {

    display: flex;

    align-items: center;

    background: var(--background-color);

  }

  .special .page-title h3 {

    text-align: center;

    transform: translateX(-17%);

  }

}

@media (max-width: 1440px) {

  .page-title h3 {

    font-size: 24px;

    line-height: 24px;

  }

  .html3 .inner2 .promo-text-box {

    min-width: 160px;

  }

  .html3 .inner2 .promo-text-box:before {

    width: 180px;

  }

  .html3 .inner2 .promo-title,

  .html3 .inner2 .promo-desc {

    font-size: 14px;

  }

}

@media (max-width: 991px) {

  .page-title h3 {

    font-size: 20px;

    line-height: 20px;

    margin: 0 0 15px;

  }

  .mahardhi-tabs .nav-tabs {

    margin: 0 0 25px;

  }

  #product-page .nav-tabs li {

    margin: 0 15px;

  }

  .mahardhi-tabs .nav-tabs > li > a {

    margin: 0 15px;

    font-size: 14px;

  }

  .product-thumb {

    margin-bottom: 20px;

  }

  .special .product-thumb {

    margin-bottom: 0;

  }

  .product-thumb .price {

    font-size: 14px;

    margin: 6px 0 0 0;

    display: block;

  }

  .product-thumb .price-old {

    font-size: 12px;

  }

  .product-thumb .rating {

    margin: 2px 0 0 0;

    display: block;

    float: unset;

  }

  .product-thumb:hover .button-group,

  .product-thumb .button-group {

    visibility: visible;

    top: 5px;

    right: 5px;

  }

  .product-thumb .caption {

    padding: 12px 0 0;

    text-align: center;

  }

  .product-thumb .product-title a {

    font-size: 14px;

  }

  .product-thumb .button-group button {

    font-size: 14px;

    height: 30px;

    width: 30px;

  }

  .product-thumb .addcart,

  .product-thumb:hover .addcart {

    left: 5px;

    bottom: 5px;

    opacity: 1;

    font-size: 12px;

  }

  .product-list .product-thumb .rating {

    margin: 5px 0 0 0;

  }

  .product-thumb .description {

    margin: 5px 0 0;

  }

  .product-list .product-thumb .addcart {

    margin: 10px 0 0 0;

  }

  #product-page .nav-tabs > li > a {

    font-size: 14px;

    padding: 0 0 5px 0;

  }

  .product-list .product-thumb .thumb-description .addcart {

    margin: 10px 0 0 0;

    font-size: 14px;

  }

  .sale-text {

    top: 5px;

    left: 5px;

  }

  .box-content.special.col-md-9 {

    width: 100%;

  }

  #product-info .nav-tabs > li > a {

    font-size: 14px;

    padding: 0 0 5px 0;

  }

  .product-list .product-thumb .description {

    font-size: 14px;

    line-height: 22px;

  }

}

@media (max-width: 680px) {

  .product-list .product-thumb .image img {

    width: auto;

    margin: 0;

  }

  .mahardhi-tabs .nav-tabs {

    margin-bottom: 20px;

  }

  #tabs.mahardhi-tabs {

    position: relative;

    right: unset;

  }

}

@media (max-width: 480px) {

  .mahardhi-tabs .nav-tabs > li > a {

    margin: 0 10px;

  }

  .page-title h3 {

    margin: 0 0 10px;

    font-size: 18px;

  }

}

.slick-theme .slick-item.slick-slide .col-2 {

  width: 100%;

}

.row.slick-theme .col.col-12 {

  padding-right: calc(var(--bs-gutter-x) * 0.5);

  padding-left: calc(var(--bs-gutter-x) * 0.5);

}

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

/* swiper pager */

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

.swiper-viewport .swiper-pager > div,

.slick-theme .slick-arrow {

  height: 24px;

  width: 24px;

  background: transparent;

  color: var(--secondary-light-color);

  border: none;

  padding: 0;

  text-align: center;

  border-radius: 5px;

  margin: 0;

  opacity: 1;

  text-shadow: none;

  transition: all 0.3s ease;

  position: absolute;

  top: 45%;

  box-shadow: none;

}

.container .slick-theme .slick-arrow.slick-next {

  right: 0px;

}

.container .slick-theme .slick-arrow.slick-next {

  right: -8px;

  left: auto;

}

.slick-theme .slick-arrow.slick-prev {

  left: 0px;

}

.container .slick-theme .slick-arrow.slick-prev {

  left: -8px;

  right: auto;

}

.slick-theme .slick-arrow.slick-disabled {

  opacity: 0.6;

}

.swiper-viewport {

  border: unset;

}

.swiper-pagination {

  display: none;

}

.swiper-viewport .swiper-button-prev:before,

.swiper-viewport .swiper-button-next:before {

  content: "";

}

.slick-theme .slick-arrow .fa-angle-left,

.slick-theme .slick-arrow .fa-angle-right,

.swiper-viewport .fa {

  font-size: 24px;

  display: block;

}

@media (max-width: 991px) {

  .container .slick-theme .slick-arrow.slick-prev {

    left: 0;

    right: auto;

  }

  .container .slick-theme .slick-arrow.slick-next {

    right: 0;

    left: auto;

  }

  .slick-theme .slick-arrow .fa-angle-left,

  .slick-theme .slick-arrow .fa-angle-right {

    font-size: 18px;

  }

}

/*carousel*/

.owl-carousel.owl-theme .owl-nav {

  margin: 0;

}

.carousel .swiper-viewport:hover .swiper-button-next,

.carousel .swiper-viewport:hover .swiper-pager .swiper-button-prev {

  opacity: 1;

}

.owl-carousel.owl-theme .owl-nav .owl-next:hover,

.owl-carousel.owl-theme .owl-nav .owl-prev:hover {

  color: var(--primary-color);

  background: transparent;

}



footer .mblog .blog-carousel.slick-theme .slick-arrow:hover {

  color: var(--secondary-color);

}

footer .mblog .blog-carousel.slick-theme .slick-arrow {

  margin: 0;

  position: absolute;

  top: -48px;

  right: 20px;

  color: var(--secondary-color);

  background: transparent;

}

footer .mblog .blog-carousel.slick-theme .slick-arrow.slick-prev {

  left: auto;

  right: 50px;

}

footer .mblog .blog-carousel.slick-theme .slick-arrow .fa {

  font-size: 20px;

}



/*dots*/

.slick-theme .slick-dots li + li {

  margin-left: 15px;

}



.swiper-pagination span,

.slick-theme .slick-dots button {

  width: 14px;

  height: 14px;

  background: transparent;

  margin: 2px 5px;

  border: 2px solid transparent;

  box-shadow: none;

  font-size: 0px;

}

.swiper-pagination span:before,

.slick-theme .slick-dots button:before {

  content: "";

  background: var(--primary-color);

  height: 10px;

  width: 10px;

  display: block;

  border-radius: 50%;

}

.swiper-pagination span.swiper-pagination-bullet-active:before,

.swiper-pagination span:hover:before,

.slick-theme .slick-dots li.slick-active button:before,

.slick-theme .slick-dots li button:hover:before {

  background: transparent;

}

.swiper-pagination span.swiper-pagination-bullet-active,

.swiper-pagination span:hover,

.slick-theme .slick-dots li.slick-active button,

.slick-theme .slick-dots li button:hover {

  border-color: var(--primary-color);

  background: transparent;

}

.owl-theme .owl-nav.disabled + .owl-dots {

  margin: 0;

}

.testimonial-block .owl-theme .owl-nav.disabled + .owl-dots {

  margin: 12px 0 0 0;

}



/*slideshow*/

.slideshow .swiper-pagination {

  display: block;

  bottom: 30px;

}

.slideshow .swiper-viewport .swiper-pager > div {

  position: absolute;

  top: 0;

  bottom: 0;

  margin: auto;

  opacity: 1;

}

.slideshow .swiper-viewport .swiper-pager .swiper-button-prev {

  left: 20px;

}

.slideshow .swiper-viewport .swiper-pager .swiper-button-next {

  right: 20px;

}

/* slick-carousel */

.slick-carousel > button {

  border: none;

  background: transparent;

  padding: 2px 7px;

  box-shadow: none;

}

.slick-carousel > button i {

  font-size: 20px;

}

.slick-vertical .slick-arrow {

  position: relative;

  top: auto;

  height: 30px;

}

.mblog .swiper-pagination span,

.mblog .slick-theme .slick-dots button {

  position: unset;

}

.mblog .slick-dots li {

  margin: 0;

}

.mblog .slick-theme .slick-dots li + li {

  margin: 0;

}

@media (max-width: 991px) {

  .mblog .owl-carousel.owl-theme .owl-nav {

    top: -35px;

    right: 0;

  }

  .slideshow .swiper-pagination {

    bottom: 0;

  }

  .swiper-pagination span {

    width: 10px;

    height: 10px;

    margin: 2px;

  }

  .swiper-pagination span:before {

    height: 6px;

    width: 6px;

  }

}



@media(max-width: 767px) {

  .swiper-pagination span:before,

  .slick-theme .slick-dots button:before {

    height: 9px;

    width: 9px;

  }

  .swiper-pagination span,

  .slick-theme .slick-dots button {

    height: 12px;

    width: 12px;

  }

  .slick-theme .slick-dots li + li {

    margin-left: 12px;

  }

}

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

/* blog */

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

.blog-title h3 {

  font-size: 30px;

  line-height: 30px;

  margin: 0 0 24px;

  text-transform: uppercase;

  position: relative;

  font-weight: 500;

  color: var(--primary-color);

  text-align: center;

}

.mblog .blog-title h3 {

  margin-bottom: 35px;

  transform: translateX(-21%);

}

.blog-block {

  position: relative;

}

.blog-block .zoom-post a {

  display: block;

  background: var(--secondary-color);

  height: 40px;

  width: 40px;

  margin: 0 0 5px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}

.blog-block .zoom-post a:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

.blog-block .zoom-post {

  position: absolute;

  left: -50px;

  top: 10px;

  transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -ms-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}

.blog-block:hover .zoom-post {

  left: 25px;

}

.blog-category .blog-block:hover .zoom-post {

  left: 10px;

}

.blog-block .hover-zoom::before,

.blog-block .hover-post:before {

  font-family: FontAwesome;

  font-size: 14px;

  margin: 0;

  display: block;

  text-align: center;

  line-height: 40px;

}

.blog-block .hover-zoom::before {

  content: "\f002";

}

.blog-block .hover-post:before {

  content: "\f0c1";

}

.blog-block:hover .hover-post:before,

.blog-block:hover .hover-zoom::before {

  opacity: 1;

}

.mblog.section {

  position: relative;

  width: 100%;

  padding: 80px 0;

}

.mblog.section:before {

  content: "";

  background: var(--background-color);

  width: 60.9%;

  position: absolute;

  top: 0;

  left: 0;

  right: auto;

  height: 100%;

  z-index: -1;

}

.product-list .blog-block.product-thumb .image {

  box-shadow: none;

  margin: 0;

}

.blog-block h4,

h3.article-page-title {

  margin: 18px 0 0;

  line-height: 20px;

  font-size: 24px;

  font-weight: 500;

  text-transform: capitalize;

}

.blog-block h4 a {

  color: var(--primary-color);

}

.blog-info .image,

.mblog .blog-info {

  overflow: hidden;

  position: relative;

}

.mblog .item {

  padding: 30px;

  margin: 10px 0 0;

  background: var(--secondary-color);

  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);

}

.mblog .owl-carousel .owl-stage-outer {

  margin: -10px 0 35px;

  padding: 10px 0 10px;

  box-shadow: 10px 0 8px -11px rgb(0 0 0 / 10%);

}

.mblog .post-sec1 {

  width: 13.4%;

  position: relative;

  float: left;

  min-height: 1px;

}

.mblog .post-sec2 {

  width: 80.5%;

  float: left;

}

.mblog .slick-list.draggable {

  margin: -10px 0 35px;

  padding: 10px 0 10px;

  box-shadow: 10px 0 8px -11px rgb(0 0 0 / 10%);

}

.mblog .slick-dots {

  padding: 0;

}

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

/* blog page */

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

.blog-category .blog-img {

  position: relative;

  overflow: hidden;

  display: block;

}

h4.article-page-title {

  margin: 20px 0 15px;

}

.caption-blog p,

.info_blog p {

  margin: 20px 0 0;

}

.blog-block img,

#content-blogs .thumbnails .thumbnail img {

  width: 100%;

}

.blog-text {

  color: var(--secondary-light-color);

  margin: 19px 0 27px;

  line-height: 24px;

  font-size: 16px;

}

.blog-comment,

.block-date {

  color: var(--secondary-light-color);

  margin: 0 15px 0 0;

  display: inline-block;

}

.blog-comment i,

.block-date i {

  padding: 0 7px 0 0;

}

.blog-description .link_info {

  padding: 28px 155px 20px 0;

}

.blog-category .blog-block {

  margin-bottom: 30px;

}

.blog-category .caption.blog-description {

  padding: 30px 0;

}



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

/* article blog page */

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

.article-container .image {

  position: relative;

}

.article-container .blog-block {

  margin-bottom: 0;

}

.article-container .caption-blog {

  padding: 22px 0 0 0;

}

#content-blogs .thumbnails .thumbnail {

  border: unset;

  margin: 0;

  padding: 0;

}

.article-container .page-title {

  margin-bottom: 20px;

}

.article-container .shop-content > h3 {

  line-height: 20px;

  margin: 50px 0 20px;

  font-size: 16px;

  border-radius: 5px;

  text-transform: uppercase;

}

.article-container #commnt_form > div > div:last-child .form-group {

  margin-bottom: 0;

}

#post_comment #commnt_form.form-horizontal .control-label {

  text-align: left;

}

.article-container .shop-content .post-comment .form-group {

  margin-right: 0;

  margin-left: 0;

}

.comment_cust h4 {

  margin-bottom: 20px;

}

.commentlist ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}

.commentlist ul li:last-child {

  padding-bottom: 0;

}

.commentlist ul li {

  padding-bottom: 20px;

}

.comment_cust .comment-text .user_img {

  float: left;

  height: 60px;

  width: 60px;

  background-color: var(--background-color);

  text-align: center;

  color: var(--primary-color);

  border-radius: 50px;

}

.comment_cust .comment-text .user_img i {

  font-size: 26px;

  line-height: 60px;

}

.comment_cust .comment-desc {

  padding-left: 80px;

  line-height: 26px;

}

.comment_cust .comment-desc .name {

  font-weight: 400;

  text-transform: capitalize;

  font-size: 16px;

}

.comment_cust .comment-desc .date {

  color: var(--secondary-light-color);

}

.comment-dis {

  color: var(--secondary-light-color);

  line-height: 22px;

}

.comment-text {

  padding: 15px;

  border: 1px solid var(--border-color);

  border-radius: 0;

}

.singblog-description.blog-text {

  margin: 15px 0 0;

}

@media (max-width: 1600px) {

  .blog-description .link_info {

    padding: 20px 50px 20px 0;

  }

}

@media (max-width: 1440px) {

  .blog-block h4 {

    margin: 8px 0 0;

    font-size: 18px;

  }

  .blog-text {

    margin: 8px 0 12px;

  }

}

@media (max-width: 1199px) {

  .mblog .owl-carousel .owl-stage-outer {

    box-shadow: none;

  }

  .mblog.section {

    padding: 50px 0;

  }

  .mblog .blog-title h3 {

    margin-bottom: 15px;

  }

}

@media (max-width: 991px) {

  .mblog.section {

    padding: 30px 0;

  }

  .mblog .item {

    padding: 15px;

  }

  .mblog .owl-carousel .owl-stage-outer {

    margin: -10px 0 10px;

    padding: 10px 0 10px;

  }

  .blog-description .link_info {

    padding: 10px 10px 10px 0;

  }

  .article-container .caption-blog {

    padding: 15px 0 0 0;

  }

  .singblog-description.blog-text {

    margin: 8px 0 0;

  }

  h3.article-page-title {

    margin: 10px 0 0;

    font-size: 16px;

  }

  .blog-read.btn {

    margin-top: 10px;

    padding: 8px 20px;

  }

  .blog-block .zoom-post {

    left: 25px;

  }

  .blog-block .zoom-post a {

    height: 30px;

    width: 30px;

  }

  .blog-block .hover-zoom::before,

  .blog-block .hover-post:before {

    line-height: 30px;

  }

  .blog-category .caption.blog-description {

    padding: 15px 0;

  }

  .article-container .shop-content > h3 {

    margin: 30px 0 15px;

  }

  .blog-title h3 {

    font-size: 20px;

    line-height: 20px;

    margin: 0 0 15px;

    margin-bottom: 15px;

  }

  .mblog .px-3 {

    padding-right: 0rem !important;

    padding-left: 0rem !important;

  }

  .mblog .slick-list.draggable {

    box-shadow: none;

    margin: -10px 0 10px;

    padding: 10px 0;

  }

  .mblog .item .blog-description,

  .mblog .item .image {

    padding-right: 15px;

    padding-left: 15px;

  }

  .mblog .row {

    --bs-gutter-x: 30px;

  }

  .mblog .blog-carousel .blog-block {

    padding-right: 5px !important;

    padding-left: 5px !important;

  }

}

@media (max-width: 767px) {

  .mblog.section {

    padding: 20px 0;

  }

  .mblog .blog-title h3 {

    margin-bottom: 5px;

  }

  .blog-description .link_info {

    padding: 10px 0;

  }

  .article-container .shop-content > h3 {

    margin: 20px 0 10px;

  }

  .blog-category .caption.blog-description {

    padding: 15px 0 0;

  }

  .blog-category .blog-block {

    margin-bottom: 20px;

  }

  .mblog .blog-info .image,

  .mblog .item,

  .caption.blog-description {

    width: 100%;

  }

  .blog-layout .blog-info,

  .blog-layout .caption-blog {

    width: 100%;

  }

}

@media (max-width: 540px) {

  .comment-text {

    padding: 10px;

  }

  .comment_cust .comment-desc {

    padding-left: 70px;

  }

  .blog-text {

    font-size: 14px;

    line-height: 22px;

  }

  .blog-comment,

  .block-date {

    font-size: 12px;

    margin: 0 10px 0 0;

  }

  .blog-block .hover-zoom::before,

  .blog-block .hover-post:before {

    font-size: 12px;

    line-height: 26px;

  }

  .blog-block .zoom-post a {

    width: 26px;

    height: 26px;

  }

}



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

/* newsletter block */

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

.newsletterblock {

  position: relative;

  text-align: center;

}

.title-text {

  font-size: 16px;

  font-weight: 500;

  margin: -3px 0 0;

  color: var(--primary-color);

  text-transform: uppercase;

}

.news-info {

  margin: 0 52px;

}

.subscribe-form {

  position: relative;

  display: flex;

  max-width: 100%;

  width: 363px;

  padding: 5px;

  margin: 23px auto 0;

  background: var(--secondary-color);

}

.subscribe-form i.icon-mail {

  color: var(--secondary-light-color);

  font-size: 20px;

  padding: 10px 10px 10px 15px;

}

.subscribe-form #newsletter_usr_email {

  height: 40px;

  padding: 5px;

  border: none;

  background: var(--secondary-color);

  color: var(--secondary-light-color);

}

.subscribe-form #newsletter_usr_email::placeholder {

  color: var(--secondary-light-color);

}

.subscribe-btn {

  border: 2px solid var(--primary-color);

  background: var(--primary-color);

  padding: 8px 30px;

  color: var(--secondary-color);

  font-weight: 400;

  text-transform: uppercase;

  font-size: 14px;

}

.subscribe-btn:hover {

  background: transparent;

  color: var(--primary-color);

}

.subscribe-btn i {

  font-size: 20px;

  display: block;

}

.news-description {

  font-size: 14px;

  line-height: 24px;

  margin: 20px 0 0;

  color: var(--secondary-light-color);

}

@media (max-width: 1199px) {

  .news-info {

    margin: 0 15px;

  }

}

@media (max-width: 991px) {

  .news-info {

    margin: 0;

  }

  .title-text {

    font-size: 14px;

  }

  .news-description {

    margin: 5px 0 0;

  }

  .subscribe-form {

    margin: 10px auto 0;

  }

  .subscribe-form i.icon-mail {

    padding: 7px 10px;

  }

  .subscribe-form #newsletter_usr_email {

    height: 34px;

  }

  .subscribe-btn {

    padding: 5px;

  }

  .frmnewsletterpopup .subscribe-btn{

    padding: 5px 15px;

  }

}

@media (max-width: 480px) {

  .news-description {

    font-size: 12px;

    line-height: 20px;

  }

}



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

/* footer start */

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

footer {

  color: var(--secondary-light-color);

  background: var(--background-color);

}

footer h5,

footer h4 {

  text-transform: uppercase;

  font-size: 16px;

  margin: -2px 0 15px;

  position: relative;

  font-weight: 500;

  color: var(--primary-color);

}

footer .footer-content a {

  padding: 8px 0;

  display: block;

  color: var(--secondary-light-color);

}

footer a:hover,

footer a:focus {

  color: var(--primary-color);
}

.footer-top > div {

  padding: 80px 15px 65px;

}

.footer-top {

  display: flex;

}

.footer-top .footer-content {

  padding: 0 0 0 45px;

}

.footer-top > div:nth-child(2) {

  border-left: 1px solid var(--border-color);
    
  border-right: 1px solid var(--border-color);
}

.footer-top > div:nth-child(3) {

  border-right: 1px solid var(--border-color);

}

/* footer left */

.footer_aboutus {

  margin: 0 25px 0 0;

}

.footer-desc {

  font-size: 14px;

  line-height: 24px;

  margin: 23px 0;

  color: var(--secondary-light-color);

}



/* footer right */

.position-footer-right h5 {

  margin: -2px 0 16px;

}

.position-footer-right {

  text-align: center;

  margin: 0 77px;

}

.position-footer-right li > div {

  display: flex;

  justify-content: center;

  padding: 4px 0;

  line-height: 24px;

}

.position-footer-right li .contact_site a {

  padding: 0;

  display: initial;

  color: var(--secondary-light-color);

}

.contact_title {

  text-transform: capitalize;

  margin-right: 5px;

  color: var(--primary-color);

}



/* footer bottom*/

.footer_bottom {

  border-top: 1px solid var(--border-color);

}

.position-footer-bottom > div {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 27px 0;

}

footer .footer_bottom p {

  margin: 0;

  color: var(--secondary-light-color);

}

footer .footer_bottom p a {

  color: var(--secondary-light-color);

}

.toggled.active .fa-chevron-down:before {

  content: "\f077";

}



/* social media*/

.social-media a i {

  height: 34px;

  width: 34px;

  line-height: 34px;

  border-radius: 50px;

  color: var(--secondary-color);

  text-align: center;

}

.social-media a + a {

  margin: 0 0 0 7px;

}

.social-media a .fa-facebook-f {

  background: #3b5998;

}

.social-media a .fa-instagram {

background: #d82564;
  background: -moz-linear-gradient(
    top,
    #d82564 0,
    #d82564 0,
    #f77d2a 34%,
    #d82564 58%,
    #ec474f 73%,
    #ec474f 73%,
    #fec662 100%
  );
  background: -webkit-linear-gradient(
    top,
    #d82564 0,
    #d82564 0,
    #f77d2a 34%,
    #d82564 58%,
    #ec474f 73%,
    #ec474f 73%,
    #fec662 100%
  );
  background: linear-gradient(
    to bottom,
    #d82564 0,
    #d82564 0,
    #f77d2a 34%,
    #d82564 58%,
    #ec474f 73%,
    #ec474f 73%,
    #fec662 100%
  );

}
.social-media a .fa-linkedin-in {

  background: #0076b5;

}

.social-media a .fa-twitter {

  background: #00acee;

}

.social-media a .fa-youtube {

  background: #c4302b;

}

.social-media a .fa-google-plus-g {

  background: #db3236;

}

.social-media a .fa-pinterest-p {

  background: #c8232c;

}

@media (max-width: 1440px) {

  .footer-top > div {

    padding: 50px 15px 40px;

  }

  .position-footer-right {

    margin: 0 35px;

  }

  .footer-top .footer-content {

    padding: 0 0 0 25px;

  }

  .footer-desc {

    margin: 20px 0;

  }

}

@media (max-width: 1199px) {

  .position-footer-right {

    margin: 0 5px;

  }

  .footer-top .footer-content {

    padding: 0;

  }

  .footer_aboutus {

    margin: 0;

  }

  .footer_aboutus img {

    width: 140px;

  }

}

@media (max-width: 991px) {

  .footer-top > div:nth-child(2) {

    border-left: none;

  }

  .footer-top > div:nth-child(3) {

    border-right: none;

  }

  .social-media .list-unstyled {

    display: block !important;

    text-align: center;

  }

  .footer-top {

    display: block;

    padding: 10px 0;

  }

  footer h5,

  footer h4 {

    margin: 0px;

    font-size: 14px;

  }

  .position-footer-bottom > div {

    flex-direction: column;

    justify-content: center;

    padding: 0;

  }

  footer .footer-content a {

    padding: 4px 0;

  }

  footer .position-footer-right h5 {

    margin: 0;

  }

  .footer-top .col-sm-4,

  .footer-top .col-sm-2 {

    width: 100%;

    float: unset;

    margin: 15px 0;

    padding: 0 15px;

  }

  .position-footer-right {

    margin: 0;

    text-align: left;

  }

  .position-footer-right li > div {

    justify-content: unset;

  }

  .footer-desc {

    margin: 8px 0 10px;

  }

  .social-media li a i {

    height: 30px;

    width: 30px;

    line-height: 26px;

  }

  .position-footer-bottom {

    display: block;

  }

  .footer_bottom {

    padding: 15px 0;

    text-align: center;

  }

  footer .footer_bottom p,

  .payment-link {

    margin: 10px 0 0;

  }

  .social-media a i {

    width: 30px;

    height: 30px;

    font-size: 12px;

    line-height: 30px;

  }

}

@media (max-width: 767px) {

  .footer-top {

    padding: 5px 0;

  }

}



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

/* service */

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

.service {

  display: flex;

  align-items: center;

  justify-content: center;

}

.service-item {

  position: relative;

}

.service-icon {

  font-size: 50px;

  margin: 0 28px 0 0;

}

.service .service-icon i {

  display: inline-block;

}

.service:hover .service-icon i {

  -webkit-animation: tada 1s linear infinite;

  -moz-animation: tada 1s linear infinite;

  -ms-animation: tada 1s linear infinite;

  animation: tada 1s linear infinite;

}

.service .promo-title {

  margin: 0 0 12px;

  font-size: 16px;

  text-transform: capitalize;

  font-weight: 500;

}

.service .promo-desc {

  color: var(--secondary-light-color);

}

@media (min-width: 768px) {

  .service-item + .service-item:before {

    content: "";

    height: 50px;

    width: 1px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background: var(--border-color);

  }

}

@media (max-width: 1199px) {

  .service {

    display: block;

    text-align: center;

  }

  .service-icon {

    font-size: 38px;

    margin: 0 0 15px;

  }

  .service .promo-title {

    margin: 0 0 5px;

  }

}

@media (max-width: 991px) {

  .service-item {

    padding: 0 5px;

  }

  .service-box .row {

    margin: 0 -5px;

  }

  .service .promo-title {

    font-size: 13px;

    margin: 0 0 2px;

  }

  .service .promo-desc {

    font-size: 12px;

  }

  .service-icon {

    font-size: 30px;

    margin: 0 0 10px;

  }

}

@media (max-width: 767px) {

  .service .promo-desc {

    font-size: 11px;

  }

  .service-box .service-item:nth-child(2):before,

  .service-box .service-item:nth-child(4):before {

    content: "";

    height: 50px;

    width: 1px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    background: var(--border-color);

  }

  .service-box .service-item:nth-child(1),

  .service-box .service-item:nth-child(2) {

    margin-bottom: 15px;

  }

}

@media (max-width: 680px) and (min-width: 426px) {

  .service {

    display: flex;

    text-align: left;

    margin: 0;

  }

  .service-icon {

    margin: 0 10px 0 0;

  }

  .service-box .service-item:nth-child(2):before,

  .service-box .service-item:nth-child(4):before {

    height: 40px;

  }

}

@media (max-width: 680px) {

  .service-item {

    width: 50%;

  }

  .service-item:nth-child(3) {

    clear: left;

  }

}

@media (max-width: 480px) {

  .service .promo-title {

    font-size: 12px;

    margin: 0;

  }

  .service .promo-desc {

    font-size: 10px;

  }

}



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

/* pagetitle */

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

.page_title {

  font-size: 16px;

  text-transform: uppercase;

  margin: 0 0 15px;

  display: block;

  vertical-align: top;

  font-weight: 500;

  color: var(--primary-color);

  line-height: 20px;

}



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

/* breadcrumb */

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

.breadcrumb-back {

  background: var(--background-color);

  margin: 0 0 50px 0;

  padding: 20px 0;

}

.breadcrumb {

  padding: 0;

  border: none;

  background: transparent;

  margin: 0;

  font-size: 16px;

  text-transform: capitalize;

  justify-content: center;

}

.breadcrumb > li {

  position: relative;

}

.breadcrumb > li .fa-home {

  font-size: 15px;

}

.breadcrumb li a,

.breadcrumb a {

  color: var(--secondary-light-color);

}

.breadcrumb li:last-child a,

.breadcrumb a:hover {

  color: var(--primary-color);

}

.breadcrumb > li + li:before {

  content: "/";

  font-family: FontAwesome;

  color: var(--primary-color);

  padding: 0px 8px 0px 5px;

  font-size: 16px;

  line-height: 19px;

}

@media (max-width: 1440px) {

  .breadcrumb-back {

    margin: 0 0 30px 0;

  }

}

@media (max-width: 991px) {

  .breadcrumb-back {

    margin: 0 0 20px 0;

    padding: 15px 0;

  }

  .breadcrumb {

    font-size: 14px;

  }

}



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

/* column-left-right */

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

#column-left > div,

#column-right > div {

  margin: 50px 0 0;

  box-shadow: none;

  border: none;

  width: auto;

  background: var(--secondary-color);

}

#column-left > div.swiper-viewport,

#column-right > div.swiper-viewport {

  border: none;

  padding: 0;

}

#column-left > div:first-child,

#column-right > div:first-child {

  margin-top: 0;

}

#column-left h3,

#column-right h3,

#column-left .box-content h3,

#column-right .box-content h3 {

  display: block;

  margin: -3px 0 0 0;

  padding: 0;

  font-size: 16px;

  text-align: left;

  text-transform: uppercase;

  position: relative;

  color: var(--primary-color);

  background: transparent;

  font-weight: 500;

  line-height: 20px;

  border: none;

}

a.list-group-item.active,

a.list-group-item.active:focus,

a.list-group-item.active:hover,

a.list-group-item:hover,

a.list-group-item:focus,

button.list-group-item:focus,

button.list-group-item:hover {

  color: var(--primary-color);

  text-decoration: none;

  background-color: transparent;

}

.filter_box,

#column-left .block_box,

#column-right .block_box,

.category-list #selectMe-desk,

.account-content .list-unstyled,

.sidebar .list-unstyled {

  margin: 25px 0 0 0;

}

#column-left .box .container,

#column-right .box .container {

  width: auto;

  padding: 0;

}

.category-list .list-group-item,

.sidebar li,

.account-content .list-group a {

  border: none;

  border-radius: 0;

  margin: 0;

  background: transparent;

  padding: 8px 0;

  text-transform: capitalize;

  color: var(--secondary-light-color);

  font-size: 14px;

}

.category-list .list-group-item {

  padding: 5px 20px 6px 0;

}

.category-list .child-categories .list-group-item {

  padding: 3px 20px 3px 0;

}

.category-list ul#selectMe-desk > li:first-child > a.list-group-item,

.account-content .list-group ul > li:first-child a,

.sidebar li:first-child {

  padding-top: 0;

  margin-top: -4px;

}

.sidebar li a {

  color: var(--secondary-light-color);

}

.category-list .has-more-category .toggled {

  position: absolute;

  right: 0;

  padding: 0 5px;

}

.child-categories {

  display: none;

}

.main-item.active .toggled > .fa-plus:before,

.toggle-menu.active > .fa-plus:before {

  content: "\f068";

}



/*sidebar category*/

.box-category .list-unstyled.childs_1 {

  display: none;

}

.parent li .toggled span {

  color: var(--primary-color);

  font-size: 12px;

  position: absolute;

  right: 5px;

  padding: 0 5px;

}

.parent .active .open-menu::after {

  color: var(--primary-color);

  content: "\f068";

  font-family: "FontAwesome";

  font-size: 14px;

}

.parent .open-menu::after {

  color: var(--primary-color);

  content: "\f067";

  font-family: "FontAwesome";

  font-size: 14px;

}



/*REFINE SEARCH*/

.list-group-filter {

  margin-bottom: 27px;

}

.panel-default.filter {

  border: none;

}

.panel {

  border-radius: 0;

  box-shadow: none;

}

.filter_box .list-group a {

  color: var(--primary-color);

  text-transform: capitalize;

  margin: -4px 0 13px;

  background: transparent;

  font-size: 16px;

  font-weight: 500;

}

.filter_box .form-check,

.filter_box .form-check .radio {

  margin: 10px 0;

  color: var(--secondary-light-color);

}

.filter_box .list-group-item {

  border: none;

  padding: 0px;

  background: transparent;

}

.filter_box .list-group-items + .list-group-items {

  margin: 28px 0 0;

}

.form-check label,

.radio label {

  text-transform: capitalize;

  vertical-align: middle;

}

#filter .panel-footer {

  text-align: left;

  padding: 0;

  background: transparent;

}



/*banner*/

#column-left .swiper-slide img,

#column-right .swiper-slide img {

  width: 100%;

}



/*INFORMATION*/

.sidebar li a:hover,

.account-content .list-group a:hover {

  color: var(--primary-color);

}

.account-content .list-group {

  /*    margin: 0;*/

}



/*product*/

#column-left .col:last-child .product-layout .product-thumb,

#column-right .col:last-child .product-layout .product-thumb {

  margin: 0;

}

#column-left .product-layout,

#column-right .product-layout {

  width: 100%;

  padding: 0;

}

#column-left .product-thumb,

#column-right .product-thumb {

  padding: 0;

  border: none;

  box-shadow: none;

}

#column-left .product-thumb > .image,

#column-right .product-thumb > .image {

  float: left;

  width: 80px;

  margin-right: 15px;

  border: none;

}

#column-left .product-thumb > .thumb-description,

#column-right .product-thumb > .thumb-description {

  float: left;

  width: 62.4%;

  border: none;

  margin: 0;

}

#column-left .sale-text,

#column-right .sale-text,

#column-left .product-thumb .button-group,

#column-right .product-thumb .button-group,

#column-left .product-thumb .addcart,

#column-right .product-thumb .addcart,

#column-left .product-thumb .product-btn-quantity,

#column-right .product-thumb .product-btn-quantity {

  display: none;

}

#column-left .product-thumb .caption,

#column-right .product-thumb .caption {

  padding: 0;

  text-align: left;

}

#column-left .product-thumb .price,

#column-right .product-thumb .price {

  margin: 10px 0 0 0;

  display: block;

}

#column-left .product-thumb .rating,

#column-right .product-thumb .rating {

  float: unset;

  display: block;

  margin: 8px 0 0 0;

}

@media (min-width: 1200px) {

  #column-left,

  #column-right {

    width: 20%;

  }

  #content.col-sm-9 {

    width: 80%;

  }

}

@media (min-width: 1441px) and (max-width: 1800px) {

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 68%;

  }

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 70px;

    margin-right: 10px;

  }

}

@media (min-width: 1200px) and (max-width: 1440px) {

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 60.7%;

  }

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 70px;

    margin-right: 10px;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  #column-left .product-thumb > .image,

  #column-right .product-thumb > .image {

    width: 60px;

    margin-right: 5px;

  }

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 69.4%;

  }

  #column-left .product-thumb .price,

  #column-right .product-thumb .price {

    margin: 4px 0 0 0;

    font-size: 14px;

  }

  #column-left .product-thumb .rating,

  #column-right .product-thumb .rating {

    margin: 2px 0 0 0;

  }

}

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

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 15px 0 0 0;

  }

  #column-left > div,

  #column-right > div {

    margin: 30px 0 0;

  }

}

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

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 20px 0 0 0;

  }

  .list-group-filter {

    margin-bottom: 15px;

  }

}

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

  #column-left .product-thumb > .thumb-description,

  #column-right .product-thumb > .thumb-description {

    width: 67.2%;

  }

  #column-left .mt-banner,

  #column-right .mt-banner {

    display: none;

  }

  .filter_box,

  #column-left .block_box,

  #column-right .block_box,

  .category-list #selectMe-desk,

  .account-content .list-unstyled,

  .sidebar .list-unstyled {

    margin: 15px 0 0 0;

  }

  .toggled .toggle-open {

    position: absolute;

    right: 0;

  }

  #selectMe-desk {

    display: none;

  }

  #column-left .swiper-viewport,

  #column-right .swiper-viewport {

    display: none;

  }

  #column-left > div:first-child,

  #column-right > div:first-child {

    margin: 20px 0 0;

  }

  #common-home #column-left > div:first-child,

  #common-home #column-right > div:first-child {

    margin: 10px 0 0;

  }

  #column-left > div,

  #column-right > div {

    margin: 15px 0 0;

  }

  #column-left h3,

  #column-right h3,

  #column-left .box-content h3,

  #column-right .box-content h3 {

    font-size: 14px;

  }

}



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

/* category page */

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

.cat-banner {

  border: none;

  padding: 0;

  background: transparent;

  border-radius: 0;

  margin: 0 0 14px;

}

.cat-description p {

  margin: 0 0 25px;

  color: var(--secondary-light-color);

  line-height: 24px;

}

.cat_info {

  margin: 0 0 30px;

  padding: 0 0 15px;

  border-bottom: 1px solid var(--border-color);

}

.refine-search {

  margin: 0 0 20px;

}

#content .refine-text {

  font-size: 16px;

  margin: 0 0 12px;

  font-weight: 400;

}

.cat-name {

  padding: 0;

  margin: 0;

  text-transform: capitalize;

}

.cat-name li {

  display: inline-block;

}

.cat-name li a {

  border-radius: 0;

  background: transparent;

  color: var(--secondary-light-color);

  padding: 6px 20px;

  display: inline-block;

  margin: 0 6px 10px 0;

  border: 1px solid var(--border-color);

}

.cat-name li a:hover {

  color: var(--secondary-color);

  background: var(--primary-color);

  border-color: var(--primary-color);

}

#button-list.btn-default i,

#button-grid.btn-default i {

  font-size: 20px;

  display: block;

}

#button-list.btn-default,

#button-grid.btn-default {

  padding: 8px 0;

  border-radius: 5px;

  border: none;

  background: transparent;

  color: var(--secondary-light-color);

  box-shadow: none;

}

#button-grid.btn-default.active,

#button-list.btn-default.active,

#button-grid.btn-default:hover,

#button-list.btn-default:hover {

  background: transparent;

  color: var(--primary-color);

}

#button-grid.btn-default {

  margin: 0 20px 0 0;

}

#compare-total.btn.btn-link {

  text-decoration: none;

  outline: none;

  padding: 8px 0;

  border: none;

  text-transform: capitalize;

  font-weight: 400;

  color: var(--primary-color);

}

.cat-pagination-right {

  text-align: right;

}

.cat-pagination-right > div {

  display: inline-block;

  vertical-align: top;

}

.cat-pagination-right .cat-show {

  padding-left: 20px;

}

#display-control .com-total{ display: none}

.text-right.show-text {

  padding: 0px 5px;

}

.text-right.show-text,

.text-right.show-select {

  width: auto;

  float: left;

}

.text_limit,

.text_sort {

  margin: 8px 0;

}

.select-filter-sort,

.select-filter-show {

  position: relative;

}

.cat-pagination-right .form-control {

  padding: 4px 25px 4px 10px;

  margin: 0;

  height: 36px;

  border-radius: 0;

  background: transparent;

  border: 1px solid var(--border-color);

}

select.form-control,

.form-control {

  appearance: none;

  -o-appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  cursor: pointer;

}

.form-control:focus {

  border-color: var(--border-color);

}

.select-filter-show::after,

.select-filter-sort::after {

  font-family: "fontawesome";

  content: "\f0dd";

  font-size: 16px;

  position: absolute;

  right: 10px;

  top: 4px;

  pointer-events: none;

  color: var(--primary-color);

}

.product-grid .description,

.product-grid .pro_description {

  display: none;

}

.product-list .product-thumb,

.product-list .thumb-description {

  overflow: hidden;

}

.rating .fa-stack,

#tab-review .fa-stack {

  font-size: 12px;

  width: 1.5em;

}

.rating .fa-star-o,

#tab-review .fa-star-o {

  color: #c2c2c2;

}

.rating .fa-star,

.rating .fa-star + .fa-star-o,

#tab-review .fa-star + .fa-star-o,

#tab-review .fa-star {

  color: #ffb503;

}



@media (max-width: 575px) and (min-width: 376px) {

  #product-list.row-cols-1 > * {

    width: 50%;

  }

  #product-list.product-list.row-cols-1 > * {

    width: 100%;

  }

}

@media (min-width: 681px) {

  .product-list .product-thumb .image {

    float: left;

    margin-right: 30px;

  }

}

@media (max-width: 1199px) {

  .cat_info {

    padding: 0 0 10px;

  }

  .cat-pagination-right .cat-show {

    padding-left: 10px;

  }

  .rating .fa-stack,

  #tab-review .fa-stack {

    font-size: 10px;

  }

  .special .product-thumb .rating {

    margin: 12px 0 0;

  }

}

@media (max-width: 991px) {

  .product-list .product-thumb .btn-list {

    margin: 12px 0 10px;

  }

  .refine-search {

    margin: 0 0 10px;

  }

  .cat-name li a {

    font-size: 13px;

    padding: 3px 10px;

  }

  .cat_info {

    margin: 0 0 20px;

  }

  .cat-description p {

    margin: 0 0 15px;

  }

  .product-list .product-thumb .image {

    margin-right: 20px;

  }

  .special .product-thumb .rating {

    margin: 2px 0 0;

  }

}

@media (max-width: 767px) {

  .cat-pagination-right {

    text-align: left;

    margin: 5px 0 0;

    padding: 0 10px;

  }

}

@media (max-width: 680px) {

  .product-list .product-thumb .image {

    display: inline-block;

    margin: 0;

  }

  .com-total {

    padding: 0;

  }

}

@media (max-width: 480px) {

  .cat-pagination-right > * {

    display: inline-block;

    vertical-align: top;

    width: 100%;

  }

  .cat-pagination-right {

    display: block;

    text-align: left;

  }

  #compare-total.btn.btn-link {

    font-size: 13px;

  }

  .cat-description p {

    font-size: 12px;

    line-height: 20px;

  }

}



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

/* pagination css */

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

.pro_pagination {

  clear: both;

  line-height: 36px;

  padding: 0 0 30px;

  border-bottom: 1px solid var(--border-color);

}

.pro_pagination .text-left {

  margin: 10px 0;

  float: left;

}

.pagination {

  padding: 0;

  margin: 0;

  vertical-align: top;

  justify-content: flex-end;

}

.pro_pagination .pagination > li.active > span,

.pagination > li > a:focus,

.pagination > li > a:hover,

.pagination > li > span:focus,

.pagination > li > span:hover {

  color: var(--secondary-color);

  background: var(--primary-color);

  border-color: var(--primary-color);

  cursor: pointer;

  z-index: 2;

  border-radius: 0;

}

.pagination > li > a:last-child {

  border-radius: 0;

}

.page-item:not(:first-child) .page-link {

  margin-left: 0;

}

.pagination > li > a,

.pagination > li > span {

  color: var(--secondary-light-color);

  background-color: var(--secondary-color);

  float: left;

  margin-right: 5px;

  width: 40px;

  height: 40px;

  line-height: 38px;

  text-align: center;

  padding: 0;

  position: relative;

  text-decoration: none;

  border: 1px solid var(--border-color);

  font-size: 14px;

}

.pro_pagination .row {

  align-items: center;

}

@media (max-width: 1199px) {

  .pro_pagination {

    padding: 0 0 10px;

  }

}

@media (max-width: 991px) {

  .pro_pagination .text-left,

  .pro_pagination .text-right {

    width: 100%;

    float: unset;

    text-align: center;

    clear: both;

  }

  .pro_pagination .text-right {

    padding-top: 7px;

  }

  .pro_pagination .text-left {

    margin: 0;

  }

  .pagination > li > a,

  .pagination > li > span {

    width: 30px;

    height: 30px;

    line-height: 30px;

  }

  .pagination > li > a,

  .pagination > li > span {

    width: 30px;

    height: 30px;

    line-height: 28px;

  }

}

@media (max-width: 575px) {

  .pagination {

    justify-content: center;

  }

  .pro_pagination .col-sm-6.text-start {

    text-align: center !important;

  }

  .pro_pagination .col-sm-6.text-end {

    padding-top: 7px;

  }

}

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

/* product page */

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

.thumbnails {

  overflow: auto;

  clear: both;

  list-style: none;

  padding: 0;

  margin: 0;

}

a.thumbnail {

  padding: 0;

  border: none;

  margin: 0;

}

.product-img .thumbnails {

  display: flex;

  align-items: center;

}

.pro-image img {

  width: 100%;

}

#product-info .product-additional {

  text-align: center;

  position: relative;

  max-width: 80px;

  width: 100%;

  float: left;

}

#product-info .pro-image {

  margin: 0 0 0 30px;

  float: left;

}

#additional-carousel .image-additional {

  margin: 10px 0;

}

#quick-carousel.owl-carousel.owl-theme .owl-nav {

  position: unset;

  margin: 0;

}

.quickview-container .pro-image {

  margin-bottom: 20px;

}

#quick-carousel .image-additional a {

  margin: 0 10px;

  display: block;

}

#quick-carousel {

  max-width: 440px;

  margin: auto;

  padding: 0 20px;

}

#additional-carousel .owl-nav div,

#quick-carousel .owl-nav div {

  top: 0;

  bottom: 0;

  margin: auto;

  height: 30px;

  border: none;

  width: 30px;

  background: transparent;

  position: absolute;

  box-shadow: none;

}

#quick-carousel .owl-nav .owl-prev,

#additional-carousel .owl-nav .owl-prev {

  left: 0;

  right: auto;

}

#quick-carousel .owl-nav .owl-next,

#additional-carousel .owl-nav .owl-next {

  right: 0;

  left: auto;

}

#additional-carousel .owl-nav div::before,

#additional-carousel .owl-nav div::after,

#quick-carousel .owl-nav div::before,

#quick-carousel .owl-nav div::after {

  display: none;

}

#additional-carousel.owl-carousel.owl-theme .owl-nav .fa,

#quick-carousel.owl-carousel.owl-theme .owl-nav .fa {

  font-size: 22px;

  line-height: 30px;

}

.right_info h1,

.quick-product-right h1 {

  font-size: 24px;

  text-transform: capitalize;

  margin: 0 0 15px;

  font-weight: 500;

  color: var(--secondary-light-color);

}

.rating .product-rating {

  float: left;

  margin-right: 20px;

}

.rating .write-review {

  padding: 0 0 0 15px;

  margin: 0 0 0 15px;

  position: relative;}

.pro-deatil .rating .write-review:before {

  content: "";

  background: var(--border-color);

  height: 14px;

  width: 1px;

  position: absolute;

  left: 0;

  margin: auto;

  top: 0;

  bottom: 0;

}

.rating .fa-pencil {

  padding-right: 5px;

  color: var(--primary-color);

}

.right_info .disc {

  color: var(--primary-color);

  margin-right: 5px;

  line-height: 27px;

  min-width: 125px;

  display: inline-block;

}

.right_info .disc1 {

  color: var(--secondary-light-color);

  margin-right: 10px;

}

.price-new {

  font-size: 16px;

  display: inline-block;

  font-weight: 500;

}

.price-old {

  color: var(--secondary-light-color);

  text-decoration: line-through;

  font-size: 16px;

}

.right_info .tax {

  margin: 7px 0 5px;

  color: var(--secondary-light-color);

}

.product-options h3 {

  font-size: 18px;

  text-transform: capitalize;

  font-weight: 500;

}

.right_info .control-label {

  font-size: 16px;

  font-weight: 500;

  line-height: 25px;

  text-transform: capitalize;

  margin-bottom: 0;

}

.right_info .checkbox,

.right_info .radio {

  margin-top: 0;

}

.product-options .alert {

  margin-top: 15px;

}

.product-btn-quantity .minus-plus {

  margin: 0 20px 0 0;

  display: inline-flex;

  border: 1px solid var(--border-color);

}

#product .minus-plus > * {

  text-align: center;

  border: none;

  background: transparent;

  padding: 0 5px;

  font-size: 13px;

  width: 37px;

  height: 38px;

}

.product-btn-quantity #input-quantity {

  width: 44px;

}

.right_info .control-label.qty {

  margin: 0 0 10px 0;

  display: block;

}

#button-cart,

#quick-cart {

  margin: 0 10px 0 0;

}

button.pro_wish,

button.pro_comper {

  height: 40px;

  width: 40px;

  line-height: 40px;

  margin: 0 5px 0 0;

  padding: 0;

  border: none;

  text-align: center;

  color: var(--secondary-light-color);

  background: var(--background-color);

  float: left;

}

button.pro_wish:hover,

button.pro_comper:hover {

  background: var(--primary-color);

  color: var(--secondary-color);

}

#product .product-btn-quantity {

  float: left;

}

.tab-content #tab-description {

  font-size: 15px;

}

#product-info #tab-description ul:last-child,

#product-info #tab-specification .table {

  margin: 0;

  border-color: var(--border-color);

}

.propage-tab h2 {

  font-size: 18px;

  margin: 25px 0 15px 0;

}

#form-review.form-horizontal .control-label {

  padding: 0;

}

.quickview-wrapper-inner.container {

  max-width: none;

/*  width: auto;*/

}

#button-upload222 {

  margin-left: 10px;

}

.related-products-block {

  clear: both;

  padding-top: 80px;

}

#product .btn-group button {

  height: 40px;

  width: 40px;

  line-height: 43px;

  margin: 0 5px 0 0;

  padding: 0;

  border: none;

  text-align: center;

  color: var(--secondary-light-color);

  background: var(--background-color);

  float: left;

}

#product .btn-group button:hover {

  color: var(--secondary-color);

  background: var(--primary-color);

}

.propage-tab {

  margin-top: 80px;

}

#product-info .nav-tabs {

  display: flex;

  justify-content: center;

  border-bottom: 1px solid var(--border-color);

}

#product-info .tab-content {

  padding: 28px 0;

  color: var(--secondary-light-color);

  border-bottom: 1px solid var(--border-color);

}

#product-info .tab-content strong {

  font-weight: 500;

  text-transform: capitalize;

}

@media (max-width: 1440px) {

  .related-products-block {

    padding-top: 50px;

  }

  .propage-tab {

    margin-top: 50px;

  }

}

@media (max-width: 1199px) {

  #additional-carousel {

    max-width: 410px;

  }

  .rating .product-rating {

    width: 100%;

    margin: 0 0 15px 0;

  }

  .propage-tab {

    margin-top: 40px;

  }

  .related-products-block {

    padding-top: 40px;

  }

  .right_info h1,

  .quick-product-right h1 {

    margin: 0 0 8px;

    font-size: 18px;

  }

  .product-thumb .price-new {

    font-size: 15px;

  }

  .related-products-block {

    padding-top: 40px;

  }

  .propage-tab {

    margin-top: 40px;

  }

}

@media (max-width: 991px) {

  #additional-carousel {

    max-width: 290px;

  }

  .related-products-block {

    padding-top: 25px;

  }

  .propage-tab {

    margin-top: 20px;

  }

  #product-info .pro-image {

    margin: 0 0 0 15px;

  }

  #product .product-btn-quantity {

    float: unset;

    margin-bottom: 15px;

  }

  #product-info .tab-content {

    padding: 15px 0;

  }

  .related-products-block {

    padding-top: 30px;

  }

  .propage-tab {

    margin-top: 30px;

  }

  #product .btn-group button {

    width: 36px;

    height: 36px;

    line-height: 38px;

  }

}

@media (max-width: 767px) {

  .product-img {

    width: 480px;

    margin: 0 auto;

  }

  .right_info {

    margin-top: 20px;

  }

  .related-products-block {

    padding-top: 20px;

  }

  .propage-tab {

    margin-top: 20px;

  }

  .rating .product-rating {

    margin: 0 0 5px 0;

  }

}

@media (max-width: 540px) {

  .product-img {

    width: auto;

  }

}

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

  #product-info .nav-tabs li {

    margin: 0 10px;

  }

}



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

/* Contact Us */

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

.information-contact .contact-left .title i.fa {

  background: var(--background-color);

  font-size: 16px;

  height: 34px;

  line-height: 34px;

  margin: 0px 10px 10px 0;

  text-align: center;

  width: 34px;

}

.information-contact .contact-left .title {

  font-size: 16px;

  color: var(--primary-color);

}

.content-address {

  margin-bottom: 15px;

}

.contact-left .btn-info i {

  font-size: 16px;

}

.content-details {

  padding: 15px;

  border: 1px solid var(--border-color);

  color: var(--secondary-light-color);

  border-radius: 0;

}

.contact-left .content-details > div {

  padding-bottom: 15px;

  margin-bottom: 15px;

  border-bottom: 1px solid var(--border-color);

}

.contact-left .content-details .comment-info {

  border: none;

  padding: 0;

  margin: 0px;

}

#information-contact .panel-body .col-sm-3 {

  float: left;

  width: 100%;

  padding: 15px;

  line-height: 25px;

}

.contact-title {

  margin: 0 0 20px 0;

  font-size: 20px;

}

.location-info .btn-info {

  padding: 8px 20px;

}

@media (max-width: 991px) {

  .contact-left {

    margin-bottom: 30px;

  }

}



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

/* checkout-cart */

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

#accordion .panel-heading h4.panel-title a i.fa-caret-down {

  float: right;

}

#accordion.panel-group .panel {

  border-radius: 4px;

}

#accordion.panel-group .panel + .panel {

  margin-top: 15px;

}

#accordion.panel-group .panel-default > .panel-heading {

  background: var(--background-color);

  padding: 10px 15px;

  color: var(--primary-color);

  border: none;

}

#accordion.panel-group .panel-default > .panel-heading .panel-title {

  line-height: 20px;

  text-transform: uppercase;

}

.checkout .input-group .form-control {

  z-index: 1;

  background: transparent;

}



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

/* other page */

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

#button-search {

  margin: 0 0 20px 0;

}

h3.search-criteria {

  font-size: 17px;

}

#product-search #input-search {

  margin-bottom: 10px;

}



/* manufacture page */

.manufacturer-list {

  margin-bottom: 20px;

  padding: 5px;

  border: 1px solid var(--border-color);

}

.manufacturer-heading {

  background: var(--background-color);

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 6px;

  padding: 5px 8px;

}

.manufacturer-content {

  padding: 8px;

}



/*account*/

#account-account .account-list-content {

  margin-bottom: 20px;

}

#account-account .account-list-content:last-child {

  margin-bottom: 0;

}

.well {

  padding: 19px;

  border-radius: 5px;

  border: 1px solid var(--border-color);

  background: transparent;

}

.well h2 {

  margin: 0px;

  padding-bottom: 10px;

  font-size: 18px;

  font-weight: 500;

}

.well strong {

  font-weight: 500;

}

.account-list-heading {

  font-size: 18px;

  margin: 0 0 10px;

}

.account-list-content li a {

  padding: 3px 0;

  display: inline-block;

}



/*sitemap*/

#information-sitemap #content .row li > a {

  padding: 5px 0;

  display: block;

}



/*compare*/

#product-compare .table {

  display: inherit;

  border-style: none;

  overflow: auto;

}

.product-compare .btn-primary {

  margin: 5px 0 5px;

}

#product-compare .table > tbody + tbody {

  border-top: 1px solid #ddd;

}



/*checkout*/

#checkout-cart .img-thumbnail {

  border: none;

  padding: 0;

}



/*about us*/

#information-information #content .about-us {

  padding: 20px 5px;

  background: var(--background-color);

}

.about-us img {

  width: 100%;

}

.about-us h3 {

  font-size: 20px;

  text-transform: uppercase;

  margin: 0;

  font-weight: 400;

}

.about-us h4 {

  font-size: 16px;

  color: var(--primary-hover-color);

  margin: 15px 0;

  font-weight: 400;

}

.about-us p {

  line-height: 26px;

  color: var(--secondary-light-color);

}

@media (max-width: 767px) {

  .cms-block {

    margin-bottom: 15px;

  }

}

@media(max-width: 480px) {

  .product-compare .btn-primary {

    padding: 5px 18px;

  }

}

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

/* common css */

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

.mt-80 {

  margin-top: 80px;

}

.mt-60 {

  margin-top: 60px;

}

.mt-50 {

  margin-top: 50px;

}

.mt-40 {

  margin-top: 40px;

}

.mt-30 {

  margin-top: 30px;

}

.mt-20 {

  margin-top: 20px;

}

#information-information [class*="col"] {

  float: left;

}

.img-thumbnail {

  border: none;

}

#content {

  min-height: 600px;

}

.common-home #content {

  min-height: unset;

}

.max-container #content {

  padding: 0;

}

#content > h3 {

  margin-top: 0;

  font-size: 18px;

}

.relative {

  position: relative;

}

.m-auto {

  margin: 0px auto;

}

.m-image-auto {

  width: auto !important;

}

ul.list-unstyled {

  margin: 0;

}

.owl-carousel {

  touch-action: manipulation;

}

.dropdown-menu {

  /* background: var(--secondary-color);

    z-index: 1001;

    margin: 0;

    border-radius: 0;

    position: absolute;

    top: 100%;

    float: left;

    min-width: 160px;

    text-align: left;

    list-style: none;

    box-shadow: 0 1px 5px rgb(0 0 0 / 11%);

    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.11);

    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 11%);*/

  background: var(--secondary-color);

  z-index: 1001;

  margin: 0;

  border-radius: 0;

  border: none;

  box-shadow: 0 1px 5px rgb(0 0 0 / 11%);

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);

  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 11%);

}

.dropdown-menu > li > a:focus,

.dropdown-menu > li > a:hover {

  background-color: transparent;

}

.table > tbody > tr > td,

.table > tbody > tr > th,

.table > tfoot > tr > td,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > thead > tr > th {

  padding: 10px 15px;

  vertical-align: middle;

  border-color: var(--border-color);

}

.table-bordered > thead > tr > td,

.table-bordered > thead > tr > th {

  border-bottom-width: 1px;

}

.table > tbody > tr > td {

  border-top: none;

}

.form-group {

  margin-bottom: 20px;

}

.form-control {

  display: block;

  width: 100%;

  height: 40px;

  padding: 6px 15px;

  font-size: 15px;

  line-height: 20px;

  color: var(--secondary-light-color);

  background: var(--secondary-color);

  background-color: var(--secondary-color);

  background-image: none;

  border: 1px solid var(--border-color);

  box-shadow: none;

  border-radius: 0;

}



/* fixed mobile cart quantity input */

.input-group .form-control[name^="quantity"] {

  min-width: 60px;

}

@media (max-width: 991px) {

  .max-container {

    max-width: 100%;

    padding: 0 15px;

  }

}

@media (min-width: 992px) {

  .max-container {

    max-width: 970px;

    margin: 0 auto;

  }

}

@media (min-width: 1200px) {

  .max-container {

    max-width: 1110px;

  }

}

@media (min-width: 1399px) {

  .max-container {

    /*        max-width: 1170px;*/

    max-width: 1290px;

    margin: 0 auto;

  }

}

@media (min-width: 1200px) {

  #common-home #column-left,

  #common-home #column-right {

    width: 25%;

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media (min-width: 1441px) {

  .max-container {

    max-width: 1400px;

    margin: 0 auto;

  }

}

@media (min-width: 1601px) {

  .max-container {

    max-width: 1540px;

    margin: 0 auto;

  }

}

@media (min-width: 1801px) {

  .max-container {

    max-width: 1750px;

    margin: 0 auto;

  }

}

@media (min-width: 1441px) {

  .container {

    max-width: 1420px;

  }

}

@media (min-width: 1200px) {

  .col-lg-2:nth-child(6n + 1),

  .col-lg-3:nth-child(4n + 1),

  .col-lg-4:nth-child(3n + 1),

  .col-lg-6:nth-child(2n + 1) {

    clear: left;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .col-md-2:nth-child(6n + 1),

  .col-md-3:nth-child(4n + 1),

  .col-md-4:nth-child(3n + 1),

  .col-md-6:nth-child(2n + 1) {

    clear: left;

  }

}

@media (min-width: 601px) and (max-width: 991px) {

  .col-sm-2:nth-child(6n + 1),

  .col-sm-3:nth-child(4n + 1),

  .col-sm-4:nth-child(3n + 1),

  .col-sm-6:nth-child(2n + 1) {

    clear: left;

  }

}

@media (max-width: 600px) and (min-width: 320px) {

  .block_box :not(.owl-carousel) .col-xs-4,

  .product-layout.product-grid.col-xs-4 {

    width: 50%;

  }

  .col-xs-2:nth-child(6n + 1),

  .col-xs-3:nth-child(4n + 1),

  .col-xs-4:nth-child(2n + 1),

  .col-xs-6:nth-child(2n + 1) {

    clear: left;

  }

}

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

  .block_box :not(.owl-carousel) .col-xs-4,

  .product-layout.product-grid.col-xs-4 {

    width: 100%;

  }

}

@media (max-width: 991px) and (min-width: 576px) {

  /* Mahardhi */

  #content,

  #column-left,

  #column-right {

    width: 100%;

  }

}

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

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > thead > tr > th:first-child {

    border-left: 1px solid #ddd;

  }

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > thead > tr > th:last-child {

    border-left: 0;

  }

}

/* mahardhi */

@media (max-width: 1440px) {

  .mt-80 {

    margin-top: 50px;

  }

  .mt-50 {

    margin-top: 20px;

  }

}

@media (max-width: 1199px) {

  .mt-80 {

    margin-top: 40px;

  }

  .mt-60 {

    margin-top: 40px;

  }

  .mt-50 {

    margin-top: 10px;

  }

  .mt-30 {

    margin-top: 10px;

  }

}

@media (max-width: 991px) {

  .mt-80 {

    margin-top: 30px;

  }

  .mt-60 {

    margin-top: 30px;

  }

  .mt-40 {

    margin-top: 20px;

  }

  .mt-20 {

    margin-top: 0;

  }

}

@media (max-width: 767px) {

  #column-left,

  #column-right {

    display: block !important;

    width: 100%;

  }

  .mt-80 {

    margin-top: 20px;

  }

  .mt-60 {

    margin-top: 20px;

  }

  .mt-50 {

    margin-top: 0;

  }

  .mt-30 {

    margin-top: 0;

  }

}

/*RRR*/

 .big-row{

        text-align: center; max-width: 1260px; margin: 0 auto;

    }

    .big-row .icon-box{display: inline-block;padding: 0px 10px;text-align: center;width: 238px;background-color: #f6f6f6;border-radius: 0;margin: 5px;/* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */border: solid 1px #ddd;}
.big-row .icon-box a{ display: block; padding: 25px 0;}
.big-row .icon-box:hover{background: #fff;border: solid 1px #72969b;}
    .big-row .heading{
        text-align: center;
        font-size: 35px;
        margin-bottom:20px;
		margin-top:25px;
        color: #333;}

    .big-row .icon-box i{
        font-size: 55px;
        color: #72969b;}

    .big-row .icon-box p{
        font-size: 19px;
        color:#1a3e42;
        margin-top: 15px;
        margin-bottom: 0px;
        font-family:sans-serif;
    }
.banner-outer{ margin-bottom: 80px;}

.common-home .service-box { display: none}
@media(max-width: 768px) {
.banner-outer{ margin-bottom: 25px;}
    .big-row .heading{ font-size: 30px;}
    .footer-top > div{ padding: 20px;}
    
}
@media(max-width:575px) {
    .big-row .icon-box {         width: 153px;
        padding: 0 0;}
    .big-row .icon-box p{ font-size: 15px;}
    
}