@charset "UTF-8";
/*=========================================================
Author       : Bestwebcreator.
Template Name: Shopwise - eCommerce Bootstrap 4 HTML Template
Version      : 1.0
==============================================================*/
/*=============================================================
    CSS INDEX
    =============================
    01.GENERAL STYLE (body, link color, section-title, buttons, overlay, section-padding etc...)
    02.START HEADER STYLE
	03.START BANNER,SLIDER STYLE
	04.START SHOP BANNER STYLE
	05.START CATEGORIES STYLE
	06.START ICON BOX STYLE
	07.START PORTFOLIO STYLE
	08.START TESTIMONIAL STYLE
	09.START BLOG STYLE
	10.START NEWSLETTER STYLE
	11.START FOOTER STYLE
	12.START MAP STYLE
	13.START TEAM STYLE
	14.START CLIENT LOGO STYLE
	15.START BREADCRUMB STYLE
	16.START CONTACT STYLE
	17.START DIVIDER STYLE
	18.START ACCORDION STYLE
	19.START 404 ERROR STYLE
	20.START LOGIN REGISTER STYLE
	21.START COMING SOON STYLE
	22.START DEAL OF THE DAY STYLE
	23.START SHOP DESIGN
	24.START ELEMENT DESIGN

*=============================================================*/
/*===================================*
  01.GENERAL STYLE
*===================================*/
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

body {
  background: #ffffff none repeat scroll 0 0;
  color: #687188;
  font-family: var(--primary-font), sans-serif;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  color: #292b2c;
}

p {
  color: #687188;
  line-height: 28px;
  margin-bottom: 25px;
}

a {
  color: #292b2c;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: var(--color-1st);
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
}

button {
  transition: all 0.3s ease-in-out;
}

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

label {
  color: #6c757d;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

iframe {
  border: 0;
  display: block;
}

.section {
  padding: 100px 0;
  position: relative;
}

.section.small_pt,
.footer_top.small_pt {
  padding-top: 50px;
}

.section.small_pb,
.footer_top.small_pb {
  padding-bottom: 50px;
}

.section.pb_20, .pb_20,
.footer_top.pb_20 {
  padding-bottom: 20px;
}

.small_divider {
  height: 30px;
}

.medium_divider {
  height: 50px;
}

.large_divider {
  height: 100px;
}

.padding_eight_all {
  padding: 8%;
}

.list_none li {
  list-style: none;
}

.btn:focus, .btn:hover, .btn.active {
  box-shadow: none;
  outline: medium none;
}

button:focus {
  outline: none;
}

.border-2 {
  border-width: 2px !important;
}

.btn {
  border-width: 1px;
  cursor: pointer;
  line-height: normal;
  padding: 12px 35px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.btn.active:focus, .btn:active:focus {
  box-shadow: none !important;
}

.btn-fill-out {
  background-color: transparent;
  border: 1px solid var(--color-1st);
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-fill-out::before,
.btn-fill-out::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-1st);
  z-index: -1;
  transition: all 0.3s ease-in-out;
  width: 51%;
}

.btn-fill-out::after {
  right: 0;
  left: auto;
}

.btn-fill-out:hover:before,
.btn-fill-out:hover:after {
  width: 0;
}

.btn-fill-out:hover {
  color: var(--color-1st) !important;
}

.btn-fill-line {
  background-color: transparent;
  border: 1px solid #333;
  overflow: hidden;
  position: relative;
  color: #fff !important;
  transition: all 0.8s ease 0s;
  z-index: 1;
}

.btn-fill-line:before, .btn-fill-line:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #333;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  width: 50%;
}

.btn-fill-line::after {
  right: 0;
  left: auto;
}

.btn-fill-line:hover:before,
.btn-fill-line:hover:after {
  width: 0;
}

.btn-fill-line:hover {
  color: #333 !important;
}

.btn-line-fill {
  border: 1px solid #333;
  overflow: hidden;
  position: relative;
  color: #333 !important;
  transition: all 0.8s ease 0s;
  z-index: 1;
}

.btn-line-fill:hover {
  color: #fff !important;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 450px;
    height: 450px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 450px;
    height: 450px;
  }
}
.btn-line-fill:before, .btn-line-fill:after {
  position: absolute;
  top: 50%;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 50%;
  z-index: -1;
}

.btn-line-fill:before {
  left: -20px;
  transform: translate(-50%, -50%);
}

.btn-line-fill:after {
  right: -20px;
  transform: translate(50%, -50%);
}

.btn-line-fill:hover:before {
  animation: criss-cross-left 0.7s both;
  animation-direction: alternate;
}

.btn-line-fill:hover:after {
  animation: criss-cross-right 0.7s both;
  animation-direction: alternate;
}

.btn-radius {
  border-radius: 40px;
}

.btn + .btn {
  margin-left: 10px;
}

.btn i {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

.btn span {
  vertical-align: middle;
}

 .btn-sm {
  padding: 8px 25px;
}

.btn-xs {
  padding: 4px 20px;
  font-size: 12px;
}

.btn.btn-xs i {
  font-size: 10px;
}

.btn.btn-sm i {
  font-size: 12px;
}

.text_white * {
  color: #fff;
}

.text_dark * {
  color: #333;
}

.text_default {
  color: var(--color-1st) !important;
}

.bg_default {
  background-color: var(--color-1st) !important;
}

.bg_gray {
  background-color: #f7f8fb !important;
}

.bg_redon {
  background-color: #FFF1F1 !important;
}

.bg_dark {
  background-color: var(--color-2nd) !important;
}

.scrollup {
  background-color: #171717;
  bottom: 20px;
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 99;
}

.scrollup:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.scrollup:focus {
  color: #fff;
}

.background_bg {
  background-position: center center;
  background-size: cover;
}
@keyframes ripple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.box_shadow1 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.border-top-tran {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*Title Css*/
.heading_s1 {
  margin-bottom: 25px;
}

.heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}

.heading_s2 {
  position: relative;
}

.heading_s2 h1, .heading_s2 h2, .heading_s2 h3, .heading_s2 h4, .heading_s2 h5, .heading_s2 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
}

.heading_s2 h1,
.heading_s2 h2,
.heading_s2 h3,
.heading_s2 h4,
.heading_s2 h5,
.heading_s2 h6 {
  position: relative;
  z-index: 9;
}

.heading_s4 {
  margin-bottom: 15px;
}

.heading_s4 h1, .heading_s4 h2, .heading_s4 h3, .heading_s4 h4, .heading_s4 h5, .heading_s4 h6 {
  font-weight: 700;
  margin: 0;
  text-transform: capitalize;
  line-height: normal;
}

.highlight_text {
  font-size: 20px;
  color: #333;
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}

.leads {
  margin-bottom: 30px;
}

/*Loader Css*/
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.lds-ellipsis {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
  text-align: center;
  z-index: 9999;
}

.lds-ellipsis span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--color-1st);
  animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(1) {
  animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}

.lds-ellipsis span:nth-child(2) {
  animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;
}
@keyframes ball-pulse-sync {
  33% {
    transform: translateY(10px);
  }
  66% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

/*===================================*
  01.END GENERAL STYLE
*===================================*/
/*===================================*
  02.START HEADER STYLE
*===================================*/
.navbar-brand {
  padding: 10px 0;
  vertical-align: top;
  margin: 0;
}

 .light_skin .logo_dark, .logo_dark {
  display: none;
}

.dark_skin .logo_dark {
  display: block;
}

.light_skin .navbar-nav a,
.light_skin .navbar-toggler,
.light_skin .navbar a.pr_search_trigger {
  color: #ffffff;
}

.middle-header {
  padding: 10px 0;
  position: relative;
}

.navbar {
  padding: 0;
}

.header_wrap {
  transition: all 0.5s ease 0s;
}

.header_wrap:not([class*=bg_]):not([class*=bg-]) {
  background-color: #fff;
}

.navbar .navbar-nav li {
  position: relative;
  list-style: none;
  transition: all 0.3s ease 0s;
}

.navbar-nav .dropdown-menu {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  min-width: 14rem;
}

.navbar-nav .dropdown-menu {
  background-color: #252A2C;
}

.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu,
.light_skin .navbar-nav .dropdown-menu .dropdown-menu {
  background-color: #303537;
}

.dark_skin .navbar-nav .dropdown-menu {
  background-color: #fff;
  box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
}

.dark_skin .mega-menu-col,
.dark_skin .cart_list li {
  border-color: #ddd;
}

.dark_skin .navbar .navbar-nav .dropdown-menu li a.active,
.dark_skin .navbar .navbar-nav .dropdown-menu li a:hover,
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > li:hover > a,
.dark_skin .navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
  color: var(--color-1st);
}

.dark_skin .navbar .navbar-nav li > .dropdown-item,
.dark_skin .cart_quantity,
.dark_skin .cart_total {
  color: #333333;
}

.dropdown-toggle::after, .dropdown-toggler::after {
  border: 0 none;
  content: "";
  font-family: "Ionicons";
  margin-left: 5px;
  vertical-align: middle;
}

.dropdown-toggler::after {
  transform: rotate(-90deg);
}

.dropdown-menu .dropdown-toggler::after {
  position: absolute;
  right: 15px;
  top: 10px;
}

.navbar .navbar-nav > li > .nav-link {
  font-weight: 500;
  padding: 22px 10px;
  text-transform: capitalize;
  font-size: 14px;
}

.navbar .navbar-nav > li > a.active,
.navbar .navbar-nav > li:hover > a {
  color: var(--color-1st);
}

.light_skin .navbar .navbar-nav .dropdown-item {
  color: #fff;
}

.light_skin .item_remove {
  color: #fff !important;
}

.light_skin .mega-menu-col {
  border-right: 1px solid #3f3f3f;
}

.navbar .navbar-nav .dropdown-item {
  padding: 8px 20px 8px 20px;
  color: #333;
  font-size: 14px;
  text-transform: capitalize;
}

.navbar .navbar-nav .dropdown-item.dropdown-toggler {
  padding-right: 30px;
}

.navbar-nav.attr-nav {
  flex-direction: row;
}

.navbar-nav.attr-nav li .nav-link {
  padding: 20px 10px;
  position: relative;
  white-space: nowrap;
}

.navbar-nav.attr-nav li .nav-link i {
  font-size: 20px;
}

.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}

.navbar .navbar-nav.attr-nav .dropdown-menu li a.active,
.navbar .navbar-nav.attr-nav .dropdown-menu li a:hover,
.navbar .navbar-nav.attr-nav .dropdown-menu > ul > li:hover > a {
  background-color: rgba(0, 0, 0, 0);
}

.navbar .navbar-nav .dropdown-menu li a.active,
.navbar .navbar-nav .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown-menu > ul > li:hover > a,
.navbar .navbar-nav .dropdown-menu > ul > .mega-menu-col ul > li:hover > a {
  color: var(--color-1st);
}

.pr_search_icon {
  float: right;
}

.pr_search_trigger.show i::before {
  content: "";
}

.pr_search_trigger {
  padding: 17px 10px;
  font-size: 20px;
}

.header_wrap.fixed-top {
  position: relative;
  padding-right: 0 !important;
}

.header_wrap.nav-fixed {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1041;
  animation: slideInDown 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  animation-fill-mode: none;
}

.mega-menu {
  display: table;
  padding: 15px 0;
  width: 100%;
  flex-wrap: wrap;
}

.mega-menu ul {
  flex-wrap: wrap;
}

.navbar .navbar-nav li.dropdown-mega-menu {
  position: static;
}

.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu {
  right: 0;
  padding-left: 0;
  padding-right: 0;
}

.mega-menu-col {
  border-right: 1px solid #ddd;
  padding: 0;
}

.mega-menu-col:last-child {
  border-right: 0 !important;
}

