@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Naturecircle - eCommerce Bootstrap 4 Template
    Description: This is html5 template
    Version: 1.0.3

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
	02. Header Area
    03. Hero Area
	04. Category Area
	05. Product Area
	06. Banner Area
	07. Featured Area
	08. Testimonial Area
    09. Blog Area
    10. Blog Details
    11. Newsletter
    12. Footer
    13. Shop
    14. Product Details
    15. Sidebar
    16. Contact
    17. Other

-----------------------------------------------------------------------------------*/
/*-- Transition Ease --*/
/*-- Transition Ease In --*/
/*-- Transition Ease In Out --*/
/*-- Transform --*/
/*-- Border Radius --*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("../../../../css");
/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  line-height: 24px;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Poppins", sans-serif;
  color: #696969;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

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

a,
button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none !important;
  cursor: pointer;
}

a,
button,
img,
input,
span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.ht-main-menu .a {
  color: #2c2c2c !important;
}
*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #78a206;
}

button,
input[type="submit"] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0 !important;
  padding: 0 !important;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1170px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

/*--
    Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}
/* .banners {
  display: inline-block;
} */

.clear {
  clear: both;
}

.section {
  float: left;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 450px;
  }

  .display-none-xs {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 320px;
  }

  .display-none-xs {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .display-none-md {
    display: none;
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

/*-- 
    Custom Row Column
-----------------------------------------*/
.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-10 > [class*="col"] {
  padding-left: 10px;
  padding-right: 10px;
}

.custom-row {
  margin-left: -15px;
  margin-right: -15px;
}

.custom-col {
  padding-left: 15px;
  padding-right: 15px;
}

/*-- 
    Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

/*-- Padding Top --*/
.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

/*-- 
    Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Animation
-----------------------------------------*/
@-webkit-keyframes slideZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes slideZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes slideZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: slideZoomIn;
  animation-name: slideZoomIn;
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #202226;
  color: #ffffff;
  right: 20px;
  bottom: 50px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    display: none !important;
  }
}
#scrollUp i {
  display: block;
  line-height: 40px;
  font-size: 24px;
}
#scrollUp:hover {
  -webkit-box-shadow: 0 10px 35px -7px rgba(120, 162, 6, 0.8);
  box-shadow: 0 10px 35px -7px rgba(120, 162, 6, 0.8);
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}

/*--
    Section Title
------------------------------------------*/
.section-title-img {
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-img {
    margin-bottom: 12px;
  }
}
.section-title-img > p {
  margin: auto;
  max-width: 720px;
}
.section-title-img > img {
  margin-bottom: 10px;
  padding-top: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-img > img {
    width: 69%;
  }
}
@media only screen and (max-width: 767px) {
  .section-title-img > img {
    width: 92%;
  }
}

.section-title .section-img {
  position: relative;
}
.section-title .section-img::before,
.section-title .section-img::after {
  background: rgba(0, 0, 0, 0) url("../img/icon/line.png") no-repeat scroll left
    center;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 53.5%;
  width: 35%;
}
.section-title .section-img:after {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 479px) {
  .section-title .section-img img {
    width: 160px;
    z-index: 10;
  }
}
.section-title h2 {
  color: #202226;
  font-family: "Oswald", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 25px;
  margin-top: -15px;
}
@media only screen and (max-width: 479px) {
  .section-title h2 {
    font-size: 27px;
    margin: 0px;
  }
}
.section-title h2 span {
  color: #a9a9a9;
  font-weight: 200;
  padding-right: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.section-title-four {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.section-title-four {
    margin-bottom: 15px;
  }
}
.section-title.section-title-four h4 {
  font-family: "Sacramento", cursive;
  color: #c5ac57;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .section-title.section-title-four h4 {
    margin-bottom: 5px;
  }
}
.section-title.section-title-four h2 {
  text-transform: uppercase;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .section-title.section-title-four h2 {
    font-size: 22px;
  }
}
.section-title.section-title-four.section-title-green h4 {
  color: #78a206;
}

@media only screen and (max-width: 767px) {
  .section-title-three {
    margin-bottom: 20px;
  }
}
.section-title-three h2 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 7px;
  margin-bottom: 27px;
  margin-top: 14px;
  position: relative;
  text-transform: uppercase;
}
.section-title-three h2::before {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 10%;
  margin-top: -0.5px;
  position: absolute;
  right: 10%;
  top: 50%;
}
.section-title-three h2 span {
  background: #ffffff none repeat scroll 0 0;
  padding: 0 25px;
  position: relative;
}
/*-- 
    Slick arrow
-----------------------------------------*/
.slick-arrow {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 3px solid #e1e1e1;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  color: #b1b1b1;
  cursor: pointer;
  font-size: 24px;
  height: 72px;
  left: 10px;
  line-height: 68px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 72px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slick-arrow {
    width: 52px;
    height: 52px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .slick-arrow {
    width: 52px;
    height: 52px;
    line-height: 50px;
    border-width: 2px;
    top: 65%;
  }
}
.slick-arrow.slick-next {
  left: auto;
  right: 10px;
}
.slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
  color: #444444;
}

.arrow-none .slick-arrow {
  display: none;
}

