/*  
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. blog css here
    04. testimonial css here
    05. other css here
    06. footer css here
    07. services css here
    08. about css here
    09. contact page css here
*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
    box-sizing: border-box;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    font-family: "Poppins", sans-serif;
    color: #000000;
    letter-spacing: 0.02em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
}

h1 {
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
}

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

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

h4 {
    font-size: 16px;
    line-height: 19px;
}

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

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

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

a,
button {
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

a,
button,
img,
input,
span {
    transition: all 0.3s ease 0s;
}

.btn:focus {
    box-shadow: none;
}

*:focus {
    outline: none !important;
}

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

a:hover {
    text-decoration: none;
}

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

img {
    max-width: 100%;
    height: auto;
}

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

figure {
    padding: 0;
    margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
    overflow: hidden;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.container {
    max-width: 1200px;
}

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

@media only screen and (max-width: 479px) {
    .container {
        width: 100%;
    }
}

.capitalize {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
}

/*--
  -  Fonts color
------------------------------*/
.text-black {
    color: #000000;
}

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

.bg-grey {
    background-color: #f8f8f8;
}

.bluewood-bg {
    background: #354b65;
}

/*-- 
    - 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)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
    background: #6a7964 none repeat scroll 0 0;
    bottom: 85px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 45px;
    line-height: 39px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 45px;
    z-index: 9999;
    border-radius: 50%;
    border: 2px solid #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

#scrollUp:hover i {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

/*margin css here*/
.mb-150 {
    margin-bottom: 150px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-30 {
    margin-right: 30px;
}

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

/*padding css here*/
.pb-100 {
    padding-bottom: 100px;
}

/* 01. header css here */
.body_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    cursor: progress;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
}

.body_overlay.active {
    opacity: 0.3;
    visibility: visible;
}

.off_canvars_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    cursor: crosshair;
    background: #000000;
    top: 0;
}

.off_canvars_overlay.active {
    opacity: 0.5;
    visibility: visible;
}