.dropdown-menu li a i {
  font-size: 14px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.navbar .navbar-nav > li > .nav-link.cart_trigger i {
  font-size: 20px;
}

.cart_list li {
  list-style: outside none none;
}

.cart_count, .wishlist_count {
  position: relative;
  top: -3px;
  left: 0;
  font-size: 11px;
  background-color: var(--color-1st);
  border-radius: 50px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  min-width: 16px;
  text-align: center;
  padding: 0 5px;
  display: inline-block;
  vertical-align: top;
  margin-left: -5px;
  margin-right: -5px;
}

.cart_trigger .amount {
  margin-left: 8px;
  font-weight: 600;
  vertical-align: top;
  margin-right: -10px;
}

.navbar-nav .dropdown-menu.cart_box {
  width: 320px;
  position: absolute !important;
  transform: scale(0) !important;
  transform-origin: calc(100% - 30px) 0;
  display: block;
  transition: all 0.25s ease-in-out;
  padding: 0;
  top: 100% !important;
  left: auto !important;
  right: 0;
}

.navbar-nav .dropdown-menu.cart_box.show {
  transform: scale(1) !important;
}

.cart_list li {
  border-bottom: 1px solid #3f3f3f;
  padding: 15px;
  width: 100%;
}

.item_remove {
  float: right;
  margin-left: 5px;
  color: #333 !important;
}

.cart_list img {
  border: 1px solid #ddd;
  background-color: #ffffff;
  float: left;
  margin-right: 10px;
  max-width: 80px;
}

.cart_list a {
  font-size: 14px;
  vertical-align: top;
  padding: 0 !important;
  text-transform: capitalize;
  font-weight: 600;
}

.cart_quantity {
  color: #ffffff;
  display: table;
  margin-top: 5px;
  font-weight: 500;
}

.cart_total .cart_amount {
  float: right;
  color: #F32B56;
}

.cart_box .cart_list {
  width: 100%;
  padding: 0 !important;
  max-height: 242px;
  overflow-y: auto;
}

.cart_list li {
  display: inline-block;
  width: 100%;
}

.dropdown-menu .cart_list li a i {
  width: auto;
}

.cart_total {
  color: #ffffff;
  margin: 0;
  padding: 10px 15px;
  font-weight: 600;
  text-align: right;
}

.cart_total strong {
  float: left;
  font-weight: 600;
}

.cart_buttons {
  margin: 0;
  padding: 10px 15px 20px;
  text-align: center;
}

.cart_buttons .view-cart, .cart_buttons .checkout {
  padding: 8px 20px !important;
}

.top-header {
  border-bottom: 1px solid #eee;
}

.top-header.light_skin {
  border-color: rgba(255, 255, 255, 0.2);
}

.top-header {
  padding: 10px 0;
  transition: all 0.5s ease-in-out;
}

.top-header[class*=bg_], .top-header[class*=bg-] {
  border: 0;
}

.top-header span {
  font-size: 14px;
  vertical-align: middle;
}

.header_wrap .social_icons li {
  padding-bottom: 0;
}

.social_icons, .contact_detail {
  font-size: 0;
}

.contact_detail > li:last-child,
.header_list > li:last-child {
  padding-right: 0;
}

.social_icons li {
  display: inline-block;
  padding: 0px 5px 5px 0;
}

.social_icons li a {
  font-size: 18px;
  color: #687188;
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.social_icons li a:hover,
.header_wrap .social_icons li a:hover {
  color: var(--color-1st);
}

.social_white .social_icons li a, .social_white.social_icons li a,
.header_wrap .social_white .social_icons li a, .header_wrap .social_white.social_icons li a {
  color: #fff;
  border-color: #fff;
}

.social_white .social_icons li a:hover, .social_white.social_icons li a:hover {
  color: var(--color-1st);
}

.social_icons li:last-child a {
  margin-right: 0px;
}

.header_wrap .social_icons li a {
  color: #333;
}

.contact_detail i {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 16px;
}

.contact_detail span {
  vertical-align: middle;
}

.contact_detail > li,
.header_list > li {
  color: #333;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 15px 2px 0;
}

.header_list > li i {
  margin-right: 6px;
  vertical-align: middle;
}

.header_list > li .dropdown-item:hover,
.contact_detail > li a:hover {
  color: #F32B56;
}

.contact_detail li:first-child {
  margin-left: 0px;
}

.contact_detail li a span {
  vertical-align: middle;
}

.top-header.light_skin .contact_detail li,
.top-header.light_skin .contact_detail li a,
.top-header.light_skin .widget_text span {
  color: #fff;
}

.top-header.dark_skin .contact_detail li {
  color: #000;
}

.nav-fixed .top-header,
.nav-fixed .middle-header {
  display: none !important;
}

.navbar-toggler {
  float: right;
  margin: 13px 0 0 3px;
  font-size: 28px;
  color: #333;
  border-radius: 0;
  height: 35px;
  width: 35px;
  padding: 0;
  line-height: 36px;
  transition: none;
}

.navbar-toggler[aria-expanded=true] span::before {
  content: "";
  font-size: 16px;
}

.navbar-toggler[aria-expanded=true] {
  line-height: 32px;
  font-size: 20px;
}

header .attr-nav + .social_icons {
  border-left: 1px solid #333;
  margin-left: 5px;
  padding-left: 5px;
}

header .attr-nav + .social_icons li {
  padding: 0;
}

header.light_skin .attr-nav + .social_icons {
  border-color: #fff;
}

header.light_skin.nav-fixed .attr-nav + .social_icons {
  border-color: #333;
}

header.light_skin.nav-fixed .social_icons li a {
  color: #000;
}

header.light_skin.nav-fixed .social_icons li a:hover {
  color: #0E93D8;
}

.top-header.light_skin .header_list li a,
.light_skin.top-header span {
  color: #fff;
}

.top-header.light_skin .header_list > li::before {
  background-color: #fff;
}

.top-header.light_skin .header_list li a:hover,
.top-header.light_skin .contact_detail li a:hover,
.top-header.light_skin .header_list li a:hover span {
  color: var(--color-1st);
}

.main_menu_uppercase .navbar-nav > li > .nav-link {
  text-transform: uppercase;
}

.header_banner_text {
  color: #fff;
}

body.active {
  overflow: hidden;
  padding-right: 17px;
}

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

input.text {
  display: none;
}

.nav_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categories_wrap {
  position: relative;
}

.categories_btn i {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.categories_btn span {
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 500;
}

.categories_btn {
  background-color: var(--color-1st);
  border: 1px solid var(--color-1st);
  padding: 20px 15px;
  color: #fff;
  text-align: left;
  width: 100%;
}

#navCatContent li {
  list-style: none;
}

#navCatContent {
  background-color: #fff;
  position: absolute;
  padding: 5px 0px 0;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.nav_cat {
  display: block;
  height: auto !important;
}

.nav_cat.collapse:not(.show) {
  display: block;
}

#navCatContent ul {
  width: 100%;
}

#navCatContent li a {
  text-transform: capitalize;
  font-size: 14px;
}

#navCatContent li a i {
  font-size: 22px;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 30px;
}

#navCatContent li a span {
  vertical-align: middle;
}

#navCatContent li a:hover {
  color: var(--color-1st);
}

#navCatContent li a.dropdown-toggler::after {
  position: absolute;
  right: 15px;
  top: 15px;
}

#navCatContent ul li .dropdown-menu {
  left: 100%;
  top: 0;
  margin: 0;
  border: 0;
  min-width: 800px;
  width: 100%;
  right: 0;
  box-shadow: 10px 16px 49px 0px rgba(38, 42, 46, 0.05);
  border-radius: 0;
  padding: 0;
}

#navCatContent .mega-menu-col {
  border: 0;
}

.more_categories {
  padding: 12px 15px;
  display: block;
  font-size: 16px;
  color: var(--color-1st);
  border-top: 1px solid #ddd;
  margin-top: 5px;
  position: relative;
  cursor: pointer;
  width: 100%;
}

.more_categories::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  font-family: Linearicons;
  transform: translateY(-50%);
}

.more_categories.show::before {
  content: "";
}

.product_search_form {
  position: relative;
  max-width: 600px;
  width: 100%;
}

.product_search_form input {
  height: 50px;
  padding-right: 60px !important;
}

.search_btn {
  position: absolute;
  right: 1px;
  background-color: #fff;
  border: 0;
  padding: 0px 15px;
  font-size: 20px;
  top: 1px;
  bottom: 1px;
  z-index: 9;
}

.search_btn:hover {
  color: var(--color-1st);
}

.search_btn i {
  vertical-align: middle;
}

.product_search_form select {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_search_form.rounded_input select {
  border-radius: 30px 0 0 30px;
  padding: 8px 35px 8px 15px;
}

.product_search_form.rounded_input input {
  border-radius: 0 30px 30px 0 !important;
}

.contact_phone span, .contact_phone i {
  vertical-align: middle;
}

.contact_phone i {
  font-size: 30px;
  margin-right: 10px;
  color: var(--color-1st);
}

.contact_phone span {
  color: #16181b;
}

.banner_content_inner {
  padding: 50px;
}

/*===================================*
  02.END HEADER STYLE
*===================================*/
/*===================================*
  03.START BANNER,SLIDER STYLE
*===================================*/
.banner_section {
  position: relative;
}

.banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
  height: 800px;
}

.banner_section.slide_medium,
.banner_section.slide_medium .carousel-item {
  height: 500px;
}

.banner_section .banner_slide_content {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.carousel-item img {
  position: relative;
  z-index: -1;
  width: 100%;
}

.indicators_style1 {
  margin-bottom: 15px;
}

.indicators_style1 li {
  width: 10px;
  height: 10px;
  background-color: #333;
  border: 0;
  margin: 8px;
  position: relative;
}

.indicators_style1 li::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border: 2px solid #333;
  margin: -4px;
}

.indicators_style1 li.active {
  background-color: var(--color-1st);
}


.indicators_style1 li.active:before {
  border-color: var(--color-1st);
}

.banner_content .carousel-item {
  padding: 100px 0;
}

.banner_content h2 {
  font-size: 60px;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: capitalize;
}

.banner_content p {
  margin-bottom: 30px;
}

.zoom-in {
  animation: zoomin 5s;
}

@keyframes zoomin {
  0% {
    transform: scale(1.2) rotate(3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

/*===================================*
  03.END BANNER,SLIDER STYLE
*===================================*/
/*===================================*
  04.START SHOP BANNER STYLE
*===================================*/

.hover_effect1 {
  overflow: hidden;
  position: relative;
  display: block;
}

.hover_effect1::before, .hover_effect1::after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: all 0.9s ease 0s;
  width: 100%;
  z-index: 1;
}

.hover_effect1::before {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  transform: translate(105%, 0%);
}

.hover_effect1::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  transform: translate(-105%, 0%);
}

.hover_effect1:hover:before, .hover_effect1:hover:after {
  opacity: 0;
  transform: translate(0px, 0px);
}

.sale-banner img {
  width: 100%;
}

/*===================================*
  04.END SHOP BANNER STYLE
*===================================*/
/*===================================*
  05.START CATEGORIES STYLE
*===================================*/
.categories_box {
  text-align: center;
}

.categories_box a {
  display: block;
  padding: 35px 20px;
  background-color: #f7f7f7;
}

.categories_box i {
  font-size: 40px;
  display: block;
}

.categories_box span {
  text-transform: capitalize;
  margin-top: 5px;
  display: block;
}

.cat_style1 .categories_box a {
  background-color: transparent;
  padding: 0px;
}

.cat_style1 .categories_box span {
  margin-top: 10px;
}

/*===================================*
  05.END CATEGORIES STYLE
*===================================*/
/*===================================*
  06.START ICON BOX STYLE
*===================================*/
.icon_box {
  margin-bottom: 30px;
}

.icon {
  margin-bottom: 15px;
}

.icon_box_content h1,
.icon_box_content h2,
.icon_box_content h3,
.icon_box_content h4,
.icon_box_content h5,
.icon_box_content h6 {
  text-transform: capitalize;
}

.icon i {
  font-size: 30px;
}

.icon_box p:last-child {
  margin: 0;
}

.icon_box_content .link i {
  vertical-align: middle;
  margin-left: 2px;
}

.icon_box_style1 {
  text-align: center;
  padding: 0 40px;
  position: relative;
}

.icon_box_style1 .icon i {
  font-size: 46px;
  line-height: 1;
}

.icon_box_style1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 15%;
  bottom: 15%;
  width: 1px;
  background-color: #ddd;
}

[class*=col-]:last-child .icon_box_style1::before {
  content: normal;
}

/*===================================*
  06.END ICON BOX STYLE
*===================================*/
/*===================================*
  07.START PORTFOLIO STYLE
*===================================*/
.carousel_slider li {
  list-style: none;
}