/*-- 
    Page Pagination
-----------------------------------------*/
.ht-page-pagination-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ht-page-pagination-one ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.ht-page-pagination-one ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 5px;
}
.ht-page-pagination-one ul li a {
  font-weight: 600;
  font-size: 14px;
  color: #78a206;
  border: 1px solid #78a206;
  line-height: 36px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ht-page-pagination-one ul li a:hover {
  background-color: #78a206;
  color: #ffffff;
}
.ht-page-pagination-one ul li a i {
  font-size: 20px;
  line-height: 32px;
  display: block;
}
.ht-page-pagination-one ul li.active a {
  background-color: #78a206;
  color: #ffffff;
}

/*--
    Page Banner
------------------------------------------*/
.ht-page-banner-section-one {
  padding: 430px 0 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-page-banner-section-one {
    padding: 360px 0 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-page-banner-section-one {
    padding: 360px 0 200px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-page-banner-section-one {
    padding: 200px 0 100px;
  }
}

.ht-page-banner {
  text-align: center;
}
.ht-page-banner h1 {
  font-size: 50px;
  font-weight: 700;
  text-transform: capitalize;
  color: #ffffff;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-page-banner h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-page-banner h1 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .ht-page-banner h1 {
    font-size: 20px;
  }
}

/*--
    Overlay
------------------------------------------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/*-- Background Color --*/
.bg-gray {
  background: #f6f5f1;
}

.bg-white {
  background-color: #ffffff;
}

/*-- Background Image --*/
.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-7,
.bg-13 {
  background-attachment: scroll;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0);
  background-origin: initial;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-1 {
  background-image: url("../img/bg/1.jpg");
  background-position: top center;
}

.bg-2 {
  background-image: url("../img/bg/2.png");
}

.bg-3 {
  background-image: url("../img/bg/3.jpg");
}

.bg-4 {
  background-image: url("../img/bg/4.jpg");
  background-position: top center;
}

.bg-5 {
  background: rgba(0, 0, 0, 0) url("../img/bg/5.jpg") no-repeat scroll center -6px;
}

.bg-7 {
  background-image: url("../img/bg/7.png");
}

.bg-8 {
  background: #f6f5f1 url(../img/bg/8.jpg) top center no-repeat;
}

.bg-9 {
  background: #f6f5f1 url(../img/bg/9.jpg) top center no-repeat;
}

.bg-10 {
  background: #f6f5f1 url(../img/bg/10.jpg) center center no-repeat;
}

.bg-11 {
  background: #f6f5f1 url(../img/bg/11.jpg) top center no-repeat;
}

.bg-12 {
  background: url(../img/bg/aboutBg.jpg) center center no-repeat;
  height: 50vh;
}

.bg-13 {
  background: rgba(0, 0, 0, 0) url("../img/bg/13.jpg") no-repeat scroll center -6px;
}

/*-- Overlay Color --*/
[data-overlay="light"]::before {
  background-color: #ffffff;
}

[data-overlay="dark"]::before {
  background-color: #000000;
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
  opacity: 0.1;
}

[data-opacity="2"]::before {
  opacity: 0.2;
}

[data-opacity="3"]::before {
  opacity: 0.3;
}

[data-opacity="4"]::before {
  opacity: 0.4;
}

[data-opacity="5"]::before {
  opacity: 0.5;
}

[data-opacity="6"]::before {
  opacity: 0.6;
}

[data-opacity="7"]::before {
  opacity: 0.7;
}

[data-opacity="8"]::before {
  opacity: 0.8;
}

[data-opacity="9"]::before {
  opacity: 0.9;
}

/*--
    Button Style
------------------------------------------*/
.default-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #2c2c2c;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #2c2c2c;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 43px;
  padding: 0 40px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.default-btn:hover {
  color: #ffffff !important;
  border-color: #78a206;
  background: #78a206;
}
/*--
    Breadcrumb
------------------------------------------*/
.breadcrumb-area {
  /* padding: 228px 0 135px; */
  float: left;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .breadcrumb-area {
    padding: 214px 0 122px;
    background-position: 76% center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area {
    padding: 90px 0 80px;
    background-position: 76% center;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area {
    padding: 60px 0 40px;
    background-position: 72% center;
  }
}
.breadcrumb-area h1 {
  font-weight: 600;
  color: #292929;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area h1 {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 10px;
  }
}
.breadcrumb-area nav .breadcrumb {
  background: transparent;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: capitalize;
  padding: 2px 0;
}
.breadcrumb-area nav .breadcrumb .breadcrumb-item {
  margin: 0 2px;
}
.breadcrumb-area nav .breadcrumb .breadcrumb-item a {
  color: #292929;
}
.breadcrumb-area nav .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-area nav .breadcrumb .breadcrumb-item.active {
  color: #78a206;
}
.breadcrumb-area nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ccc;
  padding-right: 11px;
}

#mobile-menu-active {
  display: none;
}

/*---------------------------------------
    02. Header Area
-----------------------------------------*/
.header-area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .header-area {
    position: relative;
  }
}
.header-area .header-container {
  padding: 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-container {
    padding: 0 45px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .header-container {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 479px) {
  .header-area .header-container {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .header-container .col-lg-2,
  .header-area .header-container .col-lg-5 {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.header-area .header-container .logo {
  padding: 30px 0;
  /* width: 90px; */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-container .logo {
    overflow: hidden;
    padding: 25px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .header-container .logo {
    padding: 20px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-container .logo a {
    float: left;
  }
}
.header-area .header-container-hm6 .logo {
  padding: 48px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-container-hm6 .logo {
    overflow: hidden;
    padding: 25px 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .header-container-hm6 .logo {
    padding: 20px 0 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .header-container-hm6 .logo a {
    float: left;
  }
}
.header-area.header-sticky.sticky {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 5px #bdbdbd;
  box-shadow: 0 0 5px #bdbdbd;
  left: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-area.header-sticky.sticky .logo {
  padding: 15px 0;
}
.header-area.header-sticky.sticky .ht-main-menu {
  padding: 20px 0;
}
.header-area.header-sticky.sticky .cart-wrapper {
  padding: 20px 0;
}
.header-area.header-sticky.sticky .header-content {
  padding: 36px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area.header-sticky.sticky {
    position: relative;
    -webkit-animation: none;
    animation: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-area.header-sticky.sticky {
    position: relative;
    -webkit-animation: none;
    animation: none;
  }
}
.header-area.header-two .header-container {
  padding: 0 47px;
}
@media only screen and (max-width: 767px) {
  .header-area.header-two .header-container {
    padding: 0 15px;
  }
}
.header-area.header-two .header-container .ht-main-menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-area.header-two
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > .ht-mega-menu
  > li {
  width: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area.header-two
    .header-container
    .ht-main-menu
    > nav
    > ul
    > li
    > .ht-mega-menu
    > li {
    width: 200px;
  }
}
.header-area.header-three-area .ht-main-menu > nav > ul > li > a {
  color: #ffffff;
}
.header-area.header-three-area .ht-main-menu > nav > ul > li.active > a,
.header-area.header-three-area .ht-main-menu > nav > ul > li:hover > a,
.header-area.header-three-area .ht-main-menu > nav > ul > li:focus > a {
  color: #78a206;
}
.header-area.header-three-area .header-content > div > a {
  color: #ffffff;
}
.header-area.header-three-area .header-content > div:hover > a {
  color: #78a206;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area.header-three-area {
    background: #ffb902;
  }
}
@media only screen and (max-width: 767px) {
  .header-area.header-three-area {
    background: #ffb902;
  }
}
.header-area.header-three-area.header-sticky.sticky {
  background: rgba(255, 186, 0, 0.9) none repeat scroll 0 0;
}
.header-area.header-four-area .header-container {
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .header-area.header-four-area .header-container {
    padding: 0 15px;
  }
}
.header-area.header-four-area .header-container .ht-main-menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > ul
  > li.active
  > a,
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > ul
  > li:hover
  > a,
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > ul
  > li:focus
  > a {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li.active
  > a,
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li:hover
  > a,
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li:focus
  > a {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > .ht-mega-menu
  > li {
  width: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-area.header-four-area
    .header-container
    .ht-main-menu
    > nav
    > ul
    > li
    > .ht-mega-menu
    > li {
    width: 200px;
  }
}
.header-area.header-four-area
  .header-container
  .ht-main-menu
  > nav
  > ul
  > li
  > .ht-mega-menu
  > li
  a:hover {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  > div:hover
  > a {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  > .search-wrapper
  .search-form
  button {
  background: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  > .search-wrapper
  .search-form
  button:hover {
  background: #252525;
}
.header-area.header-four-area
  .header-container
  .header-content
  > .settings-wrapper
  > .settings-content
  > ul
  > li
  > a:hover,
.header-area.header-four-area
  .header-container
  .header-content
  > .settings-wrapper
  > .settings-content
  > ul
  > li
  > a:focus {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > .cart-text
  h5
  a:hover {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > .cart-text
  span.cart-price {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > button:hover,
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > button:focus {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .cart-price-total
  > .cart-price-info
  > span:last-of-type {
  color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .cart-links
  > a:hover,
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > .cart-item-wrapper
  > .cart-links
  > a:focus {
  background: #c5ac57;
  border-color: #c5ac57;
}
.header-area.header-four-area
  .header-container
  .header-content
  .cart-wrapper
  > a
  > span {
  background: #c5ac57;
}
.header-area.header-four-area .mobile-menu-area {
  background: #c5ac57;
}
.header-area.header-four-area
  .mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  a.mean-expand:hover {
  background: #c5ac57;
}
.header-area.header-four-area
  .mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  a:first-child:hover {
  color: #c5ac57;
}
.header-area.header-four-area
  .mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  ul
  li:first-child
  a {
  border-color: #c5ac57;
}

/*-- Main Menu --*/
.ht-main-menu {
  padding: 41px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-main-menu {
    padding: 0;
  }
}
.ht-main-menu nav > ul > li {
  display: block;
  float: left;
  margin: 0 21.7px;
  position: relative;
}
.ht-main-menu nav > ul > li:first-child {
  margin-left: 0;
}
.ht-main-menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-main-menu nav > ul > li {
    margin: 0 13px;
  }
}
.ht-main-menu nav > ul > li > a {
  color: #444444;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none !important;
}
.ht-main-menu nav > ul > li > a > i {
  right: -4px;
  top: -2px;
  position: relative;
}
.ht-main-menu nav > ul > li.active > a,
.ht-main-menu nav > ul > li:hover > a,
.ht-main-menu nav > ul > li:focus > a {
  color: #78a206;
}
.ht-main-menu nav > ul > li:hover > ul {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

/*-- Sub Menu --*/
.ht-main-menu > nav > ul > li > ul {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  left: -4px;
  opacity: 0;
  padding: 15px 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 100%;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 206px;
  z-index: 99;
}
.ht-main-menu > nav > ul > li > ul > li {
  padding-left: 30px;
}
.ht-main-menu > nav > ul > li > ul > li:last-child {
  margin-right: 30px;
}
.ht-main-menu > nav > ul > li > ul > li a {
  padding: 4.5px 0;
  margin: 3px 0;
  display: block;
}
.ht-main-menu > nav > ul > li > ul > li.active > a,
.ht-main-menu > nav > ul > li > ul > li:hover > a,
.ht-main-menu > nav > ul > li > ul > li:focus > a {
  color: #78a206;
}

/*-- Mega Menu --*/
.ht-main-menu > nav > ul > li > .ht-mega-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 35px 0 22px;
  left: -84px;
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li {
  width: 295px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-main-menu > nav > ul > li > .ht-mega-menu > li {
    width: 200px;
  }
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li {
  display: block;
  overflow: hidden;
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li.mega-menu-title {
  color: #292929;
  font-family: "Oswald", sans-serif;
  line-height: 1.42857;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a {
  padding: 3px 0;
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a > img {
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  overflow: hidden;
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li > a:hover > img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.ht-main-menu > nav > ul > li > .ht-mega-menu > li > ul > li:last-child a {
  padding: 0;
  margin-top: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .ht-main-menu > nav > ul > li > .ht-mega-menu.mega-hm6 > li {
    width: 270px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-main-menu > nav > ul > li > .ht-mega-menu.mega-hm6 > li {
    width: 200px;
  }
}

.header-content {
  padding-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content {
    padding-top: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content {
    padding-top: 0;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    padding-bottom: 7px;
  }
}
.header-content > div {
  margin-left: 35px;
  position: relative;
}
.header-content > div:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .header-content > div {
    position: inherit;
  }
}
.header-content > div > a {
  color: #252525;
  font-size: 17px;
  height: 39px;
  line-height: 39px;
  position: relative;
  text-align: center;
  width: 40px;
}
.header-content > div > .search-form,
.header-content > div > .settings-content,
.header-content > div > .cart-item-wrapper {
  position: absolute;
  right: 0;
  top: 100%;
  width: 280px;
  background: #ffffff;
  z-index: 10;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .header-content > div > .search-form,
  .header-content > div > .settings-content,
  .header-content > div > .cart-item-wrapper {
    left: 0;
    margin: auto;
  }
}
.header-content > div > .search-form.active,
.header-content > div > .settings-content.active,
.header-content > div > .cart-item-wrapper.active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}
.header-content > div:hover > a {
  color: #78a206;
}
.header-content > .search-wrapper .search-form {
  border: 1px solid #ebebeb;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 47px;
  right: -20px;
  width: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .search-wrapper .search-form {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > .search-wrapper .search-form {
    width: 290px;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.header-content > .search-wrapper .search-form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #a5a5a5;
  height: 100%;
  padding: 10px 125px 10px 25px;
  width: 100%;
}
.header-content > .search-wrapper .search-form button {
  background: #78a206;
  border: 0 none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  height: 47px;
  margin: 0;
  padding: 0 40px;
  position: absolute;
  right: -1px;
  text-transform: uppercase;
  top: 0;
}
.header-content > .search-wrapper .search-form button:hover {
  background: #252525;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .search-wrapper .search-form button {
    padding: 0 30px;
  }
}
.header-content > .settings-wrapper {
  margin-left: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .settings-wrapper {
    margin-left: 15px;
  }
}
.header-content > .settings-wrapper > a {
  font-size: 16px;
}
.header-content > .settings-wrapper > .settings-content {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  padding: 35px 40px 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .settings-wrapper > .settings-content {
    padding: 22px 21px 5px;
    width: 238px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > .settings-wrapper > .settings-content {
    padding: 15px 18px 5px;
    width: 210px;
  }
}
.header-content > .settings-wrapper > .settings-content > h4 {
  border-bottom: 1px solid #ebebeb;
  color: #292929;
  font-size: 12px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 4px;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.header-content > .settings-wrapper > .settings-content > h4 i {
  font-size: 14px;
}
.header-content > .settings-wrapper > .settings-content > ul {
  margin-bottom: 14px;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .settings-wrapper > .settings-content > ul {
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > .settings-wrapper > .settings-content > ul {
    margin-bottom: 3px;
    padding-left: 10px;
  }
}
.header-content > .settings-wrapper > .settings-content > ul > li {
  display: block;
  padding: 3px 0;
}
.header-content > .settings-wrapper > .settings-content > ul > li > a {
  color: #6b6b6b;
  display: block;
  text-transform: capitalize;
}
.header-content > .settings-wrapper > .settings-content > ul > li > a > img {
  padding-right: 8px;
  vertical-align: baseline;
}
.header-content > .settings-wrapper > .settings-content > ul > li > a:hover,
.header-content > .settings-wrapper > .settings-content > ul > li > a:focus {
  color: #78a206;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > .cart-wrapper {
    margin-left: 21px;
  }
}
.header-content > .cart-wrapper > a {
  font-size: 19px;
  padding-right: 14px;
}
.header-content > .cart-wrapper > a > span {
  background: #78a206;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.header-content > div > .cart-item-wrapper {
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 0 0;
  right: 7px;
  width: 350px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > div > .cart-item-wrapper {
    width: 285px;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > div > .cart-item-wrapper {
    width: 270px;
    max-height: 294px;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.header-content > div > .cart-item-wrapper:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  content: "";
  position: absolute;
  right: 10px;
  top: -15px;
  z-index: 98;
}
.header-content > div > .cart-item-wrapper > .single-cart-item {
  border-bottom: 1px solid #ebebeb;
  margin: 0 30px;
  overflow: hidden;
  padding: 20px 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > div > .cart-item-wrapper > .single-cart-item {
    margin: 0 15px;
    padding: 15px 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > div > .cart-item-wrapper > .single-cart-item {
    padding: 10px 0 14px;
    margin: 0 9px;
  }
}
.header-content > div > .cart-item-wrapper > .single-cart-item > .cart-img {
  float: left;
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-img
  > a
  > img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .header-content
    > div
    > .cart-item-wrapper
    > .single-cart-item
    > .cart-img
    > a
    > img {
    width: 60px;
  }
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > .cart-text
  h5 {
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 2px;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .header-content
    > div
    > .cart-item-wrapper
    > .single-cart-item
    > .cart-text-btn
    > .cart-text
    h5 {
    line-height: 15px;
  }
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > .cart-text
  > span {
  color: #969696;
  display: block;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  margin-bottom: 4px;
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > .cart-text
  > span.cart-price {
  color: #78a206;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .header-content
    > div
    > .cart-item-wrapper
    > .single-cart-item
    > .cart-text-btn
    > .cart-text
    > span.cart-price {
    font-size: 15px;
    line-height: 14px;
    margin-bottom: 0;
  }
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #bababa;
  font-size: 15px;
  height: 20px;
  line-height: 10px;
  margin: 5px 0;
  padding: 0 2px;
}
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > button:hover,
.header-content
  > div
  > .cart-item-wrapper
  > .single-cart-item
  > .cart-text-btn
  > button:focus {
  color: #78a106;
}
.header-content > div > .cart-item-wrapper > .cart-links {
  background: #292929 none repeat scroll 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > div > .cart-item-wrapper > .cart-links {
    padding: 17px 0;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > div > .cart-item-wrapper > .cart-links {
    padding: 15px 0px;
  }
}
.header-content > div > .cart-item-wrapper > .cart-links > a {
  background: #202226 none repeat scroll 0 0;
  border: 2px solid #ffffff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  line-height: 43px;
  margin: 0 7px;
  padding: 0 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .header-content > div > .cart-item-wrapper > .cart-links > a {
    padding: 0 28px;
  }
}
.header-content > div > .cart-item-wrapper > .cart-links > a:hover,
.header-content > div > .cart-item-wrapper > .cart-links > a:focus {
  background: #78a206;
  border-color: #78a206;
}
.header-content > div > .cart-item-wrapper > .cart-price-total {
  padding: 18px 30px 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-content > div > .cart-item-wrapper > .cart-price-total {
    padding: 12px 19px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .header-content > div > .cart-item-wrapper > .cart-price-total {
    padding: 12px 10px 15px;
  }
}
.header-content
  > div
  > .cart-item-wrapper
  > .cart-price-total
  > .cart-price-info
  > span {
  color: #3e3d43;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}
.header-content
  > div
  > .cart-item-wrapper
  > .cart-price-total
  > .cart-price-info
  > span:last-of-type {
  color: #78a206;
  font-size: 16px;
  line-height: 23px;
}

.mobile-menu-area {
  display: none;
  background: #78a206;
  clear: both;
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu-area {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu-area {
    display: block;
  }
}
.mobile-menu-area .mobile-menu.mean-container {
  clear: both;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  min-height: 42px;
  padding: 4px 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar:after {
  content: "MENU";
  font-size: 16px;
  font-weight: 500;
  left: 0;
  position: absolute;
  top: 13px;
  color: #ffffff;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
  border: 0 none;
  color: #ffffff;
  margin-top: 13px;
  padding: 2px 0;
  cursor: pointer;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  height: 22px;
  line-height: 22px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -7px;
  width: 23px;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal span {
  background-color: #ffffff;
  display: block;
  /* height: 1px; */
  margin-top: 7px;
  padding: 1px;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  a.meanmenu-reveal:hover
  span {
  background-color: #ffffff;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  a.meanmenu-reveal.menu-close {
  background-color: transparent;
  border: 2px solid #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #858585;
  height: 40px;
  padding: 0;
  width: 40px;
  font-size: 20px;
  margin-bottom: 30px;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav {
  padding-top: 37px;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {
  height: 122px;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul {
  background: #ffffff none repeat scroll 0 0;
  list-style-type: none;
  margin: 5px 0 0px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li {
  float: left;
  position: relative;
  width: 100%;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav ul li a {
  border-top: 1px solid #ccc;
  color: #252525;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  line-height: 15px;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  a:first-child:hover {
  color: #78a206;
  padding: 1em 4% 1em 5.5%;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  a.mean-expand {
  font-weight: 400;
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border: medium none;
  font-weight: 400;
  height: 17px;
  line-height: 19px;
  margin-top: 1px;
  padding: 12px 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -1px;
  width: 17px;
  z-index: 2;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  a.mean-expand:hover {
  background: #78a206;
  color: #ffffff;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  ul
  li
  a {
  background: #f6f5f3 none repeat scroll 0 0;
  border-top: 1px solid #cccccc;
  color: #252525;
  font-size: 12px;
  line-height: 15px;
  opacity: 1;
  padding: 1em 5%;
  text-shadow: none;
  visibility: visible;
  width: 90%;
}
.mobile-menu-area
  .mobile-menu.mean-container
  .mean-bar
  .mean-nav
  ul
  li
  ul
  li:first-child
  a {
  border-top: 3px solid #78a206;
  display: block;
}
.mobile-menu-area .mobile-menu.mean-container .mean-bar .mean-nav > ul {
  margin-bottom: 10px;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media only screen and (max-width: 767px) {
  .modal .modal-dialog {
    margin: 30px;
  }
}
.modal .modal-dialog .modal-content {
  border: 0 none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.modal .modal-dialog .modal-content .modal-header {
  border: 0 none;
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-header .close {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #202226;
  font-size: 12px;
  font-weight: 400;
  height: 25px;
  line-height: 24px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  z-index: 1;
}
.modal .modal-dialog .modal-content .modal-header .close:hover {
  color: #78a206;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body .form-pop-up-content {
  text-align: left;
}
.modal .modal-dialog .modal-content .modal-body .form-pop-up-content h2 {
  background: #202226 none repeat scroll 0 0;
  color: #ffffff;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1.35;
  margin: 0;
  padding: 10px 25px;
  text-transform: uppercase;
}
.modal .modal-dialog .modal-content .modal-body .form-pop-up-content form {
  padding: 25px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .form-box
  input {
  height: 38px;
  margin-bottom: 15px;
  padding: 0 15px;
  width: 100%;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link
  .left-col
  #remember_me {
  position: relative;
  top: 2px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link
  .left-col
  label {
  cursor: pointer;
  line-height: 16px;
  margin: 0 0 0 5px;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link
  .right-col
  a {
  color: #333;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link
  .right-col
  a:hover {
  color: #78a206;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  button {
  background: #202226 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #ffffff;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
}
.modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  button:hover {
  background: #78a206;
}
.modal.modal-style-two
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  .checkobx-link
  .right-col
  a:hover {
  color: #c5ac57;
}
.modal.modal-style-two
  .modal-dialog
  .modal-content
  .modal-body
  .form-pop-up-content
  form
  button:hover {
  background: #c5ac57;
  border-color: #c5ac57;
}
.modal.modal-style-two .modal-dialog .modal-content .modal-header .close:hover {
  color: #c5ac57;
}

/*---------------------------------------
    03. Hero
-----------------------------------------*/
.hero-mrg-top {
  margin-top: 132px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-mrg-top {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-mrg-top {
    margin-top: 0px;
  }
}

.ht-hero-slider {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .ht-hero-slider .slick-arrow {
    left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-slider .slick-arrow {
    border-width: 2px;
    height: 55px;
    line-height: 54px;
    width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-slider .slick-arrow {
    border-width: 2px;
    top: 46%;
  }
}
@media only screen and (min-width: 1600px) {
  .ht-hero-slider .slick-arrow.slick-next {
    left: auto;
    right: 60px;
  }
}
.ht-hero-slider:hover .slick-arrow,
.ht-hero-slider:hover .slick-dots {
  opacity: 1;
}
.ht-hero-slider .ht-single-slide {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-slider .ht-single-slide {
    height: 75vh;
    padding: 70px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-slider .ht-single-slide {
    height: 55vh;
    padding: 10px 0 63px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-slider .ht-single-slide:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #fff; */
    opacity: 0.8;
    content: "";
  }
}
.ht-hero-slider .slick-dots {
  bottom: 32px;
  position: absolute;
  text-align: center;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.ht-hero-slider .slick-dots li {
  display: inline-block;
}
.ht-hero-slider .slick-dots li button {
  background: #ccc none repeat scroll 0 0;
  border: 0 none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 10px;
  line-height: 0;
  outline: medium none;
  padding: 0;
  width: 10px;
  margin: 5px;
}
.ht-hero-slider .slick-dots li.slick-active button {
  background: #78a206;
}

/*-- Hero Content One --*/
.ht-hero-content-one {
  padding-left: 17px;
  margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-content-one {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-content-one {
    padding-top: 0;
    z-index: 1;
  }
}
.ht-hero-content-one h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  color: #444;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 10px;
  text-transform: capitalize;
  padding-top: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-content-one h3 {
    padding-top: 0;
    font-size: 25px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-content-one h3 {
    font-size: 26px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 479px) {
  .ht-hero-content-one h3 {
    font-size: 21px;
    margin-bottom: 6px;
  }
}
.ht-hero-content-one h1 {
  color: #2c2c2c;
  font-family: "Playfair Display", serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 0.85;
  visibility: hidden;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-content-one h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-content-one h1 {
    font-size: 70px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-content-one h1 {
    font-size: 42px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .ht-hero-content-one h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
.ht-hero-content-one p {
  max-width: 480px;
  color: #444;
  font-size: 14px;
  margin-bottom: 40px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-content-one p {
    max-width: 500px;
    margin-bottom: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-content-one p {
    max-width: 400px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-content-one p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 23px;
  }
}
@media only screen and (max-width: 479px) {
  .ht-hero-content-one p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
.ht-hero-content-one a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin-bottom: 3px;
}
@media only screen and (max-width: 479px) {
  .ht-hero-content-one a {
    padding: 0 35px;
    line-height: 39px;
  }
}
.ht-hero-content-one a:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slick-current {
  /*-- Hero Content One --*/
}
.slick-current .ht-hero-content-one h3 {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.slick-current .ht-hero-content-one h1 {
  opacity: 1;
  visibility: visible;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.slick-current .ht-hero-content-one h1 span {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  letter-spacing: 0.2px;
}
.slick-current .ht-hero-content-one p {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.slick-current .ht-hero-content-one a {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.ht-hero-two .ht-hero-content-one h1 {
  font-weight: 900;
}

.ht-hero-three a.ht-single-slide {
  height: calc(100vh + 200px);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-three a.ht-single-slide {
    height: 100vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-three a.ht-single-slide {
    height: auto;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-three a.ht-single-slide {
    height: auto;
    padding: 0;
  }
}
.ht-hero-three a.ht-single-slide:after {
  display: none;
}
.ht-hero-three .slick-slide img {
  width: 100%;
}
.ht-hero-three .ht-hero-slider .slick-arrow {
  border: 3px solid #ffffff;
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-three .ht-hero-slider .slick-arrow {
    top: 39%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-three .ht-hero-slider .slick-arrow {
    top: 39%;
  }
}
.ht-hero-three .ht-hero-slider .slick-arrow:hover {
  color: #444444;
  -webkit-box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
}
.ht-hero-three .ht-hero-slider .slick-dots {
  bottom: 8px;
}

.ht-hero-four {
  height: 100%;
}
.ht-hero-four .hero-padding {
  padding: 0 75px;
}
@media only screen and (min-width: 1600px) {
  .ht-hero-four .hero-padding {
    padding: 0 121px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-four .hero-padding {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-four .hero-padding {
    padding: 0 55px;
  }
}
@media only screen and (max-width: 479px) {
  .ht-hero-four .hero-padding {
    padding: 0 20px;
  }
}
.ht-hero-four .hero-padding .col-lg-7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one {
  padding: 0;
  margin: auto 0;
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  padding-top: 0;
  margin-top: -90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
    margin-top: -90px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h3 {
    margin-top: 40px;
  }
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
  opacity: 1;
  visibility: visible;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  font-weight: 900;
  font-size: 90px;
}
@media only screen and (min-width: 1600px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
    font-size: 62px;
    padding-top: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 {
    font-size: 37px;
  }
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one h1 span {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  letter-spacing: 0.2px;
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one p {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a {
  -webkit-animation-name: fadeInBottom;
  animation-name: fadeInBottom;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  background: transparent;
}
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:hover,
.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a:focus {
  background: #c5ac57;
  border-color: #c5ac57;
}
.ht-hero-four .hero-padding .hero-image {
  padding-top: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-hero-four .hero-padding .hero-image {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .ht-hero-four .hero-padding .hero-image {
    padding-top: 10px;
  }
}
.ht-hero-four .hero-padding .hero-image img {
  max-width: 100%;
}
/*----------------------------------------*/
/*  04. Category Area
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .food-category-area {
    padding: 80px 0 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .food-category-area {
    padding: 92px 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .food-category-area {
    padding: 76px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .food-category-area {
    padding: 30px 0 12px;
  }
}
.food-category-area .ht-food-slider {
  margin: 0 -15px;
  width: auto;
}
.food-category-area .ht-food-slider .col {
  margin-right: 15px;
  margin-left: 15px;
}
.food-category-area .ht-food-slider .single-food-category {
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  margin-bottom: 40px;
  margin-top: 30px;
  padding: 43px 0 36px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 767px) {
  .food-category-area .ht-food-slider .single-food-category {
    margin-top: 5px;
  }
}
.food-category-area .ht-food-slider .single-food-category:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
  box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
}
.food-category-area .ht-food-slider .single-food-category > h4 > a {
  color: #6c8e01;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.food-category-area .ht-food-slider .single-food-category > h4 > a:hover {
  text-decoration: underline;
}
.food-category-area .ht-food-slider .single-food-category > img {
  margin: auto;
  padding: 25px 0 22px;
}
.food-category-area .ht-food-slider .single-food-category > span {
  color: #78a206;
  display: block;
}

@media only screen and (max-width: 767px) {
  .food-category-three {
    padding: 30px 0 20px;
  }
}

/*----------------------------------------*/
/*  05. Product Area
/*----------------------------------------*/
.product-area .tab-content .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: webkit-center;
  text-align: center;
}
.product-area .tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.product-area .tab-content .tab-pane .slick-arrow {
  border: 2px solid #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 47px;
  top: 51.5%;
  width: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product-area .tab-content .tab-pane .slick-arrow {
    height: 40px;
    left: 15px;
    line-height: 39px;
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area .tab-content .tab-pane .slick-arrow {
    left: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .product-area .tab-content .tab-pane .slick-arrow {
    left: 14px;
    background: #ffffff;
  }
}
.product-area .tab-content .tab-pane .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.product-area .tab-content .tab-pane .slick-arrow.slick-next {
  left: auto;
  right: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product-area .tab-content .tab-pane .slick-arrow.slick-next {
    right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area .tab-content .tab-pane .slick-arrow.slick-next {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .product-area .tab-content .tab-pane .slick-arrow.slick-next {
    right: 14px;
  }
}

.product-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-top: -47px;
  padding: 10px 0 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-tab-list {
    margin-top: 30px;
    text-align: center;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product-tab-list {
    margin-top: 20px;
    text-align: center;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.product-tab-list a {
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #aeaeae;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  margin: 0 7.5px;
  padding: 7px 25px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 767px) {
  .product-tab-list a {
    margin: 0 3px;
    padding: 5px 12px;
  }
}
.product-tab-list a:nth-of-type(3) {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .product-tab-list a:nth-of-type(3) {
    margin: 0 3px;
  }
}
.product-tab-list a:hover,
.product-tab-list a:focus,
.product-tab-list a.active {
  background: #ffffff none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.1);
  color: #2c2c2c;
}
.product-tab-list.product-tab-list-2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 33px;
  padding: 10px 0 20px;
}
.product-tab-list.product-tab-list-2 a:nth-of-type(3) {
  margin-left: inherit;
  margin-left: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-area {
    padding: 90px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .product-area {
    padding: 69px 0 50px;
  }
}
.product-area .product-carousel {
  margin: 0 -15px;
  width: auto;
}
.product-area .product-carousel .slick-slide.slick-active {
  -webkit-animation: 500ms ease 0s normal none 1 running slideZoomIn;
  animation: 500ms ease 0s normal none 1 running slideZoomIn;
}
.product-area .product-carousel:hover .slick-arrow,
.product-area .product-carousel:hover .slick-dots {
  opacity: 1;
}

/*-- Single product Style --*/
.single-product-item {
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  margin: 30px 0 32px;
  overflow: hidden;
  padding: 0 0 30px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-item {
    margin: 25px 0 22px;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-item {
    margin: 20px 0;
  }
}
.single-product-item:hover {
  border-color: #ffffff;
  -webkit-box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
  box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
}
.single-product-item .product-image {
  position: relative;
}
.single-product-item .product-image > a {
  display: block;
}
.single-product-item .product-image > a img {
  max-width: 100%;
  border-radius: 25px !important;
  padding: 20px 10px;
}
.single-product-item .product-image .product-hover > ul.hover-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 46.2%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.single-product-item .product-image .product-hover > ul.hover-icon-list > li {
  display: block;
}
.single-product-item
  .product-image
  .product-hover
  > ul.hover-icon-list
  > li
  > a {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ececeb;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #2c2c2c;
  display: block;
  font-size: 18px;
  height: 47px;
  line-height: 47px;
  margin: 0 4.5px;
  text-align: center;
  width: 47px;
}
.single-product-item
  .product-image
  .product-hover
  > ul.hover-icon-list
  > li
  > a:hover,
.single-product-item
  .product-image
  .product-hover
  > ul.hover-icon-list
  > li
  > a:focus {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff !important;
}
.single-product-item
  .product-image
  .product-hover
  > ul.hover-icon-list
  > li
  > a
  > i {
  line-height: 45px;
}
.single-product-item .product-image .product-hover .p-cart-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ececeb;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  bottom: -34.9%;
  color: #2c2c2c;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  font-weight: 500;
  left: 50%;
  line-height: 39px;
  margin: auto;
  opacity: 0;
  padding: 0 25px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-product-item .product-image .product-hover .p-cart-btn {
    padding: 0 20px;
    min-width: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-item .product-image .product-hover .p-cart-btn {
    padding: 0 16px;
  }
  .single-product-item .product-image .product-hover .p-cart-btn {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-item .product-image .product-hover .p-cart-btn {
    padding: 0 20px;
    min-width: 115px;
  }
}
.single-product-item .product-image .product-hover .p-cart-btn:hover,
.single-product-item .product-image .product-hover .p-cart-btn:focus {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
}
.single-product-item:hover .product-image .product-hover > ul.hover-icon-list {
  opacity: 1;
  top: 41.6%;
}
.single-product-item:hover .product-image > a {
  opacity: 0.2;
}
.single-product-item:hover .product-hover .p-cart-btn {
  bottom: -38.7%;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-item:hover .product-hover .p-cart-btn {
    bottom: -52.7%;
  }
}
@media only screen and (max-width: 767px) {
  .single-product-item:hover .product-hover .p-cart-btn {
    bottom: -57.7%;
  }
}
@media only screen and (max-width: 479px) {
  .single-product-item:hover .product-hover .p-cart-btn {
    bottom: -38%;
  }
}
.single-product-item:hover .product-text .pro-price {
  opacity: 0;
}
.single-product-item .product-text .product-rating > i {
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 25px;
}
.single-product-item .product-text .product-rating > i.color {
  color: #7ba212;
}
.single-product-item .product-text > h5 {
  color: #202226;
  font-weight: 500;
  margin-bottom: 26px;
  padding-top: 1px;
}
.single-product-item .product-text .pro-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.single-product-item .product-text .pro-price span {
  display: block;
  margin: 0 4px;
}
.single-product-item .product-text .pro-price span.new-price {
  color: #78a206;
  font-size: 16px;
  font-weight: 600;
}
.single-product-item .product-text .pro-price span.old-price {
  color: #b8b8b8;
  line-height: 23px;
  text-decoration: line-through;
}

@media only screen and (max-width: 767px) {
  .product-two-area {
    background: #f6f5f1 none repeat scroll 0 0;
    padding: 60px 0 40px;
  }
}
.product-two-area .tab-content .tab-pane .single-product-item:first-of-type {
  /* margin-bottom: 45px; */
  /* width: 23% !important; */
}
.prdgap {
  gap: 12px;
}
.product-two-area .tab-content .tab-pane .prodcard {
  /* margin-bottom: 45px; */
  width: 24% !important;
}
.product-two-area .tab-content .tab-pane .slick-arrow {
  top: 50.7%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product-two-area .tab-content .tab-pane .slick-arrow {
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-two-area .tab-content .tab-pane .slick-arrow {
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .product-two-area .tab-content .tab-pane .slick-arrow {
    top: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .product-two-area
    .tab-content
    .tab-pane
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -50%;
  }
}
@media only screen and (max-width: 479px) {
  .product-two-area
    .tab-content
    .tab-pane
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -53%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area {
    padding: 90px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area {
    background: #f6f5f3;
    padding: 60px 0 40px;
  }
}
.timer-product-area .section-title {
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .timer-product-area .section-title {
    margin-bottom: 2px;
  }
}
.timer-product-area .timer-carousel {
  margin: 0 -15px;
  width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area .timer-carousel {
    margin: 0;
  }
}
.timer-product-area .timer-carousel .slick-arrow {
  border: 2px solid #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -40px;
  line-height: 47px;
  top: 51.5%;
  width: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area .timer-carousel .slick-arrow {
    height: 40px;
    left: 30px;
    line-height: 39px;
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel .slick-arrow {
    left: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area .timer-carousel .slick-arrow {
    left: 30px;
    top: 53%;
  }
}
.timer-product-area .timer-carousel .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.timer-product-area .timer-carousel .slick-arrow.slick-next {
  left: auto;
  right: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area .timer-carousel .slick-arrow.slick-next {
    right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel .slick-arrow.slick-next {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area .timer-carousel .slick-arrow.slick-next {
    right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area .timer-carousel .slick-slide {
    padding: 0 15px;
  }
}
.timer-product-area .timer-carousel .slick-slide.slick-active {
  -webkit-animation: 500ms ease 0s normal none 1 running slideZoomIn;
  animation: 500ms ease 0s normal none 1 running slideZoomIn;
}
.timer-product-area .timer-carousel:hover .slick-arrow,
.timer-product-area .timer-carousel:hover .slick-dots {
  opacity: 1;
}
.timer-product-area .timer-carousel .single-product-item {
  opacity: 0.5;
  background: #f6f5f1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel .single-product-item {
    opacity: 1;
  }
}
.timer-product-area .timer-carousel .single-product-item .product-image a img {
  max-width: 100%;
}
.timer-product-area .timer-carousel .single-product-item .product-image .timer {
  bottom: -10px;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
}
.timer-product-area
  .timer-carousel
  .single-product-item
  .product-image
  .timer
  .timer-grid
  .cdown {
  color: #939393;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 200;
  margin: 0 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area
    .timer-carousel
    .single-product-item
    .product-image
    .timer
    .timer-grid
    .cdown {
    margin: 0 4px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area
    .timer-carousel
    .single-product-item
    .product-image
    .timer
    .timer-grid
    .cdown {
    margin: 0 4px;
  }
}
.timer-product-area
  .timer-carousel
  .single-product-item
  .product-image
  .timer
  .timer-grid
  > .cdown
  span {
  color: #232323;
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  margin-right: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area
    .timer-carousel
    .single-product-item
    .product-image
    .timer
    .timer-grid
    > .cdown
    span {
    margin-right: 2px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-product-area
    .timer-carousel
    .single-product-item
    .product-image
    .timer
    .timer-grid
    > .cdown
    span {
    margin-right: 2px;
  }
}
.timer-product-area .timer-carousel .single-product-item .product-text {
  padding-top: 24px;
  position: relative;
}
.timer-product-area
  .timer-carousel
  .single-product-item
  .product-text
  .pro-price {
  padding-bottom: 29px;
  padding-top: 20px;
}
.timer-product-area
  .timer-carousel
  .single-product-item
  :hover
  .product-image
  > a {
  opacity: 1;
}
.timer-product-area
  .timer-carousel
  .single-product-item:hover
  .product-image
  > a {
  opacity: 1;
}
.timer-product-area .timer-carousel .single-product-item:hover,
.timer-product-area .timer-carousel .slick-current .single-product-item,
.timer-product-area .timer-carousel .slick-current .single-product-item:hover {
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
  box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area .timer-carousel .slick-current .single-product-item {
    -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
    box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
    border-color: #e7e7e7;
  }
}
.timer-product-area .timer-carousel .single-product-item:hover .timer,
.timer-product-area .timer-carousel .slick-current .single-product-item .timer {
  bottom: 0;
  opacity: 1;
}
.timer-product-area
  .timer-carousel
  .single-product-item:hover
  .product-hover
  .p-cart-btn {
  bottom: -40.5%;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area
    .timer-carousel
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -55%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .timer-product-area
    .timer-carousel
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -43%;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
  .timer-product-area
    .timer-carousel
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -52.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area
    .timer-carousel
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -46%;
  }
}
@media only screen and (max-width: 479px) {
  .timer-product-area
    .timer-carousel
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -54.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area
    .timer-carousel
    .single-product-item
    .product-image
    .timer {
    opacity: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-product-area > .container:last-child {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-product-area > .container:last-child {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .timer-two-area {
    padding: 60px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-two-area .timer-carousel .slick-arrow {
    top: 63%;
  }
}

@media only screen and (min-width: 1600px) {
  .product-four-area {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-four-area {
    padding: 90px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .product-four-area {
    padding: 60px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-four-area.product-ptb-none {
    padding: 0px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-four-area.product-ptb-none {
    padding: 0px 0 0px;
  }
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-image {
  background: #f6f5f1;
}
@media only screen and (max-width: 767px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -20.5%;
  }
}
@media only screen and (max-width: 479px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -22.5%;
  }
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-image
  .product-hover
  .p-cart-btn:hover,
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-image
  .product-hover
  .p-cart-btn:focus {
  background: #c5ac57;
  border-color: #c5ac57;
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-image
  .product-hover
  .hover-icon-list
  li
  a:hover,
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-image
  .product-hover
  .hover-icon-list
  li
  a:focus {
  background: #c5ac57;
  border-color: #c5ac57;
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-text
  .product-rating
  > i.color,
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-text
  .pro-price
  span.new-price,
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-text
  .pro-price
  span.new-price {
  color: #c5ac57;
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item
  .product-text
  > h5
  a:hover {
  color: #c5ac57;
}
.product-four-area
  .product-carousel-two
  .slick-slide
  .single-product-item:hover
  .product-image
  .product-hover
  .p-cart-btn {
  bottom: -45%;
  opacity: 1;
}
@media only screen and (min-width: 1600px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -38.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -54%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -49%;
  }
}
@media only screen and (max-width: 767px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -45%;
  }
}
@media only screen and (max-width: 570px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -56%;
  }
}
@media only screen and (max-width: 479px) {
  .product-four-area
    .product-carousel-two
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -42%;
  }
}
.product-four-area .product-carousel-two .slick-arrow {
  border: 2px solid #e1e1e1;
  background: #f6f5f1;
  color: #c5c5c5;
  width: 50px;
  height: 50px;
  line-height: 46px;
  font-size: 17px;
  left: -8px;
  top: 52%;
}
.product-four-area .product-carousel-two .slick-arrow.slick-next {
  left: auto;
  right: -8px;
}
.product-four-area .product-carousel-two:hover .slick-arrow {
  opacity: 1;
}
.product-four-area .product-carousel-three .slick-slide .single-product-item {
  background-color: #f6f5f1;
}
@media only screen and (max-width: 767px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -20.5%;
  }
}
@media only screen and (max-width: 479px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -22.5%;
  }
}
.product-four-area
  .product-carousel-three
  .slick-slide
  .single-product-item:hover
  .product-image
  .product-hover
  .p-cart-btn {
  bottom: -45%;
  opacity: 1;
}
@media only screen and (min-width: 1600px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -38.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -49%;
  }
}
@media only screen and (max-width: 767px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -60%;
  }
}
@media only screen and (max-width: 570px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -56%;
  }
}
@media only screen and (max-width: 479px) {
  .product-four-area
    .product-carousel-three
    .slick-slide
    .single-product-item:hover
    .product-image
    .product-hover
    .p-cart-btn {
    bottom: -42%;
  }
}
.product-four-area .product-carousel-three .slick-arrow {
  border: 2px solid #e1e1e1;
  background: #f6f5f1;
  color: #c5c5c5;
  width: 50px;
  height: 50px;
  line-height: 46px;
  font-size: 17px;
  left: -8px;
  top: 52%;
}
.product-four-area .product-carousel-three .slick-arrow.slick-next {
  left: auto;
  right: -8px;
}
.product-four-area .product-carousel-three:hover .slick-arrow {
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-four-area {
    padding: 0px 0 61px;
  }
}
@media only screen and (max-width: 767px) {
  .timer-four-area {
    padding: 48px 0 30px;
  }
}
.timer-four-area .timer-carousel {
  padding: 0 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .timer-four-area .timer-carousel {
    padding: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-four-area .timer-carousel {
    padding: 0px;
  }
}
.timer-four-area .timer-carousel .custom-col {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .timer-four-area .timer-carousel .custom-col {
    padding-top: 3px;
  }
}
.timer-four-area .timer-carousel .custom-col .single-product-item {
  margin: 30px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .timer-four-area .timer-carousel .custom-col .single-product-item {
    margin-top: 4px;
  }
}
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-image
  .product-hover
  .p-cart-btn:hover,
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-image
  .product-hover
  .p-cart-btn:focus {
  background: #c5ac57;
  border-color: #c5ac57;
}
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-text
  .product-rating
  > i.color,
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-text
  .pro-price
  span.new-price,
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-text
  .pro-price
  span.new-price {
  color: #c5ac57;
}
.timer-four-area
  .timer-carousel
  .custom-col
  .single-product-item
  .product-text
  > h5
  a:hover {
  color: #c5ac57;
}
.timer-four-area .timer-carousel .slick-arrow {
  left: 8px;
  top: 44.5%;
  background: #f6f5f1;
}
.timer-four-area .timer-carousel .slick-arrow.slick-next {
  right: 8px;
}

.related-product .slick-arrow {
  border: 2px solid #e1e1e1;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 47px;
  top: 51.5%;
  width: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .related-product .slick-arrow {
    height: 40px;
    left: 15px;
    line-height: 39px;
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related-product .slick-arrow {
    left: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .related-product .slick-arrow {
    left: 14px;
  }
}
.related-product .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 15px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.related-product .slick-arrow.slick-next {
  left: auto;
  right: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .related-product .slick-arrow.slick-next {
    right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related-product .slick-arrow.slick-next {
    right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .related-product .slick-arrow.slick-next {
    right: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .deal-area.pb-100 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-area.pt-70 {
    padding-top: 40px;
  }
}

.deal-img {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .deal-img {
    margin-right: 0px;
  }
}
.deal-img a img {
  width: 100%;
}

.deal-content {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .deal-content {
    margin-top: 20px;
    padding-left: 0px;
  }
}
.deal-content > h2 {
  font-size: 45px;
  line-height: 55px;
  margin: 0;
  text-transform: capitalize;
  font-family: "Playfair Display", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .deal-content > h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content > h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content > h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
.deal-content > span {
  color: #78a206;
  display: block;
  font-size: 18px;
  letter-spacing: 0.2px;
  margin: 10px 0 21px;
  text-transform: capitalize;
}
.deal-content > p {
  color: #404040;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 26px;
  margin-bottom: 22px;
  width: 98%;
}
@media only screen and (max-width: 767px) {
  .deal-content > p {
    width: 100%;
  }
}
.deal-content .timer-style {
  margin-bottom: 36px;
}
.deal-content .timer-style div {
  display: inline-block;
  text-align: center;
  margin-right: 50px;
  font-size: 16px;
  text-transform: capitalize;
  color: #404040;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div {
    margin-right: 30px;
  }
}
.deal-content .timer-style div span {
  display: block;
  font-size: 48px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  text-align: center;
  color: #404040;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .deal-content .timer-style div span {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div span {
    font-size: 27px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div span {
    font-size: 25px;
  }
}
.deal-content .timer-style div span::after {
  background-color: #404040;
  content: "";
  height: 6px;
  position: absolute;
  right: -26px;
  width: 6px;
  z-index: 9999;
  top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div span::after {
    right: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div span::after {
    right: -15px;
  }
}
.deal-content .timer-style div span::before {
  background-color: #404040;
  content: "";
  height: 6px;
  position: absolute;
  right: -26px;
  top: 15px;
  width: 6px;
  z-index: 9999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .deal-content .timer-style div span::before {
    right: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .deal-content .timer-style div span::before {
    right: -15px;
  }
}
.deal-content .timer-style div.cdown:last-child span::after {
  display: none;
}
.deal-content .timer-style div.cdown:last-child span::before {
  display: none;
}
.deal-content .timer-style div.cdown:last-child {
  margin-right: 0;
}
.deal-content a.deal-btn {
  font-size: 14px;
  display: inline-block;
  border: 2px solid #e1e1e1;
  color: #2c2c2c;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  padding: 8px 35px 10px;
  border-radius: 50px;
}
.deal-content a.deal-btn:hover {
  background-color: #78a206;
  color: #fff;
  border: 2px solid #78a206;
}

/*----------------------------------------*/
/*  06. Banner Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area {
    padding: 80px 0 58px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area {
    padding: 53px 0 50px;
  }
}
@media only screen and (min-width: 1600px) {
  .banner-area .banner-text {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner-area .banner-text {
    padding-top: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-text {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-text {
    padding-top: 0;
  }
  .banner-area .banner-text h3 {
    font-size: 28px !important;
  }
  .ht-hero-two .ht-hero-content-one h1 {
    font-size: 32px;
  }
}
.banner-area .banner-text h3 {
  color: #444444;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 3px;
}
.block_sec {
  float: left;
  width: 100%;
}

.banner-area .banner-text h3 span {
  color: #9db165;
  padding-left: 3.5px;
}
.banner-area .banner-text h1 {
  color: #211e1e;
  font-family: "Playfair Display", serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-area .banner-text h1 {
    font-size: 63px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-text h1 {
    font-size: 45px;
    margin-bottom: 15px;
  }
}
.banner-area .banner-text h2 {
  color: #9db165;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 9px;
  position: relative;
  text-transform: uppercase;
}
.banner-area .banner-text h2 img {
  position: relative;
  top: -1px;
}
.banner-area .banner-text h2 span:last-child {
  padding-left: 14px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-area .banner-text p {
    width: 95%;
    margin-bottom: 0;
  }
}
.banner-area .banner-text a.default-btn {
  line-height: 37px;
  margin-top: 44px;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-text a.default-btn {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-text a.default-btn {
    margin-top: 4px;
  }
}
.banner-area .banner-image-wrapper {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-area .banner-image-wrapper .banner-image {
    padding-top: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-image-wrapper .banner-image {
    float: right;
    padding-top: 20px;
    width: 61%;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-image-wrapper .banner-image {
    float: right;
    margin-right: -15px;
    margin-top: 25px;
    width: 64%;
  }
}
.banner-area .banner-image-wrapper .banner-image img {
  max-width: 100%;
}
.banner-area .banner-image-wrapper .banner-image-text {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #9db165;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  left: -65px;
  padding: 24px 25px;
  position: absolute;
  top: 92px;
  width: 47.5%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-area .banner-image-wrapper .banner-image-text {
    padding: 20px 14px;
    width: 54%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-area .banner-image-wrapper .banner-image-text {
    left: 59px;
    top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-image-wrapper .banner-image-text {
    left: 0;
    padding: 16px 14px 12px;
    top: 44px;
    width: 68.3%;
  }
}
.banner-area .banner-image-wrapper .banner-image-text:before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9db165;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 15px;
  content: " ";
  height: 0;
  left: 100%;
  margin-top: -36px;
  pointer-events: none;
  position: absolute;
  top: 57%;
  width: 0;
}
.banner-area .banner-image-wrapper .banner-image-text:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 12px;
  content: " ";
  height: 0;
  left: 100%;
  margin-top: -32px;
  pointer-events: none;
  position: absolute;
  top: 57%;
  width: 0;
}
.banner-area .banner-image-wrapper .banner-image-text h4 {
  color: #211e1e;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 12px;
  padding-bottom: 11px;
  position: relative;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-image-wrapper .banner-image-text h4 {
    padding: 0;
  }
}
.banner-area .banner-image-wrapper .banner-image-text h4::after {
  background: #211e1e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 35px;
}
@media only screen and (max-width: 767px) {
  .banner-area .banner-image-wrapper .banner-image-text h4::after {
    display: none;
  }
}
.banner-area .banner-image-wrapper .banner-image-text p {
  line-height: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner-area.banner-one-area {
    padding: 53px 0 78px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-banner-area {
    padding: 24px 0 40px;
  }
}
.shop-banner-area .shop-banner-img {
  overflow: hidden;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .shop-banner-area .shop-banner-img {
    margin-bottom: 20px;
  }
}
.shop-banner-area .shop-banner-img a {
  display: inline-block;
}
.shop-banner-area .shop-banner-img a img {
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  overflow: hidden;
  max-width: 100%;
}
.shop-banner-area .shop-banner-img a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-two-area {
    background-position: center -83px;
    padding: 70px 0 106px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-two-area {
    padding: 30px 0 60px;
  }
}
/* .banner-two-area .banner-text {
  padding-top: 50px;
} */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
  .banner-two-area .banner-text {
    padding-top: 8px;
    width: 92%;
  }
}
@media only screen and (max-width: 479px) {
  .banner-two-area .banner-text {
    width: 100%;
  }
}

.banner-four-area {
  margin-top: -44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-four-area {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.banner-four-area .banner-four-container .banner-four-image a {
  display: block;
  overflow: hidden;
}
.banner-four-area .banner-four-container .banner-four-image a img {
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container .banner-four-image a img {
    max-width: 100%;
  }
}
.banner-four-area .banner-four-container .banner-four-image a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
.banner-four-area .banner-four-container .banner-four-text {
  margin-left: 25px;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-four-area .banner-four-container .banner-four-text {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container .banner-four-text {
    margin-left: 0;
  }
}
.banner-four-area .banner-four-container .banner-four-text h4 {
  font-weight: 500;
  font-size: 12px;
  color: #a4a4a4;
  letter-spacing: 6px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 12px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-four-area .banner-four-container .banner-four-text h4 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container .banner-four-text h4 {
    margin-bottom: 20px;
  }
}
.banner-four-area .banner-four-container .banner-four-text p {
  width: 580px;
  margin-bottom: 51px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .banner-four-area .banner-four-container .banner-four-text p {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-four-area .banner-four-container .banner-four-text p {
    width: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container .banner-four-text p {
    width: auto;
    margin-bottom: 30px;
  }
}
.banner-four-area .banner-four-container .banner-four-text .signature img {
  margin-left: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-four-area .banner-four-container .banner-four-text .signature img {
    width: 66%;
  }
}
@media only screen and (max-width: 767px) {
  .banner-four-area .banner-four-container .banner-four-text .signature img {
    width: 45%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .banner-four-area .banner-four-container .banner-four-text .signature img {
    width: 66%;
  }
}

@media only screen and (max-width: 767px) {
  .organic-about-area {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.organic-about-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .organic-about-text {
    margin-top: 30px;
  }
}
.organic-about-text h4 {
  font-weight: 500;
  font-size: 12px;
  color: #a4a4a4;
  letter-spacing: 6px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  padding-top: 12px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organic-about-text h4 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .organic-about-text h4 {
    margin-bottom: 10px;
  }
}
.organic-about-text p {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .organic-about-text p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .organic-about-text p {
    margin-bottom: 20px;
  }
}

.banner-fruits a img {
  width: 100%;
}

.banner-wrap {
  position: relative;
}
.banner-wrap a img {
  width: 100%;
}
.banner-wrap .banner-content {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.banner-wrap .banner-content h4 {
  text-transform: capitalize;
  margin: 0;
  color: #78a206;
  font-size: 20px;
  font-family: "Playfair Display", serif;
}
.banner-wrap .banner-content h4 a {
  color: #78a206;
}
.banner-wrap .banner-content p {
  color: #333;
  margin: 5px 0 15px;
  font-size: 14px;
}
.banner-wrap .banner-content .banner-btn a {
  text-decoration: underline;
  line-height: 1;
  display: inline-block;
  color: #333;
  text-transform: capitalize;
  font-size: 14px;
  font-family: "Playfair Display", serif;
}
.banner-wrap .banner-content .banner-btn a:hover {
  color: #78a206;
}

@media only screen and (max-width: 767px) {
  .banner-area.pb-70 {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-area.pt-100 {
    padding-top: 50px;
  }
}

/*----------------------------------------*/
/*  07. Featured Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured-area {
    background: #f6f5f3;
    padding: 83px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-area {
    background: #f6f5f3;
    padding: 53px 0 25px;
  }
}
.featured-area .col-lg-4 .featured-carousel-wrapper {
  padding-bottom: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .featured-area .col-lg-4 .featured-carousel-wrapper {
    padding-bottom: 3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured-area .col-lg-4 .featured-carousel-wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .featured-area .col-lg-4 .featured-carousel-wrapper {
    padding-bottom: 15px;
  }
}
.featured-area .col-lg-4 .featured-carousel-wrapper > h3 {
  color: #a9a9a9;
  font-family: "Oswald", sans-serif;
  font-weight: 200;
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .featured-area .col-lg-4 .featured-carousel-wrapper > h3 {
    margin: 0;
  }
}
.featured-area .col-lg-4 .featured-carousel-wrapper > h3 > span {
  color: #202226;
  font-weight: 500;
  padding-left: 1px;
}
.featured-area .col-lg-4 .featured-carousel-wrapper .feaured-carousel {
  margin: 0 -15px;
  width: auto;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .slick-arrow {
  border: 1px solid #e1e1e1;
  color: #c5c5c5;
  font-size: 13px;
  height: 30px;
  left: calc(100% - 83px);
  line-height: 28px;
  opacity: 1;
  top: -16px;
  width: 30px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .slick-arrow.slick-next {
  left: auto;
  right: 15px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel {
  padding: 0 15px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item {
  border: 1px solid #e7e7e7;
  background: #f6f5f3;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 8px 8px 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item:hover {
  border-color: #ffffff;
  -webkit-box-shadow: 4px 6px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
  box-shadow: 4px 6px 15px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item:first-of-type {
  margin-top: 30px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .feature-image {
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .featured-area
    .col-lg-4
    .featured-carousel-wrapper
    .feaured-carousel
    .single-featured-carousel
    .single-featured-item
    .feature-image {
    margin-right: 15px;
    width: 105px;
  }
}
@media only screen and (max-width: 767px) {
  .featured-area
    .col-lg-4
    .featured-carousel-wrapper
    .feaured-carousel
    .single-featured-carousel
    .single-featured-item
    .feature-image
    img {
    width: 95px;
  }
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text {
  overflow: hidden;
  padding-bottom: 26px;
  padding-top: 10px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .featured-area
    .col-lg-4
    .featured-carousel-wrapper
    .feaured-carousel
    .single-featured-carousel
    .single-featured-item
    .product-text {
    padding: 7px 0 16px;
  }
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  .product-rating
  i {
  font-size: 14px;
  letter-spacing: -0.4px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  .product-rating
  i.color {
  color: #7ba212;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  h5 {
  color: #202226;
  font-weight: 500;
  margin-bottom: 24px;
  padding-top: 1px;
}
@media only screen and (max-width: 767px) {
  .featured-area
    .col-lg-4
    .featured-carousel-wrapper
    .feaured-carousel
    .single-featured-carousel
    .single-featured-item
    .product-text
    h5 {
    margin-bottom: 6px;
  }
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  .pro-price {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  .pro-price
  .new-price {
  color: #78a206;
  font-size: 16px;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  a.feature-cart {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  bottom: 15px;
  color: #2b2b2b;
  display: block;
  font-size: 16px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 17px;
  text-align: center;
  width: 44px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .featured-area
    .col-lg-4
    .featured-carousel-wrapper
    .feaured-carousel
    .single-featured-carousel
    .single-featured-item
    .product-text
    a.feature-cart {
    right: 10px;
  }
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  a.feature-cart:hover,
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item
  .product-text
  a.feature-cart:focus {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
}
.featured-area
  .col-lg-4
  .featured-carousel-wrapper
  .feaured-carousel
  .single-featured-carousel
  .single-featured-item:hover
  a.feature-cart {
  opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .featured-area .col-lg-4:last-child {
    padding-top: 63px;
  }
}

/*----------------------------------------*/
/*  08. Testimonial Area
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-area {
    padding: 107px 0 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area {
    padding: 90px 0 76px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-area {
    padding: 30px 0;
    margin: 0 !important;
  }
}
.testimonial-area
  .testimonial-slider-wrapper
  .text-carousel
  .slider-text
  .testi-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {
  font-size: 14px;
  line-height: 30px;
  margin: 31px auto 30px;
  max-width: 85%;
  color: #2c2c2c;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text p {
    line-height: 23px;
    margin: 13px auto 10px;
    max-width: 90%;
  }
}
.testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
  border: 2px solid #e1e1e1;
  color: #ccc;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 48px;
  width: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
    left: -4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
    left: -4px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
    left: -24px;
    top: 60%;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
    left: -4px;
  }
}
.testimonial-area
  .testimonial-slider-wrapper
  .text-carousel
  .slick-arrow.slick-next {
  left: auto;
  right: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial-area
    .testimonial-slider-wrapper
    .text-carousel
    .slick-arrow.slick-next {
    right: -4px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area
    .testimonial-slider-wrapper
    .text-carousel
    .slick-arrow.slick-next {
    right: -4px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-area
    .testimonial-slider-wrapper
    .text-carousel
    .slick-arrow.slick-next {
    right: -24px;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-area
    .testimonial-slider-wrapper
    .text-carousel
    .slick-arrow.slick-next {
    right: -4px;
  }
}
.testimonial-area
  .testimonial-slider-wrapper
  .text-carousel
  .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.testimonial-area
  .testimonial-slider-wrapper
  .text-carousel:hover
  .slick-arrow {
  opacity: 1;
}
.testimonial-area .testimonial-slider-wrapper .image-carousel {
  margin: auto;
  max-width: 400px;
  overflow: hidden;
}
.testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img img {
  margin: auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.testimonial-area .testimonial-slider-wrapper .image-carousel .testi-img h4 {
  color: #211e1e;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.testimonial-area
  .testimonial-slider-wrapper
  .image-carousel
  .testi-img.slick-current
  img {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.testimonial-area
  .testimonial-slider-wrapper
  .image-carousel
  .testi-img:hover
  > img {
  opacity: 1;
}
.testimonial-area
  .testimonial-slider-wrapper
  .image-carousel
  .testi-img.slick-current
  > h4 {
  opacity: 1;
}
.testimonial-area .testimonial-slider-wrapper .image-carousel .slick-list {
  padding: 0 !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-four-area {
    padding: 80px 0 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four-area {
    padding: 0px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four-area {
    padding: 40px 0 0;
  }
}
.testimonial-four-area
  .testimonial-slider-wrapper
  .text-carousel
  .slider-text
  .testi-quote {
  padding-top: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-four-area
    .testimonial-slider-wrapper
    .text-carousel
    .slider-text
    .testi-quote {
    padding-top: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-four-area
    .testimonial-slider-wrapper
    .text-carousel
    .slider-text
    .testi-quote {
    padding-top: 20px;
  }
}
.testimonial-four-area .testimonial-slider-wrapper .text-carousel .slick-arrow {
  left: 0px;
  top: 51%;
}
.testimonial-four-area
  .testimonial-slider-wrapper
  .text-carousel
  .slick-arrow.slick-next {
  right: 0px;
}
.testimonial-four-area
  .testimonial-slider-wrapper
  .image-carousel
  .testi-img
  h4 {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .testimonial-four-area
    .testimonial-slider-wrapper
    .image-carousel
    .testi-img
    h4 {
    margin-bottom: 7px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper-two-area {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-two-area {
    padding-top: 0;
  }
}

/*----------------------------------------*/
/*  09. Blog Area
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area {
    padding: 0 0 73px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area {
    padding: 0 0 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area.blog-area-pt {
    padding: 73px 0 73px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area.blog-area-pt {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area .section-title {
    margin-bottom: 40px;
  }
}
.blog-area .slick-arrow {
  border: 2px solid #e1e1e1;
  color: #c5c5c5;
  font-size: 17px;
  height: 50px;
  left: -55px;
  line-height: 48px;
  width: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-area .slick-arrow {
    height: 40px;
    left: 15px;
    line-height: 39px;
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .slick-arrow {
    left: -8px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area .slick-arrow {
    left: 15px;
    background: #ffffff;
    top: 42%;
  }
}
.blog-area .slick-arrow.slick-next {
  left: auto;
  right: -55px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .blog-area .slick-arrow.slick-next {
    right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-area .slick-arrow.slick-next {
    right: -8px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-area .slick-arrow.slick-next {
    right: 15px;
  }
}
.blog-area .slick-arrow:hover {
  background: #f6f5f1 none repeat scroll 0 0;
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  color: #444444;
}
.blog-area:hover .slick-arrow {
  opacity: 1;
}
.blog-area .single-blog {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.blog-area .single-blog .blog-image {
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
}
.blog-area .single-blog .blog-image a {
  display: block;
}
.blog-area .single-blog .blog-image a img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width: 767px) {
  .blog-area .single-blog .blog-image a img {
    width: 100%;
  }
}
.blog-area .single-blog .blog-text {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-radius: 0 0 15px 15px;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  border-right: 1px solid #e8e8e8;
  padding: 30px 12px 35px;
}
.blog-area .single-blog .blog-text h4 {
  color: #202226;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  margin-bottom: 7px;
}
.blog-area .single-blog .blog-text h4 aa:hover {
  color: #78a206;
}
.blog-area .single-blog .blog-text .post-meta {
  color: #9d9d9d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 21px;
  text-transform: capitalize;
}
.blog-area .single-blog .blog-text .post-meta span.author-name span {
  color: #78a206;
  padding-right: 3px;
}
.blog-area .single-blog .blog-text p {
  margin-bottom: 29px;
}
.blog-area .single-blog .blog-text a.default-btn {
  border-color: #e1e1e1;
  color: #2c2c2c;
  line-height: 39px;
  padding: 0 30px;
}
.blog-area .single-blog .blog-text a.default-btn:hover,
.blog-area .single-blog .blog-text a.default-btn:focus {
  border-color: #78a206;
  background: #78a206;
  color: #ffffff;
}
.blog-area .single-blog:hover .blog-image img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-three-area {
    padding: 90px 0 73px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-three-area {
    padding: 60px 0 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-four-area {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-four-area {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog-four-area.blog-pt-hm6 {
    padding: 60px 0 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-four-area.blog-pt-hm6 {
    padding: 60px 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-four-area .section-title {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-four-area .section-title {
    margin-bottom: 15px;
  }
}
.blog-four-area .blog-carousel .slick-arrow {
  left: 8px;
  margin-top: 7px;
  background: #f6f5f1;
}
@media only screen and (max-width: 767px) {
  .blog-four-area .blog-carousel .slick-arrow {
    left: 15px;
    top: 52%;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media only screen and (max-width: 479px) {
  .blog-four-area .blog-carousel .slick-arrow {
    top: 41%;
  }
}
.blog-four-area .blog-carousel .slick-arrow.slick-next {
  right: 8px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  .blog-four-area .blog-carousel .slick-arrow.slick-next {
    right: 15px;
  }
}
.blog-four-area .blog-carousel .slick-slide {
  padding: 30px 15px;
}
@media only screen and (max-width: 767px) {
  .blog-four-area .blog-carousel .slick-slide {
    padding-top: 20px;
  }
}
.blog-four-area .blog-carousel .slick-slide .single-blog {
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
}
.blog-four-area .blog-carousel .slick-slide .single-blog .blog-text h4 a:hover {
  color: #c5ac57;
}
.blog-four-area
  .blog-carousel
  .slick-slide
  .single-blog
  .blog-text
  .post-meta
  span.author-name
  span {
  color: #c5ac57;
}
.blog-four-area
  .blog-carousel
  .slick-slide
  .single-blog
  .blog-text
  a.default-btn {
  background: transparent;
}
.blog-four-area
  .blog-carousel
  .slick-slide
  .single-blog
  .blog-text
  a.default-btn:hover {
  background: #c5ac57;
  border-color: #c5ac57;
}
.blog-four-area .blog-carousel .slick-slide .single-blog:hover {
  -webkit-box-shadow: 6px 8px 14px 0px rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px #ffffff;
  box-shadow: 6px 8px 14px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 1px #ffffff;
}

/*----------------------------------------*/
/*  10. Blog Details
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area {
    padding: 90px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area {
    padding: 35px 0 35px;
  }
}
.post-area .video-thumbnail {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .post-area .video-thumbnail {
    margin-bottom: 22px;
  }
}
.post-area .single-post-item {
  border-bottom: 1px solid #ebebeb;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  margin-bottom: 60px;
  clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area .single-post-item {
    margin-bottom: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}
.post-area .single-post-item .single-post-title {
  color: #2c2c2c;
  font-size: 18px;
  font-weight: 700;
  line-height: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-title {
    margin-bottom: 9px;
  }
}
.post-area .single-post-item .single-post-title span {
  color: #78a206;
  font-size: 8.5px;
  margin-right: 5px;
  position: relative;
  top: -7px;
  vertical-align: top;
}
.post-area .single-post-item .single-post-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 31px;
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-meta {
    margin-bottom: 15px;
  }
}
.post-area .single-post-item .single-post-meta span {
  color: #898888;
  display: block;
  font-size: 12px;
  margin: 0 14px;
  position: relative;
}
.post-area .single-post-item .single-post-meta span:first-of-type::after {
  content: "|";
  font-size: 12px;
  position: absolute;
  right: -15px;
}
.post-area .single-post-item .single-post-img {
  margin-bottom: 31px;
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-img {
    margin-bottom: 20px;
  }
}
.post-area .single-post-item .single-post-img a {
  display: block;
}
.post-area .single-post-item .single-post-img a img {
  max-width: 100%;
}
.post-area .single-post-item .single-post-text {
  margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-text {
    margin-bottom: 22px;
  }
}
.post-area .single-post-item .post-read-link {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 0 30px;
}
.post-area .single-post-item .post-read-link:hover,
.post-area .single-post-item .post-read-link:focus {
  background: #78a206 none repeat scroll 0 0;
  border-color: #78a206;
  color: #ffffff;
}
.post-area .single-post-item .single-post-share {
  color: #898888;
  font-size: 12px;
  font-weight: 500;
  line-height: 10px;
  margin-bottom: 19px;
  padding-top: 38px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-share {
    padding-top: 28px;
  }
}
.post-area .single-post-item .post-social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.post-area .single-post-item .post-social-link a {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #363636;
  height: 26px;
  line-height: 27px;
  margin: 0 5px;
  width: 26px;
}
.post-area .single-post-item .post-social-link a:hover {
  background: #78a206 none repeat scroll 0 0;
  color: #ffffff;
}
.post-area .single-post-item:nth-last-of-type(2) {
  border: 0 none;
  margin-bottom: 0;
}
.post-area .single-post-item .single-post-info-text p {
  line-height: 25px;
  font-size: 15px;
  padding-top: 10px;
}
.post-area .single-post-item .single-post-info-text p:nth-of-type(3) {
  margin-bottom: 10px;
}
.post-area .single-post-item .single-post-info-text p.post-quote {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #f6f6f6 none repeat scroll 0 0;
  border-color: #ebebeb #ebebeb #ebebeb #78a206;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  font-size: 14px;
  font-style: italic;
  line-height: 26px;
  margin: 40px 0 40px 40px;
  padding: 30px 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area .single-post-item .single-post-info-text p.post-quote {
    margin: 22px 0 25px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area .single-post-item .single-post-info-text p.post-quote {
    margin: 27px 0 30px 0;
    padding: 16px 15px;
    line-height: 25px;
  }
}
.post-area .single-post-item .single-post-info-text > p:last-of-type {
  margin-bottom: 30px;
}
.post-area .single-post-item .single-post-tag {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  margin: 0;
  padding: 5px 0 6px;
  text-align: left;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .post-area .single-post-item .single-post-tag {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.post-area .single-post-item .single-post-tag > a {
  color: #999999;
}
.post-area .single-post-item .single-post-tag .single-post-tag-link {
  margin-left: 3px;
}
.post-area .sidebar-widget .sidebar-search-box {
  border: 1px solid #ebebeb;
  height: 34px;
  position: relative;
}
.post-area .sidebar-widget .sidebar-search-box input {
  border: 0 none;
  color: #555555;
  height: 100%;
  padding: 0 40px 0 15px;
  width: 100%;
}
.post-area .sidebar-widget .sidebar-search-box button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #999999;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  border: 0;
}
.post-area .sidebar-widget .sidebar-search-box button:hover {
  color: #78a206;
}
.post-area .sidebar-widget .sidebar-widget-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: -10px;
}
.post-area .sidebar-widget .sidebar-widget-tag li a {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: block;
  margin: 10px 8px 0 0;
  padding: 7px 18px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.post-area .sidebar-widget .sidebar-widget-tag li a:hover {
  background: #78a206;
  color: #ffffff;
  border-color: #78a206;
}
.post-area .sidebar-wrapper {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .post-area .sidebar-wrapper {
    margin-top: 41px;
  }
}
.post-area .sidebar-wrapper .sidebar-widget {
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .post-area .sidebar-wrapper .sidebar-widget {
    margin-bottom: 25px;
  }
}
.post-area .sidebar-wrapper .sidebar-widget h3 {
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .post-area .sidebar-wrapper .sidebar-widget h3 {
    margin-bottom: 16px;
  }
}
.post-area .sidebar-wrapper .sidebar-search-widget h3 {
  line-height: 13px;
  margin-bottom: 26px;
}
.post-area .pagination-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  padding-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area .pagination-wrapper {
    margin-top: 10px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area .pagination-wrapper {
    margin-top: 20px;
    margin-bottom: 18px;
    padding-top: 47px;
  }
}
.post-area.blog-area .post-comment-area {
  padding-bottom: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area.blog-area .post-comment-area {
    padding-top: 60px;
    padding-bottom: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area .post-comment-area {
    padding-top: 60px;
    padding-bottom: 34px;
  }
}
.post-area.blog-area .post-comment-area .post-title {
  color: #2c2c2c;
  font-size: 1.4em;
  font-weight: 500;
  line-height: 12px;
  margin-bottom: 36px;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.post-area.blog-area .post-comment-area .post-comment-container {
  margin-right: 15px;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment {
  border: 1px solid #ebebeb;
  margin: 0 0 20px;
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area
    .post-comment-area
    .post-comment-container
    .single-post-comment {
    padding: 22px 15px;
  }
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-image {
  float: left;
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area
    .post-comment-area
    .post-comment-container
    .single-post-comment
    .single-post-image {
    margin-right: 15px;
  }
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-image
  img {
  width: 50px;
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area
    .post-comment-area
    .post-comment-container
    .single-post-comment
    .single-post-image
    img {
    width: 38px;
  }
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content {
  overflow: hidden;
  position: relative;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  .single-post-info {
  line-height: 9px;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  .single-post-info
  > a {
  color: #23232c;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 11px;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  .single-post-info
  > a:hover {
  color: #78a206;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  .single-post-info
  span {
  display: block;
  font-size: 0.93em;
  font-style: italic;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area
    .post-comment-area
    .post-comment-container
    .single-post-comment
    .single-post-content
    .single-post-info
    span {
    margin-bottom: 7px;
  }
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  .single-post-info
  > p {
  margin: 0;
  line-height: 24px;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #2c2c2c;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  color: #2c2c2c;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  line-height: 26px;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .post-area.blog-area
    .post-comment-area
    .post-comment-container
    .single-post-comment
    .single-post-content
    button {
    line-height: 23px;
    padding: 0 18px;
  }
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  button:hover {
  background: #78a206;
  color: #ffffff;
  border-color: #78a206;
}
.post-area.blog-area
  .post-comment-area
  .post-comment-container
  .single-post-comment
  .single-post-content
  > button {
  float: right;
}
.post-area .post-comment-form .post-title {
  margin-bottom: 26px;
  margin-bottom: 13px;
  color: #2c2c2c;
  font-size: 1.4em;
  font-weight: 500;
  text-transform: uppercase;
}
.post-area .post-comment-form > p {
  margin-bottom: 25px;
}
.post-area .post-comment-form label {
  color: #444444;
  font-size: 12px;
  line-height: 13px;
  margin-bottom: 12px;
}
.post-area .post-comment-form #post-text {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 130px;
  margin-bottom: 10px;
  width: 100%;
  padding: 10px 15px;
  color: #555555;
}
.post-area .post-comment-form .row {
  margin-left: -10px;
  margin-right: -10px;
}
.post-area .post-comment-form .row .col-lg-4 {
  padding-left: 10px;
  padding-right: 10px;
}
.post-area .post-comment-form button {
  margin-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-area .post-comment-form button {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .post-area .post-comment-form button {
    margin-bottom: 19px;
    margin-top: 20px;
  }
}
.post-area .post-comment-form input {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  height: 50px;
  width: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .post-area .post-comment-form input {
    margin-bottom: 10px;
  }
}
.post-area input:focus,
.post-area textarea:focus,
.post-area button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-area.post-area .single-blog {
  margin-bottom: 50px;
}
.blog-area.post-area .single-blog .blog-image a img {
  width: 100%;
}
.blog-area.post-area .single-post-img img {
  width: 100%;
}

.post-details .single-post-item {
  border: 0 none;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .blog-column.post-area .single-blog,
  .blog-column-3.post-area .single-blog {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-column-3.post-area {
    padding: 90px 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-column-3.post-area {
    padding: 60px 0 40px;
  }
}

/*----------------------------------------*/
/*  11. Newsletter
/*----------------------------------------*/
.newsletter-container h2 {
  color: #202226;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 17px;
  padding-top: 2px;
}
.newsletter-container .newsletter-form form .mc-form {
  background: #e9e8e2 none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
  height: 50px;
  margin: 43px auto auto;
  max-width: 600px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-container .newsletter-form form .mc-form {
    margin: 33px auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-container .newsletter-form form .mc-form {
    margin: 26px auto auto;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .newsletter-container .newsletter-form form .mc-form {
    height: 44px;
    margin: 20px auto auto;
    width: 100%;
  }
}
.newsletter-container .newsletter-form form .mc-form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #7b7b7b;
  height: 100%;
  padding: 15px 135px 15px 25px;
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .newsletter-container .newsletter-form form .mc-form input {
    padding: 8px 105px 8px 16px;
  }
}
.newsletter-container .newsletter-form form .mc-form input::-moz-placeholder {
  color: #7b7b7b;
}
.newsletter-container .newsletter-form form .mc-form .mc-news {
  left: -5000px;
  position: absolute;
}
.newsletter-container .newsletter-form form .mc-form .default-btn {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
  height: calc(100% + 1px);
  padding: 0 33px;
  position: absolute;
  right: -1px;
  top: -0.5px;
}
@media only screen and (max-width: 479px) {
  .newsletter-container .newsletter-form form .mc-form .default-btn {
    line-height: 42px;
    padding: 0 20px;
  }
}
.newsletter-container .newsletter-form form .mc-form .default-btn:hover,
.newsletter-container .newsletter-form form .mc-form .default-btn:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #78a206;
}

.social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-icon {
    padding-top: 35px;
    padding-bottom: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .social-icon {
    padding-top: 31px;
    padding-bottom: 9px;
  }
}
@media only screen and (max-width: 479px) {
  .social-icon {
    padding-top: 25px;
  }
}
.social-icon > a {
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
  color: #b6b6b6;
  font-size: 14px;
  height: 42px;
  line-height: 40px;
  margin: 0 9px;
  text-align: center;
  width: 42px;
}
.social-icon > a:hover {
  border-color: #ffffff;
  -webkit-box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
  color: #2c2c2c;
}

.newsletter-syle-two .newsletter-container {
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-syle-two .newsletter-container {
    padding-top: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-syle-two .newsletter-container {
    padding-top: 54px;
  }
}
.newsletter-syle-two
  .newsletter-container
  .newsletter-form
  form
  .mc-form
  .default-btn {
  background: #c5ac57;
  border-color: #c5ac57;
}
.newsletter-syle-two
  .newsletter-container
  .newsletter-form
  form
  .mc-form
  .default-btn:hover,
.newsletter-syle-two
  .newsletter-container
  .newsletter-form
  form
  .mc-form
  .default-btn:focus {
  background: #ffffff;
  color: #c5ac57;
}
.newsletter-syle-two .social-icon {
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter-syle-two .social-icon {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-syle-two .social-icon {
    padding-bottom: 10px;
  }
}

/*---------------------------------------
    12. Footer
-----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-area .footer-top {
    padding: 118px 0 117px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top {
    padding: 101px 0 103px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top {
    background: #f6f5f1;
    padding: 55px 0 20px;
  }
}
.footer-area .footer-top .service-area .service-container {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e1e1e1;
}
.footer-area .footer-top .service-area .service-container .service-content {
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #ffffff;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .service-area .service-container .service-content {
    padding: 32px 0 33px;
  }
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .single-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 17.5px 0 16.5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service {
    padding: 11px 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 11px 0 10px;
  }
}
@media only screen and (max-width: 479px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service {
    padding: 11px 0 10px;
  }
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .single-service
  .service-image {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  top: -1px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service
    .service-image {
    width: 67px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service
    .service-image {
    width: 108px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .single-service
    .service-image
    img {
    max-width: 100%;
  }
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .single-service
  .service-text {
  margin-left: 16px;
  max-width: 225px;
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .single-service
  .service-text
  h3 {
  color: #202226;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .col-lg-4:nth-of-type(2) {
  position: relative;
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .col-lg-4:nth-of-type(2)::before,
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .col-lg-4:nth-of-type(2)::after {
  background: rgba(0, 0, 0, 0) url("../img/icon/line_right.png") no-repeat
    scroll right center;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
@media only screen and (max-width: 767px) {
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .col-lg-4:nth-of-type(2)::before,
  .footer-area
    .footer-top
    .service-area
    .service-container
    .service-content
    .col-lg-4:nth-of-type(2)::after {
    display: none;
  }
}
.footer-area
  .footer-top
  .service-area
  .service-container
  .service-content
  .col-lg-4:nth-of-type(2)::after {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-widget-area {
    padding-top: 60px;
  }
}
.footer-area .footer-top .footer-widget-area .single-footer-widget {
  padding-top: 108px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-widget-area .single-footer-widget {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-widget-area .single-footer-widget {
    margin-bottom: 25px;
    padding-top: 0;
  }
}
.footer-area .footer-top .footer-widget-area .single-footer-widget h3 {
  color: #202226;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 32px;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-top .footer-widget-area .single-footer-widget h3 {
    margin-bottom: 12px;
  }
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-logo {
  margin-bottom: 30px;
}
.footer-area .footer-top .footer-widget-area .single-footer-widget p {
  letter-spacing: 0.025em;
  line-height: 28px;
  margin-bottom: 1px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-text {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-text
  span {
  display: block;
  letter-spacing: 0.025em;
  line-height: 28px;
  margin-bottom: 6px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-text
  span:last-child
  i {
  font-size: 14px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-text
  span
  i {
  color: #78a206;
  font-size: 16px;
  line-height: 21px;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-widget-list
  li {
  margin-bottom: 4px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-widget-list
  li
  a:hover {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .instagram-image {
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
  padding-top: 2px;
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .instagram-image
  .single-insta-img {
  float: left;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  width: 25%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area
    .footer-top
    .footer-widget-area
    .single-footer-widget
    .instagram-image
    .single-insta-img {
    width: 12.5%;
  }
}
.footer-area
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .instagram-image
  .single-insta-img
  a
  img {
  max-width: 100%;
}
.footer-area .footer-top .footer-widget-area .single-footer-widget > a {
  margin-bottom: 9px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer-area .footer-top .footer-widget-area .single-footer-widget > a {
    margin-bottom: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .footer-widget-area .col-lg-4:last-of-type {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area
    .footer-top
    .footer-widget-area
    .col-lg-4:last-of-type
    .single-footer-widget {
    padding-top: 0;
  }
}
.footer-area .footer-bottom-area .footer-text-bottom {
  padding-top: 6px;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-bottom-area .footer-text-bottom {
    padding: 13px 0 18px;
    width: 100%;
    text-align: center;
  }
}
.footer-area .footer-bottom-area .footer-text-bottom p {
  color: #818181;
  line-height: 15px;
}
.footer-area .footer-bottom-area .footer-text-bottom p a {
  color: #78a206;
}
.footer-area .footer-bottom-area .footer-text-bottom p a:hover {
  color: #222222;
}
@media only screen and (max-width: 767px) {
  .footer-area .footer-bottom-area .payment-img {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}
@media only screen and (max-width: 479px) {
  .footer-area .footer-bottom-area .payment-img img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-two .footer-top {
    padding: 0px 0 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-two .footer-top {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-style-two .footer-top {
    padding-top: 30px;
  }
}
.footer-style-two .footer-top .footer-widget-area .single-footer-widget {
  padding-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget {
    padding-top: 0px;
  }
}
.footer-style-two
  .footer-top
  .footer-widget-area
  .single-footer-widget
  .footer-text
  span
  i {
  color: #c5ac57;
}
.footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-style-two .footer-top .footer-widget-area .single-footer-widget > a {
    margin-bottom: 11px;
  }
}
.footer-style-two .footer-top .footer-widget-area a:hover,
.footer-style-two .footer-top .footer-widget-area a:active,
.footer-style-two .footer-top .footer-widget-area a:focus {
  color: #c5ac57;
}
.footer-style-two .footer-bottom-area {
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
}
@media only screen and (max-width: 767px) {
  .footer-style-two .footer-bottom-area {
    padding-top: 15px;
  }
}
.footer-style-two .footer-bottom-area .footer-text-bottom p {
  color: #818181;
  line-height: 15px;
}
.footer-style-two .footer-bottom-area .footer-text-bottom p a {
  color: #c5ac57;
}
.footer-style-two .footer-bottom-area .footer-text-bottom p a:hover {
  color: #222222;
}

/*----------------------------------------*/
/*  13. Shop
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area {
    padding: 90px 0 68px;
    margin-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area {
    padding: 60px 0 40px;
    margin-bottom: 60px;
  }
}
.shop-area .ht-product-tab {
  padding: 7px 15px;
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.shop-area .ht-product-tab .ht-tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 6px;
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab .ht-tab-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
  }
}
.shop-area .ht-product-tab .ht-tab-content .nav a {
  color: #bdbdbd;
  font-size: 19px;
  margin-right: 14px;
}
.shop-area .ht-product-tab .ht-tab-content .nav a.active {
  color: #79a207;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area .ht-product-tab .ht-tab-content .nav a {
    margin-right: 9px;
  }
}
.shop-area .ht-product-tab .ht-tab-content .nav a:hover {
  color: #78a206;
}
.shop-area .ht-product-tab .ht-tab-content .shop-items {
  margin-left: 10px;
}
.shop-area .ht-product-tab .ht-tab-content .shop-items span {
  color: #696969;
}
.shop-area .ht-product-tab .shop-results-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0;
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab .shop-results-wrapper {
    padding: 5px 0 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.shop-area .ht-product-tab .shop-results-wrapper .shop-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 31px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
    margin-left: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results {
    margin-left: 12px;
  }
}
.shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
  color: #3e3e3e;
  display: block;
  line-height: 34px;
  margin-right: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
    margin-right: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results > span {
    margin-right: 5px;
  }
}
.shop-area .ht-product-tab .shop-results-wrapper .shop-results .shop-select {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  position: relative;
}
.shop-area
  .ht-product-tab
  .shop-results-wrapper
  .shop-results
  .shop-select:after {
  position: absolute;
  right: 1px;
  top: 1px;
  content: "";
  font-family: "FontAwesome";
  color: #999999;
  width: 24px;
  text-align: center;
  border-radius: 0 30px 30px 0;
  height: 33px;
  line-height: 32px;
}
.shop-area
  .ht-product-tab
  .shop-results-wrapper
  .shop-results
  .shop-select
  select {
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 1px solid #e1e1e1;
  background: #f6f5f1;
  color: #777777;
  height: 35px;
  padding: 0 10px;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: 1;
  position: relative;
  width: 133px;
}
.shop-area
  .ht-product-tab
  .shop-results-wrapper
  .shop-results
  .shop-select
  select
  ::-moz-placeholder {
  color: #777777;
}
.shop-area
  .ht-product-tab
  .shop-results-wrapper
  .shop-results
  .shop-select
  select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-tab
    .shop-results-wrapper
    .shop-results
    .shop-select
    select {
    width: 106px;
  }
}
.shop-area
  .ht-product-tab
  .shop-results-wrapper
  .shop-results:first-child
  select {
  width: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area
    .ht-product-tab
    .shop-results-wrapper
    .shop-results:first-child
    select {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-tab
    .shop-results-wrapper
    .shop-results:first-child
    select {
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-tab .shop-results-wrapper .shop-results:first-child {
    margin-left: 0;
  }
}
.shop-area .ht-product-shop .tab-pane .custom-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
  position: relative;
  width: 100%;
  min-height: 1px;
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex: 0 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    -ms-flex: 0 0 50%;
  }
}
@media only screen and (max-width: 479px) {
  .shop-area .ht-product-shop .tab-pane .custom-row .custom-col {
    -webkit-box-flex: 100%;
    flex: 100%;
    max-width: 100%;
    -ms-flex: 100%;
  }
}
.shop-area
  .ht-product-shop
  .tab-pane
  .custom-row
  .custom-col
  .single-product-item {
  margin: 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item
    .product-hover
    .p-cart-btn {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -36%;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -55%;
  }
}
@media only screen and (max-width: 479px) {
  .shop-area
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -37%;
  }
}
.shop-area .ht-product-shop .tab-pane#list .single-product-item {
  padding: 29px 30px 31px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area .ht-product-shop .tab-pane#list .single-product-item {
    padding: 23px 25px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-shop .tab-pane#list .single-product-item {
    padding: 0 0 25px;
    margin-bottom: 30px;
  }
}
.shop-area .ht-product-shop .tab-pane#list .single-product-item:first-child {
  margin-top: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .ht-product-shop .tab-pane#list .single-product-item:last-child {
    margin-bottom: 60px;
  }
}
.shop-area .ht-product-shop .tab-pane#list .single-product-item .product-image {
  position: relative;
  width: 42%;
  float: left;
  width: 33.33333333%;
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-image {
    width: 100%;
  }
}
.shop-area .ht-product-shop .tab-pane#list .single-product-item .product-text {
  width: 66.66666667%;
  float: left;
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text {
    padding-left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text {
    width: 100%;
    padding: 0 18px;
  }
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item
  .product-text
  h5 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text
    h5 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text
    h5 {
    margin-bottom: 10px;
  }
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item
  .product-text
  .pro-price {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 17px;
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text
    .pro-price {
    padding-top: 7px;
  }
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item
  .product-text
  p {
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  padding: 16px 0 17px;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .shop-area
    .ht-product-shop
    .tab-pane#list
    .single-product-item
    .product-text
    p {
    border: 0;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 12px 0 6px;
  }
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item
  .product-text
  .p-cart-btn {
  border-color: #78a206;
  background: #78a206;
  color: #ffffff;
  padding: 0 25px;
  line-height: 37px;
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item
  .product-text
  .p-cart-btn:hover {
  background: #211e1e;
  border-color: #211e1e;
}
.shop-area
  .ht-product-shop
  .tab-pane#list
  .single-product-item:hover
  .product-text
  .pro-price {
  opacity: 1;
}
.shop-area .pagination-wrapper {
  margin-top: 45px;
  padding-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area .pagination-wrapper {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area .pagination-wrapper {
    padding-top: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area.shop-full-width {
    padding: 90px 0 30px;
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area.shop-full-width {
    padding: 60px 0 60px;
  }
}
.shop-area.shop-full-width .ht-product-shop .tab-pane .custom-row .custom-col {
  -ms-flex: 0 0 25%;
  -webkit-box-flex: 0;
  flex: 0 0 25%;
  max-width: 25%;
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media only screen and (max-width: 767px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .shop-area.shop-full-width
    .ht-product-shop
    .tab-pane
    .custom-row
    .custom-col
    .single-product-item:hover
    .product-hover
    .p-cart-btn {
    bottom: -39%;
  }
}

/*-----------------------------
  Cart Page & Wishlist
/*-----------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area,
  .wishlist-area {
    padding: 90px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-area,
  .wishlist-area {
    padding: 60px 0 60px;
  }
}
.cart-area .table-responsive,
.wishlist-area .table-responsive {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-area .table-responsive .table.product-table,
.wishlist-area .table-responsive .table.product-table {
  margin: 0;
}
.cart-area .table-responsive .table.product-table thead tr .table-remove,
.wishlist-area .table-responsive .table.product-table thead tr .table-remove {
  width: 91px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table thead tr .table-remove,
  .wishlist-area .table-responsive .table.product-table thead tr .table-remove {
    width: 50px;
  }
}
.cart-area .table-responsive .table.product-table thead tr .table-image,
.wishlist-area .table-responsive .table.product-table thead tr .table-image {
  width: 213px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table thead tr .table-image,
  .wishlist-area .table-responsive .table.product-table thead tr .table-image {
    width: 130px;
  }
}
.cart-area .table-responsive .table.product-table thead tr .table-total,
.wishlist-area .table-responsive .table.product-table thead tr .table-total {
  width: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table thead tr .table-total,
  .wishlist-area .table-responsive .table.product-table thead tr .table-total {
    width: 90px;
  }
}
.cart-area .table-responsive .table.product-table thead th:last-of-type,
.wishlist-area .table-responsive .table.product-table thead th:last-of-type {
  border-right: 0 none;
}
.cart-area .table-responsive .table.product-table tbody tr,
.wishlist-area .table-responsive .table.product-table tbody tr {
  border-top: 1px solid #ebebeb;
}
.cart-area .table-responsive .table.product-table tbody tr .table-remove,
.wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
  width: 91px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table tbody tr .table-remove,
  .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
    width: 50px;
  }
}
.cart-area .table-responsive .table.product-table tbody tr .table-remove button,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-remove
  button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #211e1e;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 9px;
  border: 0;
}
.cart-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-remove
  button:hover,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-remove
  button:hover {
  color: #78a206;
}
.cart-area .table-responsive .table.product-table tbody tr .table-image,
.wishlist-area .table-responsive .table.product-table tbody tr .table-image {
  width: 213px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table tbody tr .table-image,
  .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
    width: 130px;
  }
}
.cart-area .table-responsive .table.product-table tbody tr .table-image a,
.wishlist-area .table-responsive .table.product-table tbody tr .table-image a {
  display: inline-block;
}
.cart-area .table-responsive .table.product-table tbody tr .table-image a img,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-image
  a
  img {
  width: 75px;
}
.cart-area .table-responsive .table.product-table tbody tr .table-p-name,
.wishlist-area .table-responsive .table.product-table tbody tr .table-p-name {
  text-transform: capitalize;
}
.cart-area .table-responsive .table.product-table tbody tr .table-p-name a,
.wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a {
  color: #211e1e;
  font-size: 14px;
  font-weight: 500;
}
.cart-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-name
  a:hover,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-name
  a:hover {
  color: #78a206;
}
.cart-area .table-responsive .table.product-table tbody tr .table-p-price p,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-price
  p {
  color: #211e1e;
  font-size: 14px;
  font-weight: 700;
}
.cart-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-price
  p
  span.line-through,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-price
  p
  span.line-through {
  text-decoration: line-through;
  margin-right: 5px;
}
.cart-area .table-responsive .table.product-table tbody tr .table-p-qty input,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-p-qty
  input {
  border: 2px solid #ebebeb;
  color: #211e1e;
  font-size: 15px;
  height: 55px;
  padding: 0 0 0 7px;
  text-align: center;
  width: 52px;
}
.cart-area .table-responsive .table.product-table tbody tr .table-stock,
.wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
  color: #78a206;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  width: 229px;
}
.cart-area .table-responsive .table.product-table tbody tr .table-add-cart > a,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-add-cart
  > a {
  background: #ffffff;
  border: 2px solid #e1e1e1;
  cursor: pointer;
  font-weight: 600;
  height: 43px;
  line-height: 39px;
  padding: 0 30px;
  color: #2c2c2c;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .cart-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart
    > a,
  .wishlist-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart
    > a {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}
.cart-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-add-cart
  > a:hover,
.wishlist-area
  .table-responsive
  .table.product-table
  tbody
  tr
  .table-add-cart
  > a:hover {
  background: #78a206 none repeat scroll 0 0;
  border-color: #78a206;
  color: #ffffff;
}
.cart-area .table-responsive .table.product-table tbody tr .table-total p,
.wishlist-area .table-responsive .table.product-table tbody tr .table-total p {
  color: #78a206;
  font-size: 14px;
  font-weight: 700;
}
.cart-area .table-responsive .table.product-table tbody tr:hover,
.wishlist-area .table-responsive .table.product-table tbody tr:hover {
  background: #f6f5f1 none repeat scroll 0 0;
}
.cart-area .table-responsive .table.product-table tbody tr td:last-of-type,
.wishlist-area .table-responsive .table.product-table tbody tr td:last-of-type {
  border-right: 0 none;
}
.cart-area .table-responsive .table.product-table tbody p,
.wishlist-area .table-responsive .table.product-table tbody p {
  margin: 0;
}
.cart-area .table-responsive .table.product-table thead th,
.cart-area .table-responsive .table.product-table tbody td,
.wishlist-area .table-responsive .table.product-table thead th,
.wishlist-area .table-responsive .table.product-table tbody td {
  border-bottom: 0 none;
  border-right: 1px solid #ebebeb;
  border-top: 0 none;
  color: #211e1e;
  font-size: 15px;
  line-height: 25px;
  padding: 20px 10px;
  text-transform: uppercase;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-responsive .table.product-table thead th,
  .cart-area .table-responsive .table.product-table tbody td,
  .wishlist-area .table-responsive .table.product-table thead th,
  .wishlist-area .table-responsive .table.product-table tbody td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-area .table-responsive .table.product-table thead th,
  .cart-area .table-responsive .table.product-table tbody td,
  .wishlist-area .table-responsive .table.product-table thead th,
  .wishlist-area .table-responsive .table.product-table tbody td {
    font-size: 14px;
  }
}
.cart-area .table-bottom-wrapper,
.wishlist-area .table-bottom-wrapper {
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 20px;
}
.cart-area .table-bottom-wrapper .table-coupon,
.wishlist-area .table-bottom-wrapper .table-coupon {
  border: 1px solid #ebebeb;
  margin: 0 0 20px;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-bottom-wrapper .table-coupon,
  .wishlist-area .table-bottom-wrapper .table-coupon {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.cart-area .table-bottom-wrapper .table-coupon input,
.wishlist-area .table-bottom-wrapper .table-coupon input {
  background: #f6f5f1;
  border: 1px solid #e1e1e1;
  color: #7b7b7b;
  font-size: 14px;
  height: 50px;
  line-height: 49px;
  padding: 0 20px;
  width: 300px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-bottom-wrapper .table-coupon input,
  .wishlist-area .table-bottom-wrapper .table-coupon input {
    width: 100%;
  }
}
.cart-area .table-bottom-wrapper .table-coupon input::-moz-placeholder,
.wishlist-area .table-bottom-wrapper .table-coupon input::-moz-placeholder {
  color: #7b7b7b;
}
.cart-area .table-bottom-wrapper .table-coupon button,
.wishlist-area .table-bottom-wrapper .table-coupon button {
  background: #ffffff;
  border: 2px solid #e1e1e1;
  cursor: pointer;
  font-weight: 600;
  height: 50px;
  line-height: 47px;
  margin-left: 15px;
  padding: 0 30px;
  color: #2c2c2c;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-bottom-wrapper .table-coupon button,
  .wishlist-area .table-bottom-wrapper .table-coupon button {
    width: 100%;
    margin-top: 15px;
    margin-left: 0;
  }
}
.cart-area .table-bottom-wrapper .table-coupon button:hover,
.wishlist-area .table-bottom-wrapper .table-coupon button:hover {
  background: #78a206 none repeat scroll 0 0;
  border-color: #78a206;
  color: #ffffff;
}
.cart-area .table-bottom-wrapper .table-update button,
.wishlist-area .table-bottom-wrapper .table-update button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f6f5f1;
  color: #7b7b7b;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  padding: 0 30px;
  vertical-align: middle;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-bottom-wrapper .table-update button,
  .wishlist-area .table-bottom-wrapper .table-update button {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}
.cart-area .table-bottom-wrapper .table-update button:hover,
.wishlist-area .table-bottom-wrapper .table-update button:hover {
  color: #78a206;
  border-color: #78a206;
}
.cart-area .table-total-wrapper,
.wishlist-area .table-total-wrapper {
  font-family: "Oswald", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-area .table-total-wrapper,
  .wishlist-area .table-total-wrapper {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-area .table-total-wrapper,
  .wishlist-area .table-total-wrapper {
    padding-top: 30px;
  }
}
.cart-area .table-total-wrapper .table-total-content,
.wishlist-area .table-total-wrapper .table-total-content {
  border: 1px solid #ebebeb;
  padding: 30px;
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-total-wrapper .table-total-content,
  .wishlist-area .table-total-wrapper .table-total-content {
    width: 100%;
  }
}
.cart-area .table-total-wrapper .table-total-content h2,
.wishlist-area .table-total-wrapper .table-total-content h2 {
  color: #2c2c2c;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 22px;
  text-align: right;
  text-transform: uppercase;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content {
  margin-bottom: 13px;
  font-size: 15px;
}
@media only screen and (max-width: 767px) {
  .cart-area
    .table-total-wrapper
    .table-total-content
    .table-total-amount
    .single-total-content,
  .wishlist-area
    .table-total-wrapper
    .table-total-content
    .table-total-amount
    .single-total-content {
    margin-bottom: 6px;
  }
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > span:first-of-type,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > span:first-of-type {
  color: #211e1e;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  .c-total-price,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  .c-total-price {
  color: #78a206;
  font-weight: 700;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  .c-total-price
  span,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  .c-total-price
  span {
  color: #211e1e;
  font-weight: 500;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > a,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > a {
  color: #a43d21;
  font-weight: 500;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > a:hover,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content
  > a:hover {
  color: #78a206;
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content:last-of-type,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content:last-of-type {
  margin-top: 26px;
}
@media only screen and (max-width: 767px) {
  .cart-area
    .table-total-wrapper
    .table-total-content
    .table-total-amount
    .single-total-content:last-of-type,
  .wishlist-area
    .table-total-wrapper
    .table-total-content
    .table-total-amount
    .single-total-content:last-of-type {
    margin-top: 16px;
  }
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content:last-of-type
  span,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  .single-total-content:last-of-type
  span {
  font-size: 20px;
}
.cart-area .table-total-wrapper .table-total-content .table-total-amount > a,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  > a {
  border: 2px solid #f6f5f1;
  background: #ffffff;
  color: #211e1e;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 51px;
  margin-top: 45px;
  text-align: center;
  width: 100%;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .cart-area .table-total-wrapper .table-total-content .table-total-amount > a,
  .wishlist-area
    .table-total-wrapper
    .table-total-content
    .table-total-amount
    > a {
    margin-top: 25px;
  }
}
.cart-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  > a:hover,
.wishlist-area
  .table-total-wrapper
  .table-total-content
  .table-total-amount
  > a:hover {
  background: #78a206 none repeat scroll 0 0;
  border-color: #78a206;
  color: #ffffff;
}
.cart-area input:focus,
.cart-area button:focus,
.wishlist-area input:focus,
.wishlist-area button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
    width: 145px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table tbody tr .table-stock {
    width: 125px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-image,
  .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
    width: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-image,
  .wishlist-area .table-responsive .table.product-table tbody tr .table-image {
    width: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area .table-responsive .table.product-table thead tr .table-remove,
  .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart {
    width: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .wishlist-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart {
    width: 130px;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wishlist-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart
    a {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wishlist-area
    .table-responsive
    .table.product-table
    tbody
    tr
    .table-add-cart
    a {
    padding: 0 20px;
  }
}

/*-----------------------------
    Checkout
/*-----------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon-area {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .coupon-area {
    padding-top: 60px;
  }
}
.coupon-area .coupon-accordion h3 {
  background-color: #f6f5f3;
  border-top: 3px solid #78a206;
  color: #404040;
  font-size: 12px;
  font-weight: 300;
  list-style: outside none none;
  margin: 0 0 2em;
  padding: 1.4em 2em 1.5em 3.5em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .coupon-area .coupon-accordion h3 {
    padding: 10px 9px 12px 9px;
    margin-bottom: 15px;
  }
}
.coupon-area .coupon-accordion span {
  color: #a43d21;
  cursor: pointer;
}
.coupon-area .coupon-accordion span:hover {
  color: #78a206;
}
.coupon-area .coupon-accordion .coupon-content {
  border: 1px solid #ebebeb;
  display: none;
  margin-bottom: 20px;
  padding: 19px 20px;
}
.coupon-area .coupon-accordion .coupon-content .coupon-info p {
  margin: 0;
}
.coupon-area .coupon-accordion .coupon-content .coupon-info .coupon-text {
  margin-bottom: 15px;
}
.coupon-area .coupon-accordion .coupon-content .coupon-info form input:focus {
  border: 1px solid #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-first {
  color: #7b7b7b;
  display: block;
  font-size: 12px;
  line-height: 15px;
  padding-bottom: 2px;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-first
  label {
  display: block;
  color: #363636;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-first
  input {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 36px;
  margin: 0 0 18px;
  max-width: 100%;
  outline: 0 none;
  padding: 0 0 0 10px;
  width: 370px;
  display: block;
  color: #555555;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-last {
  color: #707070;
  display: block;
  font-size: 12px;
  line-height: 15px;
  padding-bottom: 2px;
  margin-bottom: 5px;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-last
  label {
  display: block;
  color: #363636;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row-last
  input {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 36px;
  margin: 0 0 18px;
  max-width: 100%;
  outline: 0 none;
  padding: 0 0 0 10px;
  width: 370px;
  margin-bottom: 14px;
  display: block;
  color: #555555;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row
  > input {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 0 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: auto;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  padding: 0 37px;
  line-height: 40px;
  height: 42px;
  border: 2px solid #e1e1e1;
  color: #2c2c2c;
  background: transparent;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border: 2px solid #2c2c2c;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row
  > input:hover {
  background: #78a206 none repeat scroll 0 0;
  border-color: #78a206;
  color: #ffffff;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row
  input[type="checkbox"] {
  height: 15px;
  margin-left: 19px;
  position: relative;
  top: 2px;
  width: auto;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .form-row
  > label {
  font-size: 12px;
  margin-top: 9px;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .lost-password {
  margin-top: 11px;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .lost-password
  a {
  color: #a43d21;
}
.coupon-area
  .coupon-accordion
  .coupon-content
  .coupon-info
  form
  .lost-password
  a:hover {
  color: #78a206;
}
.coupon-area .coupon-accordion .coupon-checkout-content {
  display: none;
}
.coupon-area
  .coupon-accordion
  .coupon-checkout-content
  .coupon-info
  form
  .checkout-coupon
  input[type="text"] {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  height: 50px;
  padding-left: 16px;
  width: 243px;
  color: #555555;
}
@media only screen and (max-width: 767px) {
  .coupon-area
    .coupon-accordion
    .coupon-checkout-content
    .coupon-info
    form
    .checkout-coupon
    input[type="text"] {
    width: 100%;
  }
}
.coupon-area
  .coupon-accordion
  .coupon-checkout-content
  .coupon-info
  form
  .checkout-coupon
  input[type="submit"] {
  line-height: 44px;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .coupon-area
    .coupon-accordion
    .coupon-checkout-content
    .coupon-info
    form
    .checkout-coupon
    input[type="submit"] {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
}
.coupon-area
  .coupon-accordion
  .coupon-checkout-content
  .coupon-info
  form
  .checkout-coupon:last-child {
  margin-bottom: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area {
    padding-bottom: 73px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-area {
    padding-bottom: 60px;
  }
}
.checkout-area form .checkbox-form {
  padding-top: 4px;
}
.checkout-area form .checkbox-form h3 {
  border-bottom: 1px solid #ebebeb;
  color: #2c2c2c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  margin: 0 0 20px;
  padding-bottom: 12px;
  padding-left: 3px;
  width: 100%;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}
.checkout-area form .checkbox-form .country-select {
  margin-bottom: 22px;
  position: relative;
}
.checkout-area form .checkbox-form .country-select select {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  font-size: 12px;
  height: 42px;
  outline: medium none;
  padding-left: 10px;
  width: 100%;
  cursor: pointer;
  color: #555555;
}
.checkout-area form .checkbox-form .country-select label {
  color: #363636;
}
.checkout-area form .checkbox-form .checkout-form-list {
  margin-bottom: 20px;
}
.checkout-area form .checkbox-form .checkout-form-list label {
  color: #363636;
  display: block;
  font-size: 12px;
  margin: 0 0 5px;
}
.checkout-area form .checkbox-form .checkout-form-list input[type="checkbox"] {
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  position: relative;
  top: 5px;
  width: auto;
  float: left;
}
.checkout-area form .checkbox-form .checkout-form-list input[type="text"],
.checkout-area form .checkbox-form .checkout-form-list input[type="password"],
.checkout-area form .checkbox-form .checkout-form-list input[type="email"] {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #555555;
  font-size: 12px;
  font-weight: 300;
  height: 42px;
  outline: medium none;
  padding: 0 0 0 10px;
  width: 100%;
}
.checkout-area form .checkbox-form .checkout-form-list .create-acc label {
  cursor: inherit;
}
.checkout-area
  form
  .checkbox-form
  .checkout-form-list
  .create-acc
  #cbox_info
  > p {
  font-size: 12px;
  font-weight: 300;
}
.checkout-area
  form
  .checkbox-form
  .checkout-form-list
  .create-acc
  #cbox_info
  > label {
  color: #f70000;
}
.checkout-area
  form
  .checkbox-form
  .different-address
  .ship-different-title
  h3
  label {
  color: #2c2c2c;
  font-size: 21px;
  font-weight: 700;
  margin-right: 20px;
  cursor: pointer;
}
.checkout-area
  form
  .checkbox-form
  .different-address
  .ship-different-title
  input {
  width: auto;
  height: 30px;
  margin-right: 10px;
}
.checkout-area form .checkbox-form .different-address #ship-box-info {
  display: none;
}
.checkout-area
  form
  .checkbox-form
  .different-address
  .order-notes
  .checkout-form-list {
  margin-bottom: 0;
}
.checkout-area
  form
  .checkbox-form
  .different-address
  .order-notes
  .checkout-form-list
  #checkout-mess {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 0 none;
  height: 90px;
  padding: 15px;
  width: 100%;
  color: #777777;
}
.checkout-area form .your-order {
  background: #fbfbfb none repeat scroll 0 0;
  padding: 30px 40px 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area form .your-order {
    margin-top: 50px;
    padding: 40px 40px 45px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-area form .your-order {
    margin-top: 30px;
    padding: 30px 15px 35px;
  }
}
.checkout-area form .your-order h3 {
  border-bottom: 1px solid #dedede;
  color: #2c2c2c;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 20px;
  padding-bottom: 11px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
.checkout-area form .your-order .your-order-table table {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  width: 100%;
}
.checkout-area form .your-order .your-order-table table th,
.checkout-area form .your-order .your-order-table table td {
  border-bottom: 1px solid #dedede;
  border-right: medium none;
  color: #211e1e;
  font-size: 14px;
  font-weight: 500;
  padding: 15px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area form .your-order .your-order-table table th,
  .checkout-area form .your-order .your-order-table table td {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-area form .your-order .your-order-table table th,
  .checkout-area form .your-order .your-order-table table td {
    text-align: left;
  }
}
.checkout-area form .your-order .your-order-table table th {
  border-top: medium none;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: 291px;
}
.checkout-area
  form
  .your-order
  .your-order-table
  table
  tbody
  .cart_item
  .product-name {
  width: 410px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-area
    form
    .your-order
    .your-order-table
    table
    tbody
    .cart_item
    .product-name {
    text-align: left;
    width: 78%;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-area
    form
    .your-order
    .your-order-table
    table
    tbody
    .cart_item
    .product-name {
    text-align: left;
    width: 78%;
  }
}
.checkout-area
  form
  .your-order
  .your-order-table
  table
  tfoot
  .cart-subtotal
  > td {
  font-weight: 700;
}
.checkout-area
  form
  .your-order
  .your-order-table
  table
  tfoot
  .shipping
  td
  ul
  li
  input {
  position: relative;
  top: 2px;
}
.checkout-area
  form
  .your-order
  .your-order-table
  table
  tfoot
  .shipping
  td
  ul
  li:first-child
  label {
  font-weight: 700;
}
.checkout-area form .your-order .your-order-table table tfoot .shipping input {
  height: 12px;
  width: auto;
}
.checkout-area form .your-order .your-order-table table tfoot .order-total th {
  font-size: 20px;
  border: 0;
}
.checkout-area form .your-order .your-order-table table tfoot .order-total td {
  font-size: 20px;
  color: #f70000;
  border: 0;
}
.checkout-area form .your-order .payment-method {
  padding-top: 22px;
}
@media only screen and (max-width: 767px) {
  .checkout-area form .your-order .payment-method {
    padding-top: 15px;
  }
}
.checkout-area form .your-order .payment-method h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2px;
}
.checkout-area form .your-order .payment-method > h4 {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
}
.checkout-area form .your-order .payment-method a {
  color: #707070;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
}
.checkout-area form .your-order .payment-method a:hover {
  color: #78a206;
}
.checkout-area form .your-order .payment-method a img {
  margin-left: 9px;
  max-height: 52px;
}
@media only screen and (max-width: 767px) {
  .checkout-area form .your-order .payment-method a img {
    max-height: 45px;
  }
}
.checkout-area form .your-order .payment-method .panel-group .panel {
  margin-bottom: 13px;
}
.checkout-area
  form
  .your-order
  .payment-method
  .panel-group
  .panel
  .panel-body {
  background: #dfdcde none repeat scroll 0 0;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  color: #515151;
  margin-top: 10px;
  padding: 12px;
  position: relative;
}
.checkout-area
  form
  .your-order
  .payment-method
  .panel-group
  .panel
  .panel-body
  p {
  line-height: 18px;
  margin: 0;
}
.checkout-area
  form
  .your-order
  .payment-method
  .panel-group
  .panel
  .panel-body:after {
  background: #dfdcde none repeat scroll 0 0;
  content: "";
  height: 15px;
  left: 29px;
  position: absolute;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 15px;
}
.checkout-area form .your-order .payment-method .order-button-payment input {
  cursor: pointer;
  width: 100%;
  font-size: 17px;
  letter-spacing: 0.5px;
  margin-top: 20px;
  background: #78a206;
  color: #ffffff;
  border-color: #78a206;
}
@media only screen and (max-width: 767px) {
  .checkout-area form .your-order .payment-method .order-button-payment input {
    margin-top: 13px;
  }
}
.checkout-area
  form
  .your-order
  .payment-method
  .order-button-payment
  input:hover {
  background: transparent;
  color: #78a206;
}

/*----------------------------------------*/
/*  14. Product Details
/*----------------------------------------*/
.product-detials-area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-detials-area {
    padding: 90px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-detials-area {
    padding: 60px 0 0px;
  }
}
.product-detials-area .product-image-slider {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.product-detials-area .product-image-slider .tab-content {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
}
.product-detials-area .product-image-slider .tab-content .tab-pane {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-detials-area .product-image-slider .tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  overflow: visible;
}
.product-detials-area
  .product-image-slider
  .tab-content
  .tab-pane
  .single-product-img {
  -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  padding: 1px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border: 1px solid #e7e7e7;
  position: relative;
}
.product-detials-area
  .product-image-slider
  .tab-content
  .tab-pane
  .single-product-img
  a {
  display: block;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background: transparent;
}
.product-detials-area
  .product-image-slider
  .tab-content
  .tab-pane
  .single-product-img
  a
  img {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.product-detials-area
  .product-image-slider
  .tab-content
  .tab-pane
  .single-product-img
  .easyzoom-flyout {
  width: 85%;
  height: 85%;
  top: 0;
  right: -87.5%;
  border: 4px solid #78a206;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-image-slider
    .tab-content
    .tab-pane
    .single-product-img
    .easyzoom-flyout {
    display: none;
  }
}
.product-detials-area .product-image-slider .product-small-image-list {
  margin: 15px 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.product-detials-area .product-image-slider .product-small-image-list .nav {
  margin: 0 -5px;
}
.product-detials-area
  .product-image-slider
  .product-small-image-list
  .nav
  .single-small-image {
  padding: 0 5px;
}
.product-detials-area
  .product-image-slider
  .product-small-image-list
  .nav
  .single-small-image
  a {
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
  background: transparent;
  padding: 1px;
  display: block;
}
.product-detials-area
  .product-image-slider
  .product-small-image-list
  .nav
  .single-small-image
  a
  img {
  max-width: 100%;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
}
.product-detials-area
  .product-image-slider
  .product-small-image-list
  .nav
  .single-small-image
  a.active {
  border-color: #78a206;
}
.product-detials-area .product-details-text h3 {
  color: #23232c;
  font-size: 24px;
  font-weight: 500;
  line-height: 18px;
  margin: 0 0 25px 0;
}
@media only screen and (max-width: 767px) {
  .product-detials-area .product-details-text h3 {
    margin-top: 12px;
  }
}
.product-detials-area .product-details-text .p-rating-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
.product-detials-area .product-details-text .p-rating-review .product-rating i {
  color: #ccc;
  margin-left: 0;
  font-size: 14px;
}
.product-detials-area
  .product-details-text
  .p-rating-review
  .product-rating
  i.color {
  color: #78a206;
}
.product-detials-area .product-details-text .p-rating-review .scroll-down {
  color: #999999;
  margin-left: 16px;
}
.product-detials-area .product-details-text h4 {
  color: #78a206;
  font-size: 16px;
  font-weight: 600;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  padding-top: 5px;
}
.product-detials-area .product-details-text h4 span {
  color: #999999;
  font-size: 0.93em;
  font-weight: 600;
  margin-left: 8px;
  text-decoration: line-through;
  font-size: 14px;
  color: #b8b8b8;
}
.product-detials-area .product-details-text p {
  border-top: 1px solid #e1e1e1;
  margin-bottom: 27px;
  margin-top: 25px;
  padding-top: 26px;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
.product-detials-area .product-details-text h5 {
  color: #707070;
  font-size: 0.857em;
  margin-bottom: 20px;
  padding-top: 4px;
  text-transform: uppercase;
}
.product-detials-area .product-details-text h5 i {
  background: #81ca33 none repeat scroll 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #ffffff;
  font-size: 7px;
  height: 13px;
  line-height: 13px;
  margin-right: 7px;
  position: relative;
  text-align: center;
  top: -2px;
  width: 13px;
}
.product-detials-area .product-details-text form .add-cart-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 27px;
}
.product-detials-area .product-details-text form .add-cart-product input {
  border: 0;
  color: #2c2c2c;
  font-size: 18px;
  height: 45px;
  margin-right: 15px;
  padding-left: 19px;
  width: 62px;
  background: #ffffff;
  border: 1px solid #ececeb;
}
@media only screen and (max-width: 767px) {
  .product-detials-area .product-details-text form .add-cart-product input {
    margin-right: 10px;
    width: 45px;
    padding-left: 14px;
  }
}
.product-detials-area
  .product-details-text
  form
  .add-cart-product
  input::-moz-placeholder {
  color: #2c2c2c;
}
.product-detials-area
  .product-details-text
  form
  .add-cart-product
  button.default-btn {
  cursor: pointer;
  padding: 0 26px;
  font-size: 12px;
  line-height: 42px;
  height: 45px;
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  width: auto;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-details-text
    form
    .add-cart-product
    button.default-btn {
    margin-right: 10px;
  }
}
.product-detials-area
  .product-details-text
  form
  .add-cart-product
  button.default-btn:hover {
  background: #202226;
  border-color: #202226;
}
.product-detials-area .product-details-text form .add-cart-product button {
  width: 47px;
  height: 47px;
  border: 1px solid #ececeb;
  background: #ffffff;
  color: #2c2c2c;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  line-height: 48px;
  padding: 0;
  font-size: 17px;
  margin-right: 10px;
  text-align: center;
}
.product-detials-area
  .product-details-text
  form
  .add-cart-product
  button:hover {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-details-text
    form
    .add-cart-product
    button:last-of-type {
    margin-right: 0;
  }
}
.product-detials-area .product-details-text form .product-tag-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding: 15px 0;
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
}
@media only screen and (max-width: 767px) {
  .product-detials-area .product-details-text form .product-tag-cat {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.product-detials-area
  .product-details-text
  form
  .product-tag-cat
  .single-tag-cat {
  color: #23232c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-details-text
    form
    .product-tag-cat
    .single-tag-cat {
    margin-right: 0px;
  }
}
.product-detials-area
  .product-details-text
  form
  .product-tag-cat
  .single-tag-cat:first-of-type {
  margin-right: 11px;
}
.product-detials-area
  .product-details-text
  form
  .product-tag-cat
  .single-tag-cat
  .p-d-title {
  color: #23232c;
  display: block;
  font-weight: 700;
  margin-right: 7px;
  text-transform: uppercase;
}
.product-detials-area
  .product-details-text
  form
  .product-tag-cat
  .single-tag-cat
  > a {
  color: #707070;
  font-weight: 400;
  margin: 0 2px;
}
.product-detials-area
  .product-details-text
  form
  .product-tag-cat
  .single-tag-cat
  > a:hover {
  color: #78a206;
}
.product-detials-area .product-details-text form .product-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  padding-top: 17px;
}
.product-detials-area .product-details-text form .product-share .p-d-title {
  color: #23232c;
  display: block;
  font-weight: 700;
  margin-right: 1px;
  text-transform: uppercase;
}
.product-detials-area
  .product-details-text
  form
  .product-share
  .p-social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 17px;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-details-text
    form
    .product-share
    .p-social-links {
    margin-left: 10px;
  }
}
.product-detials-area
  .product-details-text
  form
  .product-share
  .p-social-links
  > a {
  color: #707070;
  display: block;
  font-size: 16px;
  margin-right: 18px;
}
.product-detials-area
  .product-details-text
  form
  .product-share
  .p-social-links
  li
  a {
  color: #707070;
  display: block;
  font-size: 16px;
  margin-right: 18px;
}
.product-detials-area
  .product-details-text
  form
  .product-share
  .p-social-links
  li
  a:hover {
  color: #78a206;
}
@media only screen and (max-width: 767px) {
  .product-detials-area
    .product-details-text
    form
    .product-share
    .p-social-links
    li
    a {
    margin-right: 0px;
    margin-left: 8px;
  }
}
.product-detials-area
  .product-details-text
  form
  .product-share
  .p-social-links
  li:last-of-type {
  margin-right: 0;
}

.product-review-tab-area {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-tab-area {
    padding: 77px 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .product-review-tab-area {
    padding: 50px 0 0px;
  }
}
.product-review-tab-area .container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area .container .p-d-tab-container {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 20px;
  padding-bottom: 18px;
}
.product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a {
  color: #777777;
  font-size: 20px;
  font-weight: 600;
}
.product-review-tab-area .container .p-d-tab-container .p-tab-btn .nav a:hover,
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-tab-btn
  .nav
  a.active {
  color: #23232c;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-tab-btn
  .nav
  a:first-of-type {
  margin-right: 53px;
}
@media only screen and (max-width: 767px) {
  .product-review-tab-area
    .container
    .p-d-tab-container
    .p-tab-btn
    .nav
    a:first-of-type {
    margin-right: 30px;
  }
}
.product-review-tab-area .container .p-d-tab-container .p-d-tab {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area .container .p-d-tab-container .p-d-tab .tab-pane {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .product-desc-text {
  padding-top: 17px;
}
@media only screen and (max-width: 767px) {
  .product-review-tab-area
    .container
    .p-d-tab-container
    .p-d-tab
    .tab-pane
    .tab-items
    .product-desc-text {
    padding-top: 4px;
  }
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .product-desc-text
  p {
  line-height: 2.4;
  margin-bottom: 19px;
  color: #555555;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .product-desc-text
  p:last-of-type {
  margin-bottom: 0;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper {
  margin-bottom: 26px;
  overflow: hidden;
  padding-top: 17px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  h3 {
  color: #2c2c2c;
  font-size: 15.5px;
  font-weight: 500;
  margin-bottom: 21px;
  text-transform: uppercase;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item {
  margin-bottom: 20px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .review-logo {
  float: left;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .review-logo
  img {
  width: 53px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text {
  border: 1px solid #ebebeb;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  margin-left: 81px;
  padding: 9px 12px;
  position: relative;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  .rating-number {
  margin-bottom: 11px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  .rating-number
  i {
  color: #ccc;
  font-size: 13px;
  margin-right: -2.5px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  .rating-number
  i.color {
  color: #78a206;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  .p-review-info {
  color: #555555;
  display: block;
  font-size: 13px;
  margin-bottom: 19px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  .p-review-info
  > span {
  font-weight: 700;
  text-transform: uppercase;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text
  > p {
  margin-bottom: 4px;
  color: #555555;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .p-review-wrapper
  .single-review-item
  .p-review-text:before {
  background: #f6f5f1 none repeat scroll 0 0;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  content: "";
  display: block;
  height: 10px;
  left: -6px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  input {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  display: block;
  height: 43px;
  margin-bottom: 11px;
  width: 100%;
  padding: 0 15px;
  color: #555555;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  h5 {
  color: #2c2c2c;
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 23px;
  text-transform: uppercase;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  .submit-rating {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-bottom: 14px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  .submit-rating
  i {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  color: #ffc300;
  cursor: pointer;
  margin-right: -2.1px;
  position: relative;
  font-size: 14px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  .submit-rating
  i:after {
  content: "";
  font-family: "FontAwesome";
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  label {
  color: #555555;
  font-size: 12px;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  label:first-of-type {
  cursor: auto;
  margin-bottom: 9px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  #r-textarea {
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  height: 125px;
  margin-bottom: 14px;
  padding: 10px 15px;
  width: 100%;
  color: #555555;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  .default-btn {
  margin-top: 24px;
  padding: 0 40px;
  background: transparent;
  letter-spacing: 1px;
  padding: 0 40px;
  font-size: 14px;
  margin-bottom: 5px;
}
.product-review-tab-area
  .container
  .p-d-tab-container
  .p-d-tab
  .tab-pane
  .tab-items
  .rating-form
  .default-btn:hover {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .related-product {
    padding: 85px 0 70px;
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .related-product {
    padding: 52px 0 40px;
    margin-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  15. Sidebar
/*----------------------------------------*/
.sidebar-wrapper {
  border: 1px solid #e2e2e2;
  clear: both;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  padding: 25px 20px;
  margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper {
    margin-top: 60px;
    padding-bottom: 15px;
  }
}
.sidebar-wrapper > h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #252525;
  line-height: 24px;
  border-bottom: 1px solid #e1e1e1;
  font-family: "Oswald", sans-serif;
  padding-bottom: 10px;
  margin-bottom: 36px;
}
.sidebar-wrapper .sidebar-widget {
  margin-bottom: 42px;
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper .sidebar-widget {
    margin-bottom: 30px;
  }
}
.sidebar-wrapper .sidebar-widget h3 {
  font-family: "Oswald", sans-serif;
  line-height: 30px;
  font-size: 14px;
  text-transform: uppercase;
  color: #363636;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper .sidebar-widget h3 {
    margin-bottom: 15px;
  }
}
.sidebar-wrapper
  .sidebar-widget
  .sidebar-widget-option-wrapper
  .sidebar-widget-option {
  margin-bottom: 16px;
}
.sidebar-wrapper
  .sidebar-widget
  .sidebar-widget-option-wrapper
  .sidebar-widget-option
  input {
  position: relative;
  top: 2px;
}
.sidebar-wrapper
  .sidebar-widget
  .sidebar-widget-option-wrapper
  .sidebar-widget-option
  label {
  cursor: pointer;
  color: #696969;
  margin-bottom: 0;
  margin-left: 11px;
}
.sidebar-wrapper
  .sidebar-widget
  .sidebar-widget-option-wrapper
  .sidebar-widget-option
  a {
  color: #6b6b6b;
}
.sidebar-wrapper
  .sidebar-widget
  .sidebar-widget-option-wrapper
  .sidebar-widget-option
  a:hover {
  color: #78a206;
}
.sidebar-wrapper .sidebar-widget .ui-slider {
  background: #dbdbdb none repeat scroll 0 0;
  border: 0 none;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  height: 5px;
  margin: 0 6px 25px;
  margin-bottom: 16px;
  -webkit-box-shadow: inset 0 2px 0 0 #cacaca;
  box-shadow: inset 0 2px 0 0 #cacaca;
}
.sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-range {
  background: #78a206 none repeat scroll 0 0;
}
.sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle {
  background: #78a206 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 13px;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  width: 13px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff;
  cursor: pointer;
}
.sidebar-wrapper .sidebar-widget .ui-slider .ui-slider-handle:hover {
  background: #78a206;
}
.sidebar-wrapper .sidebar-widget .price_slider_amount .slider-values input {
  font-weight: 500;
  color: #000000;
  font-family: "Oswald", sans-serif;
  border: 0;
  background: transparent;
  height: 12px;
}
.sidebar-wrapper
  .sidebar-widget
  .price_slider_amount
  .slider-values
  input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sidebar-wrapper .sidebar-widget.price-widget {
  margin-bottom: 37px;
}
@media only screen and (max-width: 767px) {
  .sidebar-wrapper .sidebar-widget.price-widget {
    margin-bottom: 27px;
  }
}
.sidebar-wrapper .sidebar-widget:last-child {
  margin-bottom: 25px;
}

.sidebar-banner-img {
  overflow: hidden;
  margin-bottom: 22px;
}
.sidebar-banner-img a img {
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.sidebar-banner-img a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

/*---------------------------------------
    16. Contact
-----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area {
    margin-bottom: 60px;
  }
}
.contact-area > div {
  float: left;
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area > div {
    width: 100%;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area > div {
    width: 100%;
    padding-top: 60px;
  }
}
.contact-area .contact-form {
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-area .contact-form {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .contact-form {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-form {
    width: 100%;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px;
  }
}
.contact-area .contact-form .contact-title {
  color: #222222;
  font-size: 30px;
  line-height: 22px;
  margin-bottom: 45px;
  font-family: "Oswald", sans-serif;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-form .contact-title {
    margin-bottom: 30px;
  }
}
.contact-area .contact-form #contact-form input,
.contact-area .contact-form #contact-form textarea {
  background: #fbfbfb none repeat scroll 0 0;
  border: 0 none;
  color: #696969;
  height: 46px;
  margin-bottom: 20px;
  padding: 0 15px;
  width: 100%;
}
.contact-area .contact-form #contact-form input::-moz-placeholder,
.contact-area .contact-form #contact-form input::-moz-placeholder,
.contact-area .contact-form #contact-form textarea::-moz-placeholder,
.contact-area .contact-form #contact-form textarea::-moz-placeholder {
  color: #696969;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-form #contact-form input,
  .contact-area .contact-form #contact-form textarea {
    margin-bottom: 14px;
  }
}
.contact-area .contact-form #contact-form .row {
  margin-left: -10px;
  margin-right: -10px;
}
.contact-area .contact-form #contact-form .row .col-md-6 {
  padding-left: 10px;
  padding-right: 10px;
}
.contact-area .contact-form #contact-form #message {
  height: 135px;
  padding: 10px 15px;
  width: 100%;
}
.contact-area .contact-form #contact-form .submit-btn {
  cursor: pointer;
}
.contact-area .contact-form #contact-form .submit-btn:hover {
  border-color: #78a206;
  background: #78a206;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-form #contact-form .submit-btn {
    width: 100%;
  }
}
.contact-area .contact-form #contact-form .form-messege.success {
  color: #008000;
}
.contact-area .contact-form #contact-form .form-messege.error {
  color: #ff0000;
}
.contact-area .contact-address {
  background: #f6f5f1 none repeat scroll 0 0;
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-area .contact-address {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .contact-address {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-address {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 49px;
  }
}
.contact-area .contact-address .contact-title {
  color: #222222;
  font-size: 30px;
  line-height: 22px;
  margin-bottom: 39px;
  font-family: "Oswald", sans-serif;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-address .contact-title {
    margin-bottom: 28px;
  }
}
.contact-area .contact-address .contact-info {
  margin-top: -1px;
}
.contact-area .contact-address .contact-info p {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-address .contact-info p {
    margin-bottom: 25px;
  }
}
.contact-area
  .contact-address
  .contact-info
  .contact-list-wrapper
  .contact-list {
  border-top: 1px solid #ececeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 25px;
  padding: 12px 0;
}
@media only screen and (max-width: 767px) {
  .contact-area
    .contact-address
    .contact-info
    .contact-list-wrapper
    .contact-list {
    padding: 8px 0;
  }
}
.contact-area
  .contact-address
  .contact-info
  .contact-list-wrapper
  .contact-list
  i {
  height: 40px;
  line-height: 36px;
  margin-right: 6px;
  text-align: center;
  width: 37px;
}
@media only screen and (max-width: 767px) {
  .contact-area
    .contact-address
    .contact-info
    .contact-list-wrapper
    .contact-list
    i {
    width: 29px;
  }
}
.contact-area
  .contact-address
  .contact-info
  .contact-list-wrapper
  .contact-list
  span {
  display: block;
  line-height: 36px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .contact-area
    .contact-address
    .contact-info
    .contact-list-wrapper
    .contact-list
    span {
    margin-bottom: 0;
  }
}
.contact-area .contact-address .working-time {
  padding-top: 26px;
  padding-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-address .working-time {
    padding-top: 10px;
  }
}
.contact-area .contact-address .working-time h2 {
  color: #222222;
  font-size: 24px;
  margin-bottom: 7px;
  font-family: "Oswald", sans-serif;
}
.contact-area .contact-address .working-time span span {
  font-weight: 700;
  padding-right: 2px;
}

/*----------------------------------------*/
/*  17. Other
/*----------------------------------------*/
.pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  margin-top: 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .pagination-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
.pagination-wrapper p {
  padding-top: 17px;
  color: #7b7b7b;
}
@media only screen and (max-width: 767px) {
  .pagination-wrapper p {
    margin-bottom: 0;
  }
}
.pagination-wrapper nav .pagination {
  padding-top: 12px;
}
.pagination-wrapper nav .pagination .page-item .page-link {
  border: 1px solid #e2e2e2;
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  width: 35px;
  height: 35px;
  line-height: 33px;
  padding: 0;
  color: #949494;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 4.5px;
}
.pagination-wrapper nav .pagination .page-item.active .page-link,
.pagination-wrapper nav .pagination .page-item .page-link:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #2c2c2c;
  -webkit-box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 6px 8px 30px 0px rgba(0, 0, 0, 0.1);
}
.pagination-wrapper nav .pagination .page-item:last-child .page-link,
.pagination-wrapper nav .pagination .page-item:first-child .page-link {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .pagination-wrapper nav .pagination .page-item:first-child .page-link {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  Error Page
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text-area {
    padding-top: 90px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text-area {
    padding-top: 55px;
    padding-bottom: 60px;
  }
}
.error-text-area .error-text h2 {
  color: #23232c;
  font-size: 35px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 31px;
  text-transform: uppercase;
  font-family: oswald;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text-area .error-text h2 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text-area .error-text h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
}
.error-text-area .error-text h4 {
  color: #23232c;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin: auto auto 41px;
  width: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error-text-area .error-text h4 {
    width: 80%;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .error-text-area .error-text h4 {
    width: 100%;
    margin-bottom: 25px;
  }
}
.error-text-area .error-text form {
  border: 1px solid #ebebeb;
  height: 51px;
  margin: auto auto 40px;
  max-width: 500px;
  position: relative;
}
.error-text-area .error-text form input {
  border: 0 none;
  color: #939393;
  font-size: 14px;
  height: 100%;
  padding: 0 15px;
  width: 100%;
}
.error-text-area .error-text form input::-moz-placeholder {
  color: #939393;
}
.error-text-area .error-text form input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.error-text-area .error-text form button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #939393;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  border: 0;
}
.error-text-area .error-text form button:hover {
  color: #78a206;
}
.error-text-area .error-text a {
  background: #78a206;
  border-color: #78a206;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.error-text-area .error-text a:hover {
  background: #ffffff;
  color: #78a206;
}

#productModal {
  background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
}
#productModal .modal-dialog {
  border-radius: 3px;
  bottom: 0;
  left: 0;
  margin: 5% auto;
  max-width: 870px;
  position: absolute;
  right: 0;
  top: 0;
  width: 870px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal .modal-dialog {
    width: 91%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 430px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal .modal-dialog {
    width: 91%;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 330px;
  }
}
#productModal .modal-dialog .modal-content {
  border: 0 none;
  border-radius: 3px;
  -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.8);
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  #productModal .modal-dialog .modal-content {
    padding: 10px;
  }
}
#productModal .modal-dialog .modal-content .close {
  border: 1px solid #999999;
  border-radius: 3px;
  color: #999999;
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}
#productModal .modal-dialog .modal-content .close:hover {
  border-color: #78a206;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #78a206;
  opacity: 1;
}
#productModal .modal-dialog .modal-content .quick-view-container .column-left {
  float: left;
  width: 40%;
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-left {
    width: 100%;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .tab-content {
  margin-bottom: 10px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .tab-content
  .tab-pane
  .single-product-img {
  max-width: 100%;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .tab-content
  .tab-pane
  .single-product-img
  img {
  width: 100%;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .single-product-menu
  .nav {
  margin: 0 -5px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .single-product-menu
  .nav
  .single-tab-menu {
  padding: 0 5px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .single-product-menu
  .nav
  .single-tab-menu
  a {
  border: 1px solid #ebebeb;
  display: block;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .single-product-menu
  .nav
  .single-tab-menu
  a
  img {
  max-width: 100%;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-left
  .single-product-menu
  .nav
  .single-tab-menu
  a:hover {
  color: #ffffff;
}
#productModal .modal-dialog .modal-content .quick-view-container .column-right {
  overflow: hidden;
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right {
    width: 100%;
    padding-left: 0;
    padding-top: 22px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  h2 {
  color: #2c2c37;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    h2 {
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    h2 {
    margin-bottom: 13px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .q-product-price {
  color: #78a206;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 18px;
  font-family: "Oswald", sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .q-product-price {
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .q-product-price {
    margin-bottom: 13px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .q-product-price
  .old-price {
  color: #b8b8b8;
  text-decoration: line-through;
  margin-left: 8px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  p {
  border-bottom: 1px solid #ebebeb;
  color: #999999;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 31px;
  padding-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    p {
    padding-bottom: 16px;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    p {
    padding-bottom: 16px;
    margin-bottom: 22px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .input-cart {
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 31px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .input-cart {
    padding-bottom: 23px;
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .input-cart {
    padding-bottom: 23px;
    margin-bottom: 14px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .input-cart
  input {
  border: 1px solid #ebebeb;
  color: #707070;
  font-size: 14px;
  height: 48px;
  margin-right: 15px;
  padding: 0;
  text-align: center;
  width: 62px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .input-cart
  .default-btn {
  cursor: pointer;
  display: block;
  font-size: 13px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  h4 {
  color: #23232c;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .share-product
    h4 {
    margin-bottom: 11px;
  }
}
@media only screen and (max-width: 767px) {
  #productModal
    .modal-dialog
    .modal-content
    .quick-view-container
    .column-right
    .quick-view-text
    .share-product
    h4 {
    margin-bottom: 11px;
  }
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 0;
  color: #999999;
  font-size: 18px;
  height: 40px;
  line-height: 39px;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  a:hover {
  color: #ffffff;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  .facebook:hover {
  background: #2d4373 none repeat scroll 0 0;
  border-color: #2d4373;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  .twitter:hover {
  background: #0087ba none repeat scroll 0 0;
  border-color: #0087ba;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  .pinterest:hover {
  background: #c51f26 none repeat scroll 0 0;
  border-color: #c51f26;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  .google:hover {
  background: #dc5245 none repeat scroll 0 0;
  border-color: #dc5245;
}
#productModal
  .modal-dialog
  .modal-content
  .quick-view-container
  .column-right
  .quick-view-text
  .share-product
  .social-link
  .linkedin:hover {
  background: #005983 none repeat scroll 0 0;
  border-color: #005983;
}

/*-------- 23. My account style ---------*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.myaccount-tab-menu a {
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
  font-size: 13px;
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #ccc;
}
.myaccount-tab-menu a:hover,
.myaccount-tab-menu a.active {
  background-color: #78a206;
  border-color: #78a206;
  color: #fff;
}
.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 479px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content form {
  margin-top: -20px;
}
.myaccount-content h3 {
  font-size: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-weight: 600;
}
.myaccount-content p {
  font-size: 14px;
}
.myaccount-content .welcome a:hover {
  color: #78a206;
}
.myaccount-content .welcome strong {
  font-weight: 600;
  color: #78a206;
}
.myaccount-content fieldset {
  margin-top: 20px;
}
.myaccount-content fieldset legend {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.myaccount-content .account-details-form {
  margin-top: 50px;
}
.myaccount-content .account-details-form .single-input-item {
  margin-bottom: 20px;
}
.myaccount-content .account-details-form .single-input-item label {
  font-size: 14px;
  text-transform: capitalize;
  display: block;
  margin: 0 0 5px;
}
.myaccount-content .account-details-form .single-input-item input {
  border: 1px solid #e8e8e8;
  height: 50px;
  background-color: transparent;
  padding: 2px 20px;
  color: #1f2226;
  font-size: 13px;
  width: 100%;
}
.myaccount-content .account-details-form .single-input-item input:focus {
  border: 1px solid #343538;
}
.myaccount-content .account-details-form .single-input-item button {
  border: none;
  background-color: #78a206;
  text-transform: uppercase;
  font-weight: 600;
  padding: 9px 25px;
  color: #fff;
  font-size: 13px;
}
.myaccount-content .account-details-form .single-input-item button:hover {
  background-color: #1f2226;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}
.myaccount-table table th,
.myaccount-table .table th {
  padding: 10px;
  font-weight: 600;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
  color: #1f2226;
}
.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #fff;
  border-top: 3px solid #78a206;
  font-size: 14px;
  padding: 20px 0;
  color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .my-account-wrapper.pt-120 {
    padding-top: 80px;
  }
  .my-account-wrapper.pb-120 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .my-account-wrapper.pt-120 {
    padding-top: 60px;
  }
  .my-account-wrapper.pb-120 {
    padding-bottom: 60px;
  }
}
/*-------- Start My Account Page Wrapper --------*/
/*-------- 21. Login register style ---------*/
.login-register-wrapper .login-register-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-register-tab-list {
    margin-bottom: 20px;
  }
}
.login-register-wrapper .login-register-tab-list a {
  position: relative;
}
.login-register-wrapper .login-register-tab-list a::before {
  background-color: #454545;
  bottom: 5px;
  content: "";
  height: 18px;
  margin: 0 auto;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 1px;
}
.login-register-wrapper .login-register-tab-list a h4 {
  font-size: 25px;
  font-weight: 700;
  margin: 0 20px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper .login-register-tab-list a:last-child::before {
  display: none;
}
.login-register-wrapper .login-register-tab-list a.active h4 {
  color: #78a206;
}
.login-register-wrapper .login-form-container {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 80px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px;
  }
}
.login-register-wrapper .login-form-container .login-register-form form input {
  background-color: transparent;
  border: 1px solid #ebebeb;
  font-size: 14px;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 15px;
  width: 100%;
  color: #696969;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  input[type="checkbox"] {
  height: 15px;
  margin: 0;
  position: relative;
  top: 2px;
  width: 17px;
  color: #696969;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn {
  padding: 10px 0 19px;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  label {
  font-size: 15px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    label {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a {
  float: right;
  font-size: 15px;
  color: #696969;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 767px) {
  .login-register-wrapper
    .login-form-container
    .login-register-form
    form
    .button-box
    .login-toggle-btn
    a {
    font-size: 14px;
  }
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  .login-toggle-btn
  a:hover {
  color: #78a206;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button {
  background-color: #78a206;
  color: #fff;
  border: medium none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  padding: 13px 30px 13px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-register-wrapper
  .login-form-container
  .login-register-form
  form
  .button-box
  button:hover {
  background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-register-area.pb-110 {
    padding-bottom: 80px;
  }
  .login-register-area.pt-110 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .login-register-area.pb-110 {
    padding-bottom: 60px;
  }
  .login-register-area.pt-110 {
    padding-top: 60px;
  }
}

/* new css */
/* .logo{
 margin-left: 25px;
} */
.headalign {
  align-self: center;
}

/* @media (max-width:576px){
 
} */
@media (min-width: 768px) and (max-width: 992px) {
  .cart-wrapper {
    padding-top: 15px;
  }
}
.ht-hero-content-one p {
  font-size: 15px;
}
.par {
  font-size: 14px;
}
.subpar {
  font-size: 13px;
}
.abt-us {
  margin: 0;
  padding: 25px 0;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  color: #000 !important;
}
ul {
  list-style: none;
}
.siteContainer {
  max-width: 1170px;
  margin: auto;
}
p {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #000;
  text-align: justify;
}
.w100 {
  width: 100%;
  float: left;
  margin-top: 25px;
}
a:hover {
  color: #78a206 !important;
}
button {
  border: none;
}
input {
  font-family: "Poppins", sans-serif !important;
}
header .dropdown-toggle::after {
  border-top: 0.4em solid #d0e187 !important;
  vertical-align: 0.15em !important;
}
header button {
  padding: 0 !important;
}
.dropdown-menu {
  margin: 0 !important;
  padding: 0 !important;
  border-color: #d0e187 !important;
}

.dropdown-item {
  padding: 8px 15px !important;
  font-size: 14px;
  cursor: pointer;
}

.dropdown-item.active,
.dropdown-item:active {
  background: #e9ecef !important;
}

.topbar {
  background: #273c99;
  max-height: 45px;
  float: left;
  clear: both;
  width: 100%;
  color: #fff;
  padding: 5px 30px;
  font-family: Rubik, sans-serif;
  font-size: 14px;
}

.topbar .left {
  /* width: 220px; */
  float: left;
}

.topbar .right {
  width: 185px;
  float: left;
}

.topbar .centerSec {
  width: calc(100% - 410px);
  float: left;
}

.topbar .centerSec p {
  margin-bottom: 0;
}

.topbar a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-family: Rubik, sans-serif !important;
}

.topbar .currency {
  margin-left: 10px;
}

.topbar span {
  color: #fff !important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1021;
  background: #fff;
}

.sticky + .content {
  padding-top: 102px;
}

header {
  width: 100%;
  float: left;
}

.navbar-brand img {
  height: 50px;
}

.navbar {
  padding: 5px 30px !important;
}

header .navbar .navbar-nav > li > .nav-link {
  color: #000 !important;
  font-weight: 400 !important;
  font-family: Rubik, sans-serif !important;
  font-size: 15px !important;
}

.menuicon {
  max-height: 21px;
  margin-right: 5px;
}

.searchBar {
  background: #273c99;
  height: 59px;
  float: left;
  width: 100%;
  padding: 0 30px;
}

.searchSec {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-top: 10px;
  margin-left: 200px;
  width: calc(100% - 400px);
  float: left;
  border-radius: 50px;
}

.searchSec .productBtn {
  background: #fff !important;
  color: #000;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border: none;
  font-family: Rubik, sans-serif !important;
  height: 40px;
  min-width: 150px;
  border-right: #70707013 solid 1px;
  text-align: center !important;
}

.searchSec .dropdown-toggle::after {
  border: none;
}

.searchSec .input-group {
  margin-top: 10px;
}

.searchSec select {
  max-width: 150px;
  border: none;
  margin-left: 5px;
  padding: 3px 28px 5px 15px;
  font-size: 14px;
  background: url(../img/icons/down_arrow.svg) no-repeat 125px 12px;
  background-size: 10px;
  border-right: #cecece 1px solid;
}

select::-ms-expand {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select:focus {
  outline: 0;
}

.searchSec input {
  height: 40px;
  border: none;
  width: calc(100% - 285px);
  padding-left: 10px;
}

.searchSec input:focus {
  outline: 0;
}

.searchSec input::placeholder {
  font-style: italic;
  color: #cecece;
  font-size: 14px;
}

.searchSec .searchBtn {
  height: 40px;
  border: none;
  background: #fcbe00;
  border-radius: 0;
  border-top-right-radius: 5px;
  font-family: Rubik, sans-serif !important;
  border-bottom-right-radius: 5px;
  min-width: 130px;
  margin-top: 0;
  border: none;
}

.searchSec .searchBtn img {
  width: 20px;
}

.offerSec {
  font-family: Rubik, sans-serif;
  color: #fff;
  text-transform: uppercase;
  width: 200px;
  float: left;
  padding: 17px 0 0 0;
  text-align: right;
}

.offerSec a,
.offerSec a:hover {
  color: #fff !important;
  text-decoration: none;
}

.bannerSec {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

.salesOffer {
  width: 100%;
  float: left;
}

.salesOffer .item {
  width: calc(50% - 15px);
  float: left;
  border-radius: 10px;
  padding: 40px;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  margin: 20px 0 10px 0;
}

.salesOffer .item:nth-child(odd) {
  margin-right: 15px;
}

.salesOffer .item:nth-child(even) {
  margin-left: 15px;
}

.salesOffer img {
  max-height: 160px;
  max-width: 200px;
}

.leftSec {
  width: calc(100% - 200px);
  float: left;
}

.leftSec h1 {
  font-size: 30px;
  line-height: 40px;
  font-family: Rubik, sans-serif;
  max-height: 75px;
  overflow: hidden;
  margin-bottom: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

.salesOffer .btn {
  background: #fcbe00 !important;
  text-transform: capitalize;
  padding: 8px 35px;
  font-size: 14px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  font-family: Rubik, sans-serif !important;
}

.sale-banner img {
  float: right;
  max-width: 350px;
}

/* .productItem {
  width: calc(25% - 21px);
  float: left;
  margin: 15px 20px 20px 0;
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #eaedf9;
  position: relative;
  padding: 15px;
  min-height: 300px;
} */

.productItem {
  margin: 5px 0 0 9px;
  float: left;
  background: #fff !important;
  border-radius: 8px;
  border: 1px solid #eaedf9;
  position: relative;
  padding: 15px;
  min-height: 300px;
  width: 24% !important;
  margin-top: 20px;
}

.productPage {
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}
/* 
.productPage .productItem {
  width: calc(25% - 20px);
    /* margin: 15px 10px 10px 10px; */

#products_listview {
  gap: 10px !important;
}
*/ .productPage .productItem:nth-child(3n + 0) {
  margin-right: 0 !important;
}

/*
.youmaylike .productItem:nth-child(5n + 0) {
  margin-right: 0 !important;
}
*/
.youmaylike h3 {
  color: #000 !important;
  font-weight: 500;
  font-family: Rubik, sans-serif !important;
}

/* .productsSec .productItem:nth-child(5n + 0),
.productsSec .productItem:nth-child(9n + 0) {
  margin-right: 0;
} */
.productItem img {
  /* width: 100%; */
  max-width: 100%;
  max-height: 170px;
  margin-bottom: 20px;
  min-height: 170px;
}
.productItem .prize {
  font-size: 18px;
  font-weight: 700;
  /* margin: 10px 0 4px 0; */
}
.productItem .prize span {
  font-size: 18px;
  color: #000;
  margin-right: 0px;
  text-decoration: none !important;
  margin-left: 0;
  font-family: "Roboto";
}
.productItem .prize i.act_prize,
.productItem .prize i.act_prize span {
  font-style: normal;
  margin-right: 0;
  font-size: 13px;
  text-decoration: line-through !important;
  color: #7fb398;
  font-weight: 400;
  margin-left: 5px;
}
.productItem h3 {
  font-size: 16px;
  margin: 20px 0 5px 0;
  font-weight: 500;
  width: 100%;
  line-height: 15px;
  min-height: 30px;
  clear: both;
  font-family: Rubik, sans-serif !important;
}
.productItem h3 a {
  color: #000;
  text-decoration: none;
}
.productItem h3 a:hover {
  color: #80b42d !important;
}
.productsSec {
  padding: 50px 0;
  float: left;
  width: 100%;
}
.productsSec h2 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 500;
  font-family: Rubik, sans-serif !important;
}
.productsSec .Btn {
  margin: auto;
  text-align: center;
  height: 50px;
  margin-top: 15px;
  padding: 13px 18px;
}
.topactivity {
  border: 1px solid #eaeaea;
  width: 100%;
  float: left;
  padding: 10px;
  border-radius: 10px;
}
.topactivity p {
  float: left;
  padding-top: 5px;
  margin-bottom: 0;
  margin-left: 10px;
  max-width: 450px;
  word-wrap: break-word;
}
.topactivity select {
  float: left;
  margin: 0 0 0 5px;
  border: 1px solid #eaeaea;
  height: 30px;
  padding: 3px 5px;
  width: 105px;
  border-radius: 5px;
  background: url(../img/icons/down_arrow.svg) no-repeat 85px 12px;
  background-size: 10px;
  font-size: 12px;
}
.wishlist {
  z-index: 1;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0 15px 25px rgb(0 0 0 / 8%);
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wishlist img {
  width: 22px !important;
  margin-bottom: 0;
  height: auto;
  max-height: auto;
  min-height: auto;
  cursor: pointer;
}
.productItem:hover {
  border: 1px solid #bfe77f;
}
.productItem:hover .hoverSec,
.productItem:hover .wishlist {
  display: flex;
}
.hoverSec {
  top: 0;
  width: 100%;
  left: -1px;
}
.hoverSec .btmSec {
  bottom: 0;
  background: #fff;
  position: absolute;
  left: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 15px;
  padding-top: 0 !important;
  position: absolute;
  width: 100%;
}
.hoverSec {
  display: none;
}
.productItem .stock {
  background-color: #ffc4c4;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 10px;
  color: #d00;
  font-weight: 400;
  padding: 3px 5px;
  margin: 0;
  text-transform: uppercase;
  font-family: Rubik, sans-serif;
  border-radius: 2px;
}
.qtyBox {
  height: 40px;
  text-align: center;
  padding: 8px 6px;
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 108px;
  background-color: #f6f5f1;
  border-radius: 4px;
  float: left;
}
input.qty {
  width: 40px;
  height: 25px;
  text-align: center;
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}
input.plus {
  border: none;
  background-color: transparent;
  font-size: 22px;
}
input.minus {
  border: none;
  background-color: transparent;
  font-size: 22px;
}
.addtocart {
  color: #fff;
  float: right;
  padding: 8px 10px;
  min-width: 110px;
  float: right;
  background: #80b42d;
  border-radius: 5px;
}

.producstTab {
  border: 1px solid #dee2e6;
  border-radius: 10px;
  padding: 15px;
  margin: 20px 0 50px 20px;
  float: left;
  width: calc(100% - 20px);
}

.producstTab .nav-tabs {
  margin-bottom: 20px;
}

.producstTab ul li button {
  display: inline-block;
  border-bottom: 1px solid #dee2e6 !important;
  color: #000;
  padding-left: 0;
  padding-right: 0;
  margin-right: 28px;
  text-transform: uppercase;
  font-size: 14px;
  border: transparent;
  font-weight: 600;
  color: #000;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  font-family: Rubik, sans-serif !important;
  text-decoration: none;
}

.producstTab ul li .active,
.producstTab ul li button:hover {
  color: #0a58ca !important;
  text-decoration: none;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: #0a58ca 1px solid !important;
}

.testimonialSec {
  background: #273c99;
  width: 100%;
  float: left;
  color: #000;
  padding: 80px 0;
}

.testimonialSec h2 {
  color: #fff;
  font-size: 33px;
  font-weight: 300;
  margin-bottom: 40px;
  text-align: center;
}

.testimonialSec p {
  color: #fff;
  text-align: center;
  max-width: 800px;
  margin: auto;
  font-weight: 300 !important;
  line-height: 25px;
}

.testimonialSec h4 {
  color: #fff;
  text-align: center;
  margin-top: 30px;
  font-size: 19px;
}

footer {
  width: 100%;
  float: left;
  padding: 30px 0 0 0;
  background: #1f2024;
}

footer .leftSec {
  color: #000;
  /* max-width: 300px; */
  padding-right: 15px;
  float: left;
  margin: 0 0 20px 0;
}

footer .leftSec img {
  width: 140px;
}

footer .leftSec .details {
  margin: 10px 0;
  width: 100%;
}

footer .leftSec .details img {
  fill: #fcbe00;
  margin-right: 8px;
  float: left;
  width: 18px;
  margin-top: 2px;
}

footer .leftSec .details p {
  font-size: 13px !important;
  margin-bottom: 10px;
  float: left;
  color: #bbbbbb;
  line-height: 23px;
  width: calc(100% - 29px);
}

footer .rightSec {
  float: left;
  margin: 10px 0 30px 0;
  width: calc(100% - 310px);
}

footer .linkSec:nth-child(1) {
  /* width: 30%; */
  float: left;
}

footer .linkSec:nth-child(2),
footer .linkSec:nth-child(4) {
  /* width: 30%; */
  float: left;
}

footer .linkSec:nth-child(3) {
  /* width: 35%; */
  float: left;
}

footer .linkSec h3 {
  margin-bottom: 15px;
  font-weight: 500;
  color: #bbbbbb;
  text-transform: uppercase;
  font-family: Rubik, sans-serif;
}

footer h3 {
  font-size: 19px !important;
  color: #fff !important;
  font-weight: 500 !important;
}

/* footer .leftSec h3 {
  margin: 15px 0 15px 0;
} */

footer .linkSec ul {
  padding: 0;
  margin: 0;
}

footer .linkSec ul li {
  margin-bottom: 12px;
}

footer .linkSec ul li a {
  cursor: pointer !important;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #bbbbbb;
  /* text-transform: capitalize; */
}

footer .linkSec ul li a:hover {
  color: #80b42d !important;
}

footer .linkSec:nth-last-child(1) ul li a {
  color: #a0a0a0;
  font-family: Rubik, sans-serif;
}

.copyright {
  width: 100%;
  margin-top: 10px;
  float: left;
  border-top: #333333 solid 1px;
  padding: 20px 0;
  clear: both;
}

.copyright .leftSec {
  color: #a0a0a0;
  font-size: 14px;
  max-width: 100% !important;
  width: 100% !important;
  float: left;
  margin-bottom: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.copyright .sociallinks ul {
  float: right;
  padding: 0;
  margin: 0;
  max-width: 400px;
}

.copyright .sociallinks ul li {
  display: inline-block;
  margin-left: 10px;
}

.copyright .sociallinks img {
  height: 25px !important;
  width: auto;
}

.breadcrumbSec {
  width: 100%;
  color: #9a9a9a;
  background: #f8f8f8;
  clear: both;
  font-weight: 400 !important;
  padding: 10px 0;
}

.breadcrumbSec ul {
  padding: 0;
  margin: 0;
}

.breadcrumbSec a {
  color: #9a9a9a;
  font-size: 15px;
  font-family: Rubik, sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none;
}

.breadcrumbSec a:hover {
  color: #0a58ca !important;
}

.breadcrumbSec img {
  height: 11px;
  margin-left: 10px;
  margin-right: 10px;
}

.gallerySec {
  padding: 45px 30px;
  width: 100%;
  float: left;
}

.gallerySec img {
  border-radius: 10px;
}

.sidemenu {
  max-width: 100%;
  border: #f6f5f1 1px solid;
  width: 270px;
  float: left;
  border-radius: 10px;
  margin-bottom: 15px;
}

.sidemenu .title {
  background: #f6f5f1;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  /* height: 55px; */
  padding: 13px 0 12px 15px;
  font-family: Rubik, sans-serif;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
}

.sidemenu ul {
  padding: 0;
  margin: 0;
}

.sidemenu ul li {
  padding: 10px 15px;
  border-top: #f8f8f8 1px solid;
}

.sidemenu ul li a {
  color: #000;
  text-transform: capitalize;
  font-family: Rubik, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.gallerySec .contentSec {
  width: calc(100% - 270px);
  float: left;
  padding-left: 20px;
}

.gallerySec .contentSec h1 {
  color: #000;
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.gallerySec .contentSec hr {
  width: 200px;
  height: 2px;
  background: #fcbe00;
  margin-bottom: 20px;
  margin-top: 8px;
}

.gallerySec .contentSec ul {
  padding: 0;
  margin: 0;
}

.gallerySec .menuBtn li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 30px;
}

.gallerySec .menuBtn li a {
  background: #f2f2f2;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  padding: 10px 15px;
  font-size: 15px;
  font-family: Rubik, sans-serif;
  border-radius: 5px;
}

.gallerySec .menuBtn li a.current {
  background: #fcbe00;
  color: #000;
}

.happySec {
  background: #f8f8f8;
  float: left;
  width: 100%;
  padding: 70px 0;
}

.happySec p {
  line-height: 24px;
  text-align: justify;
}

.happySec h1 {
  color: #000;
  font-size: 35px;
  font-family: Rubik, sans-serif;
  text-align: center;
  font-weight: 400;
  margin-bottom: 25px;
  color: #000;
}

.happySec img {
  height: 100px;
  margin-bottom: 20px;
}

.infraSec {
  float: left;
  width: 100%;
  padding: 70px 0;
}

.infraSec h3 {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: Rubik, sans-serif;
}

.infraSec hr {
  float: left;
  margin-bottom: 15px;
}

.infraSec img {
  max-width: 300px;
}

.infraSec p {
  line-height: 24px;
}

.chosseUs {
  background: #f9be0336;
  float: left;
  width: 100%;
  padding: 70px 0;
  text-align: center;
}

.chosseUs h3,
.researchSec h3,
.teamSec h3 {
  color: #000;
  font-weight: 600;
  font-size: 27px;
  text-transform: uppercase;
  font-family: Rubik, sans-serif;
}

.chosseUs p {
  color: #000;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  line-height: 21px;
}

.chosseUs .bg-white {
  background: #fff;
  border-radius: 10px;
  float: left;
  margin-top: 15px;
  padding: 25px 15px;
  color: #000;
  font-family: Rubik, sans-serif;
  min-height: 290px;
}

.chosseUs img {
  max-height: 70px;
  margin-bottom: 15px;
}

.chosseUs h6 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  font-family: Rubik, sans-serif;
}

.chosseUs hr,
.infraSec hr,
.privacypolicy hr,
.productsSec hr,
.researchSec hr,
.teamSec hr {
  margin: auto;
  width: 200px;
  opacity: 1;
  height: 2px !important;
  background: #91b45a;
  margin-bottom: 20px;
  margin-top: 15px;
}

.chosseUs hr {
  background: #fff !important;
}

.researchSec {
  float: left;
  width: 100%;
  padding: 70px 0;
  text-align: center;
}

.researchSec h3 {
  margin-bottom: 10px;
}

.teamSec {
  padding: 40px 0 70px 0;
  float: left;
  width: 100%;
  text-align: center;
}

.teamSec .teamItem {
  border: #d0e187 1px solid;
  margin-top: 25px;
  border-radius: 5px;
  padding: 15px;
  float: left;
  width: 100%;
  text-align: center;
}

.teamSec .teamItem img {
  width: 100%;
  margin-bottom: 15px;
}

.teamSec .teamItem h5 {
  margin-bottom: 10px !important;
  font-size: 24px;
  margin-bottom: 0;
  color: #000;
  font-weight: 400;
  font-family: Rubik, sans-serif;
}

.privacypolicy {
  padding: 50px 15px;
  float: left;
  width: 100%;
}

.privacypolicy p {
  font-weight: 400;
  line-height: 26px;
}

.privacypolicy h1 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-size: 30px;
  font-family: Rubik, sans-serif !important;
}

.privacypolicy h3 {
  margin: 20px 0;
  color: #000;
  font-size: 26px;
  font-weight: 600;
}

.privacypolicy a {
  color: #000;
  text-decoration: none;
}

.privacypolicy a:hover {
  color: #000;
  text-decoration: underline;
}

.trackOrder {
  padding: 50px 0 80px 0;
  float: left;
  width: 100%;
}

.trackOrder .trackBox {
  background: #fff;
  border: 1px solid #d0e187;
  padding: 15px 10px;
  max-width: 750px;
  border-radius: 10px;
  margin-top: 20px;
}

.trackOrder h1 {
  font-size: 30px;
  color: #000;
}

.trackOrder .trackBox h4 {
  font-size: 17px;
  text-transform: uppercase;
  color: #000;
}

.trackOrder .trackBox hr {
  margin: auto;
  width: 100%;
  height: 1px !important;
  opacity: 1;
  background: #d0e187;
  margin-bottom: 20px;
  margin-top: 10px;
}

.checkoutSec input,
.contactSec input,
.loginSec input,
.trackOrder .trackBox input,
input.form-control {
  height: 40px !important;
  font-size: 14px !important;
  background: #f8f8f8;
  padding: 5px 10px !important;
  height: 40px;
  border-radius: 5px;
  border: none;
  float: left;
  margin-right: 8px;
  height: auto;
  /* margin-top: 10px; */
}

.trackOrder .trackBox input::placeholder {
  font-size: 14px !important;
  font-family: Rubik, sans-serif !important;
}

.contactSec label,
.editForm label,
.editForm select,
.loginSec label,
.trackOrder .trackBox label {
  font-size: 14px !important;
  font-family: Rubik, sans-serif !important;
  font-weight: 400 !important;
}

.continueBtn {
  background: #fcbe00;
  color: #000;
  border-radius: 5px;
  padding: 7px 23px;
}

.contactSec {
  padding: 50px 20px;
  float: left;
  width: 100%;
}

.contactSec h1 {
  font-size: 34px;
  font-weight: 400;
  color: #000;
  font-family: Rubik, sans-serif !important;
}

.contactSec hr {
  margin: auto;
  width: 100%;
  height: 1px !important;
  opacity: 1;
  background: #d0e187;
  margin-bottom: 30px;
  margin-top: 10px;
}

.contactSec textarea {
  font-size: 14px !important;
  background: #f8f8f8;
  padding: 5px 10px !important;
  height: 120px;
  border-radius: 5px;
  border: none;
}

.contactSec a {
  color: #000;
  text-decoration: none;
}

.contactSec a.map {
  color: #000;
  text-decoration: underline;
}

.contactSec img {
  height: 15px;
  margin-right: 5px;
}

.contactSec input {
  margin-bottom: 10px;
}

.contactSec label {
  margin-bottom: 5px;
}

.contactSec h4 {
  font-size: 17px !important;
  font-weight: 600;
  font-family: Rubik, sans-serif !important;
}

.distributors {
  padding-top: 50px;
  float: left;
  width: 100%;
}

.distributors h3 {
  font-size: 18px;
  font-weight: 600;
}

.distributors p {
  color: #000;
  font-size: 14px;
}

.distributors img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 15px;
}

.contact_col {
  width: 20%;
  float: left;
  padding: 10px;
  text-align: left;
  margin-top: 20px;
}

.contact_col .city {
  text-transform: capitalize;
  color: #0a58ca;
  margin-bottom: 8px;
}

.Btn,
a.Btn {
  text-align: center;
  background: #80b42d !important;
  color: #fff;
  border-radius: 5px;
  padding: 8px 40px;
  border: none !important;
}

a.Btn {
  text-decoration: none;
}

a.Btn:hover {
  background: #78a206 !important;
  opacity: 1 !important;
  color: #fff !important;
}

a.btn-block {
  width: 100% !important;
}

.form-group {
  margin-bottom: 15px;
}

.help-block,
.help-inline {
  font-size: 12px !important;
  color: red;
}

::placeholder {
  text-transform: inherit !important;
}

.blogSec,
.loginSec,
.myaccSec,
.productPage,
.productsDetails,
.wishlistSec {
  margin: 50px 0;
  float: left;
  width: 100%;
}

.accounLeft,
.loginSec .leftSec {
  float: left;
  border: 1px solid #d0e187;
  border-radius: 10px;
  width: 27%;
  padding: 15px 12px;
}

.loginSec .leftSec p {
  line-height: 21px;
  font-size: 14px;
  font-family: Rubik, sans-serif !important;
}

.loginSec .centerSec {
  float: left;
  border: 1px solid #d0e187;
  border-radius: 10px;
  width: calc(46% - 50px);
  margin: 0 25px;
  padding: 15px 12px;
}

.accounLeft h3,
.detailsRight h1,
.leftSec h3,
.loginSec h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  font-family: Rubik, sans-serif !important;
}

.loginSec .rightSec {
  width: 27%;
  float: left;
  box-shadow: 0 10px 30px #00000029;
  border-radius: 10px;
  padding: 15px 12px;
}

.loginSec h4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  font-family: Rubik, sans-serif !important;
}

.loginSec hr {
  background: #d0e187;
  opacity: 1;
  margin-top: 10px;
}

.loginSec .rightSec ul {
  padding: 0;
}

.loginSec .rightSec ul li a {
  line-height: 34px;
  padding: 5px 0;
  color: #000 !important;
  text-decoration: none;
  font-size: 15px;
  font-family: Rubik, sans-serif !important;
}

.accounLeft {
  width: calc(73% - 25px) !important;
  margin-right: 25px;
}

.myaccSec .boxSec {
  position: relative;
  border: 1px solid #d0e187;
  border-radius: 10px;
  padding: 15px 10px;
  font-size: 14px;
}

.myaccSec h1 {
  font-size: 30px;
  font-family: Rubik, sans-serif !important;
  margin-bottom: 20px;
  font-weight: 400;
}

.myaccSec h2 {
  font-size: 28px;
  font-family: Rubik, sans-serif !important;
  margin-bottom: 20px;
  font-weight: 400;
}

.myaccSec h2 a {
  font-weight: 600;
  text-align: right;
  float: right;
  color: #0a58ca;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.myaccSec .nav-tabs {
  margin-bottom: 25px;
}

.myaccSec .accMenu {
  margin: 0 0 20px 0;
  padding: 0;
  text-decoration: none;
  border-bottom: 1px solid #dee2e6;
}

.myaccSec .accMenu li {
  display: inline-block;
}

.myaccSec .accMenu li a {
  display: inline-block;
  color: #000;
  padding-left: 0;
  padding-right: 0;
  margin-right: 28px;
  text-transform: uppercase;
  font-size: 14px;
  border: transparent;
  font-weight: 600;
  color: #000;
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  font-family: Rubik, sans-serif !important;
  text-decoration: none;
}

.myaccSec .accMenu li a:hover,
.myaccSec .accMenu li.active a {
  color: #0a58ca;
  text-decoration: none;
  border-bottom: #0a58ca 1px solid;
  padding-bottom: 10px;
}

.myaccSec a button {
  text-decoration: none !important;
}

.myaccSec table td {
  font-size: 14px;
  font-family: Rubik, sans-serif;
}

.detailsRight {
  font-family: Rubik, sans-serif !important;
}

.detailsRight p.code {
  font-family: Rubik, sans-serif !important;
  font-size: 15px;
  margin-bottom: 5px;
}

.detailsRight p a {
  color: #000;
  text-decoration: none;
}

.detailsRight hr {
  background: #707070;
  opacity: 0.08;
  height: 1px;
}

.detailsRight .stock .in {
  font-weight: 600;
  color: #91b45a;
}

.detailsRight .stock .out {
  font-weight: 600;
  color: #d00;
}

.detailsRight .currency_symbol,
.detailsRight .price,
.detailsRight .price span {
  font-weight: 500;
  font-size: 28px !important;
  color: #000 !important;
  text-decoration: none !important;
}

.detailsRight .price i,
.detailsRight .price i span.currency_symbol {
  font-style: normal !important;
  font-weight: 500;
  font-size: 18px !important;
  color: #bdd3be !important;
  text-decoration: line-through;
}

.detailsRight .short_des {
  margin: 25px 0 10px 0;
  font-size: 14px;
  float: left;
  width: 100%;
}

.detailsRight .cart_extra p {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

.detailsRight .quantity {
  background: #efefef;
  float: left;
  margin-right: 20px;
  min-height: 38px;
  padding-top: 8px;
  border-radius: 5px;
}

.detailsRight .quantity button {
  border: none;
  background: 0 0;
}

.detailsRight .quantity input {
  font-size: 15px;
  font-weight: 400;
  background: 0 0;
}

.detailsRight .wishTxt {
  float: left;
  margin: 8px 0 0 16px;
  /* margin-left: 11px;
  margin-top: 4px; */
}

.detailsRight .wishTxt a {
  color: #000;
  text-decoration: none;
}

.detailsRight .wishTxt img {
  display: inline-block;
  height: 16px;
  margin-right: 3px;
}

.product_share {
  float: left;
  clear: both;
  font-size: 13px;
}

.product_share ul li {
  display: inline-block;
}

.product_share ul li img {
  height: 26px;
  margin: 5px;
}

.youmaylike {
  background: #f6f5f1;
  padding: 50px 0;
  float: left;
  width: 100%;
  margin-top: 40px;
}

.blogSec .leftContent {
  width: calc(100% - 300px);
  margin-right: 30px;
  float: left;
  font-family: Rubik, sans-serif !important;
}

.blogSec .rightSide {
  width: 270px;
  float: left;
  font-family: Rubik, sans-serif !important;
}

.blogSec .rightSide .boxsearch {
  padding: 5px;
  border-radius: 10px;
  border: 1px solid #d0e187;
}

.blogSec .rightSide .Btn {
  padding: 5px 8px;
  border-radius: 5px !important;
}

.blogSec .rightSide input {
  background: #f8f8f8;
  border: none !important;
}

.blogSec .popularpost img {
  width: 45px;
  height: 45px;
  margin-right: 12px;
  float: left;
  border-radius: 4px;
}

.blogSec .popularpost a {
  font-size: 14px;
  height: 40px;
  overflow: hidden;
}

.blogSec .popularpost span {
  font-size: 12px;
  color: #989898;
  display: block;
}

.blogSec .popularpost ul li {
  padding: 15px;
}

.blogSec .leftContent img {
  border-radius: 10px;
}

.blogSec .leftContent .date {
  color: #989898;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blogSec .leftContent p.title {
  margin-bottom: 20px;
}

.blogSec .leftContent p.title a {
  color: #000;
  text-decoration: none;
}

.blogSec .leftContent a.readmore {
  width: 100%;
  border-radius: 10px;
  height: 45px;
  padding: 11px 25px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 50px;
  background: #f2f2f2;
  color: #000;
  border-radius: 5px;
  float: left;
  width: 140px;
}

.blogSec .leftContent .auth {
  float: left;
  font-family: Rubik, sans-serif;
}

.blogSec .leftContent .auth span {
  color: #989898;
  padding: 0 25px 0 5px;
}

.blogSec .leftContent h1 {
  display: block;
  width: 100%;
  font-weight: 400 !important;
  font-size: 30px;
  margin-bottom: 20px;
}

.blogSec .leftContent.details p {
  line-height: 23px !important;
}

.pagination {
  margin-bottom: 0;
}

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

.page-item.disabled .page-link,
.pagination a {
  background: #fff !important;
  border: 1px solid #d0e187;
  border-radius: 5px !important;
  color: #d0e187;
  height: 40px;
  text-align: center;
  line-height: 30px;
  padding: 5px;
  font-size: 18px;
}

.pagination a {
  text-decoration: none;
  font-weight: 600;
  color: #d0e187;
  font-size: 14px;
  width: 40px;
  float: left;
}

.pagination a i {
  font-size: 28px;
  vertical-align: middle;
}

.page-item a:hover,
.pagination .active a,
.pagination .active a:hover,
.pagination a:hover {
  background-color: #fcbe00 !important;
  border-color: #fcbe00;
  border-radius: 5px !important;
  color: #000 !important;
}

.page selected a:hover,
.pagination .selected a,
.pagination .selected a:hover {
  background-color: #fcbe00 !important;
  border-color: #fcbe00;
  border-radius: 5px !important;
  color: #000;
}

.custom-select {
  float: left;
  position: relative;
  width: 150px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 40px;
  background: #fff;
  border-right: #cecece 1px solid !important;
}

.custom-select select {
  display: none;
}

.select-selected {
  background-color: #fff;
}

.select-selected:after {
  position: absolute;
  content: "";
  top: 17px;
  right: 14px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #000 transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 12px;
}

.select-selected {
  border-top-left-radius: 75px;
  border-bottom-left-radius: 35px;
  border-bottom: none !important;
  margin-top: 0;
  height: 30px;
  overflow: hidden;
  font-size: 14px !important;
}

.select-items div,
.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

.select-items div {
  padding: 8px 10px !important;
}

.select-items {
  position: absolute;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #d0e187;
  top: 100%;
  left: 0;
  width: 300px;
  font-family: Rubik, sans-serif !important;
  right: 0;
  z-index: 99;
  border-radius: 10px;
  max-height: 420px;
  overflow: auto;
  margin-top: 0;
}

.select-hide {
  display: none;
}

.same-as-selected,
.select-items div:hover {
  background-color: #e9ecef;
  color: #0a58ca;
}

.autoSearch {
  font-family: Rubik, sans-serif !important;
  padding: 6px 5px !important;
  border: none !important;
  border-radius: 0 !important;
}

.autoSearch:hover {
  background: #e9ecef !important;
  padding: 5px !important;
}

.autoSearch img {
  margin-right: 10px;
  border-radius: 5px;
}

.autoSearch b {
  font-size: 14px;
  font-family: Rubik, sans-serif !important;
  font-weight: 500;
}

.autoSearch .price {
  font-weight: 600 !important;
  font-size: 15px;
  color: #0a58ca;
}

.ui-widget-content {
  border: 1px solid #d0e187 !important;
  max-height: 420px;
  overflow: auto;
}

.rightSorting p,
.rightSorting select {
  float: right;
  font-size: 14px;
}

.social_icons {
  margin-left: 0;
  padding-left: 10px;
  margin-top: 10px;
}

.empty {
  margin: 100px 0 !important;
  float: left;
  width: 100%;
}

.loader-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.63);
  top: 0;
  left: 0;
  height: -moz-calc(100%);
  height: -webkit-calc(100%);
  height: calc(100%);
  width: 100%;
  z-index: 9999;
  padding-top: 200px;
}

.loader {
  text-align: center;
}

.cartSec,
.checkoutSec,
.mat_cal {
  margin: 50px 0;
  float: left;
  width: 100%;
}

.cartSec h1,
.wishlistSec h1 {
  font-size: 32px;
  font-family: Rubik, sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
}

.cartSec .leftSec {
  width: calc(100% - 380px);
  float: left;
  margin-right: 20px;
  margin-top: 15px;
}

.cartSec .leftSec a {
  color: #000;
  text-decoration: none;
  font-family: Rubik, sans-serif;
  font-size: 15px;
}

.cartSec .thumbImg img {
  width: 90px;
  height: 75px;
  border-radius: 10px;
  margin: 5px 0;
}

.cartSec .productName a,
.cartSec .productPrice,
.cartSec .productSubtotal {
  padding-top: 15px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.cartSec .rightSec {
  width: 360px;
  float: left;
  margin-top: 25px;
  font-size: 14px;
}

.cartSec .rightSec .Btn {
  width: 100% !important;
  padding: 10px 0;
  color: #000;
  font-weight: 500;
  margin: 5px 0 15px 0;
}

.cartSec .rightSec p a {
  color: #000 !important;
  font-size: 15px !important;
}

.cartSec .rightSec .cart_total_label {
  font-size: 14px;
  font-weight: 600 !important;
  font-family: Rubik, sans-serif;
}

.shopCart tbody,
.shopCart td,
.shopCart th,
.shopCart thead,
.shopCart tr {
  border-bottom: #f2f2f2 1px solid !important;
}

.cartSec .rightSec h5,
.cartSec thead th {
  font-weight: 600;
  font-size: 15px;
}

.cartSec .product-quantity {
  background: #f6f5f1;
  max-height: 44px;
  margin-top: 35px;
  float: left;
  border-radius: 5px;
}

.shopCart tbody {
  border: 1px solid #f2f2f2 !important;
  border-radius: 5px;
}

.cartSec .tatalSec,
.checkoutSec .tatalSec {
  border: 1px solid #d0e187;
  padding: 10px;
  border-radius: 5px;
}

.cartSec .cart_total_amount {
  text-align: right !important;
}

.cartSec .grnd_total strong {
  font-weight: 600 !important;
  font-size: 16px;
}

.cartSec .outofStock {
  color: #0a58ca;
  font-weight: 700;
}

.tatalSec .cart_total_amount {
  text-align: right;
}

.noborder {
  border: none !important;
}

.checkoutSec .leftSec {
  float: left;
  border: 1px solid #d0e187;
  border-radius: 10px;
  width: calc(100% - 400px);
  padding: 25px;
}

.checkoutSec .rightSec {
  width: 380px;
  margin-left: 20px;
  float: left;
}

/* .checkoutSec .tatalSec {
  margin-top: 20px;
} */

.checkoutSec .card {
  border: 1px solid #fcbe00;
  margin-bottom: 15px;
  border-radius: 10px;
  background: #fff !important;
}

.checkoutSec .card-footer {
  background: #fcbe00;
  text-align: center;
}

.checkoutSec .card .Btn {
  margin-top: 5px;
  height: 20px;
  padding: 0 10px;
}

.productFliter {
  position: fixed !important;
  bottom: 20px;
  right: 20px;
  z-index: 11;
}

.productFliter .Btn {
  cursor: pointer;
  padding: 15px;
  width: 55px;
  height: 55px;
  border-radius: 50px;
  box-shadow: 0 0 15px 7px rgb(0 0 0 / 7%) !important;
  display: none;
}

.productFliter .dropdown-toggle::after {
  display: none !important;
}

.productFliter .dropdown-menu {
  max-height: 400px;
  overflow: auto;
}

.dotsSec {
  width: 30px;
  text-align: center;
}

.boldTxt {
  font-weight: 700;
}

.myaccSec td {
  padding: 5px 3px;
}

.ordertable thead tr {
  font-weight: 600;
}

.accordion-button {
  background: #f8f8f8 !important;
}

.accordion-button:not(.collapsed) {
  color: #17a44e !important;
  font-weight: 700;
}

.accordion-button:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.editForm input {
  margin-bottom: 10px;
}

.mobileCart .item {
  border: 1px solid #d0e187;
  padding: 10px;
  border-radius: 5px;
  min-height: 90px;
  margin-bottom: 15px;
}

.mobileCart .item img {
  float: left;
  margin-right: 5px;
}

.mobileCart .item .clsicon {
  float: right;
  margin-right: 0;
  background: #fff;
  border-radius: 10px;
}

.mobileCart .item p.title {
  margin-bottom: 10px;
  font-size: 13px;
  max-height: 35px;
  overflow: hidden;
}

.mobileCart .item p.title a {
  text-decoration: none;
  color: #000;
}

.mobileCart .item p.price {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 14px;
  max-height: 35px;
  overflow: hidden;
  float: right;
  font-weight: 700;
}

.mobileCart .item .quantity {
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 13px;
  background: #efefef;
  float: left;
}

label .checkBox,
.radio input {
  float: left;
  height: 22px !important;
  margin-right: 10px;
}

span.batdge {
  background: #78a206;
  color: #fff;
  font-size: 10px;
  width: 19px;
  height: 19px;
  float: right;
  text-align: center;
  padding-top: 2px;
  border-radius: 10px;
  margin-left: -14px;
  margin-top: -5px;
}

span.webbatdge {
  background: #0a58ca;
  color: #fff;
  font-size: 11px;
  min-width: 20px;
  height: 20px;
  float: left;
  text-align: center;
  padding-top: 3px;
  border-radius: 10px;
  margin-left: -22px;
  margin-top: -10px;
  position: absolute;
}

.cartSec thead th {
  border-bottom: none;
}

.accordion-item {
  margin-bottom: 15px;
  border: none !important;
}

.accordion-body {
  background: #f8f8f8;
  border-top: #fcbe00 1px solid;
}

.printInvoice {
  display: none;
}

.privacyTxt {
  font-size: 14px;
}

.privacyTxt a {
  color: #000;
}

.cart_total_label {
  font-size: 13px;
}

.greenTxt {
  color: #0a58ca;
  text-decoration: none;
}

.deleteBtn {
  position: absolute;
  margin-top: 40px;
  float: right;
  right: 10px;
}

.contact-dist {
  margin-bottom: 5px;
  font-size: 14px;
  float: left;
  width: 100%;
}

.contact-dist img {
  width: 21px;
  float: left;
  margin-bottom: 0;
}

.alert-field {
  color: red;
}

.form_wrapper {
  position: relative;
}

.eyeicon {
  position: absolute;
  right: 23px;
  font-size: 16px;
  width: 20px;
  top: 37px;
  cursor: pointer;
}

.sociallinks {
  float: right;
}

.errorMessage {
  width: 100%;
  float: left;
  color: red;
  margin-bottom: 10px;
  font-size: 15px;
}

.swal-button {
  background: #78a206 !important;
  color: #fff !important;
}

.swal-button--cancel {
  background: #a3b487 !important;
}

.swal-icon--success__line {
  background: #0a58ca !important;
}

.swal-icon--success__ring {
  border: 4px solid #0a58ca;
}

.empty-cart {
  font-size: 14px;
  float: right;
  margin-top: 10px;
}

.btn-success {
  background: #0a58ca !important;
}

.bootbox-close-button {
  float: right !important;
  width: 20px !important;
}

/*.modal {
  height: auto !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
}

.modal-backdrop.show {
  opacity: 0.8 !important;
}*/

.productsDetails {
  padding: 0 20px;
}

.Pro_sidebar {
  width: 270px !important;
  float: left;
}

.Pro_rightfull {
  width: calc(100% - 270px) !important;
  float: left;
}

.Pro_products {
  width: 570px !important;
  float: left;
  margin: 0 20px;
}

.Pro_details {
  width: calc(100% - 610px) !important;
  float: left;
}

.privacycheck {
  height: 13px !important;
  margin-top: -9px !important;
}

.longMenu,
.onlineFullmenu {
  background: #fff;
  position: fixed;
  height: calc(100% - 100px);
  z-index: 1111;
  width: 80%;
  top: 102px;
  overflow: auto;
  display: none;
  padding: 20px 20px 70px 20px;
  transition: 1s;
  max-width: 320px;
}

.longMenu a.subTxt::after {
  display: none;
}

.longMenu img {
  width: 80px;
  border-radius: 8px;
  margin-right: 10px;
  float: left;
}

.overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 111;
  display: none;
  top: 102px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.alert-cls {
  float: right;
  background: 0 0;
}

.alert-cls span {
  width: 20px;
}

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

.bootbox-close-button.close {
  float: right;
  background: 0 0;
  width: 25px;
}

.Pro_sidebarSm {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  margin-left: 20px !important;
  margin-top: -25px;
  color: #0a58ca;
  font-weight: 700;
  text-decoration: none;
}

.Pro_sidebarSm img {
  width: 20px;
  margin-right: 5px;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.form-control::placeholder {
  text-transform: inherit !important;
}

.backBtn {
  background: #f2f2f2 !important;
  color: #000;
  border-radius: 5px;
  padding: 7px 23px;
  border: none !important;
  text-decoration: none;
}

.shipping img {
  float: left;
  margin-top: 7px;
}

.shipping p {
  margin: 5px 0 0 8px;
  float: left;
  font-weight: 300;
}

.heading_s2 {
  margin-bottom: 15px;
}

.heading_s2 h5 {
  font-size: 20px;
  font-weight: 500;
}

.bootbox-confirm {
  text-align: center;
}

.bootbox-confirm .close {
  display: none;
}

.bootbox-confirm h1 {
  margin-top: 35px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 400;
}

.bootbox-confirm img {
  margin-top: 15px;
}

/*.modal-footer {
  justify-content: center !important;
}

.modal-footer .btn-success {
  margin: 0 10px 0 0 !important;
}*/

.register-wrapper label {
  width: 100%;
}

.privacy-msg {
  width: auto;
  float: left;
  max-width: 90%;
}

.mt-50 {
  margin-top: 50px;
}

.product-auto {
  text-align: center;
  margin: auto;
  width: 100%;
  float: left;
}

.track_order {
  position: fixed;
  top: 40%;
  right: 0;
  background-color: #fcbe00;
  padding: 2px 20px;
  border: 1px solid #fcbe00;
  z-index: 9;
  color: #000;
  transform: rotate(-90deg);
  bottom: 40%;
  right: -115px;
  -webkit-transform-origin: 0 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform-origin: 0 50%;
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform-origin: 0 50%;
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  -o-transform-origin: 0 50%;
  -o-transform: rotate(-90deg) translate(-50%, 50%);
  transform-origin: 0 50%;
  transform: rotate(-90deg) translate(-50%, 50%);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.track_order a,
.track_order a:hover,
.track_order:hover {
  color: #000 !important;
  text-decoration: none;
}

.trackordeer {
  padding: 50px 0;
}

.shipway_frame_button {
  padding: 7px 15px !important;
  font-size: 14px !important;
}

.gc-thumbs-area-next,
.gc-thumbs-area-prev {
  z-index: 1 !important;
}

.shipping_area {
  float: left;
  width: 100%;
}

/* 21. shipping css here */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_area {
    margin-bottom: 43px;
  }

  .Pro_details {
    width: 100% !important;
  }

  .Pro_products {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .shipping_area {
    margin-bottom: 28px;
  }
}

.single_shipping {
  display: flex;
  display: flex;
  padding: 15px 10px;
  background: #f4f4f7;
  border: 1px solid #eee;
  border-radius: 6px;
  min-height: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_shipping {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .single_shipping {
    margin-bottom: 0;
    min-height: auto;
  }

  .shipping_icone {
    margin-right: 10px !important;
  }
}

.shipping_icone {
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shipping_icone {
    margin-right: 12px;
  }
}

.shipping_content h2 {
  font-size: 18px;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 7px;
}

.shipping_content p {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
}

/*home two css here*/
.shipping_two {
  margin-bottom: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_two {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .shipping_two {
    margin-bottom: 20px;
  }
}

/*home four css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_four {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .shipping_four {
    margin-bottom: 60px;
  }
}

.shipping_inner {
  border: 1px solid #ebebeb;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_inner {
    padding: 11px 0 15px;
  }
}

@media only screen and (max-width: 768px) {
  .shipping_inner {
    padding: 11px 0 15px;
  }
  .productPage .productItem {
    width: 43.5% !important;
    max-width: 100% !important;
  }
}

.shipping_inner .single_shipping {
  padding: 25px 25px 20px 25px;
  border-right: 1px solid #ebebeb;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shipping_inner .single_shipping {
    padding: 22px 5px 19px 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shipping_inner .single_shipping {
    border-right: 0;
    margin-bottom: 0;
    padding: 18px 25px 13px 25px;
  }
}

.shipping_inner .single_shipping.last_child {
  border: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shipping_inner .shipping_icone {
    margin-right: 12px;
  }
}
.banner_thumb a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.proTitleSec {
  width: 100%;
  float: left;
}

/* .proTitleSec h2 {
  float: left;
} */
.proTitleSec a {
  float: right !important;
  color: #273c99 !important;
  text-decoration: none;
  font-weight: bold;
}

.bannerTxt {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 100%;
}

.bannerTxt .container {
  display: flex;
  align-items: center;
}

.slider_content h1 {
  font-weight: 500;
  font-size: 46px;
  margin-bottom: 5px;
}

.slider_content h2 {
  font-weight: 600;
  font-size: 50px;
  text-transform: uppercase;
}

.slider_content p {
  text-transform: capitalize;
  font-size: 18px;
}

.slider_content .button {
  float: left;
  color: #fff;
  background: #273c99 !important;
  padding: 12px 25px;
  border-radius: 8px;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 0px;
}

.slider_content .button:hover {
  color: #000 !important;
  background: #fcbe00 !important;
}

.blur {
  filter: blur(5px);
}

.priceTable table {
  font-size: 13px;
  max-width: 220px;
}

.priceTable table td {
  padding: 5px;
}

.disabled {
  opacity: 0.5;
}

.owl-carousel {
  width: 100%;
  float: left;
}

.owl-item .productItem {
  width: calc(100% - 10px);
}

.owl-dots {
  display: none !important;
}
.owl-nav div {
  width: auto;
  float: left;
  margin-right: 10px;
}
.owl-nav {
  width: 100%;
  /* float: left;
  display: flex;
  justify-content: end; */
  margin-top: 10px;
}
.owl-prev i,
.owl-next i {
  position: absolute;
  top: 50%;
  color: #fff;
  background: #fcbe00;
  opacity: 1;
  padding: 10px;
  border-radius: 20px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(0, -100%);
}
.owl-prev i {
  left: -40px;
}
.owl-next i {
  right: -25px;
}
.shipping_icone img {
  width: 50px;
  border-radius: 4px;
}
.productsSec .siteContainer {
  padding: 0 15px !important;
}
.branch-wrapper {
  width: 100%;
  float: left;
}
.branch-wrapper .card {
  margin-bottom: 1.5rem;
  padding: 14px;
  min-height: 220px;
}
.branch-wrapper h1 {
  font-size: 24px;
  font-weight: 700;
  color: #273c99;
  margin-bottom: 12px;
}
.branch-wrapper i {
  font-size: 20px;
  color: #fcbe00;
  margin-right: 5px;
}
.branch-wrapper .card div {
  margin-bottom: 12px;
}

.branch-wrapper .card div:nth-last-child(1) {
  margin-bottom: 0;
}
.branch-wrapper span {
  font-size: 18px;
  color: #666;
  font-weight: 600;
}
.fs-10 {
  font-size: 10px !important;
}
.par {
  font-size: 14px;
  line-height: 26px !important;
}
/* .shipping div:nth-last-child(1){
display: none;
background: #000 !important;
} */
.notification {
  font-size: 24px;
}
.dropdown-menu.show {
  max-height: 300px;
  overflow-y: auto;
  max-width: 300px;
  min-width: 250px;
}
.dropdown-menu.show .dropdown-item {
  white-space: inherit;
  word-wrap: break-word;
}
.sidemenu a {
  max-width: 265px;
  white-space: inherit;
  word-break: break-all;
}
.footer-wrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.websiteLink {
  font-weight: 600;
  color: #273c99;
  text-decoration: none;
}

/* Responsive */

@media (max-width: 769px) {
  .shipping_inner .single_shipping {
    border-right: 0;
    margin-bottom: 0;
    padding: 18px 25px 13px 25px;
  }
  /* .productPage .productItem, .youmaylike .productItem { width: calc(50% - 8px) !important; } */
  /* .productPage .productItem:nth-child(odd), .youmaylike .productItem:nth-child(even) { margin-right: 15px !important; } */
  .productPage .productItem:nth-child(even),
  .youmaylike .productItem:nth-child(odd) {
    margin-right: 0 !important;
  }
  .track_order {
    display: none;
  }
  .productItem img {
    max-height: 150px !important;
    min-height: auto !important;
  }
  /* .productItem { min-height: 260px; margin: 5px 20px 5px 0; } */
  .hoverSec .qtyBox {
    width: 100%;
    margin-bottom: 10px;
  }
  .hoverSec .addtocart {
    width: 100%;
  }
  .youmaylike {
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-bottom: -50px;
    margin-top: 25px;
    padding: 25px 0;
  }
  .productItem h3 {
    font-size: 13px !important;
    max-height: 30px;
    max-height: 30px;
    line-height: 15px;
    overflow: hidden;
  }
  .productItem .prize,
  .productItem .prize span {
    font-size: 16px;
  }
  .productsSec h2 {
    font-size: 20px !important;
  }
  .owl-nav {
    justify-content: center !important;
  }
  .owl-prev i,
  .owl-next i {
    height: 30px !important;
    width: 30px !important;
  }
  footer {
    padding: 20px 0 0 0 !important;
  }
  .shipping_are .single_shipping:nth-child(1) {
    background: #ffe5e5 !important;
  }
  /* .cus_support ul li {
    width: 50%;
    float: left;
  } */
  .checkoutSec .rightSec,
  .salesOffer .item:nth-child(2),
  .searchSec {
    margin-left: 0;
  }
  .topbar {
    min-height: 30px;
  }
  .topbar .left {
    display: none;
  }
  .navbar,
  .searchBar,
  .siteContainer {
    padding: 0 15px !important;
  }
  .accounLeft,
  .appdwnApp .leftSec,
  .appdwnApp .rightSec,
  .blogSec .leftContent,
  .checkoutSec .leftSec,
  .checkoutSec .rightSec,
  .copyright .leftSec,
  .copyright .sociallinks,
  .gallerySec .contentSec,
  .loginSec .centerSec,
  .loginSec .leftSec,
  .productItem,
  .salesOffer .item,
  .searchSec,
  .topbar .right,
  footer .leftSec,
  footer .rightSec {
    width: 100% !important;
    max-width: 100% !important;
  }
  .topbar .centerSec {
    width: 100% !important;
  }
  footer .linkSec {
    /* width: 50% !important; */
    margin-top: 15px;
  }
  footer .linkSec:nth-child(3) {
    width: 100% !important;
    float: left;
  }
  .copyright .leftSec {
    text-align: center;
    margin-bottom: 10px;
  }
  .salesOffer .item {
    margin: 20px 0 10px 0;
    padding: 15px;
  }
  .salesOffer .leftSec {
    width: calc(100% - 90px);
  }
  .salesOffer .leftSec h1 {
    font-size: 22px;
    line-height: 30px;
  }
  .productsSec h2 {
    font-size: 23px;
  }
  .appdwnApp .rightSec {
    padding: 20px 0 0 0;
  }
  .custom-select {
    width: 60px;
  }
  .searchSec .searchBtn {
    min-width: 45px !important;
    width: 45px;
  }
  .searchSec input {
    width: calc(100% - 110px);
  }
  .pagination li.first,
  .pagination li.last {
    display: none;
  }
  .pagination li {
    margin-right: 5px;
  }
  .navbar-brand img {
    max-height: 35px;
  }
  header .navbar-toggler:focus {
    box-shadow: none;
  }
  header .navbar {
    display: block !important;
    margin: 15px 0;
  }
  header .mobMenu {
    float: right;
    margin-top: 0px;
  }
  header button.navbar-toggler {
    float: right;
    margin-top: 5px;
    margin-left: 0px;
  }
  .mobMenu .nav-link {
    padding: 5px !important;
  }
  .appdwnApp {
    background: #d0e187 url(../img/appbg.svg) no-repeat bottom right;
    background-size: 160px;
  }
  footer .leftSec,
  footer .rightSec {
    width: 100%;
    margin: 0 !important;
  }
  footer .linkSec ul li {
    margin-bottom: 5px;
  }
  footer .sociallinks {
    float: left;
    width: 100% !important;
    margin-top: 15px;
    text-align: center;
  }
  footer .copyright .sociallinks ul {
    float: none;
  }
  .gallerySec .contentSec {
    padding-left: 0 !important;
  }
  .privacypolicy h1 {
    font-size: 23px;
  }
  .contact_col {
    width: 100%;
  }
  .topactivity select {
    width: 80px !important;
    background: url(../img/icons/down_arrow.svg) no-repeat 50px 12px !important;
  }
  .rightSorting,
  .rightSorting p,
  .rightSorting select {
    text-align: left;
    /* float: left; */
  }
  .sidemenu .title {
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
  }
  .sidemenu ul li {
    padding: 5px 15px !important;
  }
  .sidemenu ul li a {
    font-size: 14px !important;
  }
  .topactivity p {
    margin-left: 10px !important;
  }
  .mobileCart .item p.price {
    font-family: Arial;
  }
  .longMenu,
  .onlineFullmenu {
    padding: 15px 15px 20px 16px;
    max-width: 250px;
  }
  .detailsRight {
    margin-top: 30px;
    float: left;
  }
  .salesOffer img {
    max-width: 100px;
  }
  .cart_extra,
  .detailsRight .wishTxt {
    float: left !important;
    width: 100%;
    margin-left: 0;
  }
  .loginSec .centerSec {
    margin: 20px 0 0 0;
  }
  .orderMob p {
    margin-bottom: 5px;
  }
  .mobAccmenu {
    width: 45px;
    float: right;
    text-align: center;
    padding: 6px 13px;
  }
  .myaccSec {
    margin: 30px 0 !important;
  }
  .myaccSec .dropdown-toggle::after {
    content: none !important;
  }
  .myaccSec h1 {
    font-size: 25px !important;
  }
  .myaccSec h2 {
    font-size: 20px;
    font-weight: 500;
  }
  .cartSec .rightSec {
    max-width: 100%;
  }
  .cartSec {
    margin: 20px 0 !important;
  }
  .cartSec h1 {
    font-size: 22px;
  }
  iframe {
    max-width: 100%;
  }
  .checkoutSec .rightSec {
    margin-top: 20px;
  }
  header .navbar-collapse {
    border-radius: 0px;
    position: absolute;
    width: calc(100% - 30px);
    margin: 15px;
    background: #fff;
    left: 0;
    z-index: 111;
    box-shadow: 0 8px 17px 2px rgb(0 0 0 / 5%);
  }
  header .navbar-collapse li a {
    padding: 12px 20px !important;
    border-bottom: 1px #d0e187 solid;
  }
  header .navbar-collapse .dropdown-menu li a {
    padding: 7px 8px 7px 35px !important;
    border: none !important;
    font-size: 13px !important;
  }
  header .navbar-collapse .dropdown-menu.show {
    max-width: 100% !important;
  }
  header .navbar-collapse .dropdown-menu {
    max-height: 300px;
    overflow: auto;
    border: none !important;
    background: #d0e18733;
  }
  header .dropdown-toggle::after {
    float: right;
  }
  .acctable table td:first-child {
    width: 110px;
  }
  .searchSec .select-selected {
    width: 60px;
    border-right: none !important;
  }
  .searchSec .select-selected:after {
    right: 7px !important;
  }
  .searchSec input {
    border-left: #cecece 1px solid !important;
  }
  .custom-select {
    border: none !important;
  }
  .empty-cart {
    margin-top: 0 !important;
  }
  .Pro_details,
  .Pro_products,
  .producstTab {
    width: 100% !important;
    margin: 0;
  }
  .longMenu,
  .onlineFullmenu,
  .overlay {
    top: 0px !important;
    height: 100%;
  }
  .Pro_sidebarSm {
    margin-left: 0 !important;
  }
  .footer-wrapper {
    display: block;
  }
}
@media (min-width: 768px) {
  .producstTab #description iframe {
    max-width: 48%;
    margin-right: 20px;
    margin-bottom: 15px;
    display: inline-block;
  }
  .salesOffer .item {
    min-height: 242px;
  }
  .owl-prev i,
  .owl-next i {
    height: 30px;
    width: 30px;
  }
}
@media (max-width: 1100px) {
  .searchSec {
    margin-left: 0;
    width: calc(100% - 210px);
  }
}
@media (min-width: 500px) and (max-width: 800px) {
  .siteContainer .item {
    width: 100% !important;
  }
  .owl-item .productItem {
    width: calc(100% - 10px) !important;
    padding-right: 1rem;
  }
}
@media (min-width: 1300px) {
  .Pro_sidebarSm {
    display: none;
  }
  .Pro_sidebarLg {
    display: block;
  }
}
@media (max-width: 1300px) {
  .Pro_sidebarLg {
    display: none;
  }
  .Pro_sidebarSm {
    display: block;
  }
  .Pro_rightfull {
    width: 100% !important;
  }
  .branch-wrapper h1 {
    font-size: 21px;
  }
  .branch-wrapper span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .owl-nav {
    display: none;
  }
  .productsSec {
    padding: 20px 0;
  }
}
@media (max-width: 1299px) {
  .owl-prev i,
  .owl-next i {
    position: inherit !important;
    transform: none;
  }
  .owl-nav div {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  .owl-nav {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
  }
}
@media (min-width: 770px) and (max-width: 950px) {
  /* .footer-wrapper {
    display: block;
  } */
  /* footer .rightSec {
    width: calc(100% - 300px) !important;
  } */
  footer .linkSec:nth-child(1) {
    /* width: 50%; */
    float: left;
  }
  footer .linkSec:nth-child(3) {
    /* width: 51%; */
    float: left;
    margin-top: 12px;
  }
}
/* @media (min-width: 951px) and (max-width: 1140px) {
  footer .rightSec {
    width: calc(100% - 300px);
  }
} */

/* Responsive end */
.prdtext {
  font-size: 16px;
  padding-top: 15px;
  color: #000;
}

.rightSec a {
  color: #bbbbbb !important;
  font-size: 13px !important;
}

.subox {
  width: 1200px;
  margin-left: 60px;
}
.noborder a {
  font-size: 16px !important;
  color: #fff !important;
}
.share {
  font-size: 14px;
  font-weight: 500;
}
.testimonial-area {
  /* background-color: #f6f5f1; */
  margin-top: 50px;
}
.textcart {
  color: #000 !important;
}
.popuphead {
  max-width: 800px !important;
  height: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  right: 0 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.popupsize {
  margin: 0 !important;
  max-width: 100% !important;
}
.product-text .pro-price {
  /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-text .pro-price span.new-price {
  color: #78a206;
  font-size: 16px;
  font-weight: 600;
}
.product-text .pro-price span.old-price {
  color: #b8b8b8;
  line-height: 23px;
  text-decoration: line-through;
}
.subprdimg {
  width: 300px;
  padding: 20px;
}
.prdhead {
  font-size: 20px;
}
.prdpar {
  font-size: 14px !important;
  font-weight: 400;
  color: #999999;
  line-height: 21px;
  margin-bottom: 31px;
  padding-bottom: 21px;
}
.popupline {
  opacity: 0.1 !important;
  margin-top: -15px !important;
  color: #000;
  margin-bottom: 24px;
}
.input-cart {
  border-bottom: 1px solid #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 31px;
}
.input-cart input {
  border: 1px solid #ebebeb;
  color: #707070;
  font-size: 14px;
  height: 48px;
  margin-right: 15px;
  padding: 0;
  text-align: center;
  width: 62px;
}
.text-uppercase h4 {
  font-size: 16px !important;
  padding-bottom: 10px;
}
.share-product .social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.share-product .social-link a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  border-radius: 0;
  color: #999999;
  font-size: 18px;
  height: 40px;
  line-height: 39px;
  width: 40px;
  text-align: center;
  margin-right: 5px;
}

/* .default-btn:hover {
  color: #ffffff;
  border-color: #78a206;
  background: #78a206;
} */
.input-cart .default-btn {
  cursor: pointer;
  display: block;
  font-size: 12px;
}
.fa {
  /* font-size: 12px !important; */
  display: inline-block;
  color: #999999 !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font: normal normal normal 14px/1 FontAwesome !important;
}
.share-product .social-link .facebook:hover {
  background: #78a206 none repeat scroll 0 0 !important;
  border-color: #78a206 !important;
  color: #fff !important;
}

.fa-angle-up {
  padding: 12px;
}
.prdcoimg {
  margin-bottom: 15px;
}

.turmeric_sec h3 {
  font-size: 32px !important;
  font-weight: 400 !important;
}
.turmeric_sec h3 span {
  padding: 0 !important;
  font-weight: 600 !important;
}
.header-area .header-container .logo {
  display: flex;
  justify-content: center;
}

/* new media query */

@media (min-width: 992px) and (max-width: 1135px) {
  .productItem {
    margin: 4px 9px;
    float: left;
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #eaedf9;
    position: relative;
    padding: 15px;
    min-height: 300px;
    width: 23% !important;
    margin-top: 20px;
  }
  .qtyBox {
    height: 40px;
    text-align: center;
    padding: 8px 6px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95px;
    background-color: #f6f5f1;
    border-radius: 4px;
    float: left;
  }

  .addtocart {
    color: #fff;
    float: right;
    padding: 10px 10px;
    min-width: 95px;
    float: right;
    background: #80b42d;
    border-radius: 5px;
    font-size: 13px;
  }
  .hoverSec .btmSec {
    bottom: 0;
    background: #fff;
    position: absolute;
    left: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
    padding-top: 0 !important;
    position: absolute;
    width: 100%;
  }
}

@media (min-width: 756px) and (max-width: 991px) {
  .product-two-area .tab-content .tab-pane .prodcard {
    width: 31% !important;
  }
  .p-cart-btn {
    width: 100px;
    height: 40;
  }
  .prdcoimg {
    width: 180px;
  }
}

@media (min-width: 576px) and (max-width: 755px) {
  .prdcoimg {
    width: 150px;
  }
  .product-two-area .tab-content .tab-pane .prodcard {
    width: 48% !important;
  }
}

@media (max-width: 575px) {
  .prdcoimg {
    width: 140px !important;
  }
  .product-two-area .tab-content .tab-pane .prodcard {
    width: 100% !important;
  }
  .single-product-item .product-image > a img {
    max-width: 100%;
    border-radius: 25px !important;
    padding: 40px 10px 25px 10px;
  }
  .single-product-item .product-image .product-hover .p-cart-btn {
    padding: 0px 20px;
    min-width: 115px;
    /* margin-bottom: 30px; */
    margin-bottom: 90px !important;
  }

  .siteContainer {
    max-width: 700px;
    margin: auto;
  }
  .productsSec {
    padding: 50px 0;
  }
  .productPage .productItem {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 280px !important;
    margin: 20px 0 0 0;
  }
  .productItem h3 {
    font-size: 16px !important;
    text-align: center;
  }
  .productItem .prize {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
  }

  .productItem img {
    max-height: 150px !important;
  }
  .ht-hero-slider .ht-single-slide {
    height: 35vh;
  }
  .contactSec {
    padding: 50px 0px !important;
  }
  .privacypolicy h3 {
    margin: 10px 0;
    font-size: 22px;
    font-weight: 500;
  }
  .privacypolicy {
    padding: 50px 0px;
  }
  .banner-area .banner-text h3 {
    font-size: 25px !important;
  }
  .banner-two-area {
    padding: 15px 0 60px;
  }
  .bg-12 {
    height: 35vh;
  }
}

@media (max-width: 513px) {
  /* .rightSorting{
    width:90% !important;
  } */
  /* .topactivity .pt-0{
    width: 10% !important;
  } */
  p {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    color: #000;
    text-align: justify;
  }
  .rightSorting p,
  .rightSorting select {
    float: right;
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .headalign .header-content {
    justify-content: center !important;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .productItem img {
    max-height: 150px !important;
    min-height: auto !important;
  }
  .productsSec .siteContainer {
    max-width: 700px;
    margin: auto;
  }
  .productItem {
    margin: 15px 11px !important;
    float: left;
    background: #fff !important;
    border-radius: 8px;
    border: 1px solid #eaedf9;
    position: relative;
    padding: 15px;
    min-height: 250px;
    width: 31% !important;
    margin-top: 20px;
    margin-right: 0 !important;
  }
  .productItem h3 {
    font-size: 16px !important;
  }
  .productItem .prize {
    font-size: 18px;
  }
  .prize {
    margin-bottom: 0 !important;
  }

  .hoverSec .qtyBox {
    width: 100%;
    margin-bottom: 12px;
  }
  .hoverSec .addtocart {
    width: 100%;
  }
}
/* @media(min-width:702px)and (max-width:769px) {
.productItem{
  margin: 13px 0px 1px 7px !important;

} */
/* .rightSorting{
  width: 42.333333% !important;


} */

@media (min-width: 576px) and (max-width: 701px) {
  .rightSorting {
    /* width: 52.333333% !important; */
    float: none !important;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .siteContainer {
    max-width: 700px;
    margin: auto;
  }
  .productsSec {
    padding: 50px 0;
  }
  .productPage .productItem {
    width: 47.5% !important;
    max-width: 100% !important;
    min-height: 280px !important;
  }
  .productItem h3 {
    font-size: 16px !important;
  }
  .productItem .prize {
    font-size: 18px;
    font-weight: 700;
  }
}
.checktbtn {
  text-align: center;
  background: #80b42d !important;
  color: #fff;
  border-radius: 5px;
  padding: 8px 24px;
  border: none !important;
}
.termsctc {
  padding: 20px;
  border-radius: 5px !important;
}
.closebtn {
  background-color: #e3e3e3 !important;
  color: #211e1e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  height: 30px !important;
  /* line-height: 24px; */
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 20px !important;
  top: 15px !important;
  width: 30px !important;
  z-index: 1 !important;
}
.termsctc p {
  font-size: 14px;
}
.codpar {
  margin-left: 10px;
  padding-bottom: 15px;
}

@media (max-width: 530px) {
  .codpar {
    margin-left: 5px;
    padding-bottom: 10px;
  }
  .termsctc p {
    font-size: 12px !important;
  }
}

@media (min-width: 575px) and (max-width: 769px) {
  .noborder {
    width: 50%;
  }
  .noborder button {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .aboutPage h1 {
    font-size: 90px !important;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .aboutPage h4 {
    font-size: 40px !important;
    margin-bottom: 30px !important;
    font-weight: 400;
  }
  .aboutPage h2 {
    font-size: 32px !important;
  }
  .aboutPage p {
    font-size: 17px !important;
    margin-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .aboutPage h1 {
    font-size: 70px !important;
    margin-bottom: 25px;
  }
  .aboutPage h4 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }
  .aboutPage h2 {
    font-size: 30px !important;
  }
  .aboutPage p {
    font-size: 16px !important;
    margin-bottom: 25px;
  }
  .banner-two-area .banner-text {
    /* padding-top: 35px; */
    padding-bottom: 35px !important;
  }
}

@media (max-width: 767px) {
  .aboutPage h1 {
    font-size: 40px !important;
    margin-bottom: 15px;
  }
  .aboutPage h4 {
    font-size: 24px !important;
    margin-bottom: 15px !important;
  }
  .aboutPage h2 {
    font-size: 28px !important;
  }
}

@media (max-width: 574px) {
  .noborder {
    width: 50%;
  }
  .noborder button {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  .noborder a {
    font-size: 14px !important;
    color: #fff !important;
    padding: 10px 24px !important;
  }
  .aboutPage h1 {
    font-size: 24px !important;
    font-weight: 600;
    margin-bottom: 15px !important;
  }
  .aboutPage h4 {
    font-size: 17px !important;
    margin-bottom: 10px !important;
    font-weight: 400;
  }
  .aboutPage h2 {
    font-size: 24px !important;
  }
  .aboutPage p {
    font-size: 15px !important;
  }
}

.aboutPage h1 {
  font-size: 105px;
  color: #000;
  font-weight: 700;
  margin-bottom: 35px;
}
.aboutPage h4 {
  font-size: 55px;
  color: #000;
  margin-bottom: 45px;
  font-weight: 300;
}
.aboutPage h2 {
  font-size: 34px;
}
.aboutPage p {
  font-size: 18px;
}