/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
    1.1 Variables
    1.2 Mixins
    1.3 Flexbox
    1.4 Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10. Footer Style
11. Feedback
12. Change Order
13. Wallet
14. Page Scroll
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

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

.message.success,
.message.error {
    display: none;
}
.gap-4{
    gap: 30px;
}
.input-cross-wrap{
    right: 55px;
    position: absolute;
    top: 12px;
    cursor: pointer;
}


.added-middle-wrap img:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}
/*---------------------
  Helper CSS
-----------------------*/
.img_loading_background {
    background: transparent url("../img/loading.gif") center no-repeat;
    background-size: contain;
}

.section-title {
    margin-bottom: 50px;
    text-align: center;
}
.text-end {
    text-align: end;
}

.section-title h1 {
    font-size: 36px;
    color: #1c1c1c;
    font-weight: 700;
    position: relative;
}

/* .section-title h2:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    height: 4px;
    width: 80px;
    background: var(--default-color, #7fad39);
    content: "";
    margin: 0 auto;
} */

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}


.spad {
    padding-top: 80px;
    padding-bottom: 40px;
}


.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 14px;
    padding: 10px 28px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--default-color, #7fad39);
    letter-spacing: 2px;
    border: none !important;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    display: inline-block;
    padding: 12px;
    background: var(--default-color, #7fad39);
    border: none;
}

.NoDetailFound {
    display: flex;
    min-height: calc(100vh - 600px);
    align-items: center;
}