/*===================================*
  07.END PORTFOLIO STYLE
*===================================*/
/*===================================*
  08.START TESTIMONIAL STYLE
*===================================*/
.author_img img {
  max-width: 100px;
}

.author_name {
  overflow: hidden;
}

.author_name h6 {
  margin-bottom: 5px;
}

.author_name span {
  color: var(--color-1st);
}

.testimonial_box.box_shadow1 {
  margin: 10px;
}

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

.testimonial_style1 .author_img {
  margin-right: 15px;
}

.testimonial_style1 .author_img img {
  max-width: 60px;
}

.testimonial_style1 .testimonial_desc {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.testimonial_style1 .testimonial_box {
  position: relative;
  z-index: 1;
}

.author_wrap {
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.testimonial_style1 .author_wrap {
  justify-content: center;
}

.testimonial_wrap {
  padding: 0 60px;
}

/*===================================*
  08.END TESTIMONIAL STYLE
*===================================*/
/*===================================*
  09.START BLOG STYLE
*===================================*/
.blog_post {
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out;
}

.blog_content {
  padding-top: 15px;
}

.blog_post .blog_img a {
  display: block;
  overflow: hidden;
}

.blog_img {
  position: relative;
  overflow: hidden;
}

.blog_img img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}

.blog_meta {
  display: inline-block;
  margin-bottom: 5px;
  width: 100%;
}

.blog_meta li {
  float: left;
  margin-right: 15px;
}

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

.blog_meta li a {
  text-transform: capitalize;
}

.blog_meta li a i {
  margin-right: 5px;
  vertical-align: middle;
  color: var(--color-1st);
}

.blog_title {
  line-height: 30px;
  margin-bottom: 15px;
  font-weight: 600;
}

h6.blog_title {
  line-height: 24px;
}

.blog_text p {
  margin-bottom: 15px;
}

.blog_text p:last-child {
  margin: 0;
}


.blog_style2:hover .blog_img img {
  transform: scale(1.2);
}

.blog_style2 .blog_content {
  padding: 15px;
}

.blog_img .owl-dots {
  position: absolute;
  top: 0;
  right: 15px;
}

.blog_thumbs .blog_post {
  display: inline-block;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.single_post .blog_content {
  padding-top: 20px;
}

.single_post .blog_title {
  font-size: 30px;
  line-height: normal;
  margin-bottom: 20px;
}

.single_post .blog_meta {
  padding-bottom: 20px;
  margin-bottom: 0;
  width: 100%;
}

.content_title * {
  margin-bottom: 30px;
  font-weight: 600;
}

.children {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px;
  margin-left: 60px;
}

/*===================================*
  09.END BLOG STYLE
*===================================*/
/*===================================*
  10.START NEWLETTER STYLE
*===================================*/


.newsletter_form2 form {
  position: relative;
}


.newsletter_form2 input,
.newsletter_form2 input:focus {
  border: 0;
}

.newsletter_form2 input,
.newsletter_form2 input:focus {
  height: 59px;
  padding: 10px 140px 10px 20px;
}

.newsletter_form2 button {
  position: absolute;
  right: 5px;
  top: 4px;
}

.newsletter_text {
  position: relative;
  padding-left: 80px;
}

.newsletter_text p:last-child {
  margin: 0;
}

.newsletter_text::before {
  content: "";
  position: absolute;
  left: 0;
  color: #fff;
  font-family: linearicons;
  font-size: 65px;
  line-height: normal;
  opacity: 0.4;
}

/*===================================*
  10.END NEWLETTER STYLE
*===================================*/
/*===================================*
  11.START FOOTER STYLE
*===================================*/
footer {
  overflow: hidden;
}

.footer_dark {
  background-color: #202325;
  position: relative;
}

.footer_top {
  padding: 100px 0 70px;
}

.footer_logo {
  margin-bottom: 20px;
}

footer p {
  font-size: 14px;
}

footer .widget {
  margin-bottom: 30px;
}

footer .widget_title {
  text-transform: capitalize;
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 18px;
}

.widget_links li {
  list-style: none;
  padding-bottom: 10px;
}

.widget_links li:last-child {
  padding-bottom: 0;
}

.widget_links li a {
  font-size: 14px;
  color: #687188;
}

.contact_info > li {
  margin-bottom: 15px;
  list-style: none;
}

.contact_info > li:last-child {
  margin-bottom: 0px;
}

.contact_info li i {
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
  font-size: 18px;
  vertical-align: top;
}

.contact_info li span {
  float: left;
  margin-right: 10px;
  max-width: 70px;
  width: 100%;
  color: #292b2c;
}

.contact_info span + * {
  overflow: hidden;
  color: #687188;
  margin: 0;
  font-size: 14px;
  line-height: 26px;
}

.contact_info i + * {
  overflow: hidden;
  font-size: 14px;
  color: #687188;
  line-height: 26px;
  margin: 0;
  vertical-align: middle;
  max-width: 78%;
  display: inline-block;
}

.contact_info_light li i {
  border-color: #fff;
  color: #fff;
}

.contact_info_light li span,
.contact_info_light li a {
  color: #fff;
}

.bottom_footer {
  padding: 30px 0;
  position: relative;
}

.footer_dark h1, .footer_dark h2, .footer_dark h3, .footer_dark h4, .footer_dark h5, .footer_dark h6, .footer_dark p, .footer_dark a, .footer_dark .widget_links li a, .footer_dark .post_content a {
  color: #fff;
}

.footer_dark a:hover, .footer_dark .widget_links li a:hover, .widget_links li a:hover {
  color: var(--color-1st);
}

.bottom_footer .social_icons li {
  padding-bottom: 0;
}

.footer_payment li {
  display: inline-block;
  list-style: none;
}

/*===================================*
  11.END FOOTER STYLE
*===================================*/
/*===================================*
  12.START MAP STYLE
*===================================*/

/*===================================*
  12.END MAP STYLE
*===================================*/
/*===================================*
  13.START TEAM STYLE
*===================================*/

/*===================================*
  13.END TEAM STYLE
*===================================*/
/*===================================*
  14.START CLIENT LOGO STYLE
*===================================*/
.client_logo .cl_logo img {
  opacity: 0.7;
  width: 163px;
  margin: 0 auto;
  transition: all 0.5s ease-in-out;
}

.client_logo .cl_logo:hover img {
  opacity: 1;
}

/*===================================*
  14.END CLIENT LOGO STYLE
*===================================*/
/*===================================*
  15.START BREADCRUMB STYLE
*===================================*/
.breadcrumb_section {
  padding: 150px 0;
  width: 100%;
}

.breadcrumb_section.page-title-mini {
  padding: 70px 0;
}

.page-title-mini .page-title h1 {
  font-size: 28px;
}

.page-title-mini .breadcrumb li {
  font-size: 14px;
}

.page-title h1 {
  margin: 0;
  text-transform: capitalize;
  font-weight: bold;
  line-height: normal;
}

.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "";
  font-family: "Ionicons";
  vertical-align: middle;
}

.page-title + .breadcrumb {
  margin-top: 15px;
}

.page-title + span {
  margin-top: 15px;
  display: inline-block;
  width: 100%;
}

.breadcrumb-item a i {
  font-size: 26px;
  line-height: 1;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -5px;
  display: inline-block;
}

.page-title-video {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  z-index: -3;
}

/*===================================*
  15.END BREADCRUMB STYLE
*===================================*/
/*===================================*
  16.START CONTACT STYLE
*===================================*/
.contact_wrap li {
  list-style: none;
}

.contact_wrap li {
  display: flex;
  margin-bottom: 25px;
  align-items: center;
}

.contact_icon {
  margin-right: 20px;
}

.contact_icon i {
  font-size: 34px;
  color: var(--color-1st);
}

.contact_text span {
  color: #333;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}

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

.contact_text a {
  color: #687188;
  line-height: 28px;
}

.contact_text a:hover {
  color: var(--color-1st);
}

.contact_style3 {
  text-align: center;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  border-radius: 10px;
}

.contact_style3 .contact_icon {
  border: 1px solid var(--color-1st);
  margin: 0 0 5px;
  height: 80px;
  width: 80px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}

.contact_style3 .contact_icon i {
  line-height: 78px;
  transition: all 0.5s ease-in-out;
}

.contact_style3 .contact_icon::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-1st);
  transition: all 0.5s ease-in-out;
  transform: scale(0);
  border-radius: 100%;
  z-index: -1;
}

.contact_style3:hover .contact_icon::before {
  transform: scale(1);
}

.contact_style3:hover .contact_icon i {
  color: #fff;
}

/*===================================*
  16. END CONTACT STYLE
*===================================*/
/*===================================*
  17.START DIVIDER STYLE
*===================================*/
.divider {
  position: relative;
  overflow: hidden;
  height: 4px;
  z-index: 9;
}

.divider.center_icon,
.divider.text_divider {
  height: auto;
}

.divider.center_icon {
  text-align: center;
}

.divider.text_divider {
  text-align: center;
}

.divider.text_divider span {
  background-color: #fff;
  position: relative;
  z-index: 1;
  font-size: 30px;
  padding: 0 30px;
}

.divider:before,
.divider:after {
  content: "";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0px;
  height: 0;
  border-top: 1px solid #dddddd;
  transform: translateY(-50%);
}

.divider::before {
  margin-top: -1px;
}

.divider::after {
  margin-top: 1px;
}

.divider i {
  background-color: #fff;
  color: #d9d9d9;
  position: relative;
  z-index: 1;
  font-size: 30px;
  padding: 0 40px;
}

/*===================================*
  17.END DIVIDER STYLE
*===================================*/
/*===================================*
  18.START ACCORDION STYLE
*===================================*/

.card-body p {
  margin-bottom: 15px;
}

/*===================================*
  18.END ACCORDION STYLE
*===================================*/
/*===================================*
  19.START 404 ERROR STYLE
*===================================*/
.error_wrap {
  width: 100%;
}

.error_txt {
  color: #333;
  font-size: 150px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1;
}

.search_form form {
  position: relative;
}

.search_form form input {
  height: 50px;
  padding: 5px 60px 5px 20px;
}

.search_form form input:focus {
  height: 50px;
}

.search_form .icon_search {
  position: absolute;
  right: 18px;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
  border-left: 1px solid #ddd;
  border-radius: 0;
  padding-left: 15px;
}

.search_form .icon_search i {
  font-size: 24px;
  margin-right: 0;
}

.form-note {
  margin-top: 20px;
}

