@charset "UTF-8";

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

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

-----------------------------------------------------------------------------------
    
    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
	更多精品Bootstrap模板请访问：http://www.bootstrapmb.com
-----------------------------------------------------------------------------------*/


/*-- Transition Ease --*/


/*-- Transition Ease In --*/


/*-- Transition Ease In Out --*/


/*-- Transform --*/


/*-- Border Radius --*/


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


/*  01. Theme default CSS
/*----------------------------------------*/


/*-- Google Font --*/

@import url("https://fonts.googleapis.com/css?family=Oswald:200,500,600|Playfair+Display:700,900|Poppins:400,500,600,700|Sacramento");

/*-- Common Style --*/

*,
*::after,
*::before {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
    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;
    cursor: pointer;
}

a,
button,
img,
input,
span {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

*: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;
    padding: 0;
}


/*--
    Common Classes
-----------------------------------------*/

.fix {
    overflow: hidden;
}

.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
-----------------------------------------*/

@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 {
    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 {
    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;
    }
}

@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%;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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%;
    }
}

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


/*-- 
    Page Pagination
-----------------------------------------*/

.ht-page-pagination-one {
    display: flex;
    width: 100%;
}

.ht-page-pagination-one ul {
    display: flex;
    justify-content: center;
    width: 100%;
}

.ht-page-pagination-one ul li {
    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 {
    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/12.jpg) center center no-repeat;
}


/*脚部*/

.footer {
    width: 100%;
    text-align: center;
    min-height: 75px;
    background-color: #333333;
    color: #999;
    line-height: 28px;
    overflow: hidden;
}

.footer p {
    margin: 30px auto 0 auto;
}


/*-- 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;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.default-btn:hover {
    color: #ffffff;
    border-color: #78a206;
    background: #78a206;
}


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

.breadcrumb-area {
    padding: 228px 0 135px;
}

@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;
    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;
}


/*---------------------------------------
    02. Header Area
-----------------------------------------*/

.header-area {
    /* position: absolute; */
    left: 0;
    /* top: 60px; */
    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 {
    max-width: 1170px;
    margin: auto;
}

@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%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.header-area .header-container .logo {
    padding: 48px 0;
}

@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-sticky.sticky {
    /* animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    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: 10px 0;
}

.header-area.header-sticky.sticky .ht-main-menu {
    padding: 3px 0;
}

.header-area.header-sticky.sticky .header-content {
    padding: 11px 0 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-sticky.sticky {
        position: relative;
        animation: none;
    }
}

@media only screen and (max-width: 767px) {
    .header-area.header-sticky.sticky {
        position: relative;
        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 {
    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 {
    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 {
    float: right;
    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: 13px;
    font-weight: 500;
    line-height: 50px;
    position: relative;
    text-transform: uppercase;
}

.logocs {
    line-height: 50px;
    font-size: 18px;
    float: left;
}

.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;
    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);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    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: 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;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-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;
}

.header-content {
    padding-top: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-content {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .header-content {
        padding-top: 0;
        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);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    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;
    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;
    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 {
    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;
    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: flex;
    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: flex;
    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: #fff;
    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: "MAYING";
    font-size: 16px;
    font-weight: 500;
    left: 0;
    position: absolute;
    top: 13px;
    color: #333;
}

.mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal {
    border: 0 none;
    color: #ccc;
    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: #ccc;
    display: block;
    height: 2px;
    margin-top: 7px;
}

.mobile-menu-area .mobile-menu.mean-container .mean-bar a.meanmenu-reveal:hover span {
    background-color: #ccc;
}

.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: 201px;
}

.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: center;
    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 * {
    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: flex;
    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
-----------------------------------------*/

.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: 77vh;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.ht-hero-slider .ht-single-slide.duan {
    height: 21vh;
}

.ht-hero-slider .ht-single-slide.but1 {
    height: 64.5vh;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-hero-slider .ht-single-slide {
        height: auto;
        padding: 70px 0 80px;
    }
}

@media only screen and (max-width: 767px) {
    .ht-hero-slider .ht-single-slide,
    .ht-hero-slider .ht-single-slide.but1,
    .ht-hero-slider .ht-single-slide.duan {
        height: auto;
    }
}

@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.95;
        content: "";
    }
    .ht-hero-slider .ht-single-slide.but1:after,
    .ht-hero-slider .ht-single-slide.duan:after {
        opacity: 0.5;
        background: #000;
    }
}


/*-- Hero Content One --*/

.duan .ht-hero-content-one {
    padding-left: 17px;
    margin: 4vh auto;
}

.ht-hero-content-one {
    padding-left: 17px;
    margin: 18vh auto;
}

.ht-hero-content-one.bai h1 {
    color: #fff;
}

.ht-hero-content-one.bai p {
    color: #fff;
    max-width: 685px;
}

@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;
        width: 90%;
    }
    .ht-hero-slider .ht-single-slide {
        background-position: 70% center;
    }
}

.ht-hero-content-one h3 {
    animation-duration: 1s;
    animation-fill-mode: both;
    color: #444;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: capitalize;
    padding-top: 5px;
    margin-bottom: 10px;
}

@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: 36px;
    font-weight: 700;
    line-height: 0.85;
    visibility: hidden;
}

@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: 35px;
        margin-bottom: 15px;
    }
}

.ht-hero-content-one p {
    max-width: 390px;
    color: #666;
    font-size: 14px;
    margin-bottom: 70px;
    animation-duration: 1s;
    animation-fill-mode: both;
    margin-top: 15px;
}