.site-cancel-btn,
.site-cancel-btn:hover {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    display: inline-block;
    padding: 13px 30px 13px;
    background: var(--default-delete-color, #dc3545);
    text-transform: capitalize;
    border: none;
}
.shoping__cart__table{
    margin-bottom:24px;
}
.newAaddressAdded {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
}

.UpcomingOrder {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-static-content p{
    word-break: break-word;
}
.wrap-static-content {
    min-height: calc(100vh - 567px) !important;
    display: flex;
    align-items: center;
}
.EmptyCard {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 24vh;
}

.ProductMessage {
    padding: 5px;
    margin-top: 12px;
    font-size: 14px;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.8);
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

.digit-group {
    display: flex;
    justify-content: center;
}


@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.table {
    display: table;
}

.table_row {
    display: table-row;
}

.theader {
    display: table-row;
}

.table_header {
    display: table-cell;
    border-bottom: #ccc 1px solid;
    padding-bottom: 23px;
    font-weight: 700;
    font-size: 20px;
}

.table_small {
    display: table-cell;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 6px !important;
}

.table_row>.table_small>.table_cell:nth-child(odd) {
    display: none;
    background: #bdbdbd;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.table_row>.table_small>.table_cell {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: 600;
}

.notifyjs-bootstrap-base {
    background-position: 3px 10px !important;
}

.hero__categories ul li {
    padding: 0 16px;
}
.direct_pay_section {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 15px;
    padding-bottom: 7px;
}
.sage_pay_hide .form-check-label {
    font-size: 14px;
    background: #fff;
    margin-right: 0 !important;
}
.direct_pay_section .form-check-input {
    position: absolute;
    right: 24px;
    height: 18px;
    width: 18px;
}

.payment_methods_section .form-check-input {
    right: 22px;
    height: 18px;
    width: 18px;
}

.product-details .form-check-input {
    position: static;
    margin-right: 10px;
    margin-left: 0;
}
.add_money_box .form-check {
    padding: 0;
}
table.border-1px {
    border: 1px solid #ebebeb;
}
.border-1px th {
    padding-bottom: 0 !important;
}
.user-area-info i {
    font-size: 22px;
    cursor: pointer;
    margin: 0 !important;
}
.wrap-location-flow{
    margin-right: 20px;
    display: flex;
    align-items: center;
}
button.logout-btn {
    background: transparent;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.header-3 button.logout-btn {
    color: inherit;
    position: relative;
    bottom: 2px;
}
.header__top__right__auth .logout-btn i {
    margin-right: 6px;
    font-size: 20px;
}
.wrap-working-hrs{
    position: absolute;
    right: 33%;
    cursor: pointer;
    text-align: center;
    background: #fff;
    top: 36px;
    padding: 0 3px;
    line-height: 16px;
}
.wrap-working-hrs:hover .tooltiptext {
  visibility: visible;
}
.wrap-working-hrs .tooltiptext {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
    position: absolute;
    z-index: 1;
  }
.wrap-d-dlex-column{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.mobile-wrap-responisve{
    position: relative;
}
.terms-conditions-modal .inner-text-wrap ol {
    padding: 0 15px;
}
.banner__slider__new .owl-carousel .owl-stage-outer {
    height: auto !important;
}
.upload-receipt-wrap {
    border: 3px dashed #d1d1d1;
    width: 100%;
    padding: 8px 15px 15px 15px;
    border-radius: 5px;
    position: relative;
    background: #fff;
}

button#removeFileBtn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 9px;
    top: 5px;
    font-size: 22px;
}

.px-40-desktop{
    padding: 60px 0;
 }
 .px-top-40{
    padding-top: 40px;
 }
 img.scanner-img {
    max-width: 400px;
}
.display-desktop-mobile a.link {
    border: 1px solid var(--default-color, #7fad39);
    border-radius: 5px;
    color: var(--default-color, #7fad39);
    font-size: 16px;
    font-weight: 600;
    padding: 13px;
}
.left-side-login{
    text-align: left;
}
section.delete-account-wrap {
    max-width: 728px;
    margin: 0 auto;
    text-align: center;
    box-shadow: rgb(0 0 0 / 16%) 0px 0px 6px 0px;
    padding: 30px;
}
.delete-account-wrap h2.header-text {
    color: #e60000;
    font-weight: 700;
    font-size: 28px;
}
.delete-account-wrap .btn-danger{
    background: #e60000;
    font-weight: 600;
}
.delete-account-wrap a {
    cursor: pointer;
    text-decoration: underline;
}
.delete-account-wrap label {
    display: flex;
    gap: 10px;
    align-items: start;
    margin-bottom: 0;
}
.delete-account-wrap .panel-heading {
    font-size: 18px;
    font-weight: 700;
}

.delete-account-wrap .btn-warning-wrap {
    background: var(--default-color, #7fad39);;
    color: #fff;
    border: 1px solid var(--default-color, #7fad39);;
    font-weight: 600;
    padding: 8px;
    margin-bottom: 22px;
    border-radius: 3px;
}
.user-password-via input.form-control {
    margin-bottom: 16px;
}
.btn-warning-wrap.focus, .btn-warning-wrap:focus {
    box-shadow: none;
}
.send-otp-wrap , .username-password-btn{
    background: #dedede !important;
    border: #dedede !important;
    color: black !important;
    margin-top: 16px;
    border-radius: 3px;
}
.term-condition-wrap p {
    font-size: 16px;
    color: #111111;
}
.delete-account-wrap #otp_verified {
    width: 55px;
    height: 37px;
}
.gap-2{
    gap: 16px;
}
.upload-receipt-wrap label.custom-file-label {
    font-size: 13px;
}
.fullscreenImage {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.fullscreenImage img {
    max-width: 850px;
    border-radius: 0;
    display: block;
    margin: auto;
    /* background: #ffff; */
    height: 540px;
    object-fit: contain;
}

.closeBtn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 30px;
    color: #ffff;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 700;
}
.package-selector .package_config {
    display: flex;
    align-items: center;
}
.detail-order-flex {
    display: flex;
    gap: 10px;
}
.badge-secondary {
    color: #333333;
    background: #FDF8C7;
    padding: 8px;
    margin-top: 14px;
    border: 1px solid #D9CF73;
    font-weight: 400;
    font-size: 15px;
    white-space: normal;
    width: 100%;
    text-align: left;
    line-height: 20px;
}
.content-map-section .col-md-6 , .content-map-section .col-md-12{
    text-align: left;
}
.d-flex-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
span.badge.badge-processing {
    background: #ff9800;
    padding: 5px 8px;
    border-radius: 16px;
    color: #fff;
}

@media screen and (max-width: 406px) {
    .recaptcha-responsive > div {
        width: 164px !important;
    }
    .recaptcha-responsive iframe {
        width: 200px;
    }
    .wrap-table-resposnsive-subscription {
        overflow-x: scroll !important;
    }
    .wrap-table-resposnsive-subscription table {
        width: 450px !important;
    }
}

@media screen and (max-width: 900px) {
    .table {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .table {
        display: block;
    }

    .table_row:nth-child(2n + 3) {
        background: none;
    }

    .theader {
        display: none;
    }

    .table_row>.table_small>.table_cell:nth-child(odd) {
        display: table-cell;
        width: 25%;
    }

    .table_cell {
        display: table-cell;
        width: 75%;
    }

    .table_row {
        display: table;
        width: 100%;
        border-collapse: separate;
        padding-bottom: 20px;
        margin: 5% auto 0;
        text-align: center;
    }

    .table_small {
        display: table-row;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-left: none;
    }

    .table_row>.table_small>.table_cell:first-child {
        border-left: #ccc 1px solid;
    }

    .table_row>.table_small:first-child>.table_cell:first-child {
        border-top-left-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row>.table_small:first-child>.table_cell:last-child {
        border-top-right-radius: 5px;
        border-top: #ccc 1px solid;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-right: none;
    }

    .table_row>.table_small>.table_cell:last-child {
        border-right: #ccc 1px solid;
    }

    .table_row>.table_small:last-child>.table_cell:first-child {
        border-bottom-left-radius: 5px;
    }

    .table_row>.table_small:last-child>.table_cell:last-child {
        border-bottom-right-radius: 5px;
    }

    .table_row>.table_small>.table_cell {
        color: #5b5b5b;
        border-bottom: #ccc 1px solid !important;
    }

    .products_ul {
        padding-left: 30px;
    }
}

/*---------------------
  Header
-----------------------*/

.header__top {
    background: #f5f5f5;
}

.header__top__left {
    padding: 10px 0px;
}

.header__top__left ul li {
    font-size: 14px;
    color: #1c1c1c;
    display: inline-block;
    position: relative;
}



.header__top__left ul li:after {
    position: absolute;
    right: -25px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

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

.header__top__left ul li:last-child:after {
    display: none;
}

.header__top__left ul li i {
    color: #252525;
    margin-right: 5px;
}

.header__top__right {
    text-align: right;
    padding: 10px 0 13px;
}

.header__top__right__social {
    position: relative;
    display: inline-block;
    margin-right: 17px;
}

.header__top__right__social:after {
    position: absolute;
    right: -12px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.header__top__right__social a {
    font-size: 14px;
    display: inline-block;
    color: #1c1c1c;
    margin-right: 18px;
    font-size: 18px;
}

.header__top__right__social a:last-child {
    margin-right: 0;
}

.header__top__right__language {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    cursor: pointer;
}

.header__top__right__language:hover ul {
    top: 23px;
    opacity: 1;
    visibility: visible;
}

.header__top__right__language:after {
    position: absolute;
    right: -21px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.header__top__right__language img {
    margin-right: 6px;
}

.header__top__right__language div {
    font-size: 14px;
    color: #1c1c1c;
    display: inline-block;
    margin-right: 4px;
}

.header__top__right__language span {
    font-size: 14px;
    color: #1c1c1c;
    position: relative;
    top: 2px;
}

.header__top__right__language ul {
    background: #222222;
    width: 100px;
    text-align: left;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__top__right__language ul li {
    list-style: none;
}

.header__top__right__language ul li a {
    font-size: 14px;
    color: #ffffff;
    padding: 5px 10px;
}

.header__top__right__auth {
    display: inline-block;
}

.header__top__right__auth a {
    display: block;
    font-size: 14px;
    color: #1c1c1c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 144px;
    font-weight: 600;
}

.header__top__right__auth a i {
    margin-right: 6px;
    font-size: 20px;
}

/* .header__logo {
    padding: 15px 0;
} */


.header-blue {
    background: var(--default-color, #7fad39);
    color: #fff;
    padding: 15px 0;
}

.header-blue .header__menu>ul>li>a {
    color: #fff;
}

/* .header-blue .header__menu > ul li.active a {
    color: #fff;
} */

.header__logo a {
    display: inline-block;
}

.header__menu {
    padding: 24px 0;
}

.owl-carousel div h5 {
    font-size: 46px;
}

.owl-carousel div h2,
.owl-carousel div .textoverlay {
    position: absolute;
    color: #fff;
    font-size: 12px;
    /* background-color: rgba(255,255,255,0.4); */
    width: 100%;
    padding: 10px 11px 20px;
    bottom: 0px;
    background: -moz-linear-gradient(top,
            rgba(255, 255, 255, 0.12) 14%,
            rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top,
            rgba(255, 255, 255, 0.12) 14%,
            rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.12) 14%,
            rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91ffffff', endColorstr='#ffffff', GradientType=0);
}

.header__menu>ul>li {
    list-style: none;
    display: inline-block;
    margin-right: 44px;
    position: relative;
}

.header__menu ul li .header__menu__dropdown {
    position: absolute;
    left: 0;
    top: 50px;
    background: #222222;
    width: 180px;
    z-index: 9;
    padding: 5px 0;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    opacity: 0;
    visibility: hidden;
}

.header__menu ul li {
    margin-right: 36px;
}

.header__menu ul li .header__menu__dropdown li {
    margin-right: 0;
    display: block;
}

.header__menu ul li .header__menu__dropdown li:hover>a {
    color: var(--default-color, #7fad39);
}

.header__menu>ul li .header__menu__dropdown li a {
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 400;
    padding: 5px 15px;
}

/* .header__menu > ul li.active a {
    color: var(--default-color, #7fad39);
} */

.header__menu>ul li:hover .header__menu__dropdown {
    top: 30px;
    opacity: 1;
    visibility: visible;
}

/*.header__menu ul li:hover>a {
    color: var(--default-color,#7fad39);
}*/
.cus-drop-trigger:hover #hover_menu {
    display: block;
}

.hover-dropdown {
    min-width: auto;
    position: relative;
}

.hover-dropdown a {
    /* padding: 8px 16px; */
    padding: 4px 16px;
    font-size: 15px;
    /* border-radius: 5px; */
    transition: 0.3s ease;
    border-right: 1px solid #ddd;
    min-width: 186px;
    white-space: normal;
    height: 100%;
}


.mega-menu-list {
    list-style: none;
    position: relative;
}

.mega-menu-list:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    width: 3px;
    background-color:#fff;
    z-index: 2;
}

.mega-menu-list.break,
.mega-menu-list.break-2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}

.mega-menu-list.break li,
.mega-menu-list.break-2 li {
    flex: 0 0 190px;
    max-width: 190px;
    display: flex;
}

.mega-menu-list.break {
    min-width: 380px;
}

.mega-menu-list.break-2 {
    min-width: 570px;
}

.sub-hover-menu>a {
    position: relative;
}

.sub-hover-menu>a:after {
    content: "\f105";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: inherit;
}

.header__menu .hover-dropdown li {
    margin-right: 0px;
}

.hover-dropdown a:hover,
.hover-dropdown a:focus {
    background-color: transparent;
    color: var(--default-color, #7fad39);
    background: #ececec;
}

.adding-overflow-hidden {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24vh;
}
.Sub_hide strong a {
    color: var(--default-color, #7fad39);
}
.mega-menu-banner img {
    max-width: 150px;
}
.homepage-wrap-banner{
    margin-bottom: 35px !important;
}

.sub-hover-menu:hover .dropdown-menu {
    display: block;
}

.hover-dropdown .sub-hover-menu .dropdown-menu a {
    border: none;
}

#hover_menu {
    display: none;
    /* min-width: 100vw; */
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

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


#hover-menu-trigger:after {
    height: 7px;
    width: 7px;
    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    vertical-align: 1px;
    position: static;
    margin-left: 8px;
}
#hover-menu-trigger:hover:after {

    vertical-align: 4px;
}

.header-contact-txt {
    color: #212121;
    font-size: 14px;
}

.header-contact-txt i {
    min-width: 20px;
}

.header__menu>ul>li>a {
    font-size: 12px;
    color: #252525;
    /* text-transform: uppercase; */
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    padding: 5px 0;
    display: block;
}

.header__menu>.header-links>li>a {
    padding: 16px 0;
}

.header__cart {
    text-align: right;
    padding: 24px 0;
}

.header__cart ul {
    display: inline-block;
    margin-right: 25px;
}

.header__cart ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

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

.header__cart ul li a {
    position: relative;
}

.header__cart ul li a i {
    font-size: 20px;
    color: #1c1c1c;
}

/* customized css */
.txt-grey {
    color: #6f6f6f;
}

.font-sm {}

.featured__item p {
    background: var(--default-color, #7fad39);
    width: 100%;
    max-width: 100px;
    padding: 3px;
    text-align: center;
    color: #fff;
    /* font-weight: 400 !important; */
    border-bottom-right-radius: 37px;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0px;
    font-size: 12px;
}

.featured__item {
    position: relative;
}

.product__item p {
    background: var(--default-color, #7fad39);
    min-width: 28%;
    padding: 3px;
    text-align: center;
    color: #fff;
    border-bottom-right-radius: 37px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0px;
    font-size: 14px;
}

.product__item {
    position: relative;
}

.product__details__pic p {
    background: var(--default-color, #7fad39);
    width: 100%;
    max-width: 75px;
    padding: 3px;
    text-align: center;
    color: #fff;
    /* font-weight: 400 !important; */
    border-bottom-right-radius: 37px;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0px;
    font-size: 12px;
}

.product__details__pic {
    position: relative;
}

.product__details__mtr {
    text-decoration: line-through;
    color: #b9b9b9;
    margin-left: 6px;

    font-size: 13px;

}


/* customized css */

.layout-7-wrap .breadcrumb-section {
    padding-top: 116px;
}

.header__cart ul li a span,
.wrap-notification .wrapper span {
    height: 13px;
    width: 13px;
    background: var(--default-color, #7fad39);
    font-size: 8px;
    color: #ffffff;
    line-height: 13px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: -3px !important;
    right: -8px !important;
}

.header__cart .header__cart__price {
    font-size: 14px;
    /* color: #fff; */
    display: inline-block;
}

.header__cart .header__cart__price span {
    /* color: #fff; */
    /* font-weight: 700; */
}

.f-bold {
    font-weight: 700;
}

.humberger__menu__wrapper {
    display: none;
}

.humberger__open {
    display: none;
}



.header__top__left .menu ul li a {
    display: block;
    padding: 4px 0 5px 45px;
    text-transform: capitalize;
}

/*---------------------
  Hero
-----------------------*/
.products-merge input[type="radio"] {
    display: none;
}

.hero {
    padding-bottom: 35px;

}

.hero.hero-normal {
    padding-bottom: 30px;
}

.hero.hero-normal .hero__categories {
    position: relative;
}

.hero.hero-normal .hero__categories ul {
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    z-index: 9;
    background: #ffffff;
}

.hero.hero-normal .hero__search {
    margin-bottom: 0;
}

.hero__categories__all {
    background: var(--default-color, #7fad39);
    position: relative;
    padding: 18px;
    cursor: pointer;
}

.hero__categories__all i {
    font-size: 16px;
    color: #ffffff;
    margin-right: 10px;
}

.hero__categories__all span {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.hero__categories__all:after {
    position: absolute;
    right: 18px;
    top: 6px;
    content: "3";
    font-family: "ElegantIcons";
    font-size: 34px;
    color: #ffffff;
}

.hero__categories ul {
    border: 1px solid #ebebeb;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.hero__categories ul li {
    list-style: none;
}

.hero__categories ul li:hover {
    background-color: var(--default-color, #2b7de9);
}

.hero__categories ul li a {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 39px;
    display: block;
}

.hero__categories ul li a:hover {
    color: #ffffff;
}

.hero__search {
    overflow: hidden;
    margin-bottom: 30px;
}

.hero__search__form {
    width: 610px;
    height: 50px;
    border: 1px solid #ebebeb;
    position: relative;
    float: left;
}

.hero__search__form form .hero__search__categories {
    width: 30%;
    float: left;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    padding-left: 18px;
    padding-top: 11px;
    position: relative;
}

.hero__search__form form .hero__search__categories:after {
    position: absolute;
    right: 0;
    top: 14px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.hero__search__form form .hero__search__categories span {
    position: absolute;
    right: 14px;
    top: 14px;
}

.hero__search__form form input {
    width: 70%;
    border: none;
    height: 48px;
    font-size: 16px;
    color: #b2b2b2;
    padding-left: 20px;
    border-radius: 0px !important;
}

.hero__search__form form input::placeholder {
    color: #b2b2b2;
}

.hero__search__form form button {
    position: absolute;
    right: 0;
    top: -1px;
    height: 50px;
}

.hero__search__phone {
    padding: 0 10px;
    float: right;
}

.hero__search__phone__icon {
    font-size: 18px;
    color: var(--default-color, #7fad39);
    height: 45px;
    width: 45px;
    background: #f5f5f5;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

.hero__search__phone__icon i.fa.fa-phone {
    margin: 15px 0;
}

.hero__search__phone__text {
    overflow: hidden;
    /* padding:10px; */
}

.hero__search__phone__text h5 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 5px;
}

.hero__search__phone__text span {
    font-size: 14px;
    color: #6f6f6f;
}

.hero__item {
    max-height: 445px;
    /* display: flex;
    align-items: center; */
    /* padding-left: 75px; */
}

.hero__text span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--default-color, #7fad39);
}

.hero__text h2 {
    font-size: 46px;
    color: #252525;
    line-height: 52px;
    font-weight: 700;
    margin: 10px 0;
}

.hero__text p {
    margin-bottom: 35px;
}

/*---------------------
  Categories
-----------------------*/
.categories {
    padding-bottom: 40px;
}

.hero__categories.overflow-auto li.active {
    background-color: var(--default-color, #7fad38);
    cursor: pointer;
    width: 100%;
}

.hero__categories.overflow-auto ul li.active a {
    color: #fff;
}

.categories__item {
    height: 270px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.categories__item h5 {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 0px;
    bottom: 0px;
    text-align: center;
}

.categories__item h5 a {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 0 10px;
    background: #ffffff;
    display: block;
}

.categories__slider .col-lg-3 {
    max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
    font-size: 18px;
    color: #1c1c1c;
    height: 70px;
    width: 30px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #ebebeb;
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-35px);
    background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
    padding-top: 30px;
    padding-bottom: 30px;
}

.featured__controls {
    text-align: center;
    margin-bottom: 50px;
}

.featured__controls ul li {
    list-style: none;
    font-size: 18px;
    color: #1c1c1c;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    cursor: pointer;
}

.featured__controls ul li.active:after {
    opacity: 1;
}

.featured__controls ul li:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: var(--default-color, #7fad39);
    content: "";
    opacity: 0;
}

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

.featured__item {
    margin-bottom: 50px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
    bottom: 20px;
}

.featured__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.featured__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

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

.featured__item__pic__hover li:hover a {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

.featured__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.featured__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.featured__item__text {
    text-align: center;
    padding-top: 15px;
}

.featured__item__text h6 {
    margin-bottom: 10px;
}

.featured__item__text h6 a {
    color: #252525;
}

.featured__item__text h5 {
    color: #252525;
    font-weight: 700;
}

.featured__item__text input.select_product_cls {
    width: 50px;
    /* float: left; */
    margin: 5px 0;
}

.spacer {
    width: 100%;
    height: 120px;
}

.featured__item .modal-content .modal-heading {
    padding: 5px;
}

.featured__item__text .modal-content .modal-heading h4 {
    float: left;
    margin: 5px;
    color: var(--default-color, #7fad39);
    font-weight: 600;
}

.featured__item .modal-content .modal-heading {
    padding: 5px;
    border-bottom: 1px solid #dee2e6;
}

.featured__item__text .modal-content ul {
    width: 100%;
    float: left;
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
}

.featured__item__text .modal-content li span {
    margin: 0 70px;
}

.featured__item__text span.product__details__price {
    float: right;
}

.banner {
    margin-bottom: 50px;
}

.banner .bannerOverlay h5 {
    font-size: 36px;
    font-weight: 600;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    display: inline-block;
    width: 100%;
}
/* .banner .owl-carousel.owl-loaded.owl-drag {
    height: 260px !important;
} */
.banner .hero__item {
    max-height: 420px;
    overflow: hidden;
    object-fit: cover;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
}

.banner__slider .textoverlay h5 a {
    color: #000;
}

.banner .bannerOverlay {
    position: absolute;
    left: 0px;
    width: 100%;
    padding: 8px 6px 20px;
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0.12) 14%,
            rgba(255, 255, 255, 1) 100%);
    bottom: 0;
}

.banner .bannerOverlay h5 a {
    color: #000;
}


/*---------------------
  Latest Product
-----------------------*/

.latest-product {
    padding-top: 80px;
    padding-bottom: 0;
}

.latest-product__text h4 {
    font-weight: 700;
    color: #1c1c1c;
    margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
    position: absolute;
    right: 20px;
    top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
    height: 30px;
    width: 30px;
    background: #f3f6fa;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #636363;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
    font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
    margin-right: 0;
}

.latest-product__item {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}

.latest-product__item__pic {
    float: left;
    margin-right: 26px;
}

.latest-product__item__pic img {
    height: 110px;
    width: 110px;
}

.latest-product__item__text {
    overflow: hidden;
    padding-top: 10px;
}

.latest-product__item__text h6 {
    color: #252525;
    margin-bottom: 8px;
}

.latest-product__item__text span {
    font-size: 18px;
    display: block;
    color: #252525;
    font-weight: 700;
}

.product .item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
}

.product .item.list-group-item .product__item__pic.set-bg {
    width: 40%;
    float: left;
    background-size: contain;
    border: 0px !important;
}

.product .item.list-group-item .product__item__text {
    width: 60%;
    float: right;
}

.product .item.list-group-item .product__item__text h6 a {
    width: 100%;
    color: #252525;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 30px;
}

.list-group-item.border.mb-border h5 {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.list-group-item .product__item__text {
    padding-top: 40px;
}

.list-group-item .product__item__text h6 {
    width: 100% !important;
    float: left !important;
}

.list-group-item select.pro-qty.product_drop_down {
    width: 51% !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
    display: block;
}

.product .item.list-group-item:before,
.item.list-group-item:after {
    display: table;
    content: " ";
}

.product .item.list-group-item:after {
    clear: both;
}

h6.select-product-configuration-cls select.pro-qty.product_drop_down {
    font-size: 15px;
}

section.product-details.spad .Sub_hide {
    margin: 20px 0;
    float: left;
    width: 100%;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
    padding-top: 50px;
    padding-bottom: 50px;
}

.from-blog .blog__item {
    margin-bottom: 30px;
}

.from-blog__title {
    margin-bottom: 70px;
}

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

.breadcrumb-section {
    display: flex;
    align-items: center;
    padding: 45px 0 40px;
}

.breadcrumb__text h1 {
    display: block;
    font-size: 46px;
    color: #ffffff;
    font-weight: 700;
}

.breadcrumb__option a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-right: 20px;
    position: relative;
}

.breadcrumb__option a:after {
    position: absolute;
    right: -16px;
    top: 13px;
    height: 1px;
    width: 10px;
    background: #ffffff;
    content: "";
}

.breadcrumb__option span {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
    margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
    overflow: hidden;
}

.sidebar__item h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.sidebar__item ul li {
    list-style: none;
}

.sidebar__item ul li a {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 39px;
    display: block;
}

.sidebar__item .latest-product__text {
    position: relative;
}

.sidebar__item .latest-product__text h4 {
    margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
    right: 0;
}

.price-range-wrap .range-slider {
    margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
    position: relative;
}

.price-range-wrap .range-slider .price-input:after {
    position: absolute;
    left: 38px;
    top: 13px;
    height: 1px;
    width: 5px;
    background: #dd2222;
    content: "";
}

.price-range-wrap .range-slider .price-input input {
    font-size: 16px;
    color: #dd2222;
    font-weight: 700;
    max-width: 20%;
    border: none;
    display: inline-block;
}

.price-range-wrap .price-range {
    border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
    border: none;
    background: #ebebeb;
    height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
    background: #dd2222;
    border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
    background: #dd2222;
}

.sidebar__item__color {
    float: left;
    width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
    border: 2px solid #333333;
    background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
    background: #e9a625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
    background: #d62d2d;
}

.sidebar__item__color.sidebar__item__color--black label:after {
    background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
    background: #249bc8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
    background: #3cc032;
}

.sidebar__item__color label {
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
}

.sidebar__item__color label input {
    position: absolute;
    visibility: hidden;
}

.sidebar__item__color label:after {
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 14px;
    background: #222;
    content: "";
    border-radius: 50%;
}

.sidebar__item__size {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 10px;
}

.sidebar__item__size label {
    font-size: 12px;
    color: #6f6f6f;
    display: inline-block;
    padding: 8px 25px 6px;
    background: #f5f5f5;
    cursor: pointer;
    margin-bottom: 0;
}

.sidebar__item__size label input {
    position: absolute;
    visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
    padding-top: 80px;
    padding-bottom: 80px;
}

.product__discount {
    padding-bottom: 50px;
}

.product__discount__title {
    text-align: left;
    margin-bottom: 65px;
}

.product__discount__title h2 {
    display: inline-block;
}

.product__discount__title h2:after {
    margin: 0;
    width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
    bottom: 20px;
}

.product__discount__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
    height: 45px;
    width: 45px;
    background: #dd2222;
    border-radius: 50%;
    font-size: 14px;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
}

.product__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

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

.product__item__pic__hover li:hover a {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

.product__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.product__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__discount__item__text {
    text-align: center;
    padding-top: 20px;
}

.product__discount__item__text span {
    font-size: 14px;
    color: #b2b2b2;
    display: block;
    margin-bottom: 4px;
}

.product__discount__item__text h5 {
    margin-bottom: 6px;
}

.product__discount__item__text h5 a {
    color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
}

.product__discount__item__text .product__item__price span {
    display: inline-block;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
    max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
    height: 12px;
    width: 12px;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
    background: #707070;
    border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
    margin-right: 0;
}

/* .filter__item {
    padding-top: 45px;
    border-top: 1px solid #ebebeb;
    padding-bottom: 20px;
} */

.filter__sort {
    margin-bottom: 15px;
}

.filter__sort span {
    font-size: 16px;
    color: #6f6f6f;
    display: inline-block;
}

.filter__sort .nice-select {
    background-color: #fff;
    border-radius: 0;
    border: none;
    display: inline-block;
    float: none;
    height: 0;
    line-height: 0;
    padding-left: 18px;
    padding-right: 30px;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    cursor: pointer;
}

.filter__sort .nice-select span {
    color: #1c1c1c;
}

.filter__sort .nice-select:after {
    border-bottom: 1.5px solid #1c1c1c;
    border-right: 1.5px solid #1c1c1c;
    height: 8px;
    margin-top: 0;
    right: 16px;
    width: 8px;
    top: -5px;
}

.filter__sort .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
    border-radius: 0;
    margin-top: 0;
    top: 15px;
}

.filter__sort .nice-select .option {
    line-height: 30px;
    min-height: 30px;
}

.filter__found {
    text-align: center;
    margin-bottom: 15px;
}

.filter__found h6 {
    font-size: 16px;
    color: #b2b2b2;
}

.filter__found h6 span {
    color: #1c1c1c;
    font-weight: 700;
    margin-right: 5px;
}

.filter__option {
    text-align: right;
    margin-bottom: 15px;
}

.filter__option span {
    font-size: 24px;
    color: #b2b2b2;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.filter__option span:last-child {
    margin: 0;
}

.filter__option span:hover {
    color: var(--default-color, #7fad39);
}

.product__item {
    margin: 50px 0px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
    bottom: 20px;
}

.product__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.product__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

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

.product__item__pic__hover li:hover a {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

.product__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.product__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text {
    text-align: center;
    padding-top: 15px;
}

.product__item__text h6 {
    margin-bottom: 10px;
}

.product__item__text h6 a {
    color: #252525;
}

.product__item__text h5 {
    color: #252525;
    font-weight: 700;
    width: 100%;
    float: left;
}

.product__pagination,
.blog__pagination {
    padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #b2b2b2;
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    margin-right: 16px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
    color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
    margin-right: 0;
}


/*---------------------
  Shop Details
-----------------------*/
.product-details {
    padding-top: 80px;
    min-height: calc(100vh - 750px);
}

.product__details__pic__item {
    margin-bottom: 20px;
}

/* .product__details__pic__item img {
    min-width: 100%;
} */

.product__details__pic__item img {
    min-width: auto;
    max-height: 450px;
}

.product__details__pic__slider img {
    cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
    width: auto;
    height: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.product__details__text h3 {
    color: #252525;
    font-weight: 700;
    margin-bottom: 16px;
}

.product__details__text .product__details__rating {
    font-size: 14px;
    margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
    margin-right: -2px;
    color: #edbb0e;
}

.product__details__text .product__details__rating span {
    color: #dd2222;
    margin-left: 4px;
}

.product__details__text .product__details__price {
    font-size: 30px;
    color: var(--default-color, #7fad39);
    font-weight: 600;
    margin-bottom: 15px;
}

.Add-new-addr-cls a {
    color: var(--default-color, #7fad39);
    font-weight: 600;
}

.product__details__text p {
    margin-bottom: 45px;
}

.product__details__text .primary-btn {
    padding: 16px 28px 14px;
    margin-right: 6px;
    margin-bottom: 10px;
    border: solid 1px #000;
}

.product__details__text .heart-icon {
    display: inline-block;
    font-size: 16px;
    color: #6f6f6f;
    padding: 13px 16px 13px;
    background: #f5f5f5;
}

.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
    margin-top: 15px;
}


.product__details__text ul li {
    font-size: 16px;
    color: #1c1c1c;
    list-style: none;
    line-height: 36px;
}

.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}

.product__details__text ul li span samp {
    color: #dd2222;
}

.product__details__text ul li .share {
    display: inline-block;
}

.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
    margin-right: 0;
}

.product__details__quantity {
    display: inline-block;
    margin-right: 6px;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.quantity input[type=number] {
    -moz-appearance: textfield;
}
.coupon_content button.btn.site-btn {
    padding: 13px 30px 13px !important;
}
.pro-qty {
    width: 140px;
    height: 50px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    text-align: center;
    background: #fff;
}

.pro-qty input {
    height: 100%;
    /*width: 100%;*/
    font-size: 16px;
    color: #6f6f6f;
    width: 50px;
    border: none;
    background: #f5f5f5;
    text-align: center;
}

.pro-qty .qtybtn {
    width: 35px;
    font-size: 16px;
    color: #6f6f6f;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.product__details__quantity.mobile_full_width .pro-qty input {
    width: 100%;
}

.product__details__tab {
    padding-top: 85px;
}

.product__details__tab .nav-tabs {
    border-bottom: none;
    justify-content: center;
    position: relative;
}

.product__details__tab .nav-tabs:before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs:after {
    position: absolute;
    right: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs li {
    margin-bottom: 0;
    margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs li a {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.product__details__tab .product__details__tab__desc {
    padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
    font-weight: 700;
    color: #333333;
    margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
    color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
    padding-bottom: 30px;
}

.related__product__title {
    margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
    padding-top: 80px;
    padding-bottom: 80px;
}

.shoping__cart__table {
    overflow: hidden;
}

.shoping__cart__table table {
    width: 100%;
    text-align: center;
}

.shoping__cart__table table thead tr {
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
    font-size: 18px;
    font-weight: 700;
    color: #1c1c1c;
    padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
    text-align: left;
}

.shoping__cart__table table tbody tr td {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
    width: 630px;
    text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
    display: inline-block;
    margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
    color: #1c1c1c;
    display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
    text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
    font-size: 24px;
    color: #b2b2b2;
    cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
    width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
    width: 120px;
    height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
    width: 15px;
}

.primary-btn.cart-btn {
    color: #6f6f6f;
    padding: 14px 30px 12px;
    background: #f5f5f5;
}

.primary-btn.cart-btn span {
    font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
    float: right;
}

.shoping__discount {
    margin-top: 45px;
}

.shoping__discount h5 {
    font-size: 20px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.shoping__discount form input {
    width: 255px;
    height: 46px;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
}

.shoping__discount form input::placeholder {
    color: #b2b2b2;
}

.shoping__discount form button {
    padding: 15px 30px 11px;
    font-size: 12px;
    letter-spacing: 4px;
    background: #6f6f6f;
}

.shoping__checkout {
    background: #f5f5f5;
    padding: 30px;
    padding-top: 20px;
    margin-top: 50px;
}

.shoping__checkout h5 {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 28px;
}

.shoping__checkout ul {
    margin-bottom: 28px;
}

.shoping__checkout ul li {
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 13px;
    margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.shoping__checkout ul li span {
    font-size: 18px;
    color: #dd2222;
    float: right;
}

.shoping__checkout .primary-btn {
    display: block;
    text-align: center;
}

button.btn.btn-danger.btn-info.pull-left.bootbox-cancel {
    padding: 10px 35px;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
    padding-top: 80px;
    padding-bottom: 60px;
}

.checkout h6 {
    color: #999999;
    text-align: center;
    background: #f5f5f5;
    border-top: 1px solid #6ab963;
    padding: 12px 0 12px;
    margin-bottom: 75px;
}

.checkout h6 span {
    font-size: 16px;
    color: #6ab963;
    margin-right: 5px;
}

.checkout h6 a {
    text-decoration: underline;
    color: #999999;
}

.checkout__form h4 {
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.checkout__form p {
    column-rule: #b2b2b2;
}

.checkout__input {
    margin-bottom: 24px;
}

.checkout__input p {
    color: #1c1c1c;
    margin-bottom: 20px;
}

.checkout__input p span {
    color: #dd2222;
}

.checkout__input input {
    width: 100%;
    height: 46px;
    border: 1px solid #ebebeb;
    padding-left: 20px;
    font-size: 16px;
    color: #b2b2b2;
    border-radius: 4px;
}

.checkout__input input.checkout__input__add {
    margin-bottom: 20px;
}

.checkout__input input::placeholder {
    color: #b2b2b2;
}

.checkout__input__checkbox {
    margin-bottom: 10px;
}

.checkout__input__checkbox label {
    position: relative;
    font-size: 16px;
    color: #1c1c1c;
    padding-left: 40px;
    cursor: pointer;
}

.checkout__input__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

.checkout__input__checkbox label input:checked~.checkmark:after {
    opacity: 1;
}

.checkout__input__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 16px;
    width: 14px;
    border: 1px solid #a6a6a6;
    content: "";
    border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px;
    height: 8px;
    border: solid white;
    border-width: 3px 3px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    content: "";
    opacity: 0;
}

.checkout__order {
    background: #f5f5f5;
    padding: 40px;
    padding-top: 30px;
}

.checkout__order h4 {
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
    float: right;
}

.checkout__order ul {
    margin-bottom: 12px;
}

.checkout__order ul li {
    font-size: 16px;
    color: #6f6f6f;
    line-height: 40px;
    list-style: none;
}

.checkout__order ul li span {
    font-weight: 700;
    float: right;
}

.checkout__order .checkout__order__subtotal {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
    float: right;
}

.checkout__order .checkout__input__checkbox label {
    padding-left: 20px;
}

.checkout__order .checkout__order__total {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
    float: right;
    color: #dd2222;
}

.checkout__order button {
    font-size: 18px;
    letter-spacing: 2px;
    width: 100%;
    margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
    margin-bottom: 60px;
}

.blog__item__pic img {
    min-width: 100%;
}

.blog__item__text {
    padding-top: 25px;
}

.blog__item__text ul {
    margin-bottom: 15px;
}

.blog__item__text ul li {
    font-size: 16px;
    color: #b2b2b2;
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

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

.blog__item__text h5 {
    margin-bottom: 12px;
}

.blog__item__text h5 a {
    font-size: 20px;
    color: #1c1c1c;
    font-weight: 700;
}

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

.blog__item__text .blog__btn {
    display: inline-block;
    font-size: 14px;
    color: #1c1c1c;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #b2b2b2;
    padding: 14px 20px 12px;
    border-radius: 25px;
}

.blog__item__text .blog__btn span {
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.blog__pagination {
    padding-top: 5px;
    position: relative;
}

.blog__pagination:before {
    position: absolute;
    left: 0;
    top: -29px;
    height: 1px;
    width: 100%;
    background: #000000;
    opacity: 0.1;
    content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
    padding-top: 50px;
}

.blog__sidebar__item {
    margin-bottom: 50px;
}

.blog__sidebar__item h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.blog__sidebar__item ul li {
    list-style: none;
}

.blog__sidebar__item ul li a {
    font-size: 16px;
    color: #666666;
    line-height: 48px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
    color: var(--default-color, #7fad39);
}

.blog__sidebar__search {
    margin-bottom: 50px;
}

.blog__sidebar__search form {
    position: relative;
}

.blog__sidebar__search form input {
    width: 100%;
    height: 46px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
    color: #6f6f6f;
}

.blog__sidebar__search form button {
    font-size: 16px;
    color: #6f6f6f;
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
    display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
    margin-bottom: 0;
}

.blog__sidebar__recent__item {
    overflow: hidden;
    margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
    float: left;
    margin-right: 20px;
}

.blog__sidebar__recent__item__text {
    overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
    font-weight: 700;
    color: #333333;
    line-height: 20px;
    margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
}

.blog__sidebar__item__tags a {
    font-size: 16px;
    color: #6f6f6f;
    background: #f5f5f5;
    display: inline-block;
    padding: 7px 26px 5px;
    margin-right: 6px;
    margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
    height: 350px;
    display: flex;
    align-items: center;
}

.blog__details__hero__text {
    text-align: center;
}

.blog__details__hero__text h2 {
    font-size: 46px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}

.blog__details__hero__text ul li {
    font-size: 16px;
    color: #ffffff;
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    position: relative;
}

.blog__details__hero__text ul li:after {
    position: absolute;
    right: -26px;
    top: 0;
    content: "|";
}

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

.blog__details__hero__text ul li:last-child:after {
    display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
    padding-top: 70px;
    padding-bottom: 10px;
}

.related-blog-title {
    margin-bottom: 70px;
}

.blog-details {
    padding-bottom: 75px;
    border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
    margin-bottom: 45px;
}

.blog__details__text img {
    margin-bottom: 30px;
}

.blog__details__text p {
    font-size: 18px;
    line-height: 30px;
}

.blog__details__text h3 {
    color: #333333;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 30px;
}

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

.blog__details__author__pic img {
    height: 92px;
    width: 92px;
    border-radius: 50%;
}

.blog__details__author__text {
    overflow: hidden;
    padding-top: 30px;
}

.blog__details__author__text h6 {
    color: #1c1c1c;
    font-weight: 700;
}

.blog__details__author__text span {
    font-size: 16px;
    color: #6f6f6f;
}

.blog__details__widget ul {
    margin-bottom: 5px;
}

.blog__details__widget ul li {
    font-size: 16px;
    color: #6f6f6f;
    list-style: none;
    line-height: 30px;
}

.blog__details__widget ul li span {
    color: #1c1c1c;
    font-weight: 700;
}

.blog__details__widget .blog__details__social a {
    display: inline-block;
    font-size: 20px;
    color: #6f6f6f;
    margin-right: 24px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
    color: var(--default-color, #7fad39);
}

.blog__details__widget .blog__details__social a:last-child {
    margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer {
    background: #f3f6fa;
    padding-top: 70px;
    padding-bottom: 0;
}

.footer__about {
    margin-bottom: 30px;
}

.footer__about ul li {
    font-size: 14px;
    color: #1c1c1c;
    line-height: 1.7;
    list-style: none;
}

.footer__about__logo {
    margin-bottom: 15px;
}

.footer__about__logo a {
    display: inline-block;
}

.footer__widget {
    margin-bottom: 30px;
    overflow: hidden;
}

.footer__widget h6 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer__widget ul {
    width: 50%;
    float: left;
}

.footer__widget ul li {
    list-style: none;
}

.footer__widget ul li a {
    color: #1c1c1c;
    font-size: 14px;
    line-height: 32px;
}

.footer__widget p {
    font-size: 14px;
    color: #1c1c1c;
    margin-bottom: 30px;
}

.footer__widget form {
    position: relative;
    margin-bottom: 30px;
}

.footer__widget form input {
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    color: #1c1c1c;
    height: 46px;
    border: 1px solid #ededed;
}

.footer__widget form input::placeholder {
    color: #1c1c1c;
}

.footer__widget form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 26px;
    height: 100%;
}

.footer__widget .footer__widget__social a,
.footer__widget__appicon a {
    display: inline-block;
    height: 41px;
    width: 41px;
    font-size: 16px;
    color: #404040;
    border: 1px solid #ededed;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child,
.footer__widget__appicon a:last-child {
    margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
    background: var(--default-color, #7fad39);
    color: #ffffff;
    border-color: #ffffff;
}

.footer .footer__widget__appicon {
    margin: 18px 0;
}

.footer__widget__social a i.fa,
.footer__widget__appicon a i.fa {
    margin: 11px 0;
}

.footer__copyright {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    overflow: hidden;
    margin-top: 20px;
}

.footer__copyright__text {
    font-size: 14px;
    color: #1c1c1c;
    float: left;
    line-height: 25px;
}

.footer__copyright__payment {
    text-align: center;
}

.modal-body .site-logo-cls {
    width: 100%;
    text-align: center;
}

button.btn.btn-primary.site-btn i.fa.fa-android,
button.btn.btn-primary.site-btn i.fa.fa-apple {
    font-size: 24px;
    margin: 0 5px;
}

.footer__widget__appicon img.playstore-footer-icon {
    margin: 7px 10px;
}

.footer__widget__appicon img.ios-footer-icon {
    margin: 7px;
}

/*---------------------
  Feedback
-----------------------*/

.panel-group.feedback-main-cls .panel-heading.feedback-inner-cls h4.panel-title {
    background: var(--default-color, #7fad38);
    padding: 15px;
    margin: 10px;
}

.panel-group.feedback-main-cls .panel-body {
    padding: 20px;
}

.panel-group.feedback-main-cls .panel-heading.feedback-inner-cls h4.panel-title a {
    color: #fff;
}

.panel-group.feedback-main-cls .panel-heading.feedback-inner-cls h4.panel-title a i.fa.fa-angle-right {
    float: right;
}

section.feedback .mm-dropdown {
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 3px;
}

section.feedback .mm-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0;
}

section.feedback .mm-dropdown ul li,
section.feedback .mm-dropdown div.textfirst {
    padding: 0;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 5px 15px;
}

section.feedback .mm-dropdown div.textfirst img.down {
    float: right;
    margin-top: 5px;
}

section.feedback .mm-dropdown ul li:last-child {
    border-bottom: 0;
}

section.feedback .mm-dropdown ul li {
    display: none;
    padding-left: 25px;
}

section.feedback .mm-dropdown ul li.main {
    display: block;
}

section.feedback .mm-dropdown ul li.input-option.list-group-item span {
    margin: 20px;
    font-weight: 600;
}

section.feedback .mm-dropdown .textfirst span {
    margin-left: 15px;
    font-weight: 600;
}

section.feedback .mm-dropdown ul li img {
    width: 50px;
    height: 50px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
    padding-top: 80px;
    padding-bottom: 50px;
}

.contact__widget {
    margin-bottom: 30px;
}

.contact__widget span {
    font-size: 36px;
    color: var(--default-color, #7fad39);
}

.contact__widget h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 18px;
}

.contact__widget p {
    color: #666666;
    margin-bottom: 0;
}

/*---------------------
  Change Order
-----------------------*/

.change-order-sec h4.mb-4.order_amount_heading {
    padding: 14px;
    background: #ededed;
    color: #222;
    font-weight: 700;
    font-size: 18px;
}

.change-order-sec h4.mb-4.order_amount_heading span#orderAmt {
    font-weight: 600;
}

.change-order-sec h4.mb-4.order_amount_heading span {
    font-weight: 300;
}

.change-order-sec .d-flex.justify-content-between h3.product_title {
    font-weight: 600;
}

.change-order-sec .d-flex.justify-content-between .product_price {
    font-size: 30px;
    margin: 10px 0;
    font-weight: 600;
    color: var(--default-color, #7fad38);
}

.change-order-sec .def-number-input.number-input.safari_only.mb-0.w-100 .quantity {
    border: 1px solid #ebebeb;
}

.change-order-sec p.mb-2.text-uppercase {
    font-size: 18px;
    color: #111;
}

section.change-order-main-cls.spad .justify-content-between {
    justify-content: space-around !important;
    margin: 20px 0;
}

/*---------------------
  Map
-----------------------*/

.map {
    height: 500px;
    position: relative;
}

.map iframe {
    width: 100%;
}

.map .map-inside {
    position: absolute;
    left: 50%;
    top: 160px;
    -webkit-transform: translateX(-175px);
    -ms-transform: translateX(-175px);
    transform: translateX(-175px);
}

.map .map-inside i {
    font-size: 48px;
    color: var(--default-color, #7fad39);
    position: absolute;
    bottom: -75px;
    left: 50%;
    -webkit-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    transform: translateX(-18px);
}

.map .map-inside .inside-widget {
    width: 350px;
    background: #ffffff;
    text-align: center;
    padding: 23px 0;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
    box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    border: 12px solid transparent;
    border-top: 30px solid #ffffff;
    content: "";
    z-index: -1;
}

.map .map-inside .inside-widget h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1c1c1c;
    margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
    list-style: none;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
    margin-bottom: 50px;
    text-align: center;
}

.contact__form__title h2 {
    color: #1c1c1c;
    font-weight: 700;
}

.contact-form {
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact-form form input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 20px;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.contact-form form input::placeholder {
    color: #6f6f6f;
}

.contact-form form textarea {
    width: 100%;
    height: 150px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 20px;
    margin-bottom: 24px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-top: 12px;
    resize: none;
}

.contact-form form textarea::placeholder {
    color: #6f6f6f;
}

/* .contact-form form button {
    font-size: 18px;
    letter-spacing: 2px;
} */

/*---------------------
  Wallet Form
-----------------------*/

.wallet-main-sec .wallet {
    margin: 0 auto;
    border-radius: 5px;
    background-color: #ffffff;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    display: flex;
}

.wallet-main-sec .wallet-cls-xls-sec {
    margin: 25px 0;
}

.wallet-main-sec .wallet-balance-money-cls h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
}

.wallet-main-sec #balance {
    font-size: 28px;
    font-weight: 600;
    color: #111111;
}

.wallet-main-sec .modal-body>h5 {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

.wallet-main-sec ul.nav.nav-pills.wallet-nav-pills-cls {
    width: 100%;
    background: var(--default-color, #7fad39);
    padding: 10px;
    text-align: center;
}

.wallet-main-sec ul.nav.nav-pills.wallet-nav-pills-cls li a {
    color: #000;
    font-size: 22px;
}

.wallet-main-sec ul.nav.nav-pills.wallet-nav-pills-cls li a.active {
    color: #fff;
}

.wallet-main-sec ul.nav.nav-pills.wallet-nav-pills-cls li {
    width: 33.3%;
}

.wallet-main-sec .tab-content .tab-pane.fade.active.show h3 {
    padding: 20px 0;
}

.wallet-balance-money-cls {
    width: 100%;
}

button.btn.btn-success.btn-info.pull-left.Please.Add.Payment.Method.bootbox-accept {
    display: none;
}

label.Please.Add.Payment.Method {
    color: var(--default-color, #7fad39);
    font-size: 18px;
    font-weight: 600;
}

/*---------------------
  Page Scroll
-----------------------*/
.wrap-new-sub-categories {
    padding: 0 !important;
}
.wrap-new-sub-categories .hero__categories__all {
    background: var(--default-color, #7fad39) !important;
    position: relative;
    padding: 15px !important;
    cursor: pointer;
    color: #fff;
}
.wrap-new-sub-categories .hero__categories__all span {
    margin-bottom: 0;
}
.wrap-new-sub-categories .hero__categories__all:after {
    position: absolute;
    right: 18px;
    top: 3px;
    content: "3";
    font-family: "ElegantIcons";
    font-size: 34px;
    color: #ffffff;
}
.wrap-new-sub-categories ul.overflow-auto {
    padding: 16px 0px;
}
.sub-categories.hero__categories.bg-white.border-0 .overflow-auto {
    overflow: hidden !important;
}

#scrollBtn {
    display: inline-block;
    background: var(--default-color, #7fad39);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 100px;
    right: 40px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#scrollBtn::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 45px;
    color: #fff;
}

#scrollBtn:hover {
    cursor: pointer;
    background-color: #333;
}

#scrollBtn:active {
    background-color: #555;
}

#scrollBtn.show {
    opacity: 1;
    visibility: visible;
}

/*---------------------
  Custom Css
-----------------------*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--default-color, #7fad39);
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

section.product-details.spad.customPage img {
    height: auto;
    width: auto;
}

/* Forget Password page css */

button.btn.btn-primary.send_forgetEmail {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

button.btn.btn-primary.send_forgetEmail:focus {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
    box-shadow: 0 0 0 0.2rem var(--default-color, #7fad39) !important;
}

/* Profile Page css */

.col-sm-3 h4.text-uppercase.font-weight-bold.mb-3 {
    background: var(--default-color, #7fad39);
    display: inline-block;
    color: #fff;
    padding: 3px;
    font-size: 18px;
    border-radius: 4px;
    font-weight: 600 !important;
}

.col-sm-3 span.trash-address-cls {
    float: right;
    font-size: 24px;
    color: #dc3545;
}

.col-sm-3 p.subs-order-count-cls span {
    float: right;
}

.col-sm-3 p.subs-order-count-cls {
    width: 100%;
    float: left;
}

.col-sm-3 p.subs-order-count-cls label {
    font-weight: 600;
    float: left;
}

.col-sm-3 p.enable-disable-addr-cls label.switch {
    float: right;
}

.col-sm-3 p.enable-disable-addr-cls span {
    font-weight: 600;
    float: left;
}

.col-sm-3 p.enable-disable-addr-cls {
    width: 100%;
    float: left;
}

.hero__search.inner_pages_search .hero__search__form {
    float: none !important;
    margin: 0 auto;
}

.hero__search.inner_pages_search .hero__search__form form input {
    height: 42px !important;
}

.col-sm-3.addr-text-cls h4.text-uppercase.font-weight-bold.mb-3 {
    display: block !important;
    text-align: center;
}

.col-sm-3 span.add-addr-box-cls {
    width: 100%;
    float: left;
    text-align: center;
}

.col-sm-3 span.add-addr-box-cls i.fa.fa-plus-square {
    font-size: 150px;
    color: #cccccc;
}

.col-sm-3 span.add-addr-box-cls i.fa.fa-plus-square:hover {
    color: var(--default-color, #7fad39);
}

.d-flex.justify-content-center.align-items-center button.shadow.btn.btn-primary.m-2 {
    background: var(--default-color, #7fad39);
    border-color: var(--default-color, #7fad39);
}

/* Signup Page css */

.form-group p.form-content-cls {
    background: var(--default-color, #7fad38);
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 0 auto;
}

.col-sm-12.address_fields.hide_show_address div#show_addbank_sec,
.col-sm-12.address_fields.hide_show_address div#lat_long_address,
form#addAddress1 div#apartment_addr_Sec,
form#addAddress1 div#show_addbank {
    padding: 10px;
    border: 1px solid #ced4da;
}

div#bank_info_sec tbody tr,
div#bank_infoID tbody tr {
    width: 50%;
    float: left;
}

div#bank_info_sec tbody tr td,
div#bank_infoID tbody tr td {
    width: 100%;
    float: left;
}

.form-group p.response-content-cls {
    background: #315b1b;
    width: 100%;
    padding: 10px;
    float: left;
    border: 1px solid #ced4da;
    border-radius: 10px;
}

.form-group p.response-content-cls span {
    width: 100%;
    color: #fff;
    float: left;
    line-height: 25px;
}

/* Bank Details Page css */

section.bank-sec-cls.spad .show_addbank_sec {
    width: 100%;
    border: 1px solid #ced4da;
    padding: 10px;
}

header.header .header__cart .notification_tooltip {
    position: relative;
}

header.header .header__cart .notification_tooltip .notification_tooltiptext {
    visibility: hidden;
    /* width: 370px; */
    background-color: var(--default-color, #7fad38);
    color: #fff;
    text-align: left;
    border-radius: 3px;
    padding: 5px;
    line-height: 24px;
    padding: 5px 10px 5px;
    position: absolute;
    z-index: 1;
    max-height: 100px;
    min-height: auto;
    overflow-y: auto;
}

header.header .header__cart .notification_tooltip:hover .notification_tooltiptext {
    visibility: visible;
}

header.header .header__cart .notification_tooltip p.notification_tooltiptext i.fa.fa-bell {
    color: #fff;
    font-size: 14px;
    margin: 0 5px;
    line-height: 24px;
    text-transform: capitalize;
}

header.header .header__cart .notification_tooltip .no-notification-cls-xls {
    display: block;
    text-align: center;
}

header.header .header__cart .notification_tooltip p.notification_tooltiptext i.fa.fa-bell:hover {
    color: #000 !important;
}

/* App Notification css */
.alert.warningInfo {
    color: #ffffff;
    background-color: var(--default-color, #7fad38);
    border-color: #060709;
}

#appNotification .modal-content {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

/* Invite friends popup css */

#invite_friends_show .share-socialicons-cls {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}

#invite_friends_show .share-socialicons-cls a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 8px;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    opacity: 1;
    transition: opacity 0.15s linear;
}

#invite_friends_show .share-socialicons-cls a:hover {
    opacity: 0.75;
}

#invite_friends_show .share-socialicons-cls i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#invite_friends_show .modal-header {
    border-bottom: none !important;
}

.share-socialicons-cls .facebook {
    background: #3b5998;
}

.share-socialicons-cls .twitter {
    background: #55acee;
}

.share-socialicons-cls .googleplus {
    background: #dd4b39;
}

.share-socialicons-cls .linkedin {
    background: #0077b5;
}

.share-socialicons-cls .pinterest {
    background: #cb2027;
}

.modal-content h4.modal-title.invite_friends_title {
    width: 100%;
    text-align: center;
    font-weight: 600;
}

/* Next Order Page css */

section.next-order-main-cls.spad .d-flex.justify-content-center h5 {
    line-height: 2.2em;
}

section.next-order-main-cls.spad .d-flex.justify-content-center {
    margin: 20px 0;
}

section.next-order-main-cls.spad i.fa.fa-shopping-cart,
section.next-order-main-cls.spad i.fa.fa-map-marker {
    color: #315b1b;
    margin-right: 8px;
    font-size: 24px;
}

section.next-order-main-cls.spad .view.zoom.overlay.z-depth-1.rounded.mb-3.mb-md-0 h6 {
    text-align: center;
}
.apartment_addr_Sec label {
    margin-bottom: 6px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1540px) {

    .progress-bar-steps .step .label {
        font-size: 13px;
    }
    .header__top__right__language:after {
        right: -16px;
    }
    .py-4-signup .inner-backgroud {
        max-width: 450px !important;
        margin-left: 30px;
    }
    .login-form form#adminupload {
        max-width: 450px;
    }

        .login-form {
            padding-left: 50px !important;
        }
    .py-4-signup.bg-img-wrap {
        padding: 40px 0;
    }

    .header__top__right__language {
        margin-right: 28px;
    }

    .header__top__right__auth a {
        font-size: 12px;
    }

    .hero__search__form form input {
        font-size: 12px;
    }

    .txt-grey {
        font-size: 12px;
    }

    .hero__search__form {

        height: 40px;

    }

    .hero__search__form form input {
        height: 38px;
    }

    #hover-menu-trigger:after {
        height: 5px;
        width: 5px;

    }

    .header__top__right__social a {

        margin-right: 18px;
    }
}
@media only screen and (min-width: 993px) and (max-width: 1058px) {
    .hero__categories__all:after {
        right: 0 !important;
    }
}

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

    .left-side-login h1 {
        font-size: 38px;
    }
    .left-side-login .scanner-img {
        max-width: 180px;
    }
    .left-side-login p {
        padding-top: 8px;
        font-size: 20px;
        margin-bottom: 26px;
    }
    .future-strip .cus-ham-btn:before {
        display: none;
    }

    .multi_login {
        padding-left: 20px;
    }

    .future-header .header__menu>.header-links>li>a {
        font-size: 12px;
    }

    .branch-name {
        font-size: 12px;
    }

    .future-strip .link-btn {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .wallet-main-sec .wallet-cls-xls-sec {
        margin-top: 0;
    }
    .d-flex.wrap-auto-width-mobile {
        width: 100%;
    }
    .width-100-mobile{
        max-width: 100%;
    }
    .text-center-mobile{
        text-align: center !important;
    }
    .left-side-login{
        text-align: center;
    }
    .d-flex-tab {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .wrap-working-hrs {
        right: 0;
        width: 100%;
        top: 110%;
        top: 41px;
    }
      .mobile-wrap-responisve {
        justify-content: center !important;
        margin-top: 14px;
    }
    .wrap-d-dlex-column {
        display: block;
    }

    .justify-content-center-mobile {
        justify-content: center;
    }

    .justify-content-center-tablet{
        justify-content: center !important;
    }

    .fullscreenImage {
        padding: 20px;
    }
    
    .fullscreenImage img {
        max-width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 1600px) {
    .direct_pay_section , .payment_methods_section{
        grid-template-columns: 1fr;
    }
   
    .wrap-form-addded .form-control {
        font-size: 13px;
    }
    .categories__slider {
        padding: 0 30px;
        position: relative;
    }

    .categories__slider.owl-carousel .owl-nav button {
        left: 0;
    }

    .categories__slider.owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    /* .header .container {
        max-width: 100% !important;
    } */
    .header__menu ul li {
        margin-right: 30px;
    }
}



@media (max-width: 1200px) {
        .mt-20-mobile{
        margin-top: 22px;
    }
    
    .header__menu ul li {
        margin-right: 9px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 85% !important;
        margin: 0 auto;
    }

    .list-group-item {
        border: 0px;
    }

    .item.list-group-item.border.mb-border {
        border: 1px solid #ebebeb !important;
    }
}

@media (max-width: 1400px) and (min-width: 1200px) {
    .container {
        max-width: 87%;
    }
}
@media (min-width: 993px) {
    .wrap-form-addded .form-control {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .display-desktop-mobile {
        display: none;
    }
}

@media (max-width: 992px) {
    .display-mobile-wrap {
        display: none;
    }

    .row.display-block-tab {
        display: block;
    }
    .display-block-tab .col-md-6 {
        max-width: 100%;
    }
    .login-form {
        margin-top: 38px;
    }
    .wrap-new-layout-breadcrumb h1.text-truncate.mb-3 {
        font-size: 65px;
    }
    .header .header__top__right__social {
        display: none;
    }

    .header .header__logo {
        margin: auto;
    }

    .header .hero__search__form {
        max-width: 600px;
        margin: 0 auto;
        float: none;
    }

    .header .hero__search__phone {
        margin: auto;
    }

    /* .header .hero__search__phone__text {float: right;} */
}

/* Medium Device = 1200px */
@media only screen and (min-width: 768px) and (max-width: 1240px) {
.ck-table-resized .image_resized {
    height: 150px !important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1540px) {
    .responsive-tablet-wrap .site-btn {
        padding: 12px;
        font-size: 13px;
    }
    button.site-btn.place_order {
        padding: 12px;
        white-space: nowrap;
    }
    .header__top__right__language:after {
        right: -16px;
    }

    .header__top__right__language {
        margin-right: 28px;
    }

    .header__top__right__auth a {
        font-size: 12px;
    }

    .hero__search__form form input {
        font-size: 12px;
    }

    .txt-grey {
        font-size: 12px;
    }

    .hero__search__form {

        height: 40px;

    }

    .hero__search__form form input {
        height: 38px;
    }

    #hover-menu-trigger:after {
        height: 5px;
        width: 5px;

    }

    .header__top__right__social a {

        margin-right: 18px;
    }

    .spacer {
        height: 310px;
    }

    .hero__search__form {
        width: 200px !important;
    }

    .hero__categories__all {
        padding: 10px 25px 10px 20px !important;
    }
    .hero__categories__all:after{
        right: 12px;
        top: -2px;
    }


    .latest-product__slider.owl-carousel .owl-nav {
        right: 0;
    }

    .product__details__tab .nav-tabs:before {
        width: 265px;
    }

    .product__details__tab .nav-tabs:after {
        width: 265px;
    }

    .shoping__discount form input {
        width: 240px;
    }

    .product__item__text h5 button.site-btn.add_to_cart {
        width: 80%;
    }

    .product__item__text h5 a button.site-btn.subscribe_button {
        width: 80%;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .list-group-item {
        border: 0px;
    }

    .item.list-group-item.border.mb-border {
        border: 1px solid #ebebeb !important;
    }
}

/* Tablet Device = 768px */

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

    .tab-view-alignment {
        display: flex;
    }
   
    .wrap-new-layout-breadcrumb h1 {
        font-size: 65px !important;
    }


    button.close-btn {
        right: -15px !important;
    }

    .multiselect-container {
        min-width: 50px !important;
    }

    .spacer {
        height: 372px;
    }

    .hero__categories {
        margin-bottom: 30px;
    }

    .hero__search__form {
        width: 485px;
    }

    .login-form form {
        width: 65% !important;
    }

    .categories__slider.owl-carousel .owl-nav button {
        left: -20px;
    }

    .categories__slider.owl-carousel .owl-nav button.owl-next {
        right: -20px;
    }

    .filter__sort .nice-select {
        padding-left: 5px;
        padding-right: 28px;
    }

    .product__details__quantity {
        margin-bottom: 10px;
    }

    .product__details__text .primary-btn {
        margin-bottom: 10px;
    }

    .product__details__tab .nav-tabs:before {
        width: 150px;
    }

    .product__details__tab .nav-tabs:after {
        width: 150px;
    }

    .blog__details__author {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .humberger__open {
        display: block;
        font-size: 22px;
        color: #1c1c1c;
        height: 35px;
        width: 35px;
        line-height: 33px;
        text-align: center;

        cursor: pointer;
        position: absolute;
        left: 15px;
        top: 12px;
    }

    .header .container {
        position: relative;
    }

    .humberger__menu__wrapper {
        width: 300px;
        background: #ffffff;
        position: fixed;
        left: -300px;
        top: 0;
        height: 100%;
        overflow-y: auto;
        z-index: 99;
        padding: 30px;
        padding-top: 50px;
        opacity: 0;
        display: block;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__wrapper.show__humberger__menu__wrapper {
        opacity: 1;
        left: 0;

    }

    .humberger__menu__logo {
        margin-bottom: 20px;
    }

    .humberger__menu__logo a {
        display: inline-block;
    }

    .humberger__menu__contact {
        padding: 10px 0 13px;
    }

    .humberger__menu__contact ul li {
        font-size: 14px;
        color: #1c1c1c;
        position: relative;
        line-height: 30px;
        list-style: none;
    }

    .humberger__menu__contact ul li i {
        color: #252525;
        margin-right: 5px;
    }

    .humberger__menu__cart ul {
        display: inline-block;
        margin-right: 25px;
    }

    .humberger__menu__cart ul li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

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

    .humberger__menu__cart ul li a {
        position: relative;
    }

    .humberger__menu__cart ul li a i {
        font-size: 18px;
        color: #1c1c1c;
    }

    .humberger__menu__cart ul li a span {
        height: 13px;
        width: 13px;
        background: var(--default-color, #7fad39);
        font-size: 10px;
        color: #ffffff;
        line-height: 13px;
        text-align: center;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -12px;
    }

    .humberger__menu__cart .header__cart__price {
        font-size: 14px;
        color: #6f6f6f;
        display: inline-block;
    }

    .humberger__menu__cart .header__cart__price span {
        color: #252525;
        font-weight: 700;
    }

    .humberger__menu__cart {
        margin-bottom: 20px;
    }

    .humberger__menu__widget {
        margin-bottom: 20px;
    }

    .humberger__menu__widget .header__top__right__language {
        margin-right: 20px;
    }

    .humberger__menu__nav {
        display: none;
    }

    .humberger__menu__wrapper .header__top__right__social {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .humberger__menu__wrapper .slicknav_btn {
        display: none;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
        border-bottom: none !important;
    }

    .humberger__menu__wrapper .slicknav_nav {
        display: block !important;
    }

    .humberger__menu__wrapper .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 30px;
    }

    .humberger__menu__wrapper .slicknav_nav ul {
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a {
        color: #1c1c1c;
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a:hover {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: transparent;
        color: var(--default-color, #7fad39);
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_row,
    .humberger__menu__wrapper .slicknav_nav a {
        padding: 8px 0;
    }

    .humberger__menu__overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        z-index: 98;
        visibility: hidden;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__overlay.active {
        visibility: visible;
    }

    .header__top {
        display: none;
    }

    .header__menu {
        display: none;
    }

    .header__cart {
        text-align: center;
        padding: 10px 0 24px;
    }

    .over_hid {
        overflow: hidden;
    }

    .col-lg-12.col-md-12 ol {
        padding: 0 15px;
    }

    .hero__search__phone__icon i.fa.fa-phone {
        margin: 17px 0;
    }

    .humberger__open i.fa.fa-bars {
        margin: 6px 0;
    }

    .featured {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .featured__item__text button.site-btn.add_to_cart {
        padding: 13px 5px 12px !important;
    }

    .featured__item__text a button.site-btn.subscribe_button {
        padding: 13px 5px 12px !important;
    }

    .footer__widget__social a i.fa {
        margin: 12px 0;
    }

    .product .col-lg-4.buttom_30.item.grid-group-item {
        width: 50%;
    }

    .list-group-item {
        border: 0px;
    }

    .product__item__text h5 button.site-btn.add_to_cart {
        width: 80%;
    }

    .product__item__text h5 a button.site-btn.subscribe_button {
        width: 80%;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .item.list-group-item.border.mb-border {
        border: 1px solid #ebebeb !important;
    }

    .featured__item__pic a div {
        background-size: contain !important;
        background-position: center center !important;
        width: 100% !important;
        height: 100% !important;
        background-repeat: no-repeat !important;
    }
}

/* Wide Mobile = 480px */

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


    .d-block-mobile {
        display: block !important;
    }
    .package-selector .form-check {
        padding-left: 0;
        margin-bottom: 8px;
    }
    .detail-order-flex {
        display: block;
        font-size: 15px;
    }
    .detail-order-flex .f-bold {
        font-size: 16px;
    }
    
    .site-btn {
        font-size: 12px;
        padding: 10px;
    }
    h4 {
        font-size: 18px;
    }
    .delete-account-wrap h2.header-text {
        font-size: 24px;
    }
    .term-condition-wrap p {
        font-size: 14px;
    }
    .delete-account-wrap input[type="checkbox"] {
        width: 100px;
    }
    section.delete-account-wrap {
        padding: 20px;
    }
    .wallet_coupon_wrap .Continue {
        width: 100%;
    }
    .header__top__right__auth a {
        max-width: 88px;
    }
    .header__top__right__language {
        margin-right: 24px;
    }
    .header__top__right__language:after {
        right: -13px;
    }
    .wrap-notification {
        margin-right: 8px;
    }

    .upload-receipt-wrap {
        width: 100%;
        max-width: 100%;
        margin-bottom: 12px;
    }
    .android-img {
        max-width: 100px;
    }
    .left-side-login p {
        font-size: 18px !important;
    }

    .left-side-login h1 {
        font-size: 42px !important;
        line-height: 55px !important;
    }
    img.ios-img {
        max-width: 99px;
    }
    form#adminupload {
        padding: 25px !important;
    }
    
    .inner-backgroud {
        padding: 25px !important;
    }
    .slicknav_menu .dropdown-content li {
        padding: 12px 0 0px 33px !important;
    }
    .tab-view-alignment {
        display: flex;
    }
    .ck-table-resized .image_resized {
        height: 96px !important;
        object-fit: cover;
    }


    .digit-group {
        display: block;
    }



    .spacer {

        height: 165px;
    }

    .product-details .product__details__text h2 {
        font-size: 28px;
    }

    .mega-menu-list {
        max-height: 230px;
        overflow: auto;
    }

    .mega-menu-list.break,
    .mega-menu-list.break-2 {
        display: block;
        min-width: auto;
        overflow-x: hidden;
    }

    .sub-hover-menu .dropdown-menu {
        position: static;
        min-width: 100%;
    }

    .header__menu .hover-dropdown li {
        flex: 0 0 100%;
        max-width: 100%;
        ;
    }

    .mega-menu-list:after {
        display: none;
    }

    .hover-dropdown a {
        border: none;
    }

    .categories__slider {
        padding: 0;
    }

    .header__menu>.header-links>li:not(:first-child) {
        display: none;
    }

    .header .hover-dropdown {
        flex-direction: column;
    }

    .banner__slider.owl-carousel .textoverlay h5 {
        font-size: 36px;
        font-weight: 600;
    }

    .banner__slider .hero__item {
        height: auto;
    }

    /* .banner__slider .hero__item {
        max-height: 258px;
    } */
    .hero__categories {
        margin-bottom: 30px;
    }

    .hero__search {
        margin-bottom: 30px;
    }

    .hero__search__form {
        width: 100% !important;
    }

    .hero__search__form form input {
        width: 100%;
    }

    .hero__search__form form .hero__search__categories {
        display: none;
    }

    /* .hero__search__phone {
        float: left;
        margin-top: 30px;
    } */
    .categories__slider.owl-carousel .owl-nav {
        text-align: center;
        margin-top: 20px;
    }

    .categories__slider.owl-carousel .owl-nav button {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
    }

    .categories__slider.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .digit-group input {
        margin: 0px 2px !important;
    }

    /* Page scroll css */
    #scrollBtn {
        width: 40px;
        height: 40px;
    }

    #scrollBtn::after {
        font-size: 1em;
        line-height: 40px;
    }

    .footer__copyright {
        text-align: center;
    }

    .footer__copyright__text {
        float: none;
        margin-bottom: 25px;
    }

    .footer__copyright__payment {
        float: none;
    }

    .filter__item {
        text-align: center;
    }

    .filter__option {
        text-align: center;
    }

    .product__details__pic {
        margin-bottom: 40px;
    }

    .product__details__tab .nav-tabs:before {
        display: none;
    }

    .product__details__tab .nav-tabs:after {
        display: none;
    }

    .shoping__cart__table {
        overflow-y: auto;
    }

    .shoping__discount form input {
        margin-bottom: 15px;
    }

    .blog__details__author {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .humberger__open {
        display: block;
        font-size: 22px;
        color: #1c1c1c;
        height: 35px;
        width: 35px;
        line-height: 33px;
        text-align: center;

        cursor: pointer;
        position: absolute;
        left: 15px;
        top: 21px;
    }


    .header .container {
        position: relative;
    }

    .humberger__menu__wrapper {
        width: 300px;
        background: #ffffff;
        position: fixed;
        left: -300px;
        top: 0;
        height: 100%;
        overflow-y: auto;
        z-index: 9999;
        padding: 30px;
        opacity: 0;
        display: block;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__wrapper.show__humberger__menu__wrapper {
        opacity: 1;
        left: 0;
    }

    .humberger__menu__logo {
        margin-bottom: 30px;
    }

    .humberger__menu__logo a {
        display: inline-block;
    }

    .humberger__menu__contact {
        padding: 10px 0 13px;
    }

    .humberger__menu__contact ul li {
        font-size: 14px;
        color: #1c1c1c;
        position: relative;
        line-height: 30px;
        list-style: none;
    }

    .humberger__menu__contact ul li i {
        color: #252525;
        margin-right: 5px;
    }

    .humberger__menu__cart ul {
        display: inline-block;
        margin-right: 25px;
    }

    .humberger__menu__cart ul li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

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

    .humberger__menu__cart ul li a {
        position: relative;
    }

    .humberger__menu__cart ul li a i {
        font-size: 18px;
        color: #1c1c1c;
    }

    .humberger__menu__cart ul li a span {
        height: 13px;
        width: 13px;
        background: var(--default-color, #7fad39);
        font-size: 10px;
        color: #ffffff;
        line-height: 13px;
        text-align: center;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -12px;
    }

    .humberger__menu__cart .header__cart__price {
        font-size: 14px;
        color: #6f6f6f;
        display: inline-block;
    }

    .humberger__menu__cart .header__cart__price span {
        color: #252525;
        font-weight: 700;
    }

    .humberger__menu__cart {
        margin-bottom: 25px;
    }

    .humberger__menu__widget {
        margin-bottom: 15px;
    }

    .humberger__menu__widget .header__top__right__language {
        margin-right: 20px;
    }

    .humberger__menu__nav {
        display: none;
    }

    .humberger__menu__wrapper .header__top__right__social {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .humberger__menu__wrapper .slicknav_btn {
        display: none;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
        border-bottom: none !important;
    }

    .humberger__menu__wrapper .slicknav_nav {
        display: block !important;
    }

    .humberger__menu__wrapper .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 30px;
    }

    .humberger__menu__wrapper .slicknav_nav ul {
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a {
        color: #1c1c1c;
        font-size: 16px;
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a:hover {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: transparent;
        color: var(--default-color, #7fad39);
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_row,
    .humberger__menu__wrapper .slicknav_nav a {
        padding: 8px 0;
    }

    .humberger__menu__overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        z-index: 98;
        visibility: hidden;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__overlay.active {
        visibility: visible;
    }

    .header__top {
        display: none;
    }

    .header__menu {
        display: none;
    }

    .header__cart {
        text-align: center;
        padding: 10px 0 24px;
    }

    .over_hid {
        overflow: hidden;
    }

    .table_row .table_cell h5 {
        display: block !important;
    }

    .humberger__open i.fa.fa-bars {
        margin: 6px 7px;
    }

    .featured__item__text .site-btn {
        padding: 13px 7px 12px !important;
    }

    .featured {
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .login-form form {
        width: 100% !important;
    }

    .product-details {
        padding-top: 40px;
    }

    .right-trans h4#balance {
        font-size: 24px;
    }

    .spad {
        padding-bottom: 0;
    }

    .wallet.active .right-trans {
        padding: 30px;
    }

    .col-lg-12.col-md-12 ol {
        padding: 0px 15px;
    }

    .trans-details h3.trans-name {
        font-size: 18px;
    }

    td.common-order-detail-inner-cls {
        width: 100% !important;
        float: left;
    }

    .footer {
        padding-top: 40px;
        margin-top: 40px;
    }

    .footer__copyright {
        margin: 0px;
    }

    .footer__widget__social {
        text-align: center;
    }

    .footer__widget .footer__widget__social a i.fa {
        margin: 12px;
    }

    .notification_tooltip .notification_tooltiptext {
        width: 100%;
        top: -70px;
        left: -70px;
    }

    a.notification_tooltip p.notification_tooltiptext {
        width: 380px;
    }

    .container .list-group-item {
        border: 0px !important;
    }

    .product .col-lg-4.buttom_30.item.grid-group-item {
        width: 50%;
    }

    .product__item__text h5 button.site-btn.add_to_cart {
        width: 60%;
    }

    .item.list-group-item.border.mb-border {
        border: 1px solid #ebebeb !important;
    }

    .product__item__text h5 a button.site-btn.subscribe_button {
        width: 60%;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .featured__item__pic a div {
        background-size: contain !important;
        background-position: center center !important;
        width: 100% !important;
        height: 100% !important;
        background-repeat: no-repeat !important;
    }

    .hero {
        padding-bottom: 20px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .featured__controls {
        text-align: center;
        margin-bottom: 20px;
    }

    .featured__item {
        margin-bottom: 20px;
    }

    .product__details__pic__slider.owl-carousel .owl-item img {
        object-fit: cover;
        height: 100px;
    }

    .product__details__thumb__slider img.c_item {
        width: 30% !important;
        height: 120px !important;
        margin: 0px 5px !important;
    }

    .row.featured__filter .col-lg-3.col-md-4.col-sm-6.mix {
        width: 50%;
    }

    .featured__item__pic {
        height: 190px;
    }

    .featured__item__text .site-btn {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .next-order-inner-sec.orderinfo__slider.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {
        max-height: 550px;
    }

    .wallet-main-sec.spad ul.nav.nav-pills.wallet-nav-pills-cls a {
        font-size: 16px !important;
        font-weight: 600;
    }

    .wallet-main-sec.spad table.table.text-center.table-hover.table-bordered th {
        font-size: 16px;
    }

    section.product-details.wallet-main-sec.spad h2 {
        font-size: 16px;
        margin: 10px 0;
    }

    .wallet-main-sec.spad .wallet-balance-money-cls h3 {
        font-size: 18px;
    }

    .wallet-main-sec.spad .wallet-balance-money-cls h4#balance {
        font-size: 18px;
        line-height: 30px
    }

    .wallet-main-sec.spad .wallet-add-money-cls button.site-btn.pull-right {
        font-size: 16px;
    }

    .wallet-main-sec.spad .bootbox-body label {
        color: var(--default-color, #7fad39) !important;
    }

    .footer__about {
        text-align: center;
    }
}


/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .hover-dropdown {
        min-width: 260px;
    }

    .mega-menu-outer,
    .hover-list-menu-wrap {
        width: 100%;
    }

    .mega-menu-banner {
        display: none;
    }

    .banner__slider .hero__item {
        height: auto;
    }

    .banner__slider.owl-carousel .textoverlay h5 {
        font-size: 36px;
        font-weight: 600;
    }

    /* .banner__slider .hero__item {
        max-height: 258px;
    } */
    /* .banner .owl-carousel.owl-loaded.owl-drag {
        height: 220px !important;
    } */
    .banner .hero__item {
        /* height: 180px; */
        overflow: hidden;
        object-fit: cover;
        border: 1px solid #e5e5e5;
        border-radius: 15px;
    }

    .digit-group .splitter {
        padding: 0px !important;
        font-size: initial !important;
    }

    .otp_field .digit-group input {
        width: 28px !important;
        height: 28px !important;
    }



    .hero__search__form form .hero__search__categories {
        display: none;
    }

    .col-lg-12.col-md-12 ol {
        padding: 0 15px;
    }

    section.categories .categories__item {
        height: auto;
    }

    /* .categories__item {
        height: auto !important;
    } */
    .featured__controls ul li {
        margin-bottom: 10px;
    }

    .product__details__text ul li b {
        width: 100px;
    }

    .product__details__tab .nav-tabs li {
        margin-right: 20px;
    }

    .shoping__cart__btns {
        text-align: center;
    }

    .primary-btn.cart-btn.cart-btn-right {
        float: none;
        margin-top: 10px;
    }

    .shoping__checkout .primary-btn {
        display: block;
        text-align: center;
        padding: 10px 15px 10px;
    }

    .map .map-inside {
        -webkit-transform: translateX(-125px);
        -ms-transform: translateX(-125px);
        transform: translateX(-125px);
    }

    .map .map-inside .inside-widget {
        width: 250px;
    }

    .product__details__tab .nav-tabs li {
        margin-right: 15px;
    }

    .shoping__discount form input {
        width: 100%;
    }

    .checkout__order {
        padding: 20px;
    }

    .blog__details__hero__text h2 {
        font-size: 24px;
    }

    .add_to_cart {
        width: 50%;
    }

    .subscribe_button {
        width: 48%;
    }

    .hero__categories ul {
        min-height: auto !important;
    }

    .login-form form,
    .get-started form,
    .forgotpassword form,
    .change-password form {
        width: 100% !important;
    }

    .digit-group input {
        margin: 0 1px !important;
    }

    .hero__categories ul {
        display: none;
    }

    .mobile_full_width,
    .mobile_full_width .pro-qty {
        width: 100% !important;
        text-align: center;
    }

    .right-trans h4#balance {
        font-size: 18px;
    }

    .right-trans h1 {
        margin-top: 5px;
        font-size: 20px;
    }

    .right-trans h4 {
        font-size: 24px;
    }

    .trans-amt h4.trans-amt {
        font-size: 16px;
    }

    .trans-details h3.trans-name {
        font-size: 16px;
    }

    .spad {
        padding-bottom: 0;
    }

    .categories__slider.owl-carousel .owl-nav button {
        height: 30px;
        width: 30px;
    }

    .lowerbanner__slider.owl-carousel.owl-loaded.owl-drag {
        margin-top: 10px;

    }

    .site-btn {
        padding: 13px;
        font-size: 14px !important;
    }

    .wallet.active .right-trans {
        padding: 0px;
        margin: 15px auto;
    }

    .trans-details h3.trans-name {
        font-size: 18px;
    }

    .footer__widget__social {
        text-align: center;
    }

    .notification_tooltip .notification_tooltiptext {
        width: 100%;
        top: -70px;
        left: -70px;
    }

    a.notification_tooltip p.notification_tooltiptext {
        width: 270px;
        font-size: 12px;
    }

    /* Page scroll css */
    #scrollBtn {
        width: 35px;
        height: 35px;
    }

    #scrollBtn::after {
        font-size: 1em;
        line-height: 35px;
    }

    section.product.spad .container .row {
        padding: 0 5px;
    }

    .multiselect.dropdown-toggle.btn.btn-default {
        padding: 0.375rem 0.5rem;
    }

    .product .col-lg-4.buttom_30.item.grid-group-item {
        width: 50%;
    }

    .item.list-group-item.border.mb-border {
        border: 1px solid #ebebeb !important;
    }

    .hero {
        padding-bottom: 20px;
    }

    .section-title {
        margin-bottom: 20px;
    }

    .featured__controls {
        text-align: center;
        margin-bottom: 20px;
    }

    .featured__item {
        margin-bottom: 20px;
    }

    .lowerbanner__slider.owl-carousel.owl-loaded.owl-drag {
        margin-top: 10px;
    }

    .product__details__pic__slider.owl-carousel .owl-item img {
        object-fit: cover;
        height: 80px;
    }

    .product__details__thumb__slider img.c_item {
        width: 30% !important;
        height: 100px !important;
        margin: 0px 5px !important;
    }

    .row.featured__filter .col-lg-3.col-md-4.col-sm-6.mix {
        width: 50%;
    }

    .featured__item__pic {
        height: 190px;
    }

    .featured__item__text .site-btn {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 5px;
    }

    .next-order-inner-sec.orderinfo__slider.owl-carousel.owl-loaded.owl-drag .owl-stage-outer {
        max-height: 550px;
    }

    .wallet-main-sec.spad ul.nav.nav-pills.wallet-nav-pills-cls a {
        font-size: 16px !important;
        font-weight: 600;
        padding: 8px 4px;
    }

    .wallet-main-sec.spad table.table.text-center.table-hover.table-bordered th {
        font-size: 16px;
    }

    section.product-details.wallet-main-sec.spad h2 {
        font-size: 16px;
        margin: 10px 0;
    }

    .wallet-main-sec.spad .wallet-balance-money-cls h3 {
        font-size: 18px;
    }

    .wallet-main-sec.spad .wallet-balance-money-cls h4#balance {
        font-size: 18px;
        line-height: 30px;
    }

    .wallet-main-sec.spad .wallet-add-money-cls button.site-btn.pull-right {
        font-size: 16px;
    }

    .wallet-main-sec.spad .bootbox-body label {
        color: var(--default-color, #7fad39) !important;
    }

    .footer__about {
        text-align: center;
    }
}




/* new detail page css */

.planned-days-wrap ul.days-wrap {
    display: flex;
    width: 100%;
    gap: 14px;
    text-align: center;
    border-top:none;
    flex-wrap: wrap;
}
.planned-days-wrap p{
    margin-bottom:0;
    line-height: 15px;
    font-size: 13px;
}
.planned-days-wrap h5 {
    font-weight: 700;
}
.planned-days-wrap {
    border-radius: 6px;
    padding: 40px 15px;
    border-left: 10px solid var(--default-color, #7fad39);

}
.days-wrap h5 {
    font-size: 16px;
    color: var(--default-color, #7fad39);
    font-weight: normal;
}
.days-wrap li {
    background: #fff;
    padding: 4px 13px;
    border-radius: 41px;
    border: 1px solid  var(--default-color, #7fad39);
    opacity: 0.5;
    position: relative;

}
.days-wrap  li.active-day {
    opacity: initial !important;
    background: #fff !important;
    z-index: 1;
}
.custom-wrap-person-quantity .pro-qty input {
    width: 48px;
}
.custom-wrap-person-quantity .dec.qtybtn_meal , .custom-wrap-person-quantity .qtybtn_meal {
    width: 38px;
    display: inline-block;
}
.planned-days-wrap:before {
    position: absolute;
    left: 16px;
    top: 0;
    height: 170px;
    width: 95%;
    background: var(--default-color, #7fad39);
    opacity: 0.1;
    content: "";
}
li.active-day:after {
    content: '';
    position: absolute;
    left: 55px;
    top: -6px;
    right: 0;
    background-image: url(../img/uppar-tick.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

@media only screen and (min-width: 1492px) and (max-width: 1774px) {
    .planned-days-wrap:before {
        height: 223px;
    }
    .planned-days-wrap ul.days-wrap {
        gap: 12px;
    }

}
@media only screen and (min-width: 1095px) and (max-width: 1491px) {
    .planned-days-wrap:before {
        height: 249px;
    }
    .planned-days-wrap ul.days-wrap {
        gap: 12px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1094px) {
    .planned-days-wrap:before {
        height: 298px;
    }
    .planned-days-wrap ul.days-wrap {
        gap: 12px;
    }

}
@media screen and (max-width: 640px) {
    .wrap-working-hrs {
        width: 100%;
        font-size: 13px;
        top: 32px;
    }
    .dropdown-button-language {
        justify-content: center;
        margin-bottom: 15px;
    }

    .mobile-wrap-responisve {
        display: grid !important;
    }
    .mobile-wrap-responisve .header__top__right__social {
        order: 2;
        margin-right: 0 !important;
        margin-top: 8px;
        justify-content: center;

    }
    .mobile-wrap-responisve .header__top__right__social:after{
        display:none;
    }
    .wrap-header-responsive-notify {
        order: 1;
        margin-bottom: 18px;
    }

  .planned-days-wrap ul.days-wrap {
        gap: 12px;
    }
    .planned-days-wrap:before {
        height: 222px;

    }
}
@media screen and (max-width: 540px) {
    .planned-days-wrap:before {
        height: 245px;

    }

}
@media screen and (max-width: 438px) {
    .planned-days-wrap:before {
        height: 302px;

    }
}
@media screen and (max-width: 350px) {
    .planned-days-wrap:before {
        height: 359px;
    }
}

.modal-open .modal {
    z-index: 99999;
}
.table .ck-table-resized td, .table .ck-table-resized th {
    border-top: none !important;
    vertical-align: middle;
}
.ck-table-resized .image_resized {
    height: 350px !important;
    object-fit: cover;
}
.wrap-static-content .image img {
    height: 350px !important;
    object-fit: cover;
    width: 100%;
}
.wrap-static-content figure {
    margin: 0;
}
.wrap-static-content p {
    margin-bottom: 8px;
}

/* header design set */
.wrap-ellipse-txt{
    max-width: 416px;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hero__search__form.w-custom-wrap {
    width: 370px;
}
a.tc {
    color: var(--default-color, #7fad39);
}


/* --------------------------------------- */
.slicknav_menu ul.additional-new-layout-wrap li {
    padding-left: 0;
    background: none;
}

.slicknav_menu  .dropdown-content li {
    padding: 12px 0 0px 33px !important;
}
.additional-new-layout-wrap li img {
    max-width: 19px;
}

.additional-new-layout-wrap li {
    display: flex !important;
    align-items: center;
    margin-right: 0 !important;
    padding-left: 28px;
    gap: 15px;
    padding: 10px 14px 10px 36px;
}
.additional-new-layout-wrap li a {
    padding: 0 !important;
}

.gap-15{
    gap:15px;
}
.additional-new-layout-wrap .dropdown-content li a {
    padding: 3px 0px !important;
}
.dropdown-content li {
    padding: 6px 0 0px 26px !important;
}
.dropdown-content li:hover {
    padding: 6px 0 0px 26px;
    border:none !important
}
.future-header .header-blue .header__menu>ul>li>a:hover:after{
    content: '';
    border-bottom: 2.5px solid var(--default-color, #7fad39);
    width: 40px;
    height: 4px;
    position: absolute;
    top: 40px;
    left: 1px;
    transform-origin: bottom right;
    transition: transform .26s ease-out;
}
span.slicknav_arrow {
    display: none;
}

.invoice-search-wrap i {
    position: absolute;
    right: 12px;
    top: 9px;
}
.slicknav_open .fa-angle-right.arrow {
    transform: rotate(90deg);
}
.invoice-search-wrap input {
    border:none;
    width: 100%;
    padding-right: 34px;
}
.search-container.invoice-search-wrap.form-control {
    max-width: 350px;
    position: relative;
}

.invoice-table-wrap i.fa {
    font-size: 20px;
}
img.invoice-inner-img {
    max-width: 28px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.prolist.brandName {
    text-align: left !important;
    display: block;
    text-transform: uppercase;
    padding-bottom: 5px;
    font-size: 14px;
}
.prodetail.brandName {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
}
.procart.brandName {
    text-transform: uppercase;
    font-size: 14px;
}
.prosub.brandName {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
.proOrder.brandName {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.proCalendar.brandName {
    display: block;
}
.brandName {
    color: #808080;
}