/*===================================*
  19.END 404 ERROR STYLE
*===================================*/
/*===================================*
  20.START LOGIN REGISTER STYLE
*===================================*/
.login_wrap {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.login_register_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.login_footer {
  margin-bottom: 20px;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.login_footer a {
  color: #687188;
}

/*===================================*
  20.END LOGIN REGISTER STYLE
*===================================*/
/*===================================*
  21.START COMMING SOON STYLE
*===================================*/

.countdown_time {
  display: table;
  width: 100%;
}

.countdown_time .countdown_box {
  float: left;
  width: 25%;
  padding: 0 15px;
}

.countdown-wrap {
  display: inline-block;
  text-align: center;
}

.countdown_time .cd_text {
  display: block;
}

.countdown_box .countdown {
  color: #292b2c;
  font-size: 40px;
}

.countdown_time.countdown_style4 {
  margin: 0 -2px;
  width: auto;
  display: block;
}

.countdown_time.countdown_style4 .countdown_box {
  padding: 0 2px;
}

.countdown_style4 .countdown_box .countdown-wrap {
  text-align: center;
  background-color: #f2f2f2;
  width: 100%;
  padding: 10px;
}

/*===================================*
  21.END COMMING SOON STYLE
*===================================*/
/*===================================*
  22.START DEAL OF THE DAY STYLE
*===================================*/

.deal_wrap {
  border: 2px solid var(--color-1st);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.deal_wrap .product_img {
  max-width: 300px;
  width: 100%;
}

.deal_content {
  width: 100%;
  padding: 30px 30px 30px 0;
}

.deal_content .product_info {
  padding: 0;
}

.deal_wrap .countdown_box .countdown {
  font-size: 24px;
}

.deal_wrap .countdown_time .cd_text {
  font-size: 13px;
}

.deal_progress {
  padding-top: 5px;
  display: block;
}

.stock-available {
  float: right;
}

.deal_progress .progress {
  margin-top: 5px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.deal_progress .progress-bar {
  background-color: var(--color-1st);
  text-indent: -99999px;
}

/*===================================*
  22.END DEAL OF THE DAY STYLE
*===================================*/
/*===================================*
  23.START SHOP DESIGN
*===================================*/
.shorting_icon {
  font-size: 18px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  float: left;
  text-align: center;
  line-height: 45px;
  border: 1px solid #CED4DA;
  border-radius: 4px;
}

.shorting_icon .ti-layout-list-thumb {
  font-size: 24px;
  line-height: 45px;
}

.shorting_icon.active {
  background-color: var(--color-1st);
  color: #fff;
  border-color: #ff324d;
}

.product_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_header_right {
  display: flex;
  align-items: center;
}

.products_view {
  display: inline-block;
  vertical-align: middle;
}

.product,
.product_wrap {
  background-color: #fff;
  position: relative;
  margin-bottom: 30px;
  transition: all 0.5s ease-in-out;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.product_wrap .pr_action_btn li a {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  line-height: 35px;
}

.product_wrap .pr_action_btn li a i {
  line-height: 35px;
  font-size: 16px;
}

.carousel_slider .product,
.carousel_slider .product_wrap {
  margin: 5px;
}

.product_img img {
  transition: all 0.3s ease-in-out;
}

.product_img .product_hover_img {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translateX(100%);
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}

.product:hover .product_img .product_hover_img,
.product_wrap:hover .product_img .product_hover_img {
  opacity: 1;
  z-index: 0;
  transform: translateX(0);
}

.pr_desc {
  display: none;
}

.pr_flash {
  background-color: #FF9F00;
  position: absolute;
  left: 10px;
  top: 10px;
  text-transform: uppercase;
  color: #fff;
  padding: 2px 8px;
  font-size: 13px;
  z-index: 1;
}

.product_info {
  padding: 15px;
}

.price {
  color: var(--color-1st);
  font-weight: 600;
}

.product_price del {
  font-size: 14px;
  margin-right: 5px;
  margin-left: 3px;
}

.product-price del {
  margin-left: 5px;
  color: #919191;
}

.on_sale {
  display: inline-block;
  color: #388e3c;
  font-size: 14px;
}

.product_price {
  margin-bottom: 5px;
}

.product .rating_wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.product.text-center .rating_wrap {
  justify-content: center;
}

.rating_num {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}

.rating_wrap .rating {
  overflow: hidden;
  position: relative;
  height: 20px;
  font-size: 12px;
  width: 70px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  vertical-align: middle;
}

.rating::before {
  font-size: 12px;
  content: "";
  top: 0;
  position: absolute;
  left: 0;
  float: left;
  color: #F6BC3E;
}

.product_rate {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  color: #F6BC3E;
}

.product_rate::before {
  font-size: 12px;
  content: "";
  top: 0;
  position: absolute;
  left: 0;
}

.product_action_box {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  right: 0;
  text-align: center;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  transform: translateY(-50%);
}

.pr_action_btn {
  display: table;
  margin: 0 auto;
}

.product_img {
  position: relative;
  overflow: hidden;
}

.product_img::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

.product:hover .product_img:before {
  opacity: 1;
}

.pr_action_btn li {
  position: relative;
  margin: 0px 5px;
  display: inline-block;
}

.product_wrap .pr_action_btn li {
  display: block;
  margin: 10px 0;
}

.product_wrap .pr_action_btn {
  margin: 0 0 0 10px;
}

.product_action_box li {
  transform: translate(0, 15px);
  opacity: 0;
}

.product_action_box li:nth-child(1) {
  transition: all 0.2s ease 0s;
}

.product_action_box li:nth-child(2) {
  transition: all 0.3s ease 0s;
}

.product_action_box li:nth-child(3) {
  transition: all 0.4s ease 0s;
}

.product_action_box li:nth-child(4) {
  transition: all 0.5s ease 0s;
}

.product:hover .product_action_box li,
.product_wrap:hover .product_action_box li {
  transform: translate(0, 0);
  opacity: 1;
}

.pr_action_btn li a {
  background-color: #fff;
  font-size: 0;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  width: 37px;
  height: 37px;
  padding: 0;
  display: block;
  text-align: center;
}

.pr_action_btn li a i {
  vertical-align: middle;
  line-height: 37px;
  font-size: 18px;
}

.pr_action_btn li a:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.product .product_title,
.product_wrap .product_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}

.product_color_switch span {
  height: 15px;
  width: 15px;
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  position: relative;
  cursor: pointer;
  border-radius: 100%;
}

.product .product_color_switch span {
  transform: translateY(15px);
  opacity: 0;
}

.product_color_switch span.active::before {
  content: "";
  border: 2px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: -3px;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.product .pr_switch_wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  padding: 7px 15px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.product:hover .pr_switch_wrap {
  opacity: 1;
  visibility: visible;
}

.product:hover .product_color_switch span {
  transform: translateY(0px);
  opacity: 1;
}

.product_color_switch span:first-child {
  transition: all 0.2s ease 0s;
}

.product_color_switch span:nth-child(2) {
  transition: all 0.3s ease 0s;
}

.product_color_switch span:nth-child(3) {
  transition: all 0.4s ease 0s;
}

.product_color_switch span:nth-child(4) {
  transition: all 0.5s ease 0s;
}

.product_color_switch span:nth-child(5) {
  transition: all 0.6s ease 0s;
}

.product_color_switch span:nth-child(6) {
  transition: all 0.7s ease 0s;
}

.product_color_switch span:nth-child(7) {
  transition: all 0.75s ease 0s;
}

.product_list .product,
.product_list .product_wrap {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 30px;
}

.product_list .product_img {
  max-width: 30%;
  flex: 0 0 30%;
  width: 100%;
}

.product_list .product_info {
  padding: 0px 0 0 15px;
  text-align: left;
  max-width: 70%;
  flex: 0 0 70%;
}

.product_list .product_img::before {
  content: normal;
}

.mfp-ajax-holder .mfp-content .ajax_quick_view {
  max-width: 980px;
  background-color: #fff;
  margin: 6px auto;
  padding: 30px;
  position: relative;
}

.mfp-close {
  width: 30px;
  height: 30px;
  line-height: normal;
}

.product-image {
  position: relative;
}

.pr_detail .pr_desc {
  display: inline-block;
}

.pr_detail .pr_desc p {
  margin-bottom: 15px;
}

.pr_detail .rating_wrap {
  float: right;
  margin-top: 7px;
}

.pr_detail .product_price {
  float: left;
}

.pr_detail .price {
  vertical-align: middle;
  font-size: 26px;
}

.cart-product-quantity {
  margin: 7px 10px 7px 0;
  display: table;
}

.quantity {
  display: table;
}

.quantity .minus, .quantity .plus {
  background-color: #eee;
  display: block;
  float: left;
  border-radius: 50px;
  cursor: pointer;
  border: 0;
  padding: 0;
  width: 34px;
  height: 34px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
  margin: 4px;
}

.quantity .minus {
  padding-left: 4px;
}

.quantity .qty {
  float: left;
  width: 55px;
  height: 36px;
  border: 1px solid #ddd;
  background-color: transparent;
  text-align: center;
  padding: 0;
  margin: 3px;
}

.cart_extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.zoomContainer {
  z-index: 99;
}

.zoom_image .zoomContainer {
  z-index: 1043;
}

.zoom_gallery_image .zoomContainer {
  z-index: 0;
}

.pr_detail .pr_switch_wrap {
  margin-bottom: 10px;
}

.list_brand li {
  list-style: none;
  margin-bottom: 10px;
}

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

.list_brand .custome-checkbox .form-check-label {
  color: #292b2c;
}

.cart_btn .add_wishlist, .cart_btn .add_compare {
  font-size: 20px;
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
}

.product_gallery_item a {
  border: 1px solid #ddd;
  display: block;
  padding: 5px;
}

.product-meta li {
  list-style: none;
  margin-top: 10px;
}

.slick-vertical .slick-slide {
  border: 0;
}

.slick-list {
  padding: 0 !important;
}

.product_gallery_item.slick-slider .slick-slide {
  margin-right: 5px;
  margin-left: 5px;
}

.product-image .slick-list {
  margin-right: -5px;
  margin-left: -5px;
}

.product_gallery_item a.active {
  border-color: var(--color-1st);
}

.product_img_box {
  padding: 8px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.product_img_zoom {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  font-size: 18px;
  background-color: #FAFAFA;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
}

.product_share {
  margin-top: 15px;
}

.product_share > span {
  margin-right: 10px;
}

.product_share > span, .product_share .social_icons {
  vertical-align: middle;
  display: inline-block;
}

.product_share .social_icons li {
  padding-bottom: 0;
}

.filter_price .ui-widget.ui-widget-content {
  border: 0;
  border-radius: 0;
  background-color: #ddd;
  height: 4px;
  margin-bottom: 20px;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.filter_price .ui-slider .ui-slider-range {
  background-color: var(--color-1st);
  border-radius: 0;
}

.filter_price .ui-slider .ui-slider-handle {
  cursor: pointer;
  background-color: #fff;
  border-radius: 100%;
  border: 0;
  height: 18px;
  top: -8px;
  width: 18px;
  margin: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.price_range {
  color: #292b2c;
}

#flt_price {
  margin-left: 5px;
  font-weight: 600;
}

.shop_container {
  position: relative;
}

.loading_pr {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9;
}

.shop_container .loading_pr {
  top: -7px;
}

.shop_container .mfp-preloader {
  top: 100px;
}

.shop_container:not(.list) .list_product_action_box,
.shop_container.list .product_action_box {
  display: none;
}

.shop_container.list .product_img::before {
  content: normal;
}

.shop_container.list [class*=col-] {
  flex: 0 0 100%;
  max-width: 100%;
}

.shop_container.list .product {
  display: inline-block;
  width: 100%;
}

.shop_container.list .product_img {
  float: left;
  width: 100%;
  max-width: 280px;
}

.shop_container.list .product .product_title {
  font-size: 20px;
  margin-bottom: 15px;
}

.shop_container.list .product_info {
  overflow: hidden;
  text-align: left;
  padding: 15px 30px;
}

.shop_container.list .product_price {
  float: left;
}

.shop_container.list .product .rating_wrap {
  display: block;
  float: right;
}

.shop_container.list .pr_desc {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  min-height: 58px;
  max-height: 84px;
}

.shop_container.list .pr_desc p {
  margin-bottom: 0px;
}

.shop_container.list .product_action_box,
.shop_container.list .product .pr_switch_wrap,
.shop_container.list .product .pr_switch_wrap {
  position: static;
}

.shop_container.list .product .pr_switch_wrap {
  padding: 0;
  opacity: 1;
  visibility: visible;
  margin-bottom: 10px;
}

.shop_container.list .product .product_color_switch span {
  opacity: 1;
  transform: translateY(0px);
}

.shop_container.list .product_action_box li {
  transform: translate(0px, 0px);
  opacity: 1;
  filter: alpha(opacity=1);
}

.shop_container.list .pr_action_btn {
  display: block;
  margin: 0;
}

.shop_container.list .pr_action_btn li {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.shop_container.list .pr_action_btn li a {
  box-shadow: none;
}

.shop_container.list .pr_action_btn li a:hover {
  background-color: transparent;
  color: var(--color-1st);
}

.shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a {
  font-size: 16px;
  width: auto;
  height: auto;
  padding: 12px 30px;
  background-color: var(--color-1st);
  border: 1px solid var(--color-1st);
  color: #fff;
  border-radius: 4px;
}

.shop_container.list .pr_action_btn li.add-to-cart a:hover {
  background-color: transparent;
  color: var(--color-1st);
}

.shop_container.list .pr_action_btn li.add-to-cart a i {
  line-height: normal;
  margin-right: 5px;
}

.product_tab_title span {
  font-weight: 600;
}

.tab-content.shop_info_tab {
  margin-top: 40px;
}

.comment_list {
  margin-bottom: 20px;
}

.comments li {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.comment_img {
  float: left;
}

.comment_img img {
  border-radius: 100%;
  max-width: 100px;
}

.comment_block {
  padding-left: 120px;
}

.customer_meta {
  margin-bottom: 5px;
}

.comment_block .rating_wrap {
  float: right;
}

.description p:last-child {
  margin: 0;
}

.review_author {
  display: block;
  color: #292b2c;
  font-weight: 500;
}

.comment-date {
  font-style: italic;
}

.star_rating > span {
  color: #F6BC3E;
}

.star_rating span {
  cursor: pointer;
  display: inline-block;
}

.star_rating span i {
  font-size: 20px;
}

.star_rating > span.selected i::before {
  font-weight: 900;
}

.releted_product_slider .item {
  margin: 10px 0px 0px;
}

.releted_product_slider .product {
  margin-bottom: 15px;
}

.mfp-ajax-holder .compare_box {
  width: 90%;
  margin: 6px auto;
  background-color: #fff;
  position: relative;
  padding: 30px;
}

.compare_box .table {
  margin: 0;
  display: block;
}

.compare_box table tr td {
  vertical-align: middle;
  width: 27%;
}

.compare_box table tr td.product_name {
  text-transform: capitalize;
}

.compare_box table tr td.row_title {
  width: 270px;
  text-transform: uppercase;
  font-weight: 600;
}

.row_remove a, .row_remove a:hover {
  color: #FF0000;
}

.product_name a {
  font-weight: 600;
}

.product-thumbnail img {
  max-width: 100px;
}

.shop_cart_table th, .shop_cart_table td {
  vertical-align: middle;
  text-align: center;
}

.shop_cart_table th.product-name, .shop_cart_table td.product-name {
  text-align: left;
  text-transform: capitalize;
}

.shop_cart_table .quantity {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.product-remove a i {
  height: 30px;
  width: 30px;
  color: #292b2c;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border-radius: 100%;
  font-size: 14px;
}

.product-remove a i:hover {
  background-color: #F00;
  color: #fff;
}

.shop_cart_table td.product-price,
.shop_cart_table td.product-subtotal {
  font-weight: 600;
}

.shop_cart_table .table {
  margin: 0;
}

.product-subtotal {
  font-weight: 600;
}

.payment-text {
  display: none;
  margin-top: 5px;
  margin-bottom: 0;
}

.card-body .comments {
  margin-top: 5px;
}

/*===================================*
  23.END SHOP DESIGN
*===================================*/
/*===================================*
  24.START ELEMENT DESIGN
*===================================*/
.form-control {
  color: #000;
  box-shadow: none;
  height: 50px;
  padding: 8px 15px;
}

.form-control:focus {
  color: #000;
  box-shadow: none;
  height: 50px;
}

textarea.form-control, textarea.form-control:focus {
  height: auto;
  padding: 12px 15px;
}

.form-control-sm,
.form-control-sm:focus,
.custom_select select.form-control-sm,
.custom_select select.form-control-sm:focus {
  height: 45px;
}


select.first_null option:first-child,
select.form-control.first_null option:first-child {
  color: #6c757d;
}

select option {
  color: #000;
}

.custom_select {
  position: relative;
}

.custom_select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ced4da;
  padding: 8px 35px 8px 15px;
  width: 100%;
  height: 50px;
}

.custom_select::before {
  content: "";
  font-family: "themify";
  position: absolute;
  display: block;
  color: #848484;
  top: 50%;
  right: 15px;
  font-weight: 900;
  pointer-events: none;
  font-size: 12px;
  transform: translateY(-50%);
}

.rounded_input .form-control,
.rounded_input input {
  border-radius: 30px;
  padding: 10px 20px;
}

.rounded_input .custom_select select {
  padding-right: 40px;
}

.rounded_input .custom_select::before {
  right: 20px;
}

.rounded_input textarea.form-control, .rounded_input textarea.form-control:focus {
  padding: 15px 20px;
}

.pagination .page-item a {
  color: #0E93D8;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  padding: 0px;
  z-index: 1;
}

.page-link:focus {
  box-shadow: none;
}

.pagination_style1 li,
.pagination_style2 li,
.pagination_style3 li,
.pagination_style4 li {
  margin-right: 5px;
}

.pagination_style1 .page-item a {
  border: 2px solid #dee2e6;
  border-radius: 0 !important;
  color: #687188;
  margin-left: 0px;
  line-height: 36px;
}

.pagination_style1 .page-item a i {
  line-height: 36px;
}

.pagination_style1 .page-item.disabled .page-link,
.pagination_style3 .page-item.disabled .page-link {
  color: #c6c6c6;
  pointer-events: none;
  background-color: #fff;
  border-color: #f4f4f4;
}

.pagination_style1 .page-item.active .page-link,
.pagination_style1 .page-item .page-link:hover {
  background-color: var(--color-1st);
  border-color: var(--color-1st);
  color: #fff;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url("../images/loading.gif") center center no-repeat;
  text-align: center;
  margin-top: -12px;
  margin-left: -12px;
  z-index: 1044;
  text-indent: -9999px;
  background-color: #000;
  padding: 25px;
  border-radius: 5px;
}

.widget_title {
  margin-bottom: 25px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.widget_categories li {
  padding-bottom: 10px;
  list-style: none;
}

.widget_categories li a {
  position: relative;
}

.widget_categories li a::before {
  content: "";
  font-family: "Ionicons";
  height: auto;
  line-height: normal;
  margin-right: 10px;
}

.widget_categories li:last-child {
  padding-bottom: 0;
}

.widget_categories .categories_num {
  float: right;
  font-size: 14px;
}

.sidebar .widget + .widget {
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px;
}

.widget_recent_post li {
  list-style: none;
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

.post_footer {
  display: inline-block;
  vertical-align: top;
}

.widget_recent_post li:last-child {
  margin-bottom: 0px;
}

footer .widget_recent_post .post_img img {
  border: 0;
}

.post_img {
  float: left;
  margin-right: 10px;
}

.post_img img {
  width: 80px;
}

.post_content {
  overflow: hidden;
}

.post_content h6 {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

.post_content .product_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 5px;
}

.post_content .product_price {
  margin-bottom: 0px;
}

.tags a {
  background-color: #f7f7f7;
  font-size: 14px;
  padding: 8px 15px;
  display: inline-block;
  margin-bottom: 5px;
  color: #333;
}

.tags a:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.nav-tabs li.nav-item a {
  background-color: transparent;
  border: 0;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  padding: 5px 20px;
}

.tab-content {
  margin-top: 25px;
}


.tab-style2 .nav-tabs {
  border-bottom: 0;
}


.tab-style2 .nav-tabs li.nav-item a.active, .tab-style2 .nav-tabs li.nav-item a.active:hover {
  color: var(--color-1st);
}

.tab-style2 .nav-tabs li.nav-item a {
  padding: 0px 15px;
}

.tab-style2 .nav-tabs li.nav-item:last-child a {
  padding-right: 0;
}

.tab-style3 .nav-tabs li.nav-item a {
  background-color: transparent;
  display: block;
  padding: 0.5rem 1rem;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  text-align: center;
  text-transform: uppercase;
}

.tab-style3 .nav-tabs .nav-item a.active {
  border-bottom-color: var(--color-1st);
  color: var(--color-1st);
}

.tab_slider > .tab-pane {
  display: block;
  height: 0;
}

.tab_slider .tab-pane.active {
  height: auto;
  display: block;
  animation-name: moveUp;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-play-state: running;
}
@keyframes moveUp {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.heading_tab_header {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.heading_tab_header [class*=heading_] {
  float: left;
}

.view_all i, .view_all span {
  vertical-align: middle;
}

.custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
  color: #687188;
  padding: 0;
  vertical-align: middle;
}

.custome-checkbox .form-check-input {
  display: none;
}

.custome-checkbox .form-check-label span {
  vertical-align: middle;
}

.custome-checkbox .form-check-label::before {
  content: "";
  border: 2px solid #ced4da;
  height: 17px;
  width: 17px;
  margin: 0px 8px 0 0;
  display: inline-block;
  vertical-align: middle;
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label::after {
  opacity: 1;
}

.custome-checkbox input[type=checkbox] + .form-check-label::after {
  content: "";
  width: 11px;
  position: absolute;
  top: 50%;
  left: 3px;
  opacity: 0;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-65%) rotate(-45deg);
}

.custome-checkbox input[type=checkbox]:checked + .form-check-label::before {
  background-color: var(--color-1st);
  border-color: var(--color-1st);
}

 .custome-checkbox .form-check-input {
  display: none;
}

 .custome-checkbox .form-check-label {
  position: relative;
  cursor: pointer;
}

.custome-checkbox input[disabled] + .form-check-label {
  color: #d0d0d0;
}

.custome-checkbox input[disabled] + .form-check-label::before {
  border-color: #e8e8e8;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

body .owl-theme .owl-nav [class*=owl-] {
  background-color: #fff;
  color: #222;
  font-size: 26px;
  line-height: 50px;
  transition: all 0.3s ease-in-out;
  height: 50px;
  padding: 0;
  margin: 0;
  width: 50px;
  text-align: center;
}

.owl-theme .owl-nav [class*=owl-] i {
  line-height: normal;
}

.owl-theme .owl-dots {
  font-size: 0;
  margin-top: 15px;
}

.owl-theme .owl-dots .owl-dot span {
  background-color: transparent;
  border: 1px solid var(--color-1st);
  cursor: pointer;
  margin: 3px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--color-1st);
}

.dot_style1.owl-theme .owl-dots .owl-dot.active span {
  width: 30px;
}


.nav_style5.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkittransform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0;
  width: 30px;
}

.nav_style2.owl-theme .owl-nav [class*=owl-] {
  background-color: transparent;
  position: absolute;
  bottom: 10px;
}

.nav_style2.owl-theme .owl-nav [class*=owl-]:hover,
.nav_style3.owl-theme .owl-nav [class*=owl-]:hover {
  color: #555;
}

.nav_style2.owl-theme .owl-nav .owl-prev,
.nav_style5.owl-theme .owl-nav .owl-prev {
  left: 0px;
}

.nav_style2.owl-theme .owl-nav .owl-next,
.nav_style5.owl-theme .owl-nav .owl-next {
  right: 0px;
}

.nav_style3.owl-theme .owl-nav [class*=owl-] {
  position: absolute;
  top: -90px;
  border-radius: 0;
  right: 0;
  height: auto;
  width: auto;
  background-color: transparent;
}

.nav_style3.owl-theme .owl-nav .owl-prev {
  right: 40px;
}

.nav_style5.owl-theme .owl-nav .owl-prev, .nav_style5.owl-theme .owl-nav .owl-next {
  opacity: 0;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.nav_style5.owl-theme .owl-nav .owl-prev:hover, .nav_style5.owl-theme .owl-nav .owl-next:hover {
  background-color: var(--color-1st);
  color: #fff;
}

.nav_style5.owl-theme:hover .owl-nav .owl-prev {
  left: 20px;
  opacity: 1;
}

.nav_style5.owl-theme:hover .owl-nav .owl-next {
  right: 20px;
  opacity: 1;
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
  opacity: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #fff;
}

.slick-prev {
  left: -50px;
  border-radius: 0 5px 5px 0;
  opacity: 0;
}

.slick-next {
  right: -50px;
  border-radius: 5px 0 0 5px;
  opacity: 0;
}

.slick-prev::before {
  content: "";
  font-family: "Ionicons";
  color: #333;
  opacity: 1;
  display: block;
  font-size: 22px;
}

.slick-next::before {
  content: "";
  font-family: "Ionicons";
  color: #333;
  opacity: 1;
  display: block;
  font-size: 22px;
}

.slick-prev, .slick-next {
  height: 50px;
  width: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}

.slick-prev:hover, .slick-next:hover {
  background-color: var(--color-1st);
}

.slick-prev:hover:before, .slick-next:hover:before {
  color: #fff;
}

.slick_slider:hover .slick-prev {
  opacity: 1;
  left: 0;
}

.slick_slider:hover .slick-next {
  opacity: 1;
  right: -2px;
}

.social_icons [class*=sc_] {
  color: #fff !important;
}

.social_icons [class*=sc_] i {
  transition: all 0.3s ease-in-out;
  display: block;
  line-height: 36px;
}

.social_icons [class*=sc_]:hover i {
  animation: toLeftFromRight 0.3s forwards;
}

.sc_facebook {
  background-color: #3b5998 !important;
  border-color: #3b5998 !important;
}

.sc_twitter {
  background-color: #00acee !important;
  border-color: #00acee !important;
}

.sc_youtube {
  background-color: #c4302b !important;
  border-color: #c4302b !important;
}

.sc_instagram {
  background-color: #3f729b !important;
  border-color: #3f729b !important;
}

.blog_post_footer {
  padding-bottom: 30px;
  padding-top: 15px;
}

.modal {
  padding-right: 0 !important;
}

.alert .close {
  font-weight: normal;
  margin-left: 10px;
}

.alert_style1 {
  border-radius: 0;
  border-left: 3px solid;
  padding: 20px;
  position: relative;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

.alert > i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}

.alert_style2 {
  border-radius: 20px;
  padding: 20px 20px;
  background-color: #fff;
  border-left: 3px solid;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-top: 0;
  border-bottom: 0;
  border-right: 3px solid;
}

.subscribe_popup .modal-body {
  padding: 0;
}

.subscribe_popup .modal-content {
  border: 0;
  border-radius: 0;
}

.popup_content {
  padding: 50px;
  text-align: center;
}

.subscribe_popup .close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  opacity: 1;
  text-shadow: none;
  width: 40px;
  height: 40px;
}

.subscribe_popup .close i {
  font-size: 40px;
}

.modal {
  z-index: 99999;
}

.dashboard_menu {
  box-shadow: 0 0px 4px 0 #e9e9e9;
}

.dashboard_menu .nav-tabs li.nav-item a {
  text-align: left;
  padding: 12px 20px;
  border-radius: 0;
  border-bottom: 1px solid #efefef;
  color: #2b2f4c;
}

.dashboard_menu .nav-tabs li.nav-item a.active {
  background-color: var(--color-1st);
  color: #fff;
}

.dashboard_menu .nav-tabs li.nav-item a i {
  margin-right: 8px;
  vertical-align: middle;
}

.dashboard_content {
  margin: 0;
}

.dashboard_content .card-header {
  background-color: transparent;
  border-color: #f0f0f0;
}

.dashboard_content .card-header * {
  margin: 0;
}

.dashboard_content .card {
  border-radius: 0;
  border: 0;
  box-shadow: 0 0 4px 0 #e9e9e9;
}

.dashboard_content .card-body p:last-child {
  margin: 0;
}

.dashboard_content .table {
  margin: 0;
}

.dashboard_content .table thead th {
  border: 0;
  padding-top: 0;
  font-weight: 600;
}

.dashboard_content .table tbody tr:last-child td {
  padding-bottom: 0;
}

.dashboard_content .table tbody tr td {
  vertical-align: middle;
  white-space: nowrap;
}

.dashboard_content label {
  color: #333;
}

.dashboard_content label .required {
  color: #ff0000;
}

/*===================================*
  24.END ELEMENT DESIGN
*===================================*/
/* -------------------------------------------------
  (min-width: 1680px)
---------------------------------------------------*/
/* -------------------------------------------------
  (max-width: 1250px)
---------------------------------------------------*/
/* -------------------------------------------------
  (min-width: 991px) and (max-width: 1199px)
---------------------------------------------------*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .nav_cat > ul > li > a, .nav_cat > ul > li > ul > li > a {
    font-size: 14px;
    padding: 5px 10px;
  }

  .countdown_style4 .countdown_box .countdown-wrap {
    padding: 5px;
  }

  .deal_wrap .countdown_time .cd_text {
    font-size: 12px;
  }
}
/* -------------------------------------------------
  (min-width: 767px) and (max-width: 1199px)
---------------------------------------------------*/
/* -------------------------------------------------
  (min-width: 767px) and (max-width: 991px)
---------------------------------------------------*/
/* -------------------------------------------------
  max-width: 1199px
---------------------------------------------------*/
@media only screen and (max-width: 1199px) {
  .h1, h1 {
    font-size: 34px;
  }

  .h2, h2 {
    font-size: 30px;
  }

  .h3, h3 {
    font-size: 26px;
  }

  .h4, h4 {
    font-size: 22px;
  }

  .h5, h5 {
    font-size: 18px;
  }

  .section {
    padding: 80px 0;
  }

  .section.small_pt, .footer_top.small_pt {
    padding-top: 40px;
  }

  .section.small_pb, .footer_top.small_pb {
    padding-bottom: 40px;
  }

  .section.pb_20, .pb_20, .footer_top.pb_20 {
    padding-bottom: 10px;
  }

  .large_divider {
    height: 80px;
  }

  .medium_divider {
    height: 40px;
  }

  .small_divider {
    height: 20px;
  }

  .banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
    height: 600px;
  }

  .banner_section.slide_medium,
.banner_section.slide_medium .carousel-item {
    height: 400px;
  }

  .banner_content h2 {
    font-size: 52px;
  }

  .breadcrumb_section {
    padding: 100px 0;
  }

  .footer_top {
    padding: 80px 0 50px;
  }

  .blog_meta li {
    margin-right: 10px;
  }

  .blog_meta a {
    font-size: 14px;
  }

  .blog_title {
    line-height: 26px;
  }

  .compare_box table {
    width: 1050px;
  }

  .tab-content.shop_info_tab {
    margin-top: 30px;
  }

  .single_post .blog_title {
    font-size: 26px;
  }

  .icon_box_style1 {
    padding: 0 20px;
  }

  .product_search_form {
    max-width: 480px;
  }

  #navCatContent {
    padding: 0;
  }

  #navCatContent li a i {
    font-size: 20px;
    line-height: 28px;
  }

  .more_categories {
    padding: 10px 15px;
    margin-top: 0;
  }

  .shop_container.list .pr_desc {
    min-height: 56px;
    max-height: 56px;
  }

  .add-to-cart .btn {
    padding: 10px 20px;
  }

  .deal_wrap .product_img {
    max-width: 200px;
  }

  .deal_content {
    padding: 20px 20px 20px 0;
  }

  #navCatContent ul li .dropdown-menu {
    min-width: 750px;
  }

  .mfp-ajax-holder .compare_box {
    width: 100%;
    padding: 30px 20px;
  }
}
/* -------------------------------------------------
  min-width: 992px
---------------------------------------------------*/
@media only screen and (min-width: 992px) {
  .navbar-toggler {
    display: none;
  }

  .navbar .navbar-nav li > .dropdown-menu,
#navCatContent ul > li .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
    pointer-events: none;
  }

  .navbar .navbar-nav li:hover > .dropdown-menu,
#navCatContent ul > li:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
    pointer-events: auto;
  }

  .cart_dropdown:hover > .dropdown-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 0px !important;
  }

  .cart_dropdown:hover > .dropdown-menu.cart_box {
    transform: scale(1) !important;
  }

  .navbar .navbar-nav li:hover > .dropdown-menu .mega-menu ul li .dropdown-menu {
    margin-top: 10px;
  }

  .navbar .navbar-nav .dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0;
  }

  .navbar .navbar-nav .dropdown-menu.dropdown-reverse .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
  }

  .navbar .navbar-nav .dropdown-menu.dropdown-reverse li:hover > .dropdown-item::after {
    transform: rotate(90deg);
  }

  .dropdown-menu.dropdown-reverse {
    left: auto;
    right: 0;
  }

  
.header_banner_text {
    opacity: 0;
    transform: translateY(25%);
    transition: ease transform 200ms, ease opacity 200ms;
  }

  .header_banner_text {
    transition-delay: 500ms;
  }

   .navbar .navbar-nav li:hover > .dropdown-menu .header_banner_text {
    opacity: 1;
    transform: translateY(0%);
  }

  .banner_content_inner {
    padding: 30px;
  }

  .nav_cat ul li .dropdown-menu {
    min-width: 700px;
  }

  .pr_search_icon {
    display: none;
  }
}
/* -------------------------------------------------
  max-width: 991px
---------------------------------------------------*/
@media only screen and (max-width: 991px) {

  .heading_s1, .heading_s4 {
    margin-bottom: 20px;
  }

  .header_wrap nav.navbar {
    display: table;
    width: 100%;
  }

  .header_wrap .navbar .navbar-nav.attr-nav {
    display: block;
    float: right;
  }

  .header_wrap .navbar-collapse {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 999;
  }

  .navbar .navbar-collapse .navbar-nav {
    max-height: 80vh;
    overflow-y: auto;
  }

  .header_wrap .navbar-collapse.mobile_side_menu {
    position: fixed;
    right: -280px;
    display: block;
    top: 0;
    bottom: 0;
    width: 270px;
    left: auto;
    height: auto !important;
    transition: all 0.3s ease-in-out;
  }

  .header_wrap .navbar-collapse.mobile_side_menu.show {
    right: 0;
  }

  .header_wrap .navbar-collapse.mobile_side_menu .navbar-nav {
    height: 100%;
    max-height: 100vh;
  }

  .navbar .navbar-nav > li > .nav-link,
.nav-fixed .navbar .navbar-nav > li > .nav-link {
    padding: 10px 10px;
  }

  .navbar .navbar-nav.attr-nav li {
    float: left;
  }

  .navbar .navbar-nav.attr-nav li .nav-link {
    padding: 20px 10px;
  }

  
.navbar .navbar-nav.attr-nav li .nav-link.cart_trigger {
    padding: 16px 8px;
  }

  .cart_count, .wishlist_count {
    top: 0;
  }

  .navbar .navbar-collapse .navbar-nav:not([class*=bg_]):not([class*=bg-]) {
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  }

  
.light_skin .navbar .navbar-collapse .navbar-nav:not([class*=bg_]):not([class*=bg-]) {
    background-color: #252A2C;
  }

  
.dark_skin.header_wrap .navbar .navbar-collapse .navbar-nav:not([class*=bg_]):not([class*=bg-]) {
    background-color: #fff;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
    border: 1px solid #e6e6e6;
  }

  .navbar-nav .navbar-collapse .dropdown-menu,
.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu,
.dark_skin:not([class*=bg_]):not([class*=bg-]) .navbar-nav .navbar-collapse .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
    border: 0;
  }

  .light_skin .mega-menu {
    padding: 0;
  }

  .dropdown-menu .dropdown-toggler::after {
    right: 0px;
  }

  .dropdown-toggle::after {
    float: right;
  }

  .navbar-nav > li > .dropdown-menu,
.navbar .navbar-nav li.dropdown-mega-menu .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mega-menu-col {
    padding: 0px;
    border-right: 0 !important;
  }

  .dropdown-toggler::after {
    transform: rotate(0deg);
  }

   .navbar .navbar-nav.attr-nav li .nav-link.cart_trigger [class*=linearicons-] {
    margin-top: 5px;
    display: inline-block;
  }

  .navbar .navbar-nav .dropdown-item {
    padding: 8px 10px 8px 10px;
  }

  .nav_cat.collapse:not(.show) {
    display: block;
  }

  .banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
    height: 600px;
  }

  .banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
    height: 500px;
  }

  .banner_section.slide_medium,