@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: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        color: #000;
    }
}

.ht-hero-content-one a {
    animation-duration: 1s;
    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 {
    animation-name: fadeInBottom;
    animation-delay: .4s;
    animation-duration: 0.5s;
}

.slick-current .ht-hero-content-one h1 {
    opacity: 1;
    visibility: visible;
    animation-delay: 1.1s;
    animation-duration: 0.5s;
    line-height: 45px;
}

.ht-hero-slider .ht-single-slide.but1 h1,
.ht-hero-slider .ht-single-slide.but1 p {
    color: #b4e8b8;
}

.ht-hero-slider .ht-single-slide.but1 p {
    margin-bottom: 5px;
}

.slick-current .ht-hero-content-one h1 span {
    animation-duration: 0.5s;
    letter-spacing: 0.2px;
}

.slick-current .ht-hero-content-one p {
    animation-name: fadeInBottom;
    animation-delay: 1.2s;
    animation-duration: 0.5s;
}

.slick-current .ht-hero-content-one a {
    animation-name: fadeInBottom;
    animation-delay: 1.6s;
    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;
    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;
    box-shadow: 2px 5px 32px -3px rgba(0, 0, 0, 0.2);
}

.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;
    }
    .ht-hero-content-one {
        margin: 5vh auto;
    }
}

@media only screen and (max-width: 479px) {
    .ht-hero-four .hero-padding {
        padding: 0 20px;
    }
}

.ht-hero-four .hero-padding .col-lg-7 {
    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 {
    animation-name: fadeInBottom;
    animation-delay: .4s;
    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;
    animation-delay: 1.1s;
    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 {
    animation-duration: 0.5s;
    letter-spacing: 0.2px;
}

.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one p {
    animation-name: fadeInBottom;
    animation-delay: 1.2s;
    animation-duration: 0.5s;
}

.ht-hero-four .hero-padding .col-lg-7 .ht-hero-content-one a {
    animation-name: fadeInBottom;
    animation-delay: 1.6s;
    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 .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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    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;
    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: flex;
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: -47px;
    padding: 10px 0 35px;
    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;
        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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    box-shadow: 5px 6px 20px 0 rgba(0, 0, 0, 0.1);
    color: #2c2c2c;
}

@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 {
    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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    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%;
}

.single-product-item .product-image .product-hover>ul.hover-icon-list {
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 46.2%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
}

.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 20px;
    }
}

@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: 35px;
    padding-top: 1px;
}

.single-product-item .product-text .pro-price {
    display: flex;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    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;
}

.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: -56%;
    }
}

@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: -39%;
    }
}

@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;
    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;
    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 {
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    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 {
        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;
    }
}

.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;
}

@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;
    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;
    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;
    }
}


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


/*  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 {
    color: #444444;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
    .banner-area .banner-text h3 {
        font-size: 22px;
    }
}

.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;
    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;
    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;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-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: 51px 0 60px;
    }
}

.banner-two-area .banner-text {
    padding-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-two-area .banner-text {
        padding-top: 35px;
        padding-bottom: 15px;
    }
}

@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 {
        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;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-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%;
    }
}


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


/*  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;
    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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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: 60px 0 46px;
    }
}

.testimonial-area .testimonial-slider-wrapper .text-carousel .slider-text .testi-quote {
    display: flex;
    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: 82%;
}

@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: 92%;
    }
}

.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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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 (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;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    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: flex;
    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 (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%;
        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 {
    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: 60px 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;
    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: flex;
    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: 11.3px;
    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: flex;
    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;
}

.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;
    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: 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 {
        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: flex;
    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;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-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;
    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 {
    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 {
    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;
    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: flex;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 58px;
}

@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%;
    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;
    box-shadow: 6px 8px 30px 0 rgba(0, 0, 0, 0.1);
    color: #2c2c2c;
}

.newsletter-syle-two .newsletter-container {
    border-top: 1px solid #e1e1e1;
    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: flex;
    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 {
        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 {
    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 {
    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 {
        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;
    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;
    box-shadow: inset 0 0 0 1px #ffffff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .shop-area .ht-product-tab {
        flex-flow: column;
    }
}

.shop-area .ht-product-tab .ht-tab-content {
    display: flex;
    padding: 10px 6px;
}

@media only screen and (max-width: 767px) {
    .shop-area .ht-product-tab .ht-tab-content {
        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: flex;
    padding: 5px 0;
}

@media only screen and (max-width: 767px) {
    .shop-area .ht-product-tab .shop-results-wrapper {
        padding: 5px 0 10px;
        justify-content: center;
    }
}

.shop-area .ht-product-tab .shop-results-wrapper .shop-results {
    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: "\f107";
    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 {
    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: 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%;
    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 {
        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 {
        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 {
        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 {
    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;
    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;
        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%;
    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%;
        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%;
        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%;
        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%;
        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;
        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;
    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 {
    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;
    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;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    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: 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: 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: .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 {
    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;
    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;
    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;
    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 {
        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;
    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;
    -moz-transition: all 0.2s ease 0s;
    -ms-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;
    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: .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;
    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;
    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 {
    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;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-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: 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: flex;
    border-top: 1px solid #e1e1e1;
    box-shadow: inset 0 1px 0 0 #ffffff;
    margin-top: 35px;
    justify-content: space-between;
    padding: 0 15px;
}

@media only screen and (max-width: 767px) {
    .pagination-wrapper {
        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;
    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;
    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: .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 {
    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: .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;
    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;
    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: 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: 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;
}


/*# sourceMappingURL=style.css.map */