.offcanvas_menu {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .offcanvas_menu {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .offcanvas_menu {
        display: block;
    }
}

.offcanvas_menu_wrapper {
    width: 290px;
    position: fixed;
    background: #fff;
    z-index: 999;
    top: 0;
    height: 100vh;
    transition: .5s;
    left: 0;
    margin-left: -300px;
    padding: 55px 15px 30px;
    overflow-y: auto;
}

.offcanvas_menu_wrapper.active {
    margin-left: 0;
}

.offcanvas_menu_wrapper .slinky-theme-default {
    background: inherit;
    min-height: 300px;
    overflow-y: auto;
}

.offcanvas_menu_wrapper .header_contact_info {
    display: block;
}

.offcanvas_menu_wrapper .header_social {
    display: flex !important;
}

.offcanvas_menu_wrapper .language_currency {
    display: block;
}

.offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand {
    transform: rotate(180deg);
}

.offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand {
    transform: rotate(180deg);
}

.offcanvas_main_menu li {
    position: relative;
}

.offcanvas_main_menu li:last-child {
    margin: 0;
}

.offcanvas_main_menu li span.menu-expand {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.offcanvas_main_menu li span.menu-expand:hover {
    color: #6a7964;
}

.offcanvas_main_menu li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ededed;
}

.offcanvas_main_menu li a:hover {
    color: #6a7964;
}

.offcanvas_main_menu li ul.sub-menu {
    padding-left: 20px;
}

.canvas_close {
    position: absolute;
    top: 15px;
    right: 25px;
}

.canvas_close a {
    font-size: 30px;
    transition: 0.7s;
    display: inline-block;
    transform: scale(1) rotate(0deg);
}

.canvas_close a:hover {
    color: #ffb83c;
    transform: scale(1.3) rotate(180deg);
}

.canvas_close a:hover {
    color: #6a7964;
}

.canvas_open {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .canvas_open {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .canvas_open {
        display: block;
    }
}

.canvas_open a {
    font-size: 38px;
    display: block;
    line-height: 16px;
}

.canvas_open a:hover {
    color: #6a7964;
}

.sticky-header.sticky {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 900ms;
    animation-duration: 900ms;
    -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
    animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    border-bottom: 0;
    display: block;
}

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

@media only screen and (max-width: 767px) {
    .sticky-header.sticky {
        padding: 15px 0;
    }
}

/*header css heer*/
.header_transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_transparent {
        position: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .header_transparent {
        position: inherit;
    }
}

.header_top {
    background: #502120;
    padding: 9px 55px 5px 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header_top {
        padding: 5px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_top {
        padding: 8px 0;
    }
}

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

@media only screen and (max-width: 767px) {
    .header_top {
        padding: 10px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_top_inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_top_inner {
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .header_top_inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_contact_info {
        margin-bottom: 7px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_contact_info {
        margin-bottom: 7px;
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header_contact_info {
        margin-bottom: 7px;
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .header_contact_info {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_contact_info ul {
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .header_contact_info ul {
        flex-direction: column;
        text-align: center;
    }
}

.header_contact_info ul li {
    margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header_contact_info ul li {
        margin-right: 13px;
    }
}

@media only screen and (max-width: 575px) {
    .header_contact_info ul li {
        margin-right: 0;
        line-height: 27px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_contact_info ul li {
        color: #000000 !important;
        margin-right: 0;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .header_contact_info ul li {
        color: #000000 !important;
        margin-right: 0;
        margin-bottom: 8px;
    }
}

.header_contact_info ul li i {
    margin-right: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header_contact_info ul li i {
        argin-right: 5px;
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_contact_info ul li:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .header_contact_info ul li:last-child {
        margin-bottom: 0;
    }
}

.header_contact_info ul li a {
    color: #ffffff;
}

.header_contact_info ul li a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_contact_info ul li a {
        color: #000000;
    }
}

@media only screen and (max-width: 767px) {
    .header_contact_info ul li a {
        color: #000000;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .free_shipping_text {
        margin-bottom: 7px;
    }
}

@media only screen and (max-width: 575px) {
    .free_shipping_text {
        text-align: center;
    }
}

.free_shipping_text p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .free_shipping_text p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .free_shipping_text p {
        font-size: 15px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .free_shipping_text p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .free_shipping_text p {
        font-size: 13px;
        line-height: 22px;
    }
}

.free_shipping_text p a {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 11px;
    border-bottom: 1px solid #fff;
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .free_shipping_text p a {
        margin-right: 11px;
    }
}

@media only screen and (max-width: 575px) {
    .header_logo img {
        max-width: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_social {
        display: none !important;
        justify-content: center;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .header_social {
        display: none !important;
        justify-content: center;
        margin: 10px 0;
    }
}

.header_social span {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-right: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header_social span {
        margin-right: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_social span {
        color: #000000;
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .header_social span {
        color: #000000;
        margin-right: 16px;
    }
}

.header_social ul li {
    margin-right: 20px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_social ul li {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .header_social ul li {
        margin-right: 15px;
    }
}

.header_social ul li a {
    font-size: 15px;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_social ul li a {
        color: #000000;
    }
}

@media only screen and (max-width: 767px) {
    .header_social ul li a {
        color: #000000;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header_social ul li {
        margin-right: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .header_top_sidebar {
        flex-direction: column;
    }
}

.language_currency {
    margin-left: 28px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .language_currency {
        margin-left: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency {
        text-align: center;
        margin-left: 0;
        display: none;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency {
        text-align: center;
        margin-left: 0;
        display: none;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency>ul {
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency>ul {
        justify-content: center;
    }
}

.language_currency>ul>li {
    position: relative;
    margin-right: 7px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency>ul>li {
        margin-right: 7px;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency>ul>li {
        margin-right: 7px;
    }
}

.language_currency>ul>li:hover ul.dropdown_currency,
.language_currency>ul>li:hover ul.dropdown_language {
    visibility: visible;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.language_currency>ul>li:hover ul.dropdown_currency::-webkit-scrollbar,
.language_currency>ul>li:hover ul.dropdown_language::-webkit-scrollbar {
    width: 2px;
}

.language_currency>ul>li:hover ul.dropdown_currency::-webkit-scrollbar-thumb,
.language_currency>ul>li:hover ul.dropdown_language::-webkit-scrollbar-thumb {
    background-color: #4c5847;
    border-radius: 2px;
}

.language_currency>ul>li:hover ul.dropdown_currency::-webkit-scrollbar-track,
.language_currency>ul>li:hover ul.dropdown_language::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
.language_currency>ul>li:hover>a {
    background: #4c5847;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency>ul>li:hover>a {
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency>ul>li:hover>a {
        color: #fff;
    }
}

.language_currency>ul>li>a {
    text-transform: uppercase;
    line-height: 23px;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    padding: 3px 15px;
    border-radius: 3px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .language_currency>ul>li>a {
        padding: 3px 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency>ul>li>a {
        line-height: 22px;
        color: #000000;
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency>ul>li>a {
        line-height: 22px;
        color: #000000;
        font-size: 13px;
    }
}

.language_currency>ul>li>a i {
    margin-left: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .language_currency>ul>li>a i {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .language_currency>ul>li>a i {
        margin-left: 0px;
    }
}

.language_currency>ul>li>a img {
    margin-right: 4px;
}

.language_currency>ul>li:hover a:not([href]):not([tabindex]) {
    color: #6a7964;
}

.dropdown_currency,
.dropdown_language {
    position: absolute;
    background: #fff;
    border: 1px solid #ededed;
    padding: 10px 20px;
    text-align: left;
    top: 117%;
    right: 0;
    transition: all .5s ease-out;
    overflow: hidden;
    z-index: 9999;
    border-radius: 3px;
    visibility: hidden;
    max-height: 0;
}

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

    .dropdown_currency,
    .dropdown_language {
        left: auto;
        right: 0;
    }
}

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

    .dropdown_currency,
    .dropdown_language {
        left: auto;
        right: 0;
    }
}

.dropdown_currency li a,
.dropdown_language li a {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    white-space: nowrap;
    line-height: 28px;
    color: #000000;
}

.dropdown_currency li a:hover,
.dropdown_language li a:hover {
    color: #6a7964;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dropdown_language {
        left: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .dropdown_language {
        left: -10px;
    }
}

.main_header {
    padding: 35px 55px 35px 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .main_header {
        padding: 35px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main_header {
        padding: 30px 0;
    }
}

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

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

.main_menu nav>ul>li {
    margin-right: 49px;
    position: relative;
}

.main_menu nav>ul>li:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main_menu nav>ul>li {
        margin-right: 33px;
    }
}

.main_menu nav>ul>li:hover ul.sub_menu {
    visibility: visible;
    opacity: 1;
    top: 62px;
}

.main_menu nav>ul>li>a {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    text-transform: uppercase;
    color: #000000;
    font-weight: 500;
}

.main_menu nav>ul>li>a.active {
    font-weight: 700;
}

.main_menu nav>ul>li ul.sub_menu {
    position: absolute;
    min-width: 190px;
    padding: 18px 20px;
    background: #ffffff;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    right: auto;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: .3s;
    z-index: 99;
    top: 77px;
    text-align: left;
}

.main_menu nav>ul>li ul.sub_menu li a {
    font-size: 13px;
    font-weight: 400;
    display: block;
    line-height: 32px;
    text-transform: capitalize;
}

.main_menu nav>ul>li ul.sub_menu li a:hover {
    color: #6a7964;
}

.header_account>ul>li {
    margin-right: 29px;
    position: relative;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_account>ul>li {
        margin-right: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_account>ul>li {
        margin-right: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .header_account>ul>li {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .header_account>ul>li {
        margin-right: 14px;
    }
}

.header_account>ul>li>a {
    font-size: 24px;
    display: inline-block;
    color: #444;
}

.header_account>ul>li>a:hover {
    color: #6a7964;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header_account>ul>li>a {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_account>ul>li>a {
        font-size: 19px;
    }
}

@media only screen and (max-width: 767px) {
    .header_account>ul>li>a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .header_account>ul>li>a {
        font-size: 17px;
    }
}

.header_account>ul>li span.item_count {
    font-size: 12px;
    font-weight: 500;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -7px;
    right: -12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_account>ul>li span.item_count {
        font-size: 10px;
        width: 17px;
        height: 17px;
        line-height: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .header_account>ul>li span.item_count {
        font-size: 10px;
        width: 17px;
        height: 17px;
        line-height: 17px;
    }
}

.header_account>ul>li.account_link:hover ul.dropdown_account_link {
    visibility: visible;
    max-height: 200px;
}

.dropdown_account_link {
    position: absolute;
    background: #fff;
    border: 1px solid #ededed;
    padding: 10px 20px;
    text-align: left;
    top: 117%;
    right: -45px;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    overflow: hidden;
    z-index: 9999;
    border-radius: 3px;
    visibility: hidden;
    max-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dropdown_account_link {
        left: auto;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .dropdown_account_link {
        left: auto;
        right: 0;
    }
}

.dropdown_account_link li a {
    text-transform: capitalize;
    display: block;
    font-size: 13px;
    white-space: nowrap;
    line-height: 28px;
    color: #000000;
}

.dropdown_account_link li a:hover {
    color: #6a7964;
}

/*mini cart css here*/
.mini_cart {
    position: fixed;
    width: 355px;
    height: 100%;
    padding: 20px 20px 33px;
    background: #fff;
    z-index: 99999;
    right: 0;
    top: 0;
    transition: .5s;
    transform: translateX(100%);
    overflow-y: auto;
    box-shadow: 0 0 15px rgba(5, 0, 0, 0.1);
}

.mini_cart.active {
    transform: translateX(0);
}

@media only screen and (max-width: 575px) {
    .mini_cart {
        width: 300px;
    }
}

.cart_close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.cart_text h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
}

.mini_cart_close>a {
    font-size: 25px;
}

.mini_cart_close>a:hover {
    color: #6a7964;
}

.cart_img {
    width: 90px;
    margin-right: 10px;
    border: 1px solid transparent;
}

.cart_img:hover {
    border-color: #6a7964;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_img {
        width: 70px;
    }
}

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

.cart_info {
    width: 63%;
}

.cart_info a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-bottom: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_info a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .cart_info a {
        font-size: 13px;
    }
}

.cart_info a:hover {
    color: #6a7964;
}

.cart_info p {
    font-size: 12px;
    margin-bottom: 0;
}

.cart_info p span {
    font-weight: 600;
}

.cart_remove a {
    font-size: 15px;
    display: block;
    line-height: 20px;
    text-align: center;
}

.cart_remove a:hover {
    color: #6a7964;
}

.cart_item {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
    display: flex;
    justify-content: space-between;
}

.mini_cart_empty {
    padding: 80px 0;
    text-align: center;
}

.mini_cart_empty i {
    font-size: 2rem;
    margin-bottom: 20px;
}

.mini_cart_empty p {
    font-size: 1rem;
}

.mini_cart_table {
    padding: 23px 0;
}

.cart_total {
    display: flex;
    justify-content: space-between;
}

.cart_total span {
    font-size: 14px;
    font-weight: 400;
}

.cart_total span.price {
    font-weight: 700;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart_total span {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .cart_total span {
        font-size: 13px;
    }
}

.cart_button:first-child {
    margin-bottom: 15px;
}

.cart_button a {
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    background: #eef0f1;
    display: block;
    text-align: center;
    line-height: 20px;
    margin-bottom: 0;
    padding: 13px 0px 11px;
    border: 1px solid #ededed;
}

.cart_button a:hover {
    background: #6a7964;
    border-color: #6a7964;
    color: #fff;
}

/*mini cart css end*/
.page_search_box {
    position: fixed;
    width: 100%;
    height: 0;
    background: #ffffff;
    z-index: 999;
    left: 0;
    top: 0;
    transition: .3s;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.page_search_box.active {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.page_search_box form {
    width: 70%;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .page_search_box form {
        width: 90%;
    }
}

.page_search_box form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000;
}

.page_search_box form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000;
}

.page_search_box form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

.page_search_box form input:-moz-placeholder {
    /* Firefox 18- */
    color: #000000;
}

.page_search_box form input {
    width: 100%;
    background: none;
    height: 50px;
    font-size: 24px;
    color: #000000;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .page_search_box form input {
        width: 90%;
        font-size: 16px;
    }
}

.page_search_box form button {
    position: absolute;
    bottom: 11px;
    right: 0;
    border: 0;
    padding: 0;
    background: none;
    font-size: 20px;
}

.page_search_box form button:hover {
    color: #6a7964;
}

@media only screen and (max-width: 767px) {
    .page_search_box form button {
        font-size: 18px;
    }
}

.page_search_box form p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.search_close {
    position: absolute;
    top: 50px;
    right: 100px;
}

@media only screen and (max-width: 767px) {
    .search_close {
        top: 22px;
        right: 30px;
    }
}

.search_close i {
    font-size: 20px;
    cursor: pointer;
    transform: scale(1) rotate(0deg);
    display: inline-block;
    transition: .5s;
}

.search_close i:hover {
    color: #6a7964;
    transform: scale(1.3) rotate(180deg);
}

/* 02. slider area css here */
.slider_section {
    padding-top: 38px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_section {
        padding-top: 105px;
    }
}

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

@media only screen and (max-width: 767px) {
    .slider_section {
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .slider_section.mb-63 {
        margin-bottom: 55px;
    }
}

.single_slider {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    position: relative;
    min-height: 960px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .single_slider {
        min-height: 900px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_slider {
        min-height: 700px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single_slider {
        min-height: 470px;
    }
}

@media only screen and (max-width: 767px) {
    .single_slider {
        min-height: 400px;
    }
}

@media only screen and (max-width: 575px) {
    .single_slider {
        background-position: 14%;
        min-height: 372px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .slider_text {
        padding-left: 55px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_text {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_text {
        padding-left: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_text {
        padding-left: 34px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_text {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
}

.slider_text span {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_text span {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_text span {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_text span {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_text span {
        font-size: 13px;
    }
}

.slider_text h1 {
    font-size: 60px;
    line-height: 72px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .slider_text h1 {
        font-size: 56px;
        line-height: 68px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_text h1 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_text h1 {
        font-size: 30px;
        line-height: 41px;
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_text h1 {
        font-size: 23px;
        line-height: 32px;
        margin-bottom: 12px;
        padding-right: 200px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_text h1 {
        padding-right: 0;
        font-size: 19px;
        line-height: 29px;
        margin-bottom: 8px;
    }
}

.slider_text p {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_text p {
        font-size: 15px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_text p {
        font-size: 15px;
        line-height: 23px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_text p {
        font-size: 14px;
        line-height: 21px;
    }
}

.slider_text a.btn-primary {
    margin-top: 53px;
    font-size: 18px;
    line-height: 56px;
    height: 56px;
    padding: 0 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_text a.btn-primary {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_text a.btn-primary {
        margin-top: 29px;
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        padding: 0 22px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_text a.btn-primary {
        margin-top: 28px;
        font-size: 15px;
        line-height: 46px;
        height: 46px;
        padding: 0 22px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_text a.btn-primary {
        margin-top: 21px;
        font-size: 14px;
        line-height: 42px;
        height: 42px;
        padding: 0 17px;
    }
}

.slider_text a.btn-primary:hover {
    color: #000000;
}

.slider_text a.btn-primary::before {
    background: #fff;
}

.slick-current .slider_text h1,
.slick-current .slider_text span,
.slick-current .slider_text a,
.slick-current .slider_text p {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.slick-current .slider_text h1 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slick-current .slider_text p {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.slick-current .slider_text a {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.slider_area:hover>button {
    opacity: 1;
    visibility: visible;
}

.slider_area>button {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 70px;
    z-index: 9;
    width: 50px;
    height: 52px;
    line-height: 57px;
    text-align: center;
    font-size: 24px;
    background: #fff;
    color: #000000;
    border: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
}

.slider_area>button:hover {
    background: #6a7964;
    color: #fff;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider_area>button {
        left: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .slider_area>button {
        width: 45px;
        height: 48px;
        line-height: 48px;
        font-size: 22px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_area>button {
        left: 20px;
        width: 42px;
        height: 44px;
        line-height: 46px;
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_area>button {
        left: 20px;
        width: 35px;
        height: 37px;
        line-height: 39px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_area>button {
        left: 15px;
        width: 32px;
        height: 34px;
        line-height: 35px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_area>button {
        left: 6px;
        width: 26px;
        height: 28px;
        line-height: 31px;
        font-size: 14px;
    }
}

.slider_area>button.next_arrow {
    right: 70px;
    left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider_area>button.next_arrow {
        right: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider_area>button.next_arrow {
        right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_area>button.next_arrow {
        right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_area>button.next_arrow {
        right: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_area>button.next_arrow {
        right: 6px;
    }
}

.slider_area .slick-dots {
    display: flex;
    position: absolute;
    bottom: 57px;
    left: 50%;
    transform: translatex(-50%);
}

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

@media only screen and (max-width: 767px) {
    .slider_area .slick-dots {
        bottom: 15px;
    }
}

.slider_area .slick-dots li {
    margin-right: 15px;
}

.slider_area .slick-dots li:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_area .slick-dots li {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .slider_area .slick-dots li {
        margin-right: 8px;
    }
}

.slider_area .slick-dots li.slick-active button {
    background: #000000;
}

.slider_area .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    background: #b8b8b8;
    text-indent: -99999px;
}

/* 06. footer css here */
.footer_widgets {
    padding: 133px 0 78px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_widgets {
        padding: 79px 0 74px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_widgets {
        padding: 58px 0 56px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_widgets {
        padding: 58px 0 24px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_widget_list {
        margin-bottom: 30px;
        text-align: center;
    }
}

.footer_contact_list {
    margin-bottom: 25px;
}

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

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

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

.footer_contact_list span {
    font-size: 13px;
    line-height: 30px;
    color: #999999;
    display: block;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .footer_contact_list span {
        line-height: 24px;
    }
}

.footer_contact_list p {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_contact_list p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_contact_list p {
        font-size: 14px;
        line-height: 22px;
    }
}

.footer_contact_list a {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    display: inline-block;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_contact_list a {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_contact_list a {
        font-size: 14px;
        line-height: 22px;
    }
}

.footer_logo {
    margin-bottom: 42px;
}

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

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

@media only screen and (max-width: 575px) {
    .footer_menu ul {
        justify-content: center !important;
    }
}

.footer_menu ul li {
    margin-right: 48px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_menu ul li {
        margin-right: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_menu ul li {
        margin-right: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_menu ul li {
        margin-right: 14px;
    }
}

.footer_menu ul li a {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_menu ul li a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_menu ul li a {
        font-size: 13px;
    }
}

.footer_social {
    padding: 37px 0 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_social {
        padding: 28px 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_social {
        padding: 25px 0 30px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_social {
        padding: 17px 0 21px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_social ul {
        justify-content: center !important;
    }
}

.footer_social ul li {
    margin-right: 10px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_social ul li {
        margin-right: 10px;
    }
}

.footer_social ul li a {
    width: 42px;
    height: 42px;
    line-height: 40px;
    display: inline-block;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
}

.footer_social ul li a:hover {
    background: #000000;
    border-color: #000000;
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_social ul li a {
        width: 38px;
        height: 38px;
        line-height: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_social ul li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .footer_social ul li a {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .copyright_right {
        text-align: center;
    }
}

.copyright_right p {
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    text-transform: capitalize;
    font-weight: 400;
}

.copyright_right p i {
    color: #f53400;
    font-size: 18px;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .copyright_right p {
        font-size: 13px;
        line-height: 22px;
    }
}

.copyright_right p span {
    color: #6a7964;
    font-weight: 600;
}

.copyright_right p a {
    color: #000000;
}

.copyright_right p a:hover {
    color: #6a7964;
}

/* 05. other css here */
.btn-primary {
    color: #272727;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    padding: 0 20px;
    background: #6a7964;
    border-radius: 0;
    position: relative;
    z-index: 9;
    color: #ffffff;
    border: 0;
    font-weight: 600;
}

.btn-zbuy {
    color: #272727;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    padding: 0 20px;
    background: #fa2c19;
    border-radius: 0;
    position: relative;
    z-index: 9;
    color: #ffffff;
    border: 0;
    font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .btn-primary {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        padding: 0 16px;
    }
}

@media only screen and (max-width: 767px) {
    .btn-primary {
        font-size: 14px;
        line-height: 37px;
        height: 37px;
        padding: 0 14px;
    }
}

.btn-primary::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    transform: scaleY(0);
    transform-origin: 50%;
    transition-duration: 0.3s;
}

.btn-zbuy::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    transform: scaleY(0);
    transform-origin: 50%;
    transition-duration: 0.3s;
}

.btn-primary:focus {
    background: #6a7964;
    border: inherit;
}

.btn-primary:hover {
    background: inherit;
    border: inherit;
}

.btn-primary:hover::before {
    transform: scaleY(1);
}

.btn-zbuy:hover {
    color: #fff;
    background: inherit;
    border: inherit;
}

.btn-zbuy:hover::before {
    transform: scaleY(1);
}

@media only screen and (max-width: 575px) {
    .section_title {
        text-align: center;
    }
}

.section_title h2 {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    color: #6a7964;
    display: inline-block;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title h2 {
        font-size: 20px;
        line-height: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title h2 {
        font-size: 18px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .section_title h2 {
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title.mb-60 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-60 {
        margin-bottom: 30px;
    }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title.mb-130 {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-130 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .section_title.mb-130 {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-50 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .section_title.mb-50 {
        margin-bottom: 30px;
    }
}

/*shipping css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shipping_section.mb-102 {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width: 767px) {
    .shipping_section.mb-102 {
        margin-bottom: 56px;
    }
}

.shipping_inner {
    padding-bottom: 53px;
    border-bottom: 1px solid #d8d8d8;
}

@media only screen and (max-width: 767px) {
    .shipping_inner {
        flex-wrap: wrap;
        padding-bottom: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .single_shipping {
        width: 50%;
        margin-bottom: 23px;
    }
}

@media only screen and (max-width: 575px) {
    .single_shipping {
        width: 100%;
        justify-content: center;
    }
}

.shipping_text h3 {
    margin-bottom: 9px;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.shipping_text h3 a:hover {
    color: #ffb83c;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shipping_text h3 {
        margin-bottom: 7px;
        font-size: 14px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .shipping_text h3 {
        margin-bottom: 7px;
        font-size: 15px;
        line-height: 18px;
    }
}

.shipping_text p {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shipping_text p {
        font-size: 13px;
    }
}

.shipping_icon {
    margin-right: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shipping_icon {
        margin-right: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .shipping_icon {
        margin-right: 15px;
    }
}

.shipping_icon i {
    font-size: 24px;
    color: #6a7964;
}

/*instagram css heer*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram_section.mb-135 {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width: 767px) {
    .instagram_section.mb-135 {
        margin-bottom: 58px;
    }
}

.instagram_gallery {
    display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram_gallery {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 767px) {
    .instagram_gallery {
        flex-wrap: wrap;
    }
}

.instagram_gallery a.instagram-image {
    display: block;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram_gallery a.instagram-image {
        width: 25%;
    }
}

@media only screen and (max-width: 767px) {
    .instagram_gallery a.instagram-image {
        width: 25%;
    }
}

@media only screen and (max-width: 575px) {
    .instagram_gallery a.instagram-image {
        width: 33.33%;
    }
}

.instagram_gallery a.instagram-image:hover img {
    transform: scale(1.05);
}

.instagram_gallery a.instagram-image img {
    transition: .3s;
}

/*newsletter css here*/
@media only screen and (max-width: 767px) {
    .newsletter_inner {
        flex-direction: column;
    }
}

.newsletter_subscribe form {
    position: relative;
    width: 670px;
    border-bottom: 1px solid #999999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter_subscribe form {
        width: 450px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter_subscribe form {
        width: 340px;
    }
}

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

@media only screen and (max-width: 575px) {
    .newsletter_subscribe form {
        width: 100%;
    }
}

.newsletter_subscribe form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999999;
}

.newsletter_subscribe form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
}

.newsletter_subscribe form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #999999;
}

.newsletter_subscribe form input:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
}

.newsletter_subscribe form input {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    font-weight: 400;
    height: 52px;
    padding: 0 110px 0 37px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter_subscribe form input {
        padding: 0 105px 0 29px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter_subscribe form input {
        font-size: 14px;
        line-height: 24px;
        height: 45px;
        padding: 0 95px 0 30px;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter_subscribe form input {
        font-size: 13px;
        padding: 0 83px 0 25px;
    }
}

.newsletter_subscribe form i {
    position: absolute;
    left: 0;
    top: 49%;
    transform: translatey(-50%);
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .newsletter_subscribe form i {
        font-size: 16px;
    }
}

.newsletter_subscribe form button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background: inherit;
}

.newsletter_subscribe form button:hover {
    color: #6a7964;
}

@media only screen and (max-width: 767px) {
    .newsletter_subscribe form button {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter_subscribe form button {
        font-size: 13px;
    }
}

.newsletter_subscribe .mailchimp-error {
    text-align: center;
    color: green;
    padding-top: 10px;
}

.newsletter_subscribe .mailchimp-success.active {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 10px;
    color: green;
}

@media only screen and (max-width: 767px) {
    .newsletter_text {
        text-align: center;
        margin-bottom: 23px;
    }
}

.newsletter_text h3 {
    font-size: 30px;
    line-height: 28px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter_text h3 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter_text h3 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter_text h3 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 14px;
    }
}

.newsletter_text p {
    font-size: 16px;
    line-height: 18px;
    color: #666666;
    font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter_text p {
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter_text p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter_text p {
        font-size: 15px;
        line-height: 17px;
    }
}

.newsletter_padding {
    padding-top: 137px;
}

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

@media only screen and (max-width: 767px) {
    .newsletter_padding {
        padding-top: 59px;
    }
}

/*Banner Css Here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_section.mb-109 {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_section.mb-109 {
        margin-bottom: 55px;
    }
}

@media only screen and (max-width: 575px) {
    .banner_section.mb-109 {
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .single_banner.mr-30 {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .single_banner.mr-30 {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .single_banner img {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .banner_container.d-flex {
        flex-direction: column;
    }
}

.banner_text {
    top: 66px;
    left: 65px;
    right: 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_text {
        top: 45px;
        left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_text {
        top: 25px;
        left: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_text {
        top: 20px;
        left: 15px;
        right: 10px;
    }
}

.banner_text h3 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 17px;
}

.banner_text h3 span {
    font-weight: 600;
    color: #ff2f2f;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_text h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_text h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_text h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 11px;
    }
}

.banner_text p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 0;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .banner_text p {
        font-size: 13px;
        line-height: 19px;
    }
}

.banner_text a.btn-primary {
    margin-top: 198px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_text a.btn-primary {
        margin-top: 135px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_text a.btn-primary {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_text a.btn-primary {
        margin-top: 30px;
    }
}

.banner_text a.btn-primary:hover {
    color: #000000;
}

.banner_text a.btn-primary::before {
    background: #fff;
}

.banner_style2 {
    padding: 0 55px;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_style2 {
        padding: 0;
    }
}

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

@media only screen and (max-width: 767px) {
    .banner_style2 {
        padding: 0;
    }
}

@media only screen and (max-width: 575px) {
    .banner_style2 .single_banner {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_style2 .single_banner img {
        height: 270px;
        object-fit: cover;
    }
}

.banner_style2 .banner_text {
    bottom: 66px;
    top: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .banner_style2 .banner_text {
        bottom: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_style2 .banner_text {
        bottom: 30px;
    }
}

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

@media only screen and (max-width: 767px) {
    .banner_style2 .banner_text {
        bottom: 30px;
    }
}

.banner_style2 .banner_text h3 {
    font-size: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_style2 .banner_text h3 {
        font-size: 32px;
        margin-bottom: 9px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_style2 .banner_text h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_style2 .banner_text h3 {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_style2 .banner_text p {
        font-size: 13px;
    }
}

.banner_style2 .banner_text a.btn-primary {
    margin-top: 47px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_style2 .banner_text a.btn-primary {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_style2 .banner_text a.btn-primary {
        margin-top: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_style2 .banner_text a.btn-primary {
        margin-top: 10px;
    }
}

.banner_tag {
    position: absolute;
    top: 60px;
    left: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .banner_tag {
        top: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .banner_tag {
        top: 25px;
        left: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner_tag {
        top: 18px;
        left: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .banner_tag {
        top: 25px;
        left: 15px;
    }
}

.banner_tag span {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    text-transform: uppercase;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .banner_tag span {
        font-size: 13px;
        line-height: 20px;
    }
}

/* 03. product section css here */
.tab-content>.tab-pane.active {
    display: block;
    height: auto;
    opacity: 1;
    overflow: visible;
}

.tab-content>.tab-pane {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_section.mb-96 {
        margin-bottom: 63px;
    }
}

@media only screen and (max-width: 767px) {
    .product_section.mb-96 {
        margin-bottom: 38px;
    }
}

@media only screen and (max-width: 575px) {
    .product_section.mb-96 {
        margin-bottom: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_section.mb-80 {
        margin-bottom: 61px;
    }
}

@media only screen and (max-width: 767px) {
    .product_section.mb-80 {
        margin-bottom: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .product_tab_btn.d-flex {
        justify-content: space-between;
        margin-top: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .product_tab_btn.d-flex {
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
    .product_tab_btn ul {
        justify-content: center;
    }
}

.product_tab_btn ul li {
    margin-right: 40px;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_tab_btn ul li {
        margin-right: 33px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_tab_btn ul li {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product_tab_btn ul li {
        margin-right: 22px;
    }
}

.product_tab_btn ul li a {
    font-size: 16px;
    line-height: 18px;
    color: #999999;
    display: inline-block;
}

.product_tab_btn ul li a:hover {
    color: #6a7964;
}

.product_tab_btn ul li a.active {
    color: #6a7964;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_tab_btn ul li a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .product_tab_btn ul li a {
        font-size: 14px;
    }
}

.all_product {
    margin-left: 68px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .all_product {
        margin-left: 50px;
    }
}

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

@media only screen and (max-width: 575px) {
    .all_product {
        margin-left: 0;
        margin-top: 10px;
    }
}

.all_product a {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
}

.all_product a:hover {
    color: #6a7964;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .all_product a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .all_product a {
        font-size: 14px;
        line-height: 16px;
    }
}

.single_product:hover .product_content {
    transform: translateY(-60px);
}

@media only screen and (max-width: 575px) {
    .single_product:hover .product_content {
        transform: translateY(-25px);
    }
}

.single_product:hover .product_content h4 a {
    color: #999999;
}

.single_product:hover .add_to_cart {
    opacity: 1;
}

.single_product:hover .product_thumb img {
    opacity: 1;
    transform: scale(1.08, 1.08);
}

.single_product:hover .product_action ul li {
    padding-bottom: 10px;
}

@media only screen and (max-width: 575px) {
    .single_product:hover .product_action ul li {
        padding-bottom: 6px;
    }
}

.single_product:hover .product_action ul li.quick_view {
    opacity: 1;
    visibility: visible;
}

.single_product:hover .product_action ul li.compare {
    opacity: 1;
    visibility: visible;
}

.product_content {
    background: #ffffff;
    transition: ease all 0.4s;
    position: relative;
    padding: 18px 0 0;
}

@media only screen and (max-width: 575px) {
    .product_content {
        padding: 8px 0 0;
    }
}

.product_content h4.product_name {
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 575px) {
    .product_content h4.product_name {
        line-height: 20px;
        font-size: 13px;
        margin-bottom: 5px;
    }
}

.add_to_cart {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transition: ease all 0.4s;
    opacity: 0;
    transform: translateY(0);
}

.add_to_cart a.btn-primary {
    margin-top: 0;
    font-size: 14px;
    padding: 0 28px;
}

@media only screen and (max-width: 767px) {
    .add_to_cart a.btn-primary {
        padding: 0 14px;
        font-size: 13px;
    }
}

.product_ratting ul li {
    margin-right: 1px;
    line-height: 20px;
}

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

.product_ratting ul li a {
    color: #ff9806;
}

.product_ratting ul li a i.active {
    color: red;
}

.product_ratting ul li span {
    font-size: 12px;
    color: #999999;
    font-weight: 600;
    margin-left: 3px;
}

.price_box {
    padding-bottom: 15px;
}

@media only screen and (max-width: 575px) {
    .price_box {
        padding-bottom: 8px;
    }
}

.price_box .current_price span {
    font-size: 24px;
    line-height: 20px;
    color: red;
}

.price_box .crossed_price span {
    font-size: 16px;
    line-height: 20px;
    color: #666;
}

@media only screen and (max-width: 575px) {
    .price_box span {
        font-size: 14px;
        line-height: 18px;
    }
}

.price_box span.current_price {
    color: #ff2f2f;
}

.price_box span.old_price {
    font-size: 14px;
    color: #999999;
    text-decoration: line-through;
}

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

.product_thumb img {
    transition: opacity 0.7s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    transform: scale(1, 1);
    width: 100%;
}

.product_container.row {
    margin-right: -25px;
    margin-left: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .product_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .product_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .product_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick .col {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media only screen and (max-width: 575px) {
    .product_slick .col {
        padding-right: 4px;
        padding-left: 4px;
        padding-bottom: 17px;
    }
}

.product_slick .col-lg-3 {
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .product_slick .col-lg-3 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick .col-lg-3 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick .col-lg-3 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick .col-lg-3 {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media only screen and (max-width: 575px) {
    .product_slick .col-lg-3 {
        padding-right: 4px;
        padding-left: 4px;
        padding-bottom: 17px;
    }
}

.product_slick:hover>button {
    left: -60px;
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .product_slick:hover>button {
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick:hover>button {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick:hover>button {
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick:hover>button {
        left: 0;
    }
}

.product_slick:hover>button.next_arrow {
    right: -60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .product_slick:hover>button.next_arrow {
        right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick:hover>button.next_arrow {
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick:hover>button.next_arrow {
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick:hover>button.next_arrow {
        right: 0;
    }
}

.product_slick>button {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    padding: 0;
    border: 0;
    left: -30px;
    background: inherit;
    font-size: 36px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .product_slick>button {
        left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick>button {
        left: 0;
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick>button {
        left: 0;
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick>button {
        left: 0;
        font-size: 22px;
    }
}

.product_slick>button:hover {
    color: #cccccc;
}

.product_slick>button.next_arrow {
    right: -30px;
    left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .product_slick>button.next_arrow {
        right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_slick>button.next_arrow {
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_slick>button.next_arrow {
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product_slick>button.next_arrow {
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .product_header {
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_header.mb-60 {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_header.mb-60 {
        margin-bottom: 30px;
    }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_header.mb-50 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .product_header.mb-50 {
        margin-bottom: 30px;
    }
}

.product_action {
    position: absolute;
    top: 17px;
    right: 15px;
}

@media only screen and (max-width: 575px) {
    .product_action {
        top: 12px;
        right: 6px;
    }
}

.product_action ul li {
    padding-bottom: 15px;
    transition: .4s;
}

@media only screen and (max-width: 575px) {
    .product_action ul li {
        padding-bottom: 10px;
    }
}

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

.product_action ul li.quick_view {
    opacity: 0;
    visibility: hidden;
}

.product_action ul li.compare {
    opacity: 0;
    visibility: hidden;
}

.product_action ul li a {
    font-size: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 42px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}

.product_action ul li a:hover {
    background: #6a7964;
    color: #ffffff;
}

@media only screen and (max-width: 575px) {
    .product_action ul li a {
        font-size: 14px;
        width: 32px;
        height: 32px;
        line-height: 34px;
    }
}

.product_label {
    position: absolute;
    top: 18px;
    left: 18px;
}

@media only screen and (max-width: 575px) {
    .product_label {
        top: 10px;
        left: 8px;
    }
}

.product_label span {
    width: 50px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    color: #ffffff;
    background: #ff2f2f;
}

@media only screen and (max-width: 575px) {
    .product_label span {
        width: 43px;
        height: 22px;
        line-height: 22px;
        font-size: 11px;
    }
}

/*blog css here*/
.blog_section .product_header {
    padding-top: 95px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_section .product_header {
        padding-top: 78px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_section .product_header {
        flex-direction: row;
        padding-top: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_section.mb-140 {
        margin-bottom: 72px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_section.mb-140 {
        margin-bottom: 50px;
    }
}

.blog_meta {
    margin-bottom: 15px;
}

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

.blog_meta ul li {
    margin-right: 17px;
    padding-right: 17px;
    line-height: 18px;
    position: relative;
}

.blog_meta ul li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background: #cecece;
    top: 2px;
    right: 0;
}

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

.blog_meta ul li:last-child::before {
    display: none;
}

.blog_meta ul li span {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    color: #000000;
    font-weight: 400;
}

.blog_meta ul li span.meta_tag {
    font-weight: 600;
}

.blog_thumb img {
    width: 100%;
}

.blog_content {
    padding-top: 30px;
}

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

@media only screen and (max-width: 767px) {
    .blog_content {
        padding-top: 18px;
    }
}

.blog_content>h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_content>h3 {
        font-size: 17px;
        line-height: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_content>h3 {
        font-size: 16px;
        line-height: 27px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_content>h3 {
        font-size: 15px;
        line-height: 24px;
    }
}

.blog_content>h3 a {
    color: #222222;
}

.blog_content>h3 a:hover {
    text-decoration: underline;
}

.blog_container.row {
    margin-right: -25px;
    margin-left: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .blog_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_container.row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .blog_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_slick .col {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_slick .col {
        padding-right: 8px;
        padding-left: 8px;
    }
}

.all_articles {
    margin-left: 68px;
}

.all_articles a {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #8f8f8f;
    font-weight: 400;
}

.all_articles a:hover {
    color: #6a7964;
}

@media only screen and (max-width: 767px) {
    .all_articles a {
        font-size: 13px;
        line-height: 18px;
    }
}

/*blog page css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_page_section.mb-140 {
        margin-bottom: 74px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_page_section.mb-140 {
        margin-bottom: 54px;
    }
}

.breadcrumbs_blog {
    padding: 63px 0 73px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumbs_blog {
        padding: 36px 0 65px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs_blog {
        padding: 26px 0 47px;
    }
}

.breadcrumbs_blog .breadcrumb_content {
    margin-bottom: 0;
}

.breadcrumbs_blog .breadcrumb_content h3 {
    font-size: 48px;
    line-height: 60px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 36px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumbs_blog .breadcrumb_content h3 {
        font-size: 35px;
        line-height: 48px;
        margin-top: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs_blog .breadcrumb_content h3 {
        font-size: 23px;
        line-height: 35px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumbs_blog .breadcrumb_content h3 {
        font-size: 18px;
        line-height: 31px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pagination_style.blog_pagination {
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .pagination_style.blog_pagination {
        padding-top: 0;
    }
}

.pagination_style.blog_pagination ul li {
    margin-left: 28px;
}

.pagination_style.blog_pagination ul li:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 575px) {
    .pagination_style.blog_pagination ul li {
        margin-left: 18px;
    }
}

.pagination_style.blog_pagination ul li a {
    font-size: 17px;
    font-weight: 400;
}

@media only screen and (max-width: 575px) {
    .pagination_style.blog_pagination ul li a {
        font-size: 15px;
    }
}

.blog_page_gallery .single_blog {
    margin-bottom: 70px;
}

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

@media only screen and (max-width: 767px) {
    .blog_page_gallery .single_blog {
        margin-bottom: 30px;
    }
}

.blog_messonry_button {
    margin-bottom: 71px;
}

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

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

@media only screen and (max-width: 575px) {
    .blog_messonry_button {
        flex-wrap: wrap;
    }
}

.blog_messonry_button a {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    font-weight: 500;
    padding: 0;
    background: inherit;
    border: 0;
    margin-left: 48px;
}

.blog_messonry_button a:hover {
    color: #da4426;
}

.blog_messonry_button a.active {
    color: #da4426;
}

.blog_messonry_button a:first-child {
    margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_messonry_button a {
        margin-left: 30px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_messonry_button a {
        font-size: 15px;
        margin-left: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .blog_messonry_button a {
        font-size: 14px;
        margin-left: 18px;
        line-height: 28px;
    }
}

/* 10. shop page css here */
.shop_section {
    padding: 105px 0 151px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop_section {
        padding: 75px 0 80px;
    }
}

@media only screen and (max-width: 767px) {
    .shop_section {
        padding: 55px 0 60px;
    }
}

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

.canvas_padding {
    margin-bottom: 0;
}

.breadcrumb_content {
    margin-bottom: 45px;
}

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

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

.breadcrumb_content ul li {
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 5px;
    padding-right: 17px;
    position: relative;
    color: #666666;
    font-weight: 400;
}

.breadcrumb_content ul li::before {
    position: absolute;
    content: ">";
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}

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

.breadcrumb_content ul li:last-child::before {
    display: none;
}

.breadcrumb_content ul li a {
    color: #999999;
}

.breadcrumb_content ul li a:hover {
    color: #6a7964;
}

.sidebar_widget {
    padding-right: 33px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar_widget {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidebar_widget {
        padding-right: 0;
        margin-top: 67px;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar_widget {
        padding-right: 0;
        margin-top: 51px;
    }
}

.widget_list {
    margin-bottom: 56px;
}

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

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

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

.widget_list h2 {
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget_list h2 {
        font-size: 22px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .widget_list h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .widget_list h2 {
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

.widget_categories>ul>li>a {
    font-size: 14px;
    display: block;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.widget_categories>ul>li>a:hover {
    color: #6a7964;
}

.widget_categories>ul>li.widget_sub_categories>a {
    position: relative;
}

.widget_categories>ul>li ul {
    padding: 3px 0 14px 15px;
}

.widget_categories>ul>li ul li a {
    font-size: 13px;
    line-height: 30px;
    display: block;
    color: #999999;
}

.widget_categories>ul>li ul li a:hover {
    color: #000000;
    text-decoration: underline;
}

.widget_categories>ul>li ul li a:hover span {
    text-decoration: underline;
}

.widget_categories>ul>li ul li a span {
    float: right;
}

.widget_brands h3 {
    cursor: pointer;
}

.widget_brands ul li a {
    font-size: 13px;
    line-height: 30px;
    display: block;
    color: #999999;
}

.widget_brands ul li a:hover {
    text-decoration: underline;
    color: #000000;
}

.widget_brands ul li a:hover span {
    text-decoration: underline;
}

.widget_brands ul li a span {
    float: right;
}

.ui-slider-horizontal .ui-slider-range {
    background: #6a7964;
    height: 3px;
}

.ui-slider-horizontal {
    height: 3px;
    background: #dbdbdb;
    border: none;
    width: 92%;
    margin: 0 auto;
    margin-bottom: 22px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    width: 3px;
    height: 15px;
    top: -7px;
    cursor: pointer;
    border-radius: 0;
    border: 0;
    display: inline-block;
    background: #000000;
    margin-left: 0;
}

.widget_filter {
    overflow: hidden;
}

.widget_filter form {
    padding-top: 10px;
}

.widget_filter form span {
    font-size: 12px;
    font-weight: 400;
}

.widget_filter form input {
    background: none;
    border: none;
    font-size: 12px;
    line-height: 31px;
    font-weight: 400;
    width: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget_filter form input {
        width: 65px;
    }
}

.tag_cloud a {
    margin: 0 5px 12px 0;
    padding: 5px 15px;
    text-transform: capitalize;
    display: inline-block;
    border: 1px solid #ededed;
    background: #ffffff;
    border-radius: 3px;
    font-size: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tag_cloud a {
        padding: 5px 10px;
    }
}

.tag_cloud a:hover {
    background: #6a7964;
    border-color: #6a7964;
    color: #ffffff;
}

.filter__list {
    margin-bottom: 30px;
}

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

.filter__list h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget_size ul li {
    display: inline-block;
    margin: 4px 4px 4px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .widget_size ul li {
        margin-bottom: 5px;
    }
}

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

.widget_size ul li a {
    width: auto;
    padding: 2px 10px;
    text-align: center;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f1f1f1;
}

.widget_size ul li a.btn-danger {
    border-color: #6a7964;
    color: #000000;
    background-color: #f1f1f1;
}

.widget_size ul li a:hover {
    border-color: #6a7964;
    color: #000000;
}

.widget_color>ul>li {
    position: relative;
    display: inline-block;
    padding-right: 36px;
    padding-bottom: 30px;
}

.widget_color>ul>li input {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    width: 100%;
    height: 30px;
}

.widget_color>ul>li input:checked~.checkmark::before {
    display: block;
}

.widget_color>ul>li span.color1 {
    background: #ebcccc;
}

.widget_color>ul>li span.color2 {
    background: #cc6600;
}

.widget_color>ul>li span.color3 {
    background: #f5ebcc;
}

.widget_color>ul>li span.color4 {
    background: #f5f5cc;
}

.widget_color>ul>li span.color5 {
    background: #ebf5e0;
}

.widget_color>ul>li span.color6 {
    background: #d6e4ef;
}

.widget_color>ul>li span.color7 {
    background: #e5def2;
}

.widget_color>ul>li span.color8 {
    background: #f6e3f8;
}

.widget_color>ul>li span.checkmark {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    transition: .3s;
}

.widget_color>ul>li span.checkmark::before {
    left: 44%;
    top: 31%;
    width: 6px;
    height: 10px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.recent_thumb {
    width: 80px;
}

.recent_content {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.recent_content h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}

.recent_content h4 a:hover {
    color: #6a7964;
}

.recent_content span {
    font-size: 18px;
    line-height: 36px;
    display: inline-block;
}

.shop_toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    margin: 0 0 40px;
}

@media only screen and (max-width: 767px) {
    .shop_toolbar {
        flex-direction: column-reverse;
        padding: 10px 10px 18px;
    }
}

.sorting_by span {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    color: #999999;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .sorting_by span {
        font-size: 14px;
    }
}

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

.sorting_by .nice-select {
    width: 130px;
    border: 0;
    height: 30px;
    line-height: 30px;
    padding-left: 13px;
    padding-right: 20px;
}

@media only screen and (max-width: 767px) {
    .sorting_by .nice-select {
        width: 105px;
    }
}

.sorting_by .nice-select span {
    color: #000000;
}

.sorting_by .nice-select::after {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

@media only screen and (max-width: 767px) {
    .sorting_by .nice-select ul.list {
        right: 0;
    }
}

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

.page_amount p {
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .page_amount p {
        font-size: 14px;
    }
}

.page_amount p span {
    color: #6a7964;
    font-weight: 600;
}

.page_amount p em {
    font-style: unset;
}

.view_btn {
    margin-right: 22px;
}

@media only screen and (max-width: 767px) {
    .view_btn {
        margin-right: 16px;
    }
}

.view_btn a {
    font-size: 16px;
    line-height: 18px;
    color: #999999;
}

@media only screen and (max-width: 767px) {
    .view_btn a {
        font-size: 14px;
    }
}

.shop_toolbar_btn ul li {
    margin-right: 20px;
}

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

@media only screen and (max-width: 767px) {
    .shop_toolbar_btn ul li {
        margin-right: 15px;
    }
}

.shop_toolbar_btn ul li a {
    font-weight: 400;
    color: #999999;
    font-size: 27px;
}

.shop_toolbar_btn ul li a.active {
    color: #000000;
}

@media only screen and (max-width: 767px) {
    .shop_toolbar_btn ul li a {
        font-size: 23px;
    }
}

.pagination_style {
    padding-top: 40px;
}

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

@media only screen and (max-width: 767px) {
    .pagination_style {
        padding-top: 19px;
    }
}

.pagination_style strong {
    margin: 0 4px;
}

.pagination_style ul li {
    margin-left: 20px;
}

.pagination_style ul li:first-child {
    margin-left: 0;
}

.pagination_style ul li a {
    display: inline-block;
    font-size: 18px;
    color: #999999;
}

.pagination_style ul li a:hover {
    color: #000000;
}

.pagination_style ul li a.current {
    color: #000000;
    font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .grid_view .quick_button {
        bottom: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .grid_view .quick_button a {
        line-height: 37px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .grid_view .action_button ul li a {
        width: 43px;
        height: 40px;
        line-height: 38px;
    }
}

.grid_view .hover_action a {
    width: 43px;
    height: 40px;
    line-height: 38px;
}

/* shop page css here*/
.shop_banner_text {
    padding-left: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shop_banner_text {
        padding-left: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop_banner_text {
        padding-left: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .shop_banner_text {
        padding-left: 43px;
    }
}

@media only screen and (max-width: 575px) {
    .shop_banner_text {
        padding-left: 20px;
    }
}

.shop_banner_text h2 {
    font-size: 36px;
    line-height: 48px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .shop_banner_text h2 {
        font-size: 25px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 575px) {
    .shop_banner_text h2 {
        font-size: 20px;
        line-height: 31px;
    }
}

.shop_banner_text p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .shop_banner_text p {
        font-size: 15px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 575px) {
    .shop_banner_text p {
        font-size: 14px;
        line-height: 24px;
    }
}

.shop_banner {
    height: 260px;
    margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
    .shop_banner {
        height: 210px;
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shop_reverse .row {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 767px) {
    .shop_reverse .row {
        flex-direction: column-reverse;
    }
}

.row.shop_wrapper {
    flex-direction: row;
}

.grid_list .action_links {
    display: none;
}

.grid_list .product_content.grid_content {
    display: none;
}

.grid_list .product_list_content {
    display: block;
}

.grid_list .single_product {
    display: grid;
    grid-template-columns: 30.68% auto;
}

@media only screen and (max-width: 575px) {
    .grid_list .single_product {
        flex-direction: column;
        grid-template-columns: 100%;
    }
}

.grid_list .single_product:hover .action_links {
    transform: inherit;
}

@media only screen and (max-width: 575px) {
    .grid_list .product_thumb {
        flex: 0 0 100%;
        min-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.product_list_content {
    display: none;
    padding-left: 25px;
    text-align: left;
    margin-top: 0;
}

.product_list_content .add_to_cart {
    position: inherit;
    opacity: inherit;
    transform: inherit;
}

@media only screen and (max-width: 767px) {
    .product_list_content {
        padding-left: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .product_list_content {
        min-width: 100%;
        padding-left: 0;
    }
}

.product_list_content h4.product_name {
    font-size: 18px;
    margin-bottom: 7px;
}

.product_list_content h4.product_name a:hover {
    color: #6a7964;
}

@media only screen and (max-width: 767px) {
    .product_list_content h4.product_name {
        font-size: 16px;
        margin-bottom: 4px;
    }
}

.product_list_content .price_box {
    padding-bottom: 0;
}

.product_list_content>p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 6px;
}

.product_list_content>p a:hover {
    color: #6a7964;
}

.product_list_content .product_desc {
    display: inline-block;
    margin: 15px 0 22px;
}

@media only screen and (max-width: 767px) {
    .product_list_content .product_desc {
        margin: 6px 0 10px;
    }
}

.product_list_content .product_desc p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #555;
}

@media only screen and (max-width: 767px) {
    .product_list_content .product_desc p {
        font-size: 13px;
        line-height: 22px;
    }
}

.col-cust-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: max-width;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-cust-5 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
    }
}

@media only screen and (max-width: 767px) {
    .col-cust-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 479px) {
    .col-cust-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.shop_wrapper>div {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.shop_toolbar_wrapper {
    margin: 0 0 26px;
}

@media only screen and (max-width: 767px) {
    .shop_toolbar_wrapper {
        flex-direction: column;
    }
}

.shop_wrapper {
    margin-bottom: 10px;
}

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

@media only screen and (max-width: 767px) {
    .shop_wrapper .product_thumb a img {
        width: 100%;
    }
}

.shop_wrapper .single_product {
    position: relative;
    margin-bottom: 24px;
}

.shop_wrapper.grid_list .single_product {
    margin-bottom: 30px;
}

/* shop page css end*/
/* 15. product details css here */
.breadcrumbs_product {
    padding: 51px 0 83px;
}

.breadcrumbs_product .breadcrumb_content {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumbs_product {
        padding: 30px 0 73px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs_product {
        padding: 25px 0 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_details.mb-135 {
        margin-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .product_details.mb-135 {
        margin-bottom: 47px;
    }
}

.product_zoom_gallery {
    position: sticky;
    top: 30px;
}

.zoom_tab_img {
    width: 72px;
    margin-right: 15px;
}

.zoom_tab_img .slick-current a.zoom_tabimg_list {
    border: 1px solid #000000;
}

@media only screen and (max-width: 575px) {
    .zoom_tab_img a.zoom_tabimg_list {
        max-width: 70px;
    }
}

@media only screen and (max-width: 575px) {
    .zoom_tab_img {
        width: 240px;
        margin: 15px auto 0;
    }
}

@media only screen and (max-width: 575px) {
    .zoom_gallery_inner {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 575px) {
    .product_ratting_review {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

.header_product {
    border-bottom: 1px solid #ededed;
}

.product_d_right {
    padding-left: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_d_right {
        padding-left: 0;
    }
}

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

@media only screen and (max-width: 767px) {
    .product_d_right {
        padding-left: 0;
        padding-top: 25px;
    }
}

.product_d_right h1 {
    text-transform: capitalize;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_d_right h1 {
        font-size: 17px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .product_d_right h1 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .product_d_right h1 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 575px) {
    .product_d_right .product_ratting ul {
        font-size: 17px;
    }
}

.product_d_right .product_ratting ul li {
    line-height: 17px;
    margin-right: 2px;
}

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

.product_d_right .product_ratting ul li a {
    font-size: 17px;
    color: #f2b309;
}

.product_d_right .product_ratting ul li:last-child a {
    color: #cccccc;
}

.product_d_right .price_box {
    margin-bottom: 28px;
    padding-bottom: 0;
}

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

@media only screen and (max-width: 767px) {
    .product_d_right .price_box {
        margin-bottom: 18px;
    }
}

.product_d_right .price_box span.current_price {
    font-size: 30px;
    line-height: 30px;
    color: red;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_d_right .price_box span.current_price {
        font-size: 23px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product_d_right .price_box span.current_price {
        font-size: 20px;
    }
}

.product_d_right .product_desc {
    margin-bottom: 36px;
}

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

@media only screen and (max-width: 767px) {
    .product_d_right .product_desc {
        margin-bottom: 15px;
    }
}

.product_d_right .product_desc p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

@media only screen and (max-width: 767px) {
    .product_d_right .product_desc p {
        font-size: 13px;
    }
}

.product_ratting_review {
    margin-bottom: 19px;
}

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

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

.product_review {
    margin-left: 15px;
}

@media only screen and (max-width: 767px) {
    .product_review {
        margin-left: 0;
        margin-top: 12px;
    }
}

.product_review ul li {
    font-size: 13px;
    line-height: 18px;
    color: #999999;
    font-weight: 600;
    margin-right: 6px;
    padding-right: 8px;
    position: relative;
}

.product_review ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 14px;
    background: #999999;
    top: 2px;
    right: 0;
}

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

.product_review ul li:last-child::before {
    display: none;
}

.product_availalbe {
    margin-bottom: 28px;
}

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

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

.product_availalbe ul li {
    margin-right: 32px;
    padding-right: 32px;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_availalbe ul li {
        margin-right: 20px;
        padding-right: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .product_availalbe ul li {
        margin-right: 15px;
        padding-right: 15px;
    }
}

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

.product_availalbe ul li:last-child::before {
    display: none;
}

.product_availalbe ul li i {
    font-size: 18px;
    color: #999999;
    vertical-align: middle;
    margin-right: 8px;
}

/* .product_availalbe ul li span {
    color: #db0000;
} */

/* .product_availalbe ul li span.stock {
    color: #669900;
} */

.product_availalbe ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 14px;
    background: #999999;
    top: 2px;
    right: 0;
}

.pro-qty {
    padding: 0 10px;
}

.pro-qty input {
    border: 0;
    background: inherit;
    width: 34px;
    text-align: center;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
}

.product_variant.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .product_variant.quantity {
        margin-bottom: 16px;
    }
}

.product_variant.quantity input {
    width: 130px;
    border: 1px solid #ebebeb;
    background: none;
    height: 42px;
    padding: 0 12px;
    border-radius: 5px;
    margin-left: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_variant.quantity input {
        width: 110px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_variant.quantity input {
        width: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .product_variant.quantity input {
        width: 65px;
        margin-left: 10px;
    }
}

.product_variant.quantity button {
    border: 0;
    font-size: 16px;
    margin-left: 20px;
    background: #6a7964;
    height: 42px;
    line-height: 42px;
    text-transform: capitalize;
    min-width: 270px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_variant.quantity button {
        min-width: 240px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_variant.quantity button {
        min-width: 170px;
    }
}

@media only screen and (max-width: 767px) {
    .product_variant.quantity button {
        min-width: inherit;
        margin-left: 10px;
    }
}

.product_variant.quantity button:hover {
    background: #000000;
}

.product_variant .filter__list {
    margin-bottom: 20px;
}

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

@media only screen and (max-width: 767px) {
    .product_variant .filter__list {
        margin-bottom: 13px;
    }
}

.product_variant .filter__list h3 {
    margin-bottom: 0;
    width: 140px;
}

.product_variant .filter__list ul {
    flex: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_variant .filter__list h3 {
        width: 126px;
    }
}

@media only screen and (max-width: 767px) {
    .product_variant .filter__list h3 {
        width: 115px;
        font-size: 13px;
    }
}

.product_variant .filter__list.widget_size {
    margin-bottom: 37px;
}

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

@media only screen and (max-width: 767px) {
    .product_variant .filter__list.widget_size {
        margin-bottom: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_variant .filter__list.widget_size ul li {
        margin-right: 4px;
    }
}

@media only screen and (max-width: 575px) {
    .product_variant .filter__list.widget_size ul li {
        margin-right: 1px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_variant .filter__list.widget_size ul li a {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 575px) {
    /* .product_variant .filter__list.widget_size ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    } */
}

.product_sku p {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
}

.product_sku p span {
    font-weight: 600;
    color: #000000;
    margin-right: 3px;
}

.product_tags {
    margin: 17px 0;
}

.product_tags span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #000000;
    margin-right: 6px;
    text-transform: uppercase;
}

.product_tags ul li {
    line-height: 18px;
    margin-right: 3px;
}

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

.product_tags ul li a {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
}

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

@media only screen and (max-width: 767px) {
    .product_d_info {
        margin-bottom: 57px;
        margin-bottom: 48px;
    }
}

.product_d_action {
    margin-bottom: 14px;
}

.product_d_action ul li a {
    font-size: 14px;
    line-height: 28px;
}

.product_d_action ul li a:hover {
    color: #6a7964;
}

.product_meta {
    margin-bottom: 24px;
}

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

.product_meta span {
    font-weight: 600;
}

.product_meta span a {
    margin-left: 10px;
    font-weight: 400;
}

.product_meta span a:hover {
    color: #6a7964;
}

.variant_quantity_btn {
    margin-bottom: 50px;
}

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

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

.variant_quantity_btn a.wishlist {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background: #eff1f0;
    font-size: 24px;
    color: #999999;
    margin-left: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .variant_quantity_btn a.wishlist {
        width: 42px;
        height: 42px;
        line-height: 45px;
        margin-left: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .variant_quantity_btn a.wishlist {
        width: 43px;
        height: 42px;
        line-height: 45px;
        font-size: 21px;
        margin-left: 11px;
    }
}

.variant_quantity_btn button {
    margin-left: 22px;
    font-size: 14px;
    font-weight: 600;
    padding: 0 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .variant_quantity_btn button {
        padding: 0 18px;
        margin-left: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .variant_quantity_btn button {
        line-height: 45px;
        height: 45px;
        padding: 0 8px;
        margin-left: 10px;
    }
}

.variant_quantity_btn button i {
    font-size: 18px;
    margin-right: 4px;
}

.variant_quantity_btn .pro-qty {
    width: 116px;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .variant_quantity_btn .pro-qty {
        width: 103px;
    }
}

@media only screen and (max-width: 767px) {
    .variant_quantity_btn .pro-qty {
        width: 97px;
    }
}

.variant_quantity_btn .pro-qty input {
    height: 43px;
    padding: 0 5px;
    width: 48px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .variant_quantity_btn .pro-qty input {
        height: 38px;
        width: 33px;
    }
}

@media only screen and (max-width: 767px) {
    .variant_quantity_btn .pro-qty input {
        padding: 0;
        width: 23px;
    }
}

.variant_quantity_btn .pro-qty a {
    font-size: 18px;
}

.priduct_social span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    margin-right: 22px;
}

.priduct_social ul li {
    display: inline-block;
    margin-right: 14px;
}

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

.priduct_social ul li a {
    font-size: 18px;
    color: #999999;
}

.priduct_social ul li a:hover {
    opacity: 0.8;
}

.product_info_button {
    margin-bottom: 29px;
}

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

@media only screen and (max-width: 767px) {
    .product_info_button ul li {
        margin-bottom: 5px;
    }

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

.product_info_button ul li a {
    display: block;
    float: left;
    text-transform: capitalize;
    font-size: 18px;
    color: #cccccc;
    margin-right: 35px;
    line-height: 20px;
    position: relative;
    padding-bottom: 15px;
    font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_info_button ul li a {
        font-size: 17px;
        margin-right: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_info_button ul li a {
        font-size: 14px;
        margin-right: 13px;
        line-height: 18px;
        padding-bottom: 11px;
    }
}

@media only screen and (max-width: 767px) {
    .product_info_button ul li a {
        margin-right: 20px;
        font-size: 15px;
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}

.product_info_button ul li a.active {
    color: #000000;
    font-weight: 600;
}

.product_info_button ul li a.active::before {
    width: 100%;
}

.product_info_button ul li a:hover {
    color: #000000;
}

.product_info_button ul li a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    background: #000000;
    left: 0;
    bottom: 0;
    transition: .3s;
}

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

.product_review_form .a_button {
    border: none;
    background: #000000;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 15px 3px;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 13px;
}

.product_review_form .a_button:hover {
    background: #6a7964;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_tab_vidio iframe {
        width: 500px;
        height: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .product_tab_vidio iframe {
        width: 450px;
        height: 280px;
    }
}

@media only screen and (max-width: 575px) {
    .product_tab_vidio iframe {
        width: 100%;
        height: 200px;
    }
}

.product_info_content p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_info_content p {
        font-size: 13px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .product_info_content p {
        font-size: 13px;
        line-height: 22px;
    }
}

.product_info_content ul li {
    font-size: 13px;
    line-height: 36px;
    color: #666666;
    position: relative;
    padding-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_info_content ul li {
        font-size: 13px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .product_info_content ul li {
        font-size: 13px;
        line-height: 30px;
    }
}

.product_info_content ul li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #666666;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
}

.product_d_table {
    padding: 10px 0 22px;
}

.product_d_table table {
    border-top: 1px solid #ddd;
    width: 100%;
}

.product_d_table table tbody tr {
    border-bottom: 1px solid #ddd;
}

.product_d_table table tbody tr td {
    padding: 7px 17px;
}

.product_d_table table tbody tr td:first-child {
    border-right: 1px solid #ddd;
    width: 30%;
    font-weight: 700;
}

.product_info_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}

.product_info_inner .product_ratting {
    margin-bottom: 10px;
}

.product_info_inner .product_ratting p {
    margin-bottom: 5px;
}

.product_info_inner .product_ratting strong {
    margin-top: 10px;
    display: block;
    margin-bottom: 8px;
}

.reviews_wrapper h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    .reviews_wrapper h2 {
        font-size: 15px;
    }
}

.reviews_wrapper .product_ratting {
    margin-bottom: 20px;
}

.reviews_wrapper .product_ratting ul li a {
    color: #6a7964;
}

.reviews_wrapper .product_ratting h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.comment_title {
    margin-bottom: 20px;
}

.product_review_form input {
    border: 1px solid #ddd;
    background: none;
    width: 100%;
    height: 40px;
    padding: 0 20px;
}

.product_review_form textarea {
    border: 1px solid #ddd;
    background: none;
    height: 120px;
    resize: none;
    width: 100%;
    margin-bottom: 14px;
    padding: 0 20px;
}

.product_review_form p {
    margin-bottom: 7px;
}

.star_rating {
    float: right;
}

.star_rating ul li {
    display: block;
}

.star_rating ul li a {
    color: #6a7964;
}

.star_rating ul.star1 li:nth-child(1) a {
    color: red;
}

.star_rating ul.star2 li:nth-child(-n + 2) a {
    color: red;
}

.star_rating ul.star3 li:nth-child(-n + 3) a {
    color: red;
}

.star_rating ul.star4 li:nth-child(-n + 4) a {
    color: red;
}

.star_rating ul.star5 li:nth-child(-n + 5) a {
    color: red;
}

.reviews_comment_box {
    display: flex;
    margin-bottom: 22px;
}

.reviews_comment_box .comment_thmb img {
    max-width: 47px !important;
    max-width: 89px;
}

.reviews_comment_box .comment_text {
    width: 100%;
    border: 1px solid #ededed;
    position: relative;
    margin-left: 21px;
    padding: 12px;
    border-radius: 3px;
}

.reviews_comment_box .comment_text::before {
    background: #fff;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
    content: '';
    display: block;
    height: 10px;
    left: -6px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
}

.reviews_meta p {
    font-size: 15px;
    margin-bottom: 15px;
}

.reviews_meta p strong {
    text-transform: uppercase;
    font-weight: 600;
    color: #000000;
}


.comment_page {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.comment_page ul.pagination li a {
    padding: 2px 4px;
    margin: 0 4px;
    font-size: 17px;
    font-weight: 400;
}

.s-tab-zoom.owl-carousel .owl-nav {
    display: block;
}

.s-tab-zoom.owl-carousel .owl-nav div {
    position: absolute;
    background: #f2f2f2;
    border-radius: 3px;
    height: 32px;
    top: 50%;
    transform: translatey(-50%);
    width: 32px;
    text-align: center;
    line-height: 32px;
    left: -7px;
    font-size: 18px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.s-tab-zoom.owl-carousel .owl-nav div:hover {
    background: #6a7964;
    color: #ffffff;
}

.s-tab-zoom.owl-carousel .owl-nav div.owl-next {
    right: -7px;
    left: auto;
}

@media only screen and (max-width: 767px) {
    .product-details-tab {
        margin-bottom: 56px;
    }
}

.product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.single-zoom-thumb {
    margin-top: 20px !important;
    width: 80%;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-zoom-thumb {
        width: 88%;
    }
}

@media only screen and (max-width: 767px) {
    .single-zoom-thumb {
        width: 95%;
    }
}

.single-zoom-thumb ul li {
    border: 1px solid #ddd;
}

.single-zoom-thumb ul li a {
    width: 100%;
}

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

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

.related_products .section_title::before {
    display: none;
}

.related_products .product_slick>button {
    top: -64px;
    right: 58px;
    opacity: 1;
    visibility: visible;
    z-index: 9;
    left: auto;
    font-size: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .related_products .product_slick>button {
        top: -44px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .related_products .product_slick>button {
        top: -42px;
        right: 50px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .related_products .product_slick>button {
        display: none !important;
    }
}

.related_products .product_slick>button.next_arrow {
    right: 18px;
}

.upsell_products {
    margin-bottom: 64px;
}

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

.upsell_products .section_title::before {
    display: none;
}

/* 12. blog details css here */
.blog_wrapper_details .container {
    max-width: 1210px;
}

.blog_details_content {
    padding: 158px 180px 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_details_content {
        padding: 158px 130px 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_content {
        padding: 72px 79px 75px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_content {
        padding: 55px 0 55px;
    }
}

.post_header h2 {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 44px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .post_header h2 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post_header h2 {
        font-size: 38px;
        line-height: 48px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post_header h2 {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .post_header h2 {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .post_header h2 {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 12px;
    }
}

.post_header .blog_meta {
    margin-bottom: 85px;
}

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

@media only screen and (max-width: 767px) {
    .post_header .blog_meta {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 575px) {
    .post_header .blog_meta ul {
        flex-wrap: wrap;
    }
}

.post_header .blog_meta ul li {
    font-size: 16px;
    color: #999999;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.post_header .blog_meta ul li i {
    font-size: 18px;
    color: #999999;
    margin-right: 5px;
}

@media only screen and (max-width: 767px) {
    .post_header .blog_meta ul li {
        font-size: 15px;
        margin-right: 13px;
        padding-right: 13px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .post_header .blog_meta ul li {
        font-size: 14px;
        margin-right: 11px;
        padding-right: 11px;
        line-height: 22px;
    }
}

.blog_details_desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 43px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .blog_details_desc h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 20px;
    }
}

.blog_details_desc p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p {
        font-size: 15px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc p {
        font-size: 14px;
        line-height: 25px;
    }
}

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

@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-35 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 17px;
    }
}

.blog_details_desc p.david_moye {
    padding-left: 100px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.david_moye {
        padding-left: 83px;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc p.david_moye {
        font-size: 13px;
        padding-left: 0;
    }
}

.blog_details_desc p.david_moye span {
    color: #000000;
    font-style: normal;
    font-weight: 600;
}

.blog_details_desc blockquote {
    padding: 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote {
        padding: 0 80px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote {
        padding: 0 60px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote {
        padding: 0 5px;
    }
}

.blog_details_desc blockquote p {
    font-size: 23px;
    line-height: 35px;
    color: #000000;
    font-style: italic;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote p {
        font-size: 20px;
        line-height: 33px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote p {
        font-size: 19px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote p {
        font-size: 15px;
        line-height: 26px;
    }
}

.post_tags_social {
    padding: 108px 0 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post_tags_social {
        padding: 73px 0 74px;
    }
}

@media only screen and (max-width: 767px) {
    .post_tags_social {
        padding: 54px 0 53px;
    }
}

@media only screen and (max-width: 575px) {
    .post_tags_social {
        padding: 21px 0 53px;
    }
}

.post_tags {
    margin-bottom: 38px;
}

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

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

.post_tags span {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    display: inline-block;
    margin-right: 10px;
    font-weight: 600;
}

@media only screen and (max-width: 575px) {
    .post_tags ul {
        flex-wrap: wrap;
    }
}

.post_tags ul li {
    margin-right: 6px;
}

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

.post_tags ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    display: inline-block;
    font-weight: 400;
}

.post_tags ul li a:hover {
    color: #ad9a7c;
}

@media only screen and (max-width: 575px) {
    .post_tags ul li a {
        font-size: 13px;
    }
}

.post__social span {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    display: inline-block;
    margin-right: 28px;
    font-weight: 600;
}

.post__social ul li {
    margin-right: 20px;
}

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

.post__social ul li a {
    font-size: 18px;
    color: #999999;
}

.post__social ul li a:hover {
    color: #ad9a7c;
}

.related_thumb {
    position: relative;
}

@media only screen and (max-width: 575px) {
    .related_thumb {
        margin-bottom: 30px;
    }
}

.related_thumb img {
    width: 100%;
}

.related_thumb:hover::before {
    opacity: 0.5;
    visibility: visible;
}

.related_thumb:hover .related_popup_icon {
    opacity: 1;
    visibility: visible;
}

.related_thumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.related_popup_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.related_popup_icon a {
    font-size: 47px;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .related_popup_icon a {
        font-size: 28px;
    }
}

.blog_navigation {
    padding: 70px 0 117px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_navigation {
        padding: 72px 0 79px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_navigation {
        padding: 52px 0 59px;
    }
}

@media only screen and (max-width: 575px) {
    .blog_navigation ul {
        flex-direction: column;
    }
}

@media only screen and (max-width: 575px) {
    .blog_navigation ul li {
        text-align: center;
        margin-bottom: 20px;
    }

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

.blog_navigation ul li a {
    font-size: 24px;
    line-height: 35px;
    color: #999999;
}

.blog_navigation ul li a i {
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .blog_navigation ul li a {
        font-size: 18px;
        line-height: 32px;
    }
}

.blog_navigation ul li span {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #000000;
    margin-top: 12px;
    font-weight: 600;
}

@media only screen and (max-width: 767px) {
    .blog_navigation ul li span {
        font-size: 13px;
        line-height: 17px;
        margin-top: 7px;
    }
}

.blog_navigation ul li.next {
    text-align: right;
}

@media only screen and (max-width: 575px) {
    .blog_navigation ul li.next {
        text-align: center;
    }
}

.blog_comment_form {
    background: #f2f3ed;
    padding: 134px 0 200px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_comment_form {
        padding: 75px 0 80px;
    }
}

@media only screen and (max-width: 767px) {
    .blog_comment_form {
        padding: 56px 0 60px;
    }
}

.blog_comment_form .container {
    max-width: 812px;
}

.comments_box {
    margin-bottom: 91px;
}

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

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

.comments_box h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 43px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .comments_box h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .comments_box h3 {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 25px;
    }
}

.comment_list {
    overflow: hidden;
    margin-bottom: 32px;
}

@media only screen and (max-width: 575px) {
    .comment_list {
        flex-direction: column;
    }
}

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

.comment_list .comment_thumb {
    width: 70px;
    margin-right: 30px;
}

@media only screen and (max-width: 767px) {
    .comment_list .comment_thumb {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .comment_list .comment_thumb {
        margin: 0 auto 20px;
    }
}

.comment_list .comment_meta {
    margin-bottom: 11px;
}

@media only screen and (max-width: 575px) {
    .comment_list .comment_meta {
        flex-direction: column;
    }
}

.comment_list .comment_content {
    width: calc(100% - 70px);
    padding-top: 23px;
}

@media only screen and (max-width: 575px) {
    .comment_list .comment_content {
        width: 100%;
        text-align: center;
    }
}

.comment_list .comment_content h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .comment_list .comment_content h5 {
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .comment_list .comment_content h5 {
        margin-bottom: 8px;
    }
}

.comment_list .comment_content h5 a:hover {
    color: #6a7964;
}

.comment_list .comment_content span {
    line-height: 26px;
    font-size: 14px;
    font-style: italic;
    display: inline-block;
    color: #666666;
    margin-left: 5px;
}

@media only screen and (max-width: 767px) {
    .comment_list .comment_content span {
        font-size: 13px;
        line-height: 20px;
    }
}

.comment_list .comment_content p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .comment_list .comment_content p {
        font-size: 14px;
        line-height: 22px;
    }
}

.comment_reply {
    margin-top: 26px;
}

@media only screen and (max-width: 767px) {
    .comment_reply {
        margin-top: 12px;
    }
}

.comment_reply a {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #6a7964;
}

.comment_reply a:hover {
    color: #000000;
}

@media only screen and (max-width: 767px) {
    .comment_reply a {
        font-size: 13px;
        line-height: 18px;
    }
}

.comments_form h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 41px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .comments_form h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .comments_form h3 {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 25px;
    }
}

.comments_form p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .comments_form form .row {
        flex-direction: row;
    }
}

.comments_form form input {
    font-size: 14px;
    color: #999999;
    width: 100%;
    height: 50px;
    border: 0;
    margin-bottom: 30px;
    padding: 0 20px;
    border-radius: 5px;
    background: #fff;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .comments_form form input {
        font-size: 13px;
        height: 42px;
        margin-bottom: 20px;
        padding: 0 20px;
    }
}

.comments_form form textarea {
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    width: 100%;
    height: 210px;
    background: #ffffff;
    border: 0;
    resize: none;
    padding: 10px 20px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .comments_form form textarea {
        height: 120px;
    }
}

.comments_form form button {
    margin-top: 57px;
    height: 55px;
    line-height: 55px;
    padding: 0 33px;
}

@media only screen and (max-width: 767px) {
    .comments_form form button {
        margin-top: 25px;
        height: 46px;
        line-height: 46px;
        padding: 0 20px;
    }
}

/*blog details css end*/
/* 13. cart page css here */
.breadcrumbs_other {
    padding: 85px 0 127px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumbs_other {
        padding: 36px 0 65px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs_other {
        padding: 26px 0 50px;
    }
}

.breadcrumbs_other .breadcrumb_content {
    margin-bottom: 0;
}

.breadcrumbs_other .breadcrumb_content h3 {
    font-size: 48px;
    line-height: 60px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 36px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumbs_other .breadcrumb_content h3 {
        font-size: 35px;
        line-height: 48px;
        margin-top: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumbs_other .breadcrumb_content h3 {
        font-size: 23px;
        line-height: 35px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumbs_other .breadcrumb_content h3 {
        font-size: 18px;
        line-height: 31px;
    }
}

.shopping_cart_area {
    margin-bottom: 177px;
}

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

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

.cart_page_tabel {
    margin-bottom: 30px;
}

@media only screen and (max-width: 575px) {
    .cart_page_tabel {
        margin-bottom: 18px;
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.cart_page_tabel table {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    /* .cart_page_tabel table thead {
	display: none;
} */
}

.cart_page_tabel table thead tr th {
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
    padding: 0 0 15px 10px;
    border: 0;
    white-space: nowrap;
}

@media only screen and (max-width: 575px) {
    .cart_page_tabel table tbody tr {
        /* 	display: flex;
        flex-direction: column;
        text-align: center; */
        padding-top: 20px;
        margin-bottom: 14px;
    }

    .cart_page_tabel table tbody tr:last-child {
        margin-bottom: 0;
    }
}

.cart_page_tabel table tbody tr td {
    padding: 28px 10px;
    vertical-align: middle;
    font-weight: 500;
    border-color: #eaedff;
    border-left: none;
    border-right: 0;
}

@media only screen and (max-width: 575px) {
    .cart_page_tabel table tbody tr td {
        padding: 10px 0 10px 10px;
    }
}

.cart_page_tabel table thead tr th .product_choose label,
.cart_page_tabel table tbody tr td .cart_product_choose label {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

.cart_page_tabel table thead tr th .product_choose input,
.cart_page_tabel table tbody tr td .cart_product_choose input {
    border: 1px solid #cccccc;
    background: none;
    height: 45px;
    width: 100%;
    padding: 0 20px;
}

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

    .cart_page_tabel table thead tr th .product_choose input,
    .cart_page_tabel table tbody tr td .cart_product_choose input {
        width: 100%;
    }
}

.cart_page_tabel table thead tr th .product_choose input[type="checkbox"],
.cart_page_tabel table tbody tr td .cart_product_choose input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

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

    .cart_page_tabel table thead tr th .product_choose input[type="checkbox"],
    .cart_page_tabel table tbody tr td .cart_product_choose input[type="checkbox"] {
        margin-right: 3px;
    }
}

.cart_page_tabel table tbody tr td:nth-child(1) {
    width: 40px;
}

.cart_page_tabel table tbody tr td:nth-child(2) {
    width: 100px;
}

@media only screen and (max-width: 767px) {
    .cart_page_tabel table tbody tr td:nth-child(2) {
        width: 80px;
    }
}

@media only screen and (max-width: 575px) {
    .cart_page_tabel table tbody tr td:nth-child(2) .cart_product_thumb {
        width: 60px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 575px) {
    .cart_page_tabel table tbody tr td:nth-child(3) {
        min-width: 200px;
    }

    .cart_page_tabel table tbody tr td:nth-child(4) .cart_product_text {
        width: 200px;
        white-space: normal;
    }
}

.cart_page_tabel table tbody tr td:nth-child(4) {
    width: 100px;
}

.cart_page_tabel table tbody tr td.product_quantity label {
    font-weight: 600;
    margin-right: 5px;
}

.cart_page_tabel table tbody tr td.product_quantity input {
    width: 60px;
    height: 40px;
    padding: 0 5px 0 10px;
    background: none;
    border: 1px solid #ededed;
}

@media only screen and (max-width: 575px) {
    .cart_product_text {
        width: 100%;
    }
}

.cart_product_text h4 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .cart_product_text h4 {
        font-size: 14px;
        line-height: 24px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.cart_product_text ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
}

@media only screen and (max-width: 767px) {
    .cart_product_text ul li {
        font-size: 13px;
        line-height: 25px;
    }
}

.cart_product_text ul li span {
    color: #999999;
}

.cart_product_price span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .cart_product_price span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .cart_product_remove {
        text-align: center !important;
    }
}

.cart_product_remove a {
    font-size: 20px;
}

.cart_page_button {
    padding-top: 35px;
}

@media only screen and (max-width: 575px) {
    .cart_page_button {
        flex-direction: column;
    }
}

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

.shopping_cart_btn .product_choose {
    display: inline-block;
    margin-left: 10px;
    margin-right: 30px;
}

.shopping_cart_btn .product_choose label {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

.shopping_cart_btn .product_choose input {
    border: 1px solid #cccccc;
    background: none;
    height: 45px;
    width: 100%;
    padding: 0 20px;
}

@media only screen and (max-width: 767px) {
    .shopping_cart_btn .product_choose input {
        width: 100%;
    }
}

.shopping_cart_btn .product_choose input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

@media only screen and (max-width: 767px) {
    .shopping_cart_btn .product_choose input[type="checkbox"] {
        margin-right: 3px;
    }
}

.shopping_cart_btn .product_choose span {
    font-size: 15px;
}

.shopping_cart_btn a {
    font-size: 14px;
    background: #fff;
    color: #000000;
    padding: 0 37px;
    height: 48px;
    line-height: 46px;
    margin-right: 27px;
}

.shopping_cart_btn a:hover {
    border-color: #6a7964 !important;
}

.shopping_cart_btn a::before {
    background: #6a7964;
}

@media only screen and (max-width: 767px) {
    .shopping_cart_btn a {
        font-size: 13px;
        padding: 0 15px;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .shopping_cart_btn a {
        margin-bottom: 15px;
    }
}

.shopping_cart_btn button {
    font-size: 14px;
    background: #fff;
    color: #000000;
    padding: 0 37px;
    height: 48px;
    line-height: 46px;
}

.shopping_cart_btn button:hover {
    border-color: #6a7964 !important;
}

.shopping_cart_btn button::before {
    background: #6a7964;
}

@media only screen and (max-width: 767px) {
    .shopping_cart_btn button {
        font-size: 13px;
        padding: 0 15px;
    }
}

@media only screen and (max-width: 575px) {
    .shopping_cart_btn button {
        margin-bottom: 15px;
    }

}

.shopping_continue_btn button {
    font-size: 14px;
    padding: 0 45px;
    height: 50px;
    line-height: 48px;
}

.shopping_continue_btn span {
    margin-right: 30px;
    font-size: 18px;
}

.shopping_continue_btn span em {
    font-style: unset;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .shopping_continue_btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .shopping_continue_btn button {
        font-size: 13px;
        padding: 0 17px;
        height: 47px;
        line-height: 46px;
    }

    .shopping_continue_btn span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .shopping_coupon_calculate.top {
        margin-bottom: 25px;
    }
}

.shopping_coupon_calculate h3 {
    font-size: 24px;
    line-height: 36px;
    display: block;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 43px;
    font-weight: 400;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shopping_coupon_calculate h3 {
        font-size: 22px;
        line-height: 34px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .shopping_coupon_calculate h3 {
        font-size: 20px;
        line-height: 33px;
    }
}

@media only screen and (max-width: 767px) {
    .shopping_coupon_calculate h3 {
        font-size: 18px;
        line-height: 25px;
        padding-bottom: 16px;
        margin-bottom: 30px;
    }
}

.shopping_coupon_calculate h3::before {
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    background: #000000;
    right: 0;
    top: 40%;
    transform: translatey(-50%);
}

.shopping_coupon_calculate .select_option {
    width: 100%;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    height: 52px;
    line-height: 50px;
    border-radius: 0;
    padding: 0 25px;
    margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
    .shopping_coupon_calculate .select_option {
        height: 46px;
        line-height: 44px;
    }
}

.shopping_coupon_calculate input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999999;
}

.shopping_coupon_calculate input::-moz-placeholder {
    /* Firefox 19+ */
    color: #999999;
}

.shopping_coupon_calculate input:-ms-input-placeholder {
    /* IE 10+ */
    color: #999999;
}

.shopping_coupon_calculate input:-moz-placeholder {
    /* Firefox 18- */
    color: #999999;
}

.shopping_coupon_calculate input {
    width: 100%;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    height: 52px;
    line-height: 50px;
    border-radius: 0;
    padding: 0 25px;
    margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
    .shopping_coupon_calculate input {
        height: 46px;
        line-height: 46px;
    }
}

.shopping_coupon_calculate button {
    font-size: 14px;
    padding: 0 37px;
    height: 54px;
    line-height: 52px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .shopping_coupon_calculate button {
        font-size: 13px;
        padding: 0 26px;
        height: 43px;
        line-height: 42px;
    }
}

.shopping_coupon_calculate p {
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    color: #333333;
    margin-bottom: 31px;
    font-weight: 500;
}

.grand_totall_area {
    background: #eef2ec;
    padding: 37px 42px 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .grand_totall_area {
        padding: 37px 30px 32px;
    }
}

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

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

@media only screen and (max-width: 575px) {
    .grand_totall_area {
        padding: 28px 25px 21px;
    }
}

.grand_totall_area>a {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    display: inline-block;
    margin-top: 12px;
}

.grand_totall_inner {
    padding-bottom: 27px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 575px) {
    .grand_totall_inner {
        padding-bottom: 20px;
        margin-bottom: 23px;
    }
}

.proceed_checkout_btn a {
    display: block;
    font-size: 14px;
    padding: 0 45px;
    height: 54px;
    line-height: 52px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .proceed_checkout_btn a {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .proceed_checkout_btn a {
        height: 47px;
        line-height: 47px;
    }
}

@media only screen and (max-width: 575px) {
    .proceed_checkout_btn a {
        padding: 0 20px;
    }
}

.cart_subtotal p {
    margin-bottom: 0;
}

.cart_subtotal {
    margin-bottom: 16px;
}

.cart_subtotal p {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .cart_subtotal p {
        font-size: 13px;
    }
}

.cart_subtotal span {
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    font-weight: 600;
}

@media only screen and (max-width: 575px) {
    .cart_subtotal span {
        font-size: 13px;
    }
}

.cart_grandtotal p {
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .cart_grandtotal p {
        font-size: 15px;
        line-height: 20px;
    }
}

.cart_grandtotal span {
    font-size: 18px;
    line-height: 30px;
    color: #ff0000;
    font-weight: 600;
}

@media only screen and (max-width: 575px) {
    .cart_grandtotal span {
        font-size: 15px;
        line-height: 20px;
    }
}

.empty-cart-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.empty-cart-wrap .empty-cart-icon {
    margin-top: 2rem;
    margin-bottom: 1.6rem;
}

.empty-cart-wrap .empty-cart-icon i {
    font-size: 4rem;
}

.empty-cart-wrap .empty-cart-text {
    text-align: center;
    margin-bottom: 1.5rem !important;
}

.empty-cart-wrap .empty-cart-text h5 {
    color: #282828;
    font-weight: 700 !important;
    font-size: 18px;
    margin-bottom: .5rem;
}

.empty-cart-wrap .empty-cart-text p {
    color: #555;
}

/*cart page css end*/


.order-complete-title {
    padding: 52px 85px 60px;
    background-color: #fff;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .order-complete-title {
        padding: 40px 50px 48px
    }
}

@media only screen and (max-width: 767px) {
    .order-complete-title {
        padding: 30px 20px 38px
    }
}

.order-complete-title h3 {
    font-size: 30px;
    color: #333;
    margin: 0
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .order-complete-title h3 {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .order-complete-title h3 {
        font-size: 18px;
        line-height: 30px
    }
}

.order-product-details {
    padding: 21px 0 20px;
    background-color: #fff -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    padding: 40px;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .order-product-details {
        padding: 21px 10px 20px
    }
}

.order-product-details table {
    width: 100%;
    text-align: center
}

.order-product-details table thead tr th {
    font-size: 16px;
    color: #777;
    font-weight: bold;
    width: 25%;
    text-transform: capitalize;
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .order-product-details table thead tr th {
        font-size: 15px
    }
}

@media only screen and (max-width: 767px) {
    .order-product-details table thead tr th {
        width: 100%;
        font-size: 14px;
        padding: 0 40px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .order-product-details table thead tr th {
        width: 25%;
        font-size: 12px;
        padding: 0
    }
}

.order-product-details table tbody tr td {
    font-size: 13px;
    color: #777;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .order-product-details table tbody tr td {
        padding: 0 0 10px
    }
}


/* 14. checkout page css here */
.user-actions {
    margin-bottom: 37px;
}

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

.user-actions h3 {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    background-color: #eff1ec;
    padding: 15px 10px 15px 30px;
    margin-bottom: 0;
    color: #999999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .user-actions h3 {
        font-size: 13px;
        padding: 15px 10px 15px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .user-actions h3 {
        font-size: 13px;
        padding: 12px 10px 12px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .user-actions h3 {
        font-size: 13px;
        line-height: 24px;
        padding: 8px 15px;
    }
}

.user-actions h3 i {
    font-size: 17px;
}

.user-actions h3 a {
    color: #333333;
}

.user-actions h3 a:hover {
    color: #6a7964;
}

.checkout_info {
    border: 1px solid #cccccc;
    margin-top: 25px;
    padding: 20px 30px;
}

.checkout_info p {
    margin-bottom: 15px;
    font-weight: 400;
    color: #666666;
}

.checkout_info a {
    color: #6a7964;
    margin-top: 15px;
    display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .checkout_info.coupon_info {
        padding: 20px 14px;
    }
}

.checkout_info.coupon_info form {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 767px) {
    .checkout_info.coupon_info form {
        flex-direction: column;
    }
}

.checkout_info.coupon_info form input {
    border: 1px solid #cccccc;
    background: none;
    height: 45px;
    width: 220px;
    padding: 0 20px;
    color: #000000;
    border-radius: 0;
    margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .checkout_info.coupon_info form input {
        width: 188px;
        margin-right: 13px;
    }
}

.form_group {
    margin-bottom: 20px;
}

.form_group label {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 6px;
    cursor: pointer;
    display: block;
}

.form_group input {
    border: 1px solid #cccccc;
    background: none;
    height: 45px;
    width: 100%;
    padding: 0 20px;
}

@media only screen and (max-width: 767px) {
    .form_group input {
        width: 100%;
    }
}

.form_group button {
    margin-right: 20px;
}

.form_group input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

@media only screen and (max-width: 767px) {
    .form_group input[type="checkbox"] {
        margin-right: 3px;
    }
}

.form_group.group_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form_group.group_3 label {
    margin-bottom: 0;
    line-height: 34px;
    cursor: pointer;
}

.form_group.group_3 label:hover {
    color: #6a7964;
}

#checkout_coupon input {
    background: none;
    border: 1px solid #cccccc;
    width: 200px;
    height: 45px;
    font-size: 12px;
    padding: 0 20px;
    color: #000000;
}

#checkout_coupon button {
    width: 130px;
    background: #000000;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    transition: .3s;
    border: 0;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    margin-left: 5px;
}

@media only screen and (max-width: 767px) {
    #checkout_coupon button {
        margin-top: 20px;
    }
}

#checkout_coupon button:hover {
    background: #6a7964;
}

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

.checkout_form h3 {
    font-size: 24px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .checkout_form h3 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .checkout_form h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 14px;
    }
}

.checkout_form .information_login a {
    font-weight: 700;
}

.checkout_form p {
    font-size: 14px;
    font-weight: 500;
}

.checkout_form p i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.checkout_form_input {
    margin-bottom: 10px;
}

.checkout_form_input input {
    border: 1px solid #cccccc;
    background: none;
    height: 54px;
    width: 100%;
    padding: 0 20px;
    color: #000000;
    border-radius: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .checkout_form_input input {
        height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .checkout_form_input input {
        height: 40px;
    }
}

.checkout_form_input textarea {
    width: 100%;
    height: 144px;
    padding: 10px;
    border: 1px solid #cccccc;
    resize: none;
}

@media only screen and (max-width: 767px) {
    .checkout_form_input textarea {
        height: 110px;
    }
}

.checkout_form_input .select_option_addresses,
.checkout_form_input .select_option {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    margin-bottom: 10px;
    height: 54px;
    line-height: 52px;
    border: 1px solid #cccccc;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .checkout_form_input .select_option {
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .checkout_form_input .select_option {
        height: 40px;
        line-height: 40px;
    }
}

.checkout_form_input .select_option_addresses span,
.checkout_form_input .select_option span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.checkout_form_input .select_option_addresses ul.list {
    width: 100%;
    height: auto;
    max-height: 180px;
    overflow: auto;
}

.checkout_form_input .select_option ul.list {
    width: 100%;
    height: 180px;
    overflow: auto;
}

.checkout_form_input .select_option_addresses ul.list li {}

.checkout_form_input .select_option::after {
    top: 56%;
}

.checkout_form_input label {
    font-size: 14px;
    line-height: 36px;
    color: #999999;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 6px;
    cursor: pointer;
}

.checkout_section .checkout_form .btn_logout {
    padding-left: 5px;
    text-decoration: unset;
    color: var(--bs-blue);
}

@media only screen and (max-width: 767px) {
    .checkout_form_input label {
        font-size: 13px;
        line-height: 26px;
    }
}

.checkout_form_input label span {
    color: #ff3333;
}

.checkout_form_input label.righ_0 {
    cursor: pointer;
    font-size: 15px;
    line-height: 27px;
    padding: 5px 10px;
    text-transform: capitalize;
    color: #ffffff;
    background: #000000;
    font-weight: 600;
    transition: .3s;
    margin-bottom: 0;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .checkout_form_input label.righ_0 {
        font-size: 13px;
        line-height: 25px;
        padding: 3px 10px;
    }
}

.checkout_form_input label.righ_0:hover {
    background: #000000;
}

.checkout_form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.shipping_method_list .list ul {
    border: 1px solid #cccccc;
}

.shipping_method_list .list li {
    display: flex;
    min-height: 50px;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #d9d9d9;
}

.shipping_method_list .list li:first-child {
    border-top: unset;
}

.shipping_method_list .list li .name {
    display: flex;
    flex: 1;
    align-items: center;
}

.shipping_method_list .list li .name>input {
    width: 18px;
    height: 18px;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.shipping_method_list .list li .name>input:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #dadada;
    background-color: #fff;
    transition: all 0.1s ease-in-out;
    border-radius: 18px;
    box-sizing: unset;
}

.shipping_method_list .list li .name>input:checked:after {
    width: 8px;
    height: 8px;
    border: 5px solid #1875b4;
}

.shipping_method_list .list li .name>img {
    height: 30px;
    overflow: hidden;
    margin-left: 9px;
}

.shipping_method_list .list li .name>label {
    line-height: 20px;
    flex: 1;
    font-size: 14px;
    color: #333;
    margin: 15px 0;
    cursor: pointer;
}

.shipping_method_list .list li .name .price {
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
}

.shipping_method_list .list li .brief {
    display: block;
    font-size: 12px;
    color: #999;
}

.order_button button {
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    text-transform: capitalize;
    color: #ffffff;
    background: #6a7964;
    font-weight: 600;
    transition: .3s;
    margin-bottom: 0;
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .order_button button {
        font-size: 14px;
    }
}

.order_button button:hover {
    background: #000000;
}

@media only screen and (max-width: 767px) {
    .order-notes {
        margin-bottom: 58px;
    }
}

.order-notes textarea {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 45px;
    max-width: 100%;
    padding: 0 30px 0 20px;
    background: none;
    font-size: 13px;
    resize: none;
    line-height: 45px;
    width: 100%;
    color: #000000;
}

.order-notes label {
    line-height: 13px;
}

.checkout_section {
    margin-bottom: 158px;
}

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

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

.order_table {
    margin-bottom: 35px;
    background: #eff1ec;
    padding: 40px 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .order_table {
        padding: 20px 20px 10px;
    }
}

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

.order_table table {
    width: 100%;
    margin-bottom: 25px;
}

.order_table table thead tr th {
    font-size: 14px;
    color: #999999;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 50%;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.order_table table tbody tr td {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    min-width: 50%;
    padding: 15px 0;
}

@media only screen and (max-width: 767px) {
    .order_table table tbody tr td {
        font-size: 13px;
        min-width: 50%;
        padding: 9px 0;
    }
}

.order_table table tfoot tr td {
    font-size: 16px;
    color: #000000;
    min-width: 50%;
    padding: 15px 0 25px;
    border-bottom: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    .order_table table tfoot tr td {
        font-size: 15px;
        padding: 10px 0 13px;
    }
}

.order_table table tfoot tr.order_total th {
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 600;
    min-width: 50%;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}

.order_table table tfoot tr.order_total td {
    font-size: 24px;
    color: #cc3333;
    font-weight: 600;
    min-width: 50%;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    .order_table table tfoot tr.order_total td {
        font-size: 15px;
        padding: 10px 0 13px;
    }
}

.order_table table tfoot tr.order_total td .spec {
    font-size: 13px;
}

.panel_radio {
    position: relative;
}

.panel_radio input {
    position: absolute;
    top: 13px;
    transform: translatey(-50%);
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    width: 18px;
    height: 18px;
}

.panel_radio input:checked~.checkmark::before {
    display: block;
}

.panel_radio span {
    background: #fff;
    border: 2px solid #000;
}

.panel_radio span.checkmark {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 12px;
    transform: translatey(-50%);
    transition: .3s;
}

.panel_radio span.checkmark::before {
    left: 2px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000000;
    border-width: 0 2px 2px 0;
    content: "";
    position: absolute;
    display: none;
}

.panel-default {
    margin-bottom: 20px;
}

.panel-default label {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    padding-left: 32px;
}

@media only screen and (max-width: 767px) {
    .panel-default label {
        font-size: 14px;
    }
}

.panel-default .card-body1 {
    padding-left: 30px;
    padding-top: 14px;
}

@media only screen and (max-width: 767px) {
    .panel-default .card-body1 {
        padding-left: 25px;
        padding-top: 6px;
    }
}

.panel-default .card-body1 p {
    font-size: 13px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
}

.place_order_btn a {
    display: block;
    font-size: 18px;
    padding: 0 45px;
    height: 66px;
    line-height: 66px;
    text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .place_order_btn a {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 767px) {
    .place_order_btn a {
        height: 47px;
        line-height: 47px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .place_order_btn a {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    .order_table_right {
        margin-top: 42px;
    }
}

/*checkout page css end*/
/*  24. modal css here */
.modal-dialog.modal-dialog-centered {
    min-width: 1100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .modal-dialog.modal-dialog-centered {
        min-width: 1000px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modal-dialog.modal-dialog-centered {
        min-width: 950px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-dialog.modal-dialog-centered {
        min-width: 730px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-dialog.modal-dialog-centered {
        min-width: 90%;
    }
}

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

.modal_tab_img img {
    margin: 0 auto;
}

.modal_tab_button ul li a {
    padding: 0;
    border: 1px solid #ededed;
    margin: 0 2px;
}

.modal_tab_button ul li a img {
    width: 100%;
}

.modal_title h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 14px;
    line-height: 26px;
}

.modal_social h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 20px;
}

.modal_social ul li {
    display: inline-block;
    margin-right: 3px;
}

.modal_social ul li a {
    text-transform: uppercase;
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 50%;
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
}

.modal_social ul li.facebook a {
    background: #3c5b9b;
}

.modal_social ul li.facebook a:hover {
    background: #6a7964;
}

.modal_social ul li.twitter a {
    background: #1DA1F2;
}

.modal_social ul li.twitter a:hover {
    background: #6a7964;
}

.modal_social ul li.pinterest a {
    background: #BD081B;
}

.modal_social ul li.pinterest a:hover {
    background: #6a7964;
}

.modal_social ul li.google-plus a {
    background: #DC5043;
}

.modal_social ul li.google-plus a:hover {
    background: #6a7964;
}

.modal_social ul li.linkedin a {
    background: #010103;
}

.modal_social ul li.linkedin a:hover {
    background: #6a7964;
}

.modal_price {
    margin-bottom: 12px;
}

.modal_price span {
    font-weight: 600;
    color: #6a7964;
    font-size: 16px;
}

.modal_price span.old_price {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 5px;
}

.modal_price span.old_price span {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}

.modal_description p {
    line-height: 24px;
    font-size: 15px;
    margin: 0;
}

.variants_size {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.variants_size h2,
.variants_color h2 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}

.variants_size ul li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.variants_size ul li a {
    width: auto;
    padding: 2px 10px;
    text-align: center;
    font-size: 12px;
    color: #000000;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f1f1f1;
}

.variants_size.mb-15,
.mb-15.variants_color {
    margin-bottom: 24px;
}

.variants_size .select_option,
.variants_color .select_option {
    width: 100%;
    border-radius: 0;
    margin-bottom: 25px;
}

.variants_size .select_option .list,
.variants_color .select_option .list {
    width: 100%;
    border-radius: 0;
}

.modal_add_to_cart {
    margin-bottom: 25px;
}

.modal_add_to_cart .to_cart input {
    width: 95px;
    border: 1px solid #ededed;
    background: none;
    padding: 0 10px;
    height: 45px;
}

@media only screen and (max-width: 767px) {
    .modal_add_to_cart .to_cart input {
        width: 75px;
    }
}

.modal_add_to_cart .to_cart button {
    background: none;
    border: 1px solid #000000;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    height: 45px;
    width: 230px;
    line-height: 18px;
    padding: 10px 15px;
    text-transform: uppercase;
    background: #000000;
    color: #ffffff;
    transition: .3s;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .modal_add_to_cart .to_cart button {
        width: 130px;
    }
}

.modal_add_to_cart .to_cart button:hover {
    background: #6a7964;
    color: #ffffff;
    border-color: #6a7964;
}

.modal_body {
    padding: 29px 6px 38px;
}

@media only screen and (max-width: 767px) {
    .modal_body {
        padding: 42px 6px 38px;
    }
}

@media only screen and (max-width: 767px) {
    .modal_body .modal_tab {
        margin-bottom: 30px;
    }
}

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

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

.modal-content button.close {
    position: absolute;
    left: 94%;
    width: 35px;
    height: 35px;
    line-height: 37px;
    display: block;
    border: 1px solid #ededed;
    top: 10px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    z-index: 9;
}

@media only screen and (max-width: 767px) {
    .modal-content button.close {
        left: 83%;
        width: 32px;
        height: 32px;
        line-height: 35px;
        top: 4px;
        margin-bottom: 14px;
    }
}

.modal-content button.close:hover {
    color: #6a7964;
}

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

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

.product_navactive.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

.product_navactive.owl-carousel .owl-nav {
    display: block;
}

.product_navactive.owl-carousel .owl-nav div {
    position: absolute;
    background: #f2f2f2;
    border-radius: 3px;
    color: #333;
    height: 32px;
    top: 50%;
    transform: translatey(-50%);
    width: 32px;
    text-align: center;
    line-height: 32px;
    left: -7px;
    font-size: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}

.product_navactive.owl-carousel .owl-nav div:hover {
    background: #6a7964;
    color: #ffffff;
}

.product_navactive.owl-carousel .owl-nav div.owl-next {
    right: -7px;
    left: auto;
}

.sidebar_widget li.nav-current>a {
    color: #da4426;
}

#accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    position: relative;
}

#accordion .panel-heading {
    padding: 0;
    background: #fff;
    position: relative;
}

#accordion .panel-title a {
    display: block;
    padding: 15px 55px 15px 30px;
    font-size: 20px;
    font-weight: 600;
    color: #550527;
    border: none;
    margin: 0;
    position: relative;
}

#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before {
    content: "\f068";
    font-family: fontawesome;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 15px;
    font-weight: normal;
    color: #688e26;
    text-align: center;
    border: 1px solid #688e26;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
}

#accordion .panel-title a.collapsed:before {
    content: "\f067";
}

#accordion .panel-body {
    padding: 0 30px 15px;
    border: none;
    font-size: 14px;
    color: #305275;
    line-height: 28px;
}

.accordion-wrapper .accordion-wrap {
    margin-bottom: 15px;
}

.accordion-wrapper .accordion-wrap .accordion-header button {
    font-size: 24px;
    font-weight: 500;
    color: #243f4d;
    background: #fff;
    width: 100%;
    border: 0;
    padding-right: 50px;
    padding-bottom: 20px;
    text-align: left;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid #ececec;
}

@media (min-width: 768px) and (max-width: 991px) {
    .accordion-wrapper .accordion-wrap .accordion-header button {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .accordion-wrapper .accordion-wrap .accordion-header button {
        font-size: 18px;
    }
}

.accordion-wrapper .accordion-wrap .accordion-header button:after {
    content: "\f067";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 33%;
    transform: translateY(-50%);
    width: 50px;
    text-align: center;
    background: transparent;
    height: 50px;
    line-height: 50px;
}

@media (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
    .accordion-wrapper .accordion-wrap .accordion-header button:after {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
}

.accordion-wrapper .accordion-wrap .accordion-header button[aria-expanded=true] {
    color: #243f4d;
    border-color: transparent;
}

.accordion-wrapper .accordion-wrap .accordion-header button[aria-expanded=true]:after {
    content: "\f068";
    background: #a3bbc8;
    color: #fff;
}

.accordion-wrapper .accordion-wrap .accordion-body {
    padding: 18px 0;
}

.accordion-wrapper .accordion-wrap .accordion-body p {
    color: #243f4d;
    font-size: 16px;
    line-height: 30px;
}

.download-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.download-list li {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);
    transition: all .1s linear;
    padding: 15px;
    margin-bottom: 20px
}

.download-list li:hover {
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .2)
}

.download-list li .download-img {
    width: 80px
}

.download-list li .download-img img {
    width: 100%
}

.download-list li .download-info {
    flex: 1;
    padding: 0px 20px
}

.download-list li .download-btn {
    background: #da4426;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 4px;
    width: 140px;
    height: 36px;
    transition: all .2s linear;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 10px
}

.download-list li .download-btn:hover {
    box-shadow: 1px 2px 10px #da4426
}

.download-list li .download-btn i {
    margin-right: 5px;
}
    /* 主图区域 */
.product-main {
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    height: 450px;
}

.main-img-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.main-item.active {
    opacity: 1;
    z-index: 2;
}

.main-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.main-item video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 缩略图区域 */
.product-thumbs {
    position: relative;
    padding: 0 30px;
}

.thumb-container {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.thumb-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

.thumb-item {
    flex: 0 0 80px;
    height: 80px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
    transition: border-color 0.3s;
}

.thumb-item.active {
    border-color: #000000;
}

.thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 导航按钮 */
.thumb-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: #f5f5f5;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    cursor: pointer;
    z-index: 3;
}

.thumb-prev {
    left: 0;
}

.thumb-next {
    right: 0;
}

/* 确保导航按钮内部的图标居中显示 */
.thumb-nav button i {
    font-size: 12px;
    display: block;
}

/* 给导航按钮添加悬停效果 */
.thumb-nav button:hover {
    background: #0d6efd;
    color: #fff;
}

/* 确保触摸区域可点击 */
.main-img-container {
    touch-action: pan-y; /* 允许垂直方向的滑动，阻止水平方向的浏览器默认行为 */
    cursor: grab;
}

.main-img-container:active {
    cursor: grabbing;
}

.thumb-container {
    touch-action: pan-x; /* 只允许水平方向的滑动 */
    -webkit-overflow-scrolling: touch; /* 为iOS设备提供平滑滚动 */
}

/* 视频播放时禁用放大镜 */
.main-item.video-item {
    cursor: default;
}

/* 恢复鼠标样式 */
.main-item, 
.main-item:not(.video-item) {
    cursor: default;
}

/* 视频鼠标样式 */
.main-item.video-item {
    cursor: default;
}

/* 响应式布局调整 */
@media (max-width: 767px) {
    .zoom-lens {
        display: none !important;
    }
    
    .zoom-result-box {
        display: none !important;
    }
}
/*modal css end*/

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