.banner_section.slide_medium .carousel-item {
    height: 350px;
  }

  .banner_content h2 {
    font-size: 44px;
  }

  .breadcrumb_section {
    padding: 80px 0;
  }

  .highlight_text {
    font-size: 18px;
  }

  .page-title + span {
    font-size: 15px;
  }

  .padding_eight_all {
    padding: 6%;
  }

  #tabmenubar {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    height: auto !important;
  }

  #tabmenubar.show {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
  }

  #tabmenubar li a {
    text-align: left;
  }

  .tab-style2 .nav-tabs li.nav-item a {
    padding: 5px 0;
  }

  .icon_box_style1::before {
    content: normal;
  }

  .banner_content_inner {
    padding: 30px;
  }

  .product_search_form {
    max-width: 100%;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -146px;
    z-index: 9;
    right: 0;
    width: 100%;
    padding: 15px 15px;
    background-color: #fff;
  }

  .product_search_form.show {
    display: block;
  }

  .heading_tab_header .navbar-toggler {
    margin: 0;
  }

  #navCatContent {
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    display: block;
    max-width: 270px;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
  }

  #navCatContent.show {
    left: 0;
  }

  #navCatContent ul li .dropdown-menu {
    left: 0;
    top: auto;
    min-width: auto;
    position: relative;
    box-shadow: none;
  }

  #navCatContent .mega-menu {
    padding: 0;
  }

  .countdown_box .countdown {
    font-size: 34px;
  }

  .product-thumbnail img {
    max-width: 80px;
  }

  .deal_wrap {
    display: block;
    padding: 20px;
  }

  .deal_wrap .product_img {
    margin: 0 auto;
  }

  .deal_content .product_info {
    text-align: center;
  }

  .deal_content {
    padding: 10px 0 0px;
  }

  .newsletter_text::before {
    font-size: 50px;
  }

  .newsletter_text {
    padding-left: 60px;
  }

  .subscribe_popup .modal-dialog {
    max-width: 700px;
  }

  .popup_content {
    padding: 30px;
  }
}
/* -------------------------------------------------
  min-width: 768px
---------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .blog_thumbs .blog_img {
    float: left;
    width: 40%;
  }

  .blog_thumbs .blog_content {
    padding: 0 0 0 20px;
    overflow: hidden;
  }
}
/* -------------------------------------------------
  max-width: 767px
---------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .h1, h1 {
    font-size: 32px;
  }

  .h2, h2 {
    font-size: 28px;
  }

  .h3, h3 {
    font-size: 24px;
  }

  .h4, h4 {
    font-size: 20px;
  }

  .section {
    padding: 50px 0;
  }

  .section.small_pt, .footer_top.small_pt {
    padding-top: 25px;
  }

  .section.small_pb, .footer_top.small_pb {
    padding-bottom: 25px;
  }

  .section.pb_20, .pb_20, .footer_top.pb_20 {
    padding-bottom: 0px;
  }

  .large_divider {
    height: 50px;
  }

  .medium_divider {
    height: 25px;
  }

  .small_divider {
    height: 10px;
  }

  .banner_content h2 {
    font-size: 36px;
  }

  .breadcrumb_section.page-title-mini {
    padding: 50px 0;
  }

  .footer_top {
    padding: 50px 0 20px;
  }

  .banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
    height: 500px;
  }

  .banner_section:not(.full_screen),
.banner_section:not(.full_screen) .carousel-item {
    height: 400px;
  }

  .banner_section.slide_medium,
.banner_section.slide_medium .carousel-item {
    height: 350px;
  }

  .error_txt {
    font-size: 130px;
  }

  .shop_container.list .product_img {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .compare_box table {
    width: 900px;
  }

  .row_title {
    width: 200px;
  }

  .shop_cart_table td {
    display: block;
    width: 100%;
    text-align: right;
  }

  .shop_cart_table thead {
    display: none;
  }

  .shop_cart_table td::before {
    content: attr(data-title) " ";
    float: left;
    text-transform: capitalize;
    margin-right: 15px;
    font-weight: bold;
  }

  .shop_cart_table td.product-quantity::before {
    margin-top: 10px;
  }

  .shop_cart_table td.product-name {
    text-align: right;
  }

  .shop_cart_table td.product-thumbnail {
    text-align: center;
  }

  .shop_cart_table .quantity {
    justify-content: flex-end;
  }

  .blog_thumbs .blog_img {
    float: none;
    width: 100%;
  }

  .single_post .blog_title {
    font-size: 24px;
  }

  .author_img img {
    max-width: 80px;
  }

  .nav-tabs li.nav-item a {
    padding: 5px 15px;
    font-size: 14px;
  }

  footer .widget_title {
    margin-top: 0px;
  }

  .tab-content {
    margin-top: 20px;
  }

  .banner_content_inner {
    padding: 0px;
  }

  .bottom_footer {
    padding: 15px 0;
  }

  .testimonial_wrap {
    padding: 0px;
  }

  .testimonial_style1 .testimonial_desc {
    margin-bottom: 20px;
  }

  .page-title {
    margin-bottom: 15px;
  }

  .blog_thumbs .blog_content {
    padding: 15px 0 0 0;
  }

  .shop_container.list .product_info {
    padding: 15px;
  }

  .mfp-ajax-holder .mfp-content .ajax_quick_view {
    max-width: 600px;
  }

  .deal_wrap {
    padding: 15px;
  }

  .countdown_style4 .countdown_box .countdown-wrap {
    padding: 5px;
  }

  .deal_wrap .countdown_time .cd_text {
    font-size: 12px;
  }

  .newsletter_text {
    margin-bottom: 15px;
  }

  .subscribe_popup .modal-dialog {
    max-width: 95%;
  }

  .popup-text p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 15px;
  }

  .popup-text .heading_s1 {
    margin-bottom: 15px;
  }

  .popup_content {
    padding: 25px;
  }
}
/* -------------------------------------------------
  max-width: 575px
---------------------------------------------------*/
@media only screen and (max-width: 575px) {
  .header_wrap .navbar-collapse {
    left: -15px;
    right: -15px;
  }

  .btn {
    padding: 10px 28px;
    font-size: 14px;
  }

  .btn + .btn {
    margin-left: 5px;
  }

   .btn-sm {
    padding: 6px 18px;
  }

  .btn-xs {
    padding: 2px 14px;
    font-size: 12px;
  }

  p {
    margin-bottom: 15px;
  }

  .section {
    padding: 30px 0;
  }

  .section.small_pt, .footer_top.small_pt {
    padding-top: 15px;
  }

  .section.small_pb, .footer_top.small_pb {
    padding-bottom: 15px;
  }

  .large_divider {
    height: 30px;
  }

  .medium_divider {
    height: 15px;
  }

  .small_divider {
    height: 5px;
  }

  .breadcrumb_section {
    padding: 50px 0;
  }

  .breadcrumb_section.page-title-mini {
    padding: 30px 0;
  }

  .footer_top {
    padding: 30px 0 15px;
  }

  .heading_s1 {
    margin-bottom: 15px;
  }

  .banner_section.slide_medium, .banner_section.slide_medium .carousel-item {
    height: 250px;
  }

  .banner_section:not(.full_screen), .banner_section:not(.full_screen) .carousel-item {
    height: 350px;
  }

  .banner_content h2 {
    font-size: 28px;
  }

  .leads {
    margin-bottom: 20px;
  }

  .icon_box,
.blog_post,
.heading_tab_header,
.contact_style3,
.product_list .product,
.product_list .product_wrap {
    margin-bottom: 15px;
  }

  .pr_title {
    padding: 20px 15px 20px;
  }

  footer .widget_title {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  footer .widget {
    margin-bottom: 20px;
  }

  .error_txt {
    font-size: 100px;
    margin-bottom: 10px;
  }

  .sidebar .widget + .widget {
    margin-top: 20px;
    padding-top: 20px;
  }

  .widget_title {
    margin-bottom: 20px;
  }

  .tab-content.shop_info_tab {
    margin-top: 20px;
  }

  .blog_thumbs .blog_post {
    padding-bottom: 15px;
  }

  .blog_post_footer {
    padding-bottom: 20px;
    padding-top: 5px;
  }

  .content_title * {
    margin-bottom: 20px;
  }

  .testimonial_wrap {
    padding: 0;
  }

  .testimonial_wrap .testimonial_box::before {
    font-size: 40px;
    line-height: normal;
  }

  .categories_btn {
    width: auto;
  }

  .categories_btn span {
    display: none;
  }

  .categories_btn i {
    margin-right: 0;
  }

  .indicators_style1 {
    margin-bottom: 5px;
  }

  .indicators_style1 li {
    width: 7px;
    height: 7px;
    margin: 6px;
  }

  .nav_style3.owl-theme .owl-nav [class*=owl-] {
    top: -66px;
  }

  .form-control,
.form-control:focus,
.custom_select select {
    height: 44px;
  }

  .product_header {
    display: block;
  }

  .product_header_right {
    justify-content: space-between;
    margin-top: 15px;
  }

  .newsletter_form2 input, .newsletter_form2 input:focus {
    height: 52px;
  }

  .subscribe_popup .modal-dialog {
    max-width: 100%;
  }
}
/* -------------------------------------------------
  max-width: 480px
---------------------------------------------------*/
@media only screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }

  p {
    line-height: 24px;
  }

  .heading_s1 h1, .heading_s1 h2, .heading_s1 h3, .heading_s1 h4, .heading_s1 h5, .heading_s1 h6 {
    line-height: 30px;
  }

  .h1, h1 {
    font-size: 24px;
  }

  .h2, h2 {
    font-size: 22px;
  }

  .h3, h3 {
    font-size: 20px;
  }

  .h4, h4 {
    font-size: 18px;
  }

  .h5, h5 {
    font-size: 16px;
  }

  .h6, h6 {
    font-size: 14px;
  }

  p {
    margin-bottom: 15px;
  }

  .navbar .attr-nav li .nav-link i[class*=linearicons-], .navbar .navbar-nav.attr-nav li .nav-link.cart_trigger [class*=linearicons-] {
    font-size: 18px;
  }

  .banner_content p {
    margin-bottom: 25px;
  }

  .heading_s1 footer .widget_title,
.leads {
    margin-bottom: 15px;
  }

  .highlight_text {
    font-size: 16px;
  }

  .product,
.product_wrap {
    margin-bottom: 15px;
  }

  .blog_title {
    margin-bottom: 10px;
  }

  .contact_icon {
    margin-right: 15px;
  }

  .contact_style3 {
    padding: 30px 20px;
  }

  .contact_style3 .contact_icon {
    height: 70px;
    width: 70px;
  }

  .contact_style3 .contact_icon i {
    line-height: 68px;
  }

  .contact_icon i {
    font-size: 30px;
  }

  .divider i {
    font-size: 26px;
    padding: 0 25px;
  }

  .page-title-mini .page-title h1 {
    font-size: 24px;
  }

  .countdown_box .countdown {
    font-size: 30px;
  }

  .cart_extra {
    display: block;
  }

  .pr_detail .rating_wrap {
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .pr_detail .product_price {
    float: none;
  }

  .mfp-ajax-holder .ajax_quick_view {
    padding: 30px 20px;
  }

  .ajax_quick_view .social_icons li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }

  .ajax_quick_view .product_share > span {
    margin-right: 10px;
  }

  .shop_container.list .product .rating_wrap, .shop_container.list .product_price {
    float: none;
  }

  .shop_container.list .product .rating_wrap {
    margin-bottom: 5px;
  }

  .shop_container.list .product .product_title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .comment_img img {
    max-width: 50px;
  }

  .comment_block {
    padding-left: 65px;
  }

  .compare_box {
    width: 95%;
    padding: 30px 10px 10px;
  }

  .single_post .blog_title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .children {
    margin-left: 20px;
  }

  .product_search_form select {
    width: 120px;
    padding: 8px 25px 8px 5px;
    overflow: hidden;
  }

  .search_btn {
    padding: 0px 10px;
    font-size: 18px;
  }

  .categories_box a {
    padding: 25px 15px;
  }

  .shop_container.list .pr_desc {
    min-height: 50px;
    max-height: 50px;
  }

  .shop_container.list .pr_action_btn li.add-to-cart a {
    padding: 12px 20px;
  }

  .tab-style3 .nav-tabs {
    display: block;
  }

  .shop_container .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .mfp-ajax-holder .mfp-content .ajax_quick_view {
    padding: 30px 15px 15px;
  }

  .cart_trigger .amount {
    display: none;
  }

  .popup_content {
    padding: 40px 20px;
  }

  .popup-text .heading_s1 {
    margin-bottom: 10px;
  }

  .popup-text .heading_s1 * {
    line-height: normal;
  }
}
/* -------------------------------------------------
  max-width: 380px
---------------------------------------------------*/
@media only screen and (max-width: 380px) {
  .btn {
    padding: 8px 24px;
  }

   .btn-sm {
    padding: 4px 16px;
  }

  .btn-xs {
    padding: 2px 14px;
    font-size: 12px;
  }

  .navbar-brand img {
    max-width: 140px;
  }

  .banner_content h2 {
    margin-bottom: 15px;
  }

  .banner_content p {
    margin-bottom: 20px;
  }

  .form-control, .form-control:focus,
.custom_select select {
    height: 40px;
  }

  .form-control {
    font-size: 14px;
  }

  .error_txt {
    font-size: 80px;
  }

  .login_footer a {
    font-size: 13px;
  }

  .countdown_box .countdown {
    font-size: 26px;
  }

  .shop_container.list .list_product_action_box .pr_action_btn li.add-to-cart a {
    padding: 10px 17px;
    font-size: 14px;
  }

  .shop_container.list .list_product_action_box .pr_action_btn li a {
    width: 27px;
    height: 27px;
  }

  .shop_container.list .pr_action_btn li a i {
    line-height: 27px;
    font-size: 16px;
  }

  .contact_detail > li, .header_list > li {
    padding: 2px 10px 2px 0;
  }

  .navbar-nav .dropdown-menu.cart_box.show {
    right: -50px;
    width: 310px;
  }

  .post_content {
    margin-top: 0;
  }

  .contact_phone i {
    font-size: 20px;
    margin-right: 5px;
  }

  .categories_btn {
    padding: 20px 10px;
  }

  .product_search_form.rounded_input input {
    padding: 10px 15px;
  }

  .newsletter_form2 input, .newsletter_form2 input:focus {
    height: 48px;
  }
}
.middle_footer .shopping_info {
  border-bottom: none;
}

.button-loading {
  border: 1px solid #c4cdd5;
  cursor: default;
  text-shadow: none;
  color: transparent !important;
  position: relative;
  transition: border-color 0.2s ease-out;
}

.button-loading, .button-loading:hover, .button-loading:focus, .button-loading:active {
  color: transparent;
}

.button-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border-width: 3px;
  border-style: solid;
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
  animation: button-loading-spinner 1s linear infinite;
  border-color: #ffffff;
  border-bottom-color: transparent;
}

.button-loading.btn-fill-out {
  color: transparent !important;
  border: 1px solid var(--color-1st);
}
.button-loading.btn-fill-out:before {
  width: 18px;
  background-color: transparent;
  border-color: var(--color-1st);
  border-bottom-color: transparent;
}
.button-loading.btn-fill-out:after {
  display: none;
}

.required:after {
  content: " *";
  color: red;
}

.newsletter-form .newsletter-message {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eeeeee;
  border-radius: 0;
  display: block;
  width: 100%;
}
.newsletter-form .newsletter-message.newsletter-success-message {
  background-color: #c0edf1;
  border-color: #58d0da;
  color: #000;
}
.newsletter-form .newsletter-message.newsletter-error-message {
  background-color: #faeaa9;
  border-color: #f3cc31;
  color: #000;
}
@keyframes button-loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
header #navCatContent ul li .dropdown-menu {
  min-width: 0 !important;
}

.text.shadow.borderRadius {
  display: none !important;
}

.rating_wrap .rating {
  font-family: "Ionicons";
  vertical-align: top;
}
.rating_wrap .rating::before {
  font-size: 16px;
  color: #d2d2d2;
  content: "";
}

.product .rating_wrap .rating {
  height: 28px;
}

.product_rate::before {
  font-size: 16px;
  content: "";
  font-weight: normal;
}

.half-circle-spinner, .half-circle-spinner * {
  box-sizing: border-box;
}

.half-circle-spinner {
  width: 60px;
  height: 60px;
  margin: 20px auto;
  border-radius: 100%;
  position: relative;
}

.half-circle-spinner .circle {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
  border-top-color: var(--color-1st);
  animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
  border-bottom-color: var(--color-1st);
  animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#navCatContent li a.nav-link {
  padding: 0.485rem 1rem;
}

.product_list .product_wrap .pr_action_btn li {
  margin: 5px 0;
}

.pr_action_btn li a.active {
  background-color: var(--color-1st);
  color: #fff;
}

.breadcrumb_section.page-title-mini {
  padding: 30px 0;
}

.section {
  padding: 50px 0;
}
.section .pagination {
  justify-content: center !important;
}
.section .newsletter-form .newsletter-message {
  padding: 0;
  font-size: 85%;
  margin-top: 10px;
}
.section .newsletter-form .newsletter-message.newsletter-error-message {
  color: #f3cc31;
  border: none;
  background: transparent;
}
.section .newsletter-form .newsletter-message.newsletter-success-message {
  color: #58d0da;
  border: none;
  background: transparent;
}
.section .label-success {
  color: #36c6d3;
}
.section .label-info {
  color: #659be0;
}
.section .label-warning {
  color: #f1c40f;
}
.section .label-danger {
  color: #ed6b75;
}

.star_rating > span {
  color: #444;
}
.star_rating > span.selected {
  color: #F6BC3E;
}

.section.product-blocks .product_action_box {
  display: none;
}

.cart_buttons .btn-fill-line {
  color: #fff !important;
}

.product__attribute {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.product__attribute > * {
  flex-basis: 100%;
}
.product__attribute label {
  margin-bottom: 0;
  max-width: 60px;
}
.product__attribute .form-control {
  border: none;
}

.product__color {
  padding-bottom: 10px;
}
.product__color ul, .product__color ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product__color .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.product__color .color-swatch li:last-child {
  margin-right: 0;
}
.product__color .color-swatch li span {
  margin-bottom: 0;
}

.text-swatch li {
  display: inline-block;
  margin-right: 5px;
}
.text-swatch li input[type=radio], .text-swatch li input[type=checkbox] {
  display: none;
}
.text-swatch li input[type=radio]:checked ~ span, .text-swatch li input[type=checkbox]:checked ~ span {
  border: 1px solid var(--color-1st);
}
.text-swatch li input[type=radio]:checked ~ span:after, .text-swatch li input[type=checkbox]:checked ~ span:after {
  width: 16px;
  height: 16px;
  content: "";
  font-family: Linearicons !important;
  position: absolute;
  overflow: hidden;
  right: -8px;
  bottom: -5px;
  color: #fff;
  font-size: 8px;
}
.text-swatch li input[type=radio]:checked ~ span:before, .text-swatch li input[type=checkbox]:checked ~ span:before {
  border: 16px solid transparent;
  border-bottom: 16px solid var(--color-1st);
  content: "";
  position: absolute;
  right: -16px;
  bottom: -1px;
}
.text-swatch li span {
  padding: 5px 15px;
  border: 1px solid #eee;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.widget__title {
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.3px;
  font-size: 1.25rem;
}

.attribute-values ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget--colors .color-swatch li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 5px;
}

.custom-checkbox input[type=checkbox], .custom-checkbox input[type=radio], .custom-radio input[type=checkbox], .custom-radio input[type=radio] {
  display: none;
}
.custom-checkbox label, .custom-radio label {
  display: block;
}
.custom-checkbox span, .custom-radio span {
  display: block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.custom-checkbox input[type=checkbox]:checked ~ span:before, .custom-checkbox input[type=radio]:checked ~ span:before, .custom-radio input[type=checkbox]:checked ~ span:before, .custom-radio input[type=radio]:checked ~ span:before {
  content: "";
  display: block;
  border: 2px solid var(--color-1st);
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
}
.custom-checkbox.disabled label, .custom-radio.disabled label {
  position: relative;
}
.custom-checkbox.disabled label:before, .custom-checkbox.disabled label:after, .custom-radio.disabled label:before, .custom-radio.disabled label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 90%;
  background-color: var(--color-2nd);
  transform-origin: 50% 50%;
  transition: all 0.4s ease;
  z-index: 20;
}
.custom-checkbox.disabled label:before, .custom-radio.disabled label:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.custom-checkbox.disabled label:after, .custom-radio.disabled label:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.custom-checkbox.disabled span, .custom-radio.disabled span {
  opacity: 0.9;
}
.custom-checkbox.disabled input[type=checkbox]:checked ~ span:before, .custom-checkbox.disabled input[type=radio]:checked ~ span:before, .custom-radio.disabled input[type=checkbox]:checked ~ span:before, .custom-radio.disabled input[type=radio]:checked ~ span:before {
  display: none;
}

.widget-filter-item {
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

body.show-admin-bar {
  position: inherit !important;
}
body .scrollup {
  bottom: 85px;
}
body .choose-currency > span {
  color: #292b2c;
}
body .choose-currency .active {
  color: var(--color-1st);
  font-weight: bold;
}
body .product_color_switch span {
  cursor: default;
}
body .product_color_switch span.active:before {
  display: none;
}

#alert-container {
  top: 60px;
  right: 5px;
  position: fixed;
  z-index: 9999999;
}
#alert-container .alert {
  max-width: 450px !important;
  min-height: 45px !important;
  font-weight: 400;
  position: relative;
  padding: 15px 40px 15px 60px;
  margin-bottom: 10px;
  box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
  font-size: 14px;
}
#alert-container .alert.alert-success {
  color: #299c77;
  background-color: #bff9d0;
}
#alert-container .alert .message-icon {
  position: absolute;
  left: 5%;
  top: 20%;
  font-size: 20px;
  fill: #299c77;
  stroke: #299c77;
}
#alert-container .alert.alert-dismissible .close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 10px;
  padding: 0;
}

.bottom_header .navbar-brand {
  display: none !important;
}

.header_wrap.nav-fixed .categories_wrap {
  display: none;
}
.header_wrap.nav-fixed .bottom_header {
  margin-bottom: 0 !important;
}
.header_wrap.nav-fixed .bottom_header .navbar-brand {
  display: block !important;
}

.show-admin-bar #alert-container {
  top: 140px;
}
.show-admin-bar .header_wrap.nav-fixed {
  top: 40px;
}

.dark_skin .logo_dark {
  max-height: 50px;
}

.bottom_header .navbar-brand img {
  max-height: 50px;
}

.header_wrap.nav-fixed .bottom_header .navbar-brand {
  display: block !important;
  line-height: 44px;
}

#navCatContent li a.nav-link {
  white-space: normal;
}

@media only screen and (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
.order-tracking-wrapper p {
  margin-bottom: 10px;
}

.tracking-form {
  padding: 30px;
  background-color: #f7f7f7;
  max-width: 500px;
  margin: 15px auto;
  margin-bottom: 50px;
}

.customer-information-box {
  text-align: right;
}

@media only screen and (max-width: 967px) {
  .customer-information-box {
    text-align: left;
  }
}
.comments .pagination li {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.pagination li a {
  cursor: pointer;
}
.pagination li span {
  border: 2px solid var(--color-1st);
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 36px;
  padding: 0;
  z-index: 1;
}

.deal_wrap .countdown_time .cd_text {
  font-size: 10px;
}

.cart_total.sub_total {
  padding: 0 15px 0;
  font-weight: normal;
  font-size: 0.85rem;
}
.cart_total.sub_total:first-child {
  padding-top: 10px;
}
.cart_total.sub_total strong {
  font-weight: normal;
}

.avatar-view.mt-card-avatar {
  width: 150px;
  margin: 0 auto;
}

.deal_content {
  padding: 30px 30px 30px 15px;
}

.product__color .color-swatch li span {
  white-space: nowrap;
}

.widget_categories li.active a {
  color: var(--color-1st);
}

.filter_price {
  max-width: calc(100% - 20px);
}

@media only screen and (max-width: 575px) {
  .custom_select select, .form-control, .form-control:focus {
    height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-fixed .middle-header {
    display: block !important;
    padding: 0;
  }
  .nav-fixed .middle-header .navbar-brand, .nav-fixed .middle-header .contact_phone {
    display: none;
  }

  .dark_skin .logo_dark {
    max-height: 50px;
    max-width: 140px;
  }

  .contact_phone i {
    font-size: 20px;
  }
}
.pagination_style1 {
  text-align: center;
  width: 100%;
}

.section .pagination {
  display: inline-block;
  padding: 0 15px;
}
.section .pagination li {
  display: inline-block;
  margin-bottom: 10px;
}

.light_skin .navbar-nav .dropdown-menu .mega-menu .dropdown-menu, .light_skin .navbar-nav .dropdown-menu .dropdown-menu {
  background-color: #303537;
}

.cart_buttons a {
  margin-top: 10px;
}

.product__attribute .attribute-swatch-item.pe-none {
  cursor: not-allowed !important;
}
.product__attribute .attribute-swatch-item.pe-none > div {
  pointer-events: none !important;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span, .product__attribute .color-swatch .attribute-swatch-item.pe-none span {
  color: gray;
  cursor: unset;
  opacity: 0.7;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  border-top: 1px dashed #999;
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:before, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:before {
  transform: rotate(45deg);
}
.product__attribute .text-swatch .attribute-swatch-item.pe-none span:after, .product__attribute .color-swatch .attribute-swatch-item.pe-none span:after {
  transform: rotate(-45deg);
}

.add_compare.js-add-to-compare-button.button-loading {
  color: var(--color-1st) !important;
  border: none;
}

.add_wishlist.button-loading {
  color: var(--color-1st) !important;
  border: none;
}

.pr_action_btn li a.button-loading {
  color: var(--color-1st) !important;
}