:root {
    --theme-color: rgba(201, 57, 27);
    --theme-bg-font-color: white;
    --theme-font-family: Muli
}

.text-success {
    color: rgba(201, 57, 27)!important;
}

.text-black {
    color: #222!important;
}

.text-danger {
    color: #e84506!important;
}

.bg-warning {
    background-color: rgba(201, 57, 27)!important;
}

.text-primary {
    color: #737373!important;
}

.form-group--block label a {
    color: rgba(201, 57, 27);
    margin-left: 2px;
    font-weight: 600;
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '\2713\0020';
    position: absolute;
    top: 0.29em;
    left: 0.28em;
    font-size: 1em;
    line-height: .8;
    color: rgba(201, 57, 27);
    transition: all .2s;
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
main {
    min-height: 100vh;
}
[type="checkbox"]:checked+label:before {
    border-color: rgba(201, 57, 27);
}

label:hover:before {
    border: 1px solid rgba(201, 57, 27)!important;
}

.ps-product--extention .extention__item i {
    font-size: 24px;
    color: rgba(201, 57, 27);
}

.ps-product--extention .extention__phone {
    font-weight: bold;
    color: rgba(201, 57, 27);
}

.ps-product--extention .extention__footer a {
    color: rgba(201, 57, 27);
    font-weight: 600;
}

.ps-product--extention .extention__footer a:hover {
    color: rgba(201, 57, 27);
    text-decoration: underline;
}

.ps-social--share .ps-social__icon {
    background-color: rgba(201, 57, 27);
    border-radius: 3px;
    color: #222;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 10px 3px;
    white-space: nowrap;
}

.closed_class {
    filter: brightness(.30);
}

.ps-product__offbadge {
    background-color: #ff2c00;
}

.ps-product__offbadge1 {
    background-color: orange;
    position: absolute;
}

.ps-product--detail .ps-product__sale .price-sale {
    color: rgba(201, 57, 27);
    font-weight: bold;
    font-size: 21px;
}

.ps-product--detail .ps-product__category li a:hover {
    color: rgba(201, 57, 27)!important;
}

.ps-product--detail .ps-gallery__item.active .menu_border {
    border-color: rgba(201, 57, 27);
}

.ps-product--detail .ps-product__clear {
    font-weight: 600;
    color: rgba(201, 57, 27)!important;
    text-decoration: underline;
    cursor: pointer;
}

.ps-product--detail .ps-product__group-total span {
    margin-left: 5px;
    color: rgba(201, 57, 27);
    font-weight: bold;
    font-size: 21px;
}

.ps-product--detail .ps-product__coupon .coupon-off {
    border-left: 1px solid #dddddd;
    color: rgba(201, 57, 27);
    font-weight: bold;
    font-size: 31px;
    padding: 0 10px 0 30px;
    width: 100px;
    position: relative;
}

.ps-product--detail .ps-product__more-buy .item-content .store-sale .sale {
    font-weight: bold;
    color: rgba(201, 57, 27);
    margin-right: 5px;
}

.ps-product--detail .ps-product__more-buy .item-view a:hover {
    color: rgba(201, 57, 27);
}

.ps-product--detail .ps-product__buynow {
    background-color: rgba(201, 57, 27);
}

.ps-product--detail .ps-product__header .ps-product__sub .ps-product__customer {
    color: rgba(201, 57, 27);
    font-weight: 600;
    padding: 0 10px 0 15px;
    border-right: 1px solid #dddddd;
    height: 16px;
    line-height: 16px;
}

.ps-product--detail .ps-product__shop i {
    color: rgba(201, 57, 27);
    font-size: 40px;
}

@media (min-width:1200px) {
    .table-responsive {
        overflow-x: initial
    }
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 240px;
    z-index: 1000;
    transition: all .25s ease;
    border: 1px solid #eee;
    background-color: rgba(255, 255, 255, .95);
    visibility: hidden;
    opacity: 0;
}

.sub-menu:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: none;
}

.sub-menu>li {
    display: block;
}

.sub-menu>li>a {
    display: inline-block;
    padding: 10px 20px;
    width: 100%;
    font-size: 15px;
    color: #737373;
    text-transform: capitalize;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
}

.sub-menu>li>a:hover {
    color: rgba(201, 57, 27);
}

.sub-menu>li:last-child a {
    border-bottom: 1px solid #eee;
}

.sub-menu>li.menu-item-has-children {
    position: relative;
}

.sub-menu>li.menu-item-has-children>.sub-toggle {
    display: none;
}

.sub-menu>li.menu-item-has-children>.sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
}

.sub-menu>li.menu-item-has-children>.sub-menu:before {
    display: none;
}

.sub-menu>li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.sub-menu>li:last-child {
    border-bottom: none;
}

.menu {
    position: relative;
}

.menu>li {
    display: inline-block;
    padding: 10px 15px 15px;
    position: relative;
}

.menu>li>a {
    position: relative;
    font-size: 14px;
    color: #222;
    text-transform: capitalize;
    transform-style: preserve-3d;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
}

.menu>li:first-child {
    padding-left: 0;
}

.menu>li:after {
    content: '';
    position: absolute;
    height: 14px;
    right: 0;
    width: 1px;
    background-color: #222;
}

.menu>li:last-child:after {
    display: none;
}

.menu>li.menu-item-has-children {
    position: relative;
}

.menu>li.menu-item-has-children .active {
    opacity: .8;
}

.menu>li.menu-item-has-children .sub-toggle {
    font-size: 10px;
}

.menu>li.menu-item-has-children .sub-toggle i {
    color: #222;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
}

.menu>li.menu-item-has-children .sub-menu {
    visibility: hidden;
    opacity: 0;
    transform: scale3d(1, 1, 0) translateY(30px);
}

.menu>li.menu-item-has-children .mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1002;
}

.menu>li.menu-item-has-children .recent-view {
    right: 0;
    left: auto!important;
    border-radius: 3px;
    padding: 10px 0;
}

.menu>li.menu-item-has-children .recent-view .mega-anchor {
    left: auto;
    right: 80px;
}

.menu>li.menu-item-has-children .recent-view .container {
    padding-left: 70px;
    padding-right: 70px;
}

.menu>li.menu-item-has-children .recent-view .slick-many-item {
    width: 100%;
}

.menu>li.menu-item-has-children .recent-view .recent-item {
    padding: 10px;
}

.menu>li.menu-item-has-children .recent-view .recent-item img {
    border: 1px solid transparent;
}

.menu>li.menu-item-has-children .recent-view .recent-item:hover img {
    position: relative;
    border: 1px solid rgba(201, 57, 27);
}

.menu>li.menu-item-has-children:hover .nav-link {
    opacity: .8;
}

.menu>li.menu-item-has-children:hover .sub-toggle i {
    opacity: .8;
}

.menu>li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
}

.menu>li.has-mega-menu {
    display: inline-flex;
    align-items: center;
}

.menu>li.has-mega-menu .mega-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    visibility: hidden;
    opacity: 0;
    transform: scale3d(1, 1, 0) translateY(30px);
}

.menu>li.has-mega-menu:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1) translateY(0);
}

.menu>li.current-menu-item>a {
    color: rgba(201, 57, 27);
}

.menu>li.current-menu-item .sub-toggle {
    color: #ffffff;
}

@media (max-width:1199px) {
    .menu>li>a {
        font-size: 1.5rem;
        padding: 1rem 0;
        line-height: 20px
    }
    .menu>li.menu-item-has-children>.sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        transition: all 0s ease
    }
    .menu>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-toggle {
        height: 40px;
        width: 40px
    }
    .menu>li.current-menu-item {
        border-left: 2px solid #f7f7f7;
        padding-left: 1rem
    }
    .menu>li.current-menu-item>a:before {
        display: none
    }
}

.menu--mobile .sub-menu {
    position: relative;
    display: none;
    transform: translate(0, 0);
    visibility: visible;
    opacity: 1;
    transition: all 0s ease;
    border: none;
}

.menu--mobile .sub-menu>li>a {
    border: none;
    padding: 10px 0;
    font-size: 14px;
}

.menu--mobile>li {
    border-bottom: 1px solid #eaeaea;
}

.menu--mobile>li>a {
    flex-grow: 1;
    position: relative;
    z-index: 10;
    display: block;
    padding: 15px 20px 15px 0;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.menu--mobile>li>a:hover {
    padding-left: 5px;
    color: rgba(201, 57, 27);
}

.menu--mobile>li>a.active {
    color: rgba(201, 57, 27);
}

.menu--mobile>li.category-item a {
    text-transform: capitalize;
}

.menu--mobile>li.menu-item-has-children:not(.has-mega-menu) {
    position: relative;
}

.menu--mobile>li.menu-item-has-children:not(.has-mega-menu) .sub-toggle {
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 20;
}

.menu--mobile>li.menu-item-has-children:not(.has-mega-menu) .sub-toggle i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
}

.menu--mobile>li.has-mega-menu {
    position: relative;
}

.menu--mobile>li.has-mega-menu>.sub-toggle {
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 20;
    display: inline-block;
}

.menu--mobile>li.has-mega-menu .mega-menu {
    display: none;
}

.menu--mobile .daily-deals {
    border-bottom: none;
}

.menu--mobile .daily-deals.category-item {
    border-bottom: 1px solid #eaeaea;
}

.menu--mobile .daily-deals a {
    color: #e84506;
}

.menu--icon li {
    padding: 10px 0;
}

.menu--icon .footer-link {
    display: block;
    font-size: 14px;
}

.menu--icon .footer-link i {
    margin-right: 15px;
}

.menu--vertical {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu--vertical .menu-item {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    border-right: 1px solid #dddddd;
    padding: 0 15px;
}

.menu--vertical .menu-item a {
    line-height: 14px;
}

.menu--vertical .menu-item:first-child {
    padding-left: 0;
}

.menu--vertical .menu-item:last-child {
    border-right: none;
}

.menu--vertical .menu-item:hover a {
    color: rgba(201, 57, 27);
    text-decoration: underline;
}

.ps-footer-mobile {
    overflow: hidden;
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100vw;
    z-index: 1000;
}

@media screen and (min-width:1024px) {
    .ps-footer-mobile {
        display: none
    }
}

.menu--footer {
    display: flex;
    align-items: center;
    background-color: rgba(201, 57, 27);
}

.menu--footer li {
    flex-grow: 1;
    padding: 15px 0!important;
    position: relative;
}

.menu--footer li a {
    display: block;
    text-align: center;
    z-index: 1;
    position: relative;
}

.menu--footer li span {
    color: #222;
    font-size: 12px;
}

.menu--footer li i {
    color: white;
    display: block;
    font-size: 20px;
}

.menu--footer li .badge {
    position: absolute;
    left: 50%;
    top: -3px;
    font-size: 12px;
}

.menu--footer li:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
}

.menu--mega>li {
    padding: 0 20px;
}

.menu--mega>li>a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 10px 20px 10px 0;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
    border-bottom: 1px solid #eaeaea;
}

.menu--mega>li>a:hover {
    padding-left: 5px;
    color: rgba(201, 57, 27);
}

.menu--mega>li>a.active {
    color: rgba(201, 57, 27);
}

.menu--mega>li.has-mega-menu {
    position: relative;
}

.menu--mega>li.has-mega-menu>.sub-toggle {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 40px;
    height: 40px;
    z-index: 20;
    transform: rotate(270deg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.menu--mega>li.has-mega-menu .mega-menu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transform: scale3d(1, 1, 0) translateX(30px);
}

.menu--mega>li.has-mega-menu .mega-menu .mega-anchor {
    display: none;
}

.menu--mega>li.has-mega-menu:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    transform: scale3d(1, 1, 1) translateX(0);
}

.menu--mega .daily-deals a {
    color: #e84506;
}

.menu--mega .mega-menu {
    padding: 20px 0;
}

.menu--mega .mega-menu .img-promotion {
    position: absolute;
    bottom: 0;
    right: -1px;
    display: block;
    padding: 0;
}

.menu--mega .mega-menu__column {
    padding: 0 40px 10px 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 1;
}

.menu--mega .mega-menu__column img {
    max-width: 280px;
}

.menu--mega .mega-image {
    margin-bottom: 250px;
    margin-right: 30px;
}

.section--product-type .product__header {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0;
}

.section--product-type .product__name {
    font-size: 21px;
}

.section--product-type .product__code {
    display: flex;
    font-size: 14px;
}

.section--product-type .product__code .br-widget a {
    font-size: 14px;
}

.section--product-type .product__code .product__review {
    color: rgba(201, 57, 27);
    font-weight: 600;
    margin-left: 5px;
    padding-right: 10px;
    border-right: 1px solid #dddddd;
    height: 18px;
}

.section--product-type .product__code .product__id {
    color: #222;
    padding-left: 10px;
}

.section--product-type .product__detail {
    padding: 30px 0 50px;
}

.section--product-type .product__content {
    padding-bottom: 30px;
}

.section--product-type .product__content .nav-pills {
    background-color: #f7f7f7;
    padding: 0 20px;
}

.section--product-type .product__content .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
    position: relative;
    border-radius: 0;
}

.section--product-type .product__content .nav-link.active {
    background-color: transparent;
    color: rgba(201, 57, 27);
}

.section--product-type .product__content .nav-link.active:after {
    content: '';
    border-bottom: 2px solid rgba(201, 57, 27);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.section--product-type .product__content .nav-link:hover {
    color: rgba(201, 57, 27);
}

.section--product-type .product__content .tab-content {
    padding-top: 20px;
}

.section--product-type .product__content .tab-content p {
    font-size: 14px;
    margin-bottom: 15px;
}

.section--product-type .product__content .nav-item {
    padding: 0 15px;
}

.section--product-type .product__content .heading-1 {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    margin-bottom: 5px;
}

.section--product-type .product__content .heading-2 {
    font-weight: bold;
    font-size: 14px;
    color: #222;
    margin-bottom: 5px;
}

.section--product-type .product__related .owl-carousel {
    height: 380px;
}


/* .section--product-type .product__related .ps-product--standard {
    height: 380px;
} */

.section--product-type .product__instagram,
.section--product-type .product__related {
    padding-bottom: 70px;
}

.section--product-type .product__instagram .product__name,
.section--product-type .product__related .product__name {
    margin-bottom: 15px;
}

.section--product-type .product__instagram .owl-dots,
.section--product-type .product__related .owl-dots {
    position: initial;
    margin-top: 20px;
}

.section--product-type .product__instagram .owl-dots .owl-dot span,
.section--product-type .product__related .owl-dots .owl-dot span {
    background-color: #737373;
}

.section--product-type .product__instagram .owl-dots .active span,
.section--product-type .product__related .owl-dots .active span {
    background-color: rgba(201, 57, 27);
}

.section--product-type .product__instagram .owl-nav,
.section--product-type .product__related .owl-nav {
    display: none;
}

.section--product-type .product__instagram .owl-nav .owl-prev,
.section--product-type .product__related .owl-nav .owl-prev {
    left: -15px;
    transform: translateX(-100%);
}

.section--product-type .product__instagram .owl-nav .owl-next,
.section--product-type .product__related .owl-nav .owl-next {
    right: -15px;
    transform: translateX(100%);
}

@media (min-width:1024px) {
    .section--product-type .product__header {
        padding: 50px 0 20px
    }
    .section--product-type .product__header .ps-social--share {
        text-align: right
    }
    .section--product-type .product__related .owl-dots,
    .section--product-type .product__instagram .owl-dots {
        display: none
    }
    .section--product-type .product__related .owl-nav,
    .section--product-type .product__instagram .owl-nav {
        display: block
    }
}

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

.header .ps-form--header-search {
    display: none;
}

@media (min-width:1366px) {
    .header .ps-form--header-search {
        display: block;
        min-width: 270px
    }
}

.header-desktop {
    display: none;
}

@media (min-width:1024px) {
    .header-desktop {
        display: block
    }
    .card-store-type::before {
        content: "Explore \f105" !important;
    }
}

.navigation {
    display: none;
    background-color: rgba(201, 57, 27);
}

.navigation .container,
.navigation .container-fluid {
    display: flex;
}

@media (min-width:1024px) {
    .navigation {
        display: block
    }
}

.section-product--default .product__name {
    margin-bottom: 20px;
}

.section-product--default .recomment__block {
    padding-bottom: 70px;
}

.section-product--default .recomment__block .owl-carousel {
    border: 1px solid #dddddd;
}

.section-product--default .recomment__block .owl-nav {
    display: none;
}

.section-product--default .recomment__block .owl-nav .owl-prev {
    left: -15px;
    transform: translateX(-100%);
}

.section-product--default .recomment__block .owl-nav .owl-next {
    right: -15px;
    transform: translateX(100%);
}

.section-product--default .recomment__block .owl-dots {
    position: initial;
    padding: 30px 0;
}

.section-product--default .recomment__block .owl-dots .owl-dot span {
    background-color: #737373;
}

.section-product--default .recomment__block .owl-dots .owl-dot.active span {
    background-color: rgba(201, 57, 27);
}

@media (min-width:1024px) {
    .section-product--default .recomment__block .owl-nav {
        display: block
    }
}

@media (max-width:1024px) {
    .quantity-btns {
        margin-right: 10px;
    }
}

.sidebar_desktop_view {
    display: none;
}

.ps-shop--sidebar .sidebar__title {
    font-weight: bold;
    color: #222;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 15px;
}

.ps-shop--sidebar .sidebar__title .shop-widget-toggle {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    padding-top: 5px;
}

.ps-shop--sidebar ul {
    list-style: none;
    padding: 0;
}

.ps-shop--sidebar .sidebar__category {
    background-color: #f7f7f7;
    padding: 30px 15px 30px 15px;
    margin-bottom: 38px;
}

.ps-shop--sidebar .sidebar__category .menu--mobile li {
    border-bottom: none;
}

.ps-shop--sidebar .sidebar__category .menu--mobile a {
    padding: 7px 20px 5px 0;
}

.ps-shop--sidebar .sidebar__category .menu--mobile a {
    padding: 7px 20px 5px 0;
}

.ps-shop--sidebar .sidebar__category .menu--mobile i {
    font-size: 10px;
}

.ps-shop--sidebar .sidebar__category .menu--mobile .sub-menu {
    background-color: transparent;
    padding-left: 10px;
}

.ps-shop--sidebar .sidebar__category .menu--mobile .sub-menu a {
    color: #222;
    font-weight: 500;
}

.ps-shop--sidebar .sidebar__category .menu--mobile .sub-menu a.active {
    color: rgba(201, 57, 27);
    font-weight: 500;
}

.ps-shop--sidebar .sidebar__category .menu--mobile .sub-menu a:hover {
    color: rgba(201, 57, 27);
    font-weight: 500;
    cursor: pointer;
}

.ps-shop--sidebar .sidebar__sort {
    background-color: #f7f7f7;
    margin-bottom: 60px;
    padding: 0 15px;
}

.ps-shop--sidebar .sidebar__block {
    border-bottom: 1px solid #dddddd;
    padding-top: 25px;
}

.ps-shop--sidebar .sidebar__block .input-group {
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin: 15px 0 20px;
}

.ps-shop--sidebar .sidebar__block input {
    border: none;
    height: 35px;
    font-size: 14px;
}

.ps-shop--sidebar .sidebar__block .input-group-append i {
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps-shop--sidebar .sidebar__block .brand__content {
    background-color: white;
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.ps-shop--sidebar .sidebar__block .brand__content img {
    height: 30px;
}

.ps-shop--sidebar .sidebar__block .brand__content ul {
    height: 100%;
    overflow-y: auto;
    padding: 15px 0;
}

.ps-shop--sidebar .sidebar__block .brand__content [type="checkbox"]:not(:checked)+label:before,
.ps-shop--sidebar .sidebar__block .brand__content [type="checkbox"]:checked+label:before {
    top: 5px;
}

.ps-shop--sidebar .sidebar__block [type="checkbox"]:not(:checked)+label:before,
.ps-shop--sidebar .sidebar__block [type="checkbox"]:checked+label:before {
    top: 2px;
}

.ps-shop--sidebar .sidebar__block .br-widget a {
    font-size: 14px;
}

.ps-shop--sidebar .sidebar__block .br-wrapper {
    display: inline-block;
}

.ps-shop--sidebar .sidebar__block .text-up {
    color: #222;
    font-size: 14px;
    margin-left: 5px;
}

.ps-shop--sidebar .sidebar__block label {
    color: #222;
    font-size: 14px;
}

.ps-shop--sidebar .sidebar__block .block__content {
    max-height: 0
}

.ps-shop--sidebar .sidebar__block:last-child {
    border-bottom: none;
}

.ps-shop--sidebar .sidebar__block.open {
    padding-bottom: 30px;
}

.ps-shop--sidebar .sidebar__block.open .brand__content {
    height: 200px;
    margin-top: 20px;
}

.ps-shop--sidebar .sidebar__block.open .block__content {
    max-height: 500px;
    transition: max-height .3s ease-in-out;
}

.ps-shop--sidebar .sidebar__product {
    border: 1px solid #dddddd;
    padding: 30px 20px;
}

.ps-shop--sidebar .sidebar__product .owl-dots {
    position: initial;
}

.ps-shop--sidebar .block__price {
    padding-top: 15px;
    position: relative;
}

.ps-shop--sidebar .block__price .noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: white;
    border: 5px solid rgba(201, 57, 27);
    width: 20px;
    height: 20px;
    top: -5px;
    left: -3px;
    border-radius: 50%;
    transform: initial;
    bottom: auto;
}

.ps-shop--sidebar .block__price .noUi-target.noUi-horizontal .noUi-tooltip span {
    display: none;
}

.ps-shop--sidebar .block__price .noUi-target .noUi-active.noUi-handle {
    top: -6px;
}

.ps-shop--sidebar .block__price .noUi-connect {
    background-color: rgba(201, 57, 27);
}

.ps-shop--sidebar .block__input {
    padding-top: 25px;
    display: flex;
}

.ps-shop--sidebar .block__input .input-group {
    margin: 0 5px 0 0;
}

.ps-shop--sidebar .block__input .input-group-text {
    background-color: white;
    border: none;
    font-size: 14px;
    color: #737373;
    font-weight: 500;
}

.ps-shop--sidebar .block__input input {
    width: 35%;
    color: #222;
    font-weight: 500;
}

.ps-shop--sidebar .block__input input:focus {
    box-shadow: none;
}

.ps-shop--sidebar .block__input button {
    border: 1px solid #dddddd;
    color: #222;
    font-weight: bold;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 14px;
}

@media (min-width:1024px) {
    .sidebar_desktop_view {
        display: block
    }
    .sidebar_mobile_view {
        display: none
    }
}

.mt-0 {
    margin-top: 0;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.pt-0 {
    padding-top: 0;
}

.pr-0 {
    padding-right: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

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

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

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

.ml-5 {
    margin-left: 5px;
}

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

.pr-5 {
    padding-right: 5px;
}

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

.pl-5 {
    padding-left: 5px;
}

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

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

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

.ml-10 {
    margin-left: 10px;
}

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

.pr-10 {
    padding-right: 10px;
}

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

.pl-10 {
    padding-left: 10px;
}

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

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

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

.ml-15 {
    margin-left: 15px;
}

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

.pr-15 {
    padding-right: 15px;
}

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

.pl-15 {
    padding-left: 15px;
}

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

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

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

.ml-20 {
    margin-left: 20px;
}

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

.pr-20 {
    padding-right: 20px;
}

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

.pl-20 {
    padding-left: 20px;
}

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

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

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

.ml-25 {
    margin-left: 25px;
}

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

.pr-25 {
    padding-right: 25px;
}

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

.pl-25 {
    padding-left: 25px;
}

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

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

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

.ml-30 {
    margin-left: 30px;
}

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

.pr-30 {
    padding-right: 30px;
}

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

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

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

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

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

.ml-35 {
    margin-left: 35px;
}

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

.pr-35 {
    padding-right: 35px;
}

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

.pl-35 {
    padding-left: 35px;
}

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

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

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

.ml-40 {
    margin-left: 40px;
}

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

.pr-40 {
    padding-right: 40px;
}

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

.pl-40 {
    padding-left: 40px;
}

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

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

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

.ml-45 {
    margin-left: 45px;
}

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

.pr-45 {
    padding-right: 45px;
}

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

.pl-45 {
    padding-left: 45px;
}

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

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

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

.ml-50 {
    margin-left: 50px;
}

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

.pr-50 {
    padding-right: 50px;
}

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

.pl-50 {
    padding-left: 50px;
}

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

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

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

.ml-55 {
    margin-left: 55px;
}

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

.pr-55 {
    padding-right: 55px;
}

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

.pl-55 {
    padding-left: 55px;
}

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

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

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

.ml-60 {
    margin-left: 60px;
}

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

.pr-60 {
    padding-right: 60px;
}

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

.pl-60 {
    padding-left: 60px;
}

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

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

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

.ml-65 {
    margin-left: 65px;
}

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

.pr-65 {
    padding-right: 65px;
}

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

.pl-65 {
    padding-left: 65px;
}

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

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

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

.ml-70 {
    margin-left: 70px;
}

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

.pr-70 {
    padding-right: 70px;
}

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

.pl-70 {
    padding-left: 70px;
}

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

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

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

.ml-75 {
    margin-left: 75px;
}

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

.pr-75 {
    padding-right: 75px;
}

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

.pl-75 {
    padding-left: 75px;
}

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

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

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

.ml-80 {
    margin-left: 80px;
}

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

.pr-80 {
    padding-right: 80px;
}

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

.pl-80 {
    padding-left: 80px;
}

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

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

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

.ml-85 {
    margin-left: 85px;
}

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

.pr-85 {
    padding-right: 85px;
}

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

.pl-85 {
    padding-left: 85px;
}

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

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

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

.ml-90 {
    margin-left: 90px;
}

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

.pr-90 {
    padding-right: 90px;
}

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

.pl-90 {
    padding-left: 90px;
}

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

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

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

.ml-95 {
    margin-left: 95px;
}

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

.pr-95 {
    padding-right: 95px;
}

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

.pl-95 {
    padding-left: 95px;
}

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

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

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

.ml-100 {
    margin-left: 100px;
}

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

.pr-100 {
    padding-right: 100px;
}

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

.pl-100 {
    padding-left: 100px;
}

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

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

.font-15 {
    font-size: 15px;
}

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

html .bg--parallax {
    position: relative;
    z-index: 10;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: 50% 50%;
}

.ps-product--detail .ps-product__category ul,
.ps-product--detail .ps-gallery__item ul,
.ps-product--detail .ps-product__thumbnail ul,
.slick-single-item ul,
.slick-many-item ul,
.header ul,
.ps-product--detail .ps-product__category ol,
.ps-product--detail .ps-gallery__item ol,
.ps-product--detail .ps-product__thumbnail ol,
.ps-categogy--item ol,
.slick-single-item ol,
.slick-many-item ol,
.header ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

.cat_sub_show {
    display: block!important;
}

.clear_cart_item {
    margin-left: auto;
    font-size: 12px;
    color: #fd431c;
    cursor: pointer;
}

#clear_cart {
    display: none;
}

.red {
    color: red;
}

.OPview_track {
    font-size: 17px;
    margin-top: 30px;
}

.cart_cnr_first_child {
    text-align: center;
}

.cart_cnr_first_child a:hover {
    color: rgba(201, 57, 27);
}

.last_page_ht {
    margin-top: 95px;
}

.OrderSummaryH {
    font-size: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    text-align: left;
    padding: 20px 0 10px;
}

.OrderSummary {
    font-size: 13px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
}

.foo-img {
    width: 100px;
}

a:hover,
a:active,
a:focus {
    color: #000;
    outline: none;
    text-decoration: none
}

.body {
    color: rgb(34, 34, 34)!important
}

.buz_scroll {
    overflow-x: auto;
    display: flex;
    padding-top: 12px;
    padding-bottom: 45px;
    overflow-y: hidden;
    justify-content: space-between
}

.img-category {
    text-align: center;
    width: 100px;
    height: 100px;
    margin-right: 10px
}

.buz_img {
    cursor: pointer;
    width: 90%;
    height: auto;
    margin-bottom: 5px;
    border-radius: 15px
}

.buz_name {
    font-size: 12px;
    color: #000;
    text-align: center;
    font-weight: 500;
    width: 80px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2px;
}

.buz_active {
    background: #cd492d;
    border-radius: 9px;
    color: #f9f9f9
}

#header {
    transition: all .1s;
    z-index: 1002;
    padding: 8px 0;
    background: #000000d4;
    display: block;
    height: 65px
}

#header.header-scrolled {
    background: rgba(0, 0, 0, .9);
    padding: 8px 0
}

#header .logo {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 3px;
    padding-left: 10px
}

#header .logo a {
    color: #fff;
    word-break: break-all;
}

#header .logo img {
    max-height: 40px
}

.m_centre {
    text-align: center;
    font-size: 1.75rem;
    color: #a2a2a2!important;
}

.nav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-menu>ul {
    display: flex
}

.nav-menu>ul>li {
    color: #fff;
    position: relative;
    white-space: nowrap;
    padding: 0 0 0 28px;
    margin-top: 15px
}

.nav-menu a {
    display: block;
    position: relative;
    /* color: #fff!important; */
    transition: .3s;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 200
}

.nav-menu .drop-down ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0 0 30px rgba(127, 137, 161, .25);
    transition: .3s
}

.nav-menu .drop-down:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.nav-menu .drop-down li {
    min-width: 180px;
    position: relative
}

.nav-menu .drop-down ul a {
    padding: 10px 20px;
    font-size: 13px;
    text-transform: none;
    color: #333333
}

.nav-menu .drop-down ul a:hover,
.nav-menu .drop-down ul .active>a,
.nav-menu .drop-down ul li:hover>a {
    color: #c9331b
}

.nav-menu .drop-down>a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 5px
}

.nav-menu .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px)
}

.nav-menu .drop-down .drop-down:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%
}

.nav-menu .drop-down .drop-down>a {
    padding-right: 35px
}

.nav-menu .drop-down .drop-down>a:after {
    content: "\eaa0";
    font-family: IcoFont;
    position: absolute;
    right: 15px
}

.mobile-nav {
    position: fixed;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
    overflow-y: auto;
    background: #fff;
    transition: ease-in-out .2s;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 10px 0
}

.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-nav a {
    display: block;
    position: relative;
    color: #333333;
    padding: 10px 20px;
    font-weight: 500;
    outline: none
}

.mobile-nav a:hover,
.mobile-nav .active>a,
.mobile-nav li:hover>a {
    color: #c9331b;
    text-decoration: none
}

.mobile-nav .drop-down>a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 10px;
    position: absolute;
    right: 15px
}

.mobile-nav .active.drop-down>a:after {
    content: "\eaa1"
}

.mobile-nav .drop-down>a {
    padding-right: 35px
}

.mobile-nav .drop-down ul {
    display: none;
    overflow: hidden
}

.mobile-nav .drop-down li {
    padding-left: 20px
}

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(26, 26, 26, .6);
    overflow: hidden;
    display: none;
    transition: ease-in-out .2s
}

.mobile-nav-active {
    overflow: hidden
}

.mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible
}

#intro {
    width: 100%;
    background: #fff;
    position: relative
}

@media (max-width:800px) and (min-width:400px) {
    #intro {
        height: 155vh
    }
}

@media (max-width:1000px) and (min-width:800px) {
    #intro {
        height: 105vh
    }
}

@media (max-width:2000px) and (min-width:1000px) {
    #intro {
        height: 162vh
    }
}

#intro .carousel,
#intro .carousel-inner,
#intro .carousel-item,
#intro .carousel-item::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

#intro .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

#intro .carousel-item::before {
    content: '';
    background-color: rgba(0, 0, 0, 0)
}

#intro .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 170px;
    left: 50px;
    right: 50px
}

#intro .container {
    text-align: center
}

#intro h2 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 700
}

#intro p {
    width: 80%;
    margin: 0 auto 30px auto;
    color: #fff
}

#intro .carousel-fade {
    overflow: hidden
}

#intro .carousel-fade .carousel-inner .carousel-item {
    transition-property: opacity
}

#intro .carousel-fade .carousel-inner .carousel-item,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0
}

#intro .carousel-fade .carousel-inner .active,
#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
    transition: .5s
}

#intro .carousel-fade .carousel-inner .carousel-item-next,
#intro .carousel-fade .carousel-inner .carousel-item-prev,
#intro .carousel-fade .carousel-inner .active.carousel-item-left,
#intro .carousel-fade .carousel-inner .active.carousel-item-right {
    left: 0;
    transform: translate3d(0, 0, 0)
}

#intro .carousel-control-prev,
#intro .carousel-control-next {
    width: 10%
}

#intro .carousel-control-next-icon,
#intro .carousel-control-prev-icon {
    background: none;
    font-size: 32px;
    line-height: 1
}

#intro .carousel-indicators li {
    cursor: pointer
}

#intro .btn-get-started {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 32px;
    border-radius: 50px;
    transition: .5s;
    margin: 10px;
    color: #fff;
    background: #c9331b
}

#intro .btn-get-started:hover {
    background: #fff;
    color: #c9331b
}

.owl-prev {
    background: #303030!important;
    color: #fff;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    margin-left: -2px;
    display: block!important;
    border: 0 solid black;
    box-shadow: 0 5px 1rem rgba(0, 0, 0, .4)!important
}

.owl-next {
    background: #303030!important;
    color: #fff;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    top: 40%;
    right: 12px;
    display: block!important;
    border: 0 solid black;
    box-shadow: 0 5px 1rem rgba(0, 0, 0, .4)!important
}

.owl-prev i,
.owl-next i {
    color: rgb(0, 0, 0)
}

section {
    overflow: hidden
}

.grocery_input_font {
    font-size: 16px;
    line-height: 27px
}

#about {
    background: rgba(0, 0, 0, 0);
    background-size: cover;
    padding: 60px 0 40px 0;
    position: relative
}

#about::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .92);
    z-index: 9
}

#about .container {
    position: relative;
    z-index: 10
}

#services {
    background: #fff;
    background-size: cover;
    padding: 60px 0 40px 0
}

#services .box {
    margin-bottom: 30px
}

#services .icon {
    float: left
}

#services .icon i {
    color: #c9331b;
    font-size: 36px;
    line-height: 1;
    transition: .5s
}

#services .title {
    margin-left: 60px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px
}

#services .title a {
    color: #111
}

#services .box:hover .title a {
    color: #c9331b
}

#services .description {
    font-size: 14px;
    margin-left: 60px;
    line-height: 24px;
    margin-bottom: 0
}

#footer {
    background: #000;
    padding: 0 0 30px 0;
    color: #eee;
    font-size: 14px
}

#footer .footer-top {
    padding: 60px 0 30px 0;
    margin-top: 6%;
    background: linear-gradient(0deg, #210101, black)!important
}

#footer .footer-top .footer-info {
    margin-bottom: 30px
}

#footer .footer-top .footer-info h3 {
    font-size: 34px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 3px;
    border-left: 4px solid #c9331b
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #eee
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #333;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: .3s
}

#footer .footer-top .social-links a:hover {
    background: #c9331b;
    color: #fff
}

#footer .footer-top .foo-header {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px
}

#footer .footer-top .foo-header::before,
#footer .footer-top .foo-header::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px
}

#footer .footer-top .foo-header::before {
    right: 0;
    background: #555
}

#footer .footer-top .foo-header::after {
    background: #c9331b;
    width: 60px
}

#footer .footer-top .footer-links {
    margin-bottom: 30px
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#footer .footer-top .footer-links ul i {
    color: #ddd
}

#footer .footer-top .footer-links ul li {
    border-bottom: 1px solid #333;
    padding: 10px 0
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0
}

#footer .footer-top .footer-links ul a {
    color: #eee
}

#footer .footer-top .footer-links ul a:hover {
    color: #c9331b
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px
}

#footer .footer-top .footer-contact p {
    line-height: 26px
}

#footer .footer-top .footer-newsletter {
    margin-bottom: 30px
}

#footer .footer-top .footer-newsletter input[type="email"] {
    border: 0;
    padding: 6px 8px;
    width: 65%
}

#footer .footer-top .footer-newsletter input[type="submit"] {
    background: #c9331b;
    border: 0;
    width: 35%;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    transition: .3s;
    cursor: pointer
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
    background: #13a456
}

#footer .copyright {
    text-align: center;
    padding-top: 30px
}

#footer .credits {
    text-align: center;
    font-size: 12px;
    color: #fff;
}

#footer .credits a {
    color: #ddd !important
}

::placeholder {
    color: white
}

:-ms-input-placeholder {
    color: white
}

::-ms-input-placeholder {
    color: white
}

.tc_h_5 {
    color: rgb(0, 0, 0);
    background-color: #e7e7e7;
    border-color: #c5c2c2
}

.ms_web_cart a {
    margin-top: 3px;
}

.homest_bgs {
    color: #000000;
    font-size: 12px;
    width: 100%;
    height: 20px;
    line-height: 19px;
    border-radius: 2px;
    text-align: center;
    background: #f2f2f2;
    margin-top: 5px;
    margin-left: 6px
}

.st_bgs {
    color: #000000;
    font-size: 16px;
    width: 100%;
    height: 28px;
    line-height: 26px;
    border-radius: 4px;
    text-align: center;
    background: #f2f2f2
}

.star_bg5 {
    background: #f2f2f2!important
}

.star_bg4 {
    background: #f2f2f2
}

.star_bg3 {
    background: #f2f2f2
}

.star_bg2 {
    background: #f2f2f2
}

.star_bg1 {
    background: #f2f2f2
}

.star_bg {
    background: #f2f2f2
}

.tc_mh_2 {
    color: #fff;
    border: none;
    background-color: transparent;
}

.tc_mh_2:hover {
    color: #c9331b;
    border-left: 0
}

.login_modal {
    display: none;
    position: fixed;
    z-index: 999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
}

.login_modal_content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 450px;
    border-radius: 15px;
    box-shadow: 3px 7px 75px 1px rgba(0, 0, 0, .6)!important
}

.section--login {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.login_close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold
}

.login_close:hover,
.login_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.addaddress_modal,
.editaddress_modal {
    display: none;
    position: fixed;
    z-index: 999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(0 0 0 / 53%)
}

.addaddress_content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 100%
}

.addaddress_close,
.editddress_close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 2%
}

.addaddress_close:hover,
.addaddress_close:focus,
.editddress_close:hover,
.editddress_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.search_modal {
    display: none;
    position: fixed;
    z-index: 1001;
    padding-top: 0;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(253 253 253)
}

.search_model_content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 100%;
    margin-top: 3%
}

.search_close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 0 15px 0 15px
}

.search_close:hover,
.search_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.containerr {
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff0;
    width: 400px
}

.ms_login_btn {
    width: 100%;
    height: 44px;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(201, 57, 27);
    text-decoration: none;
    border: none;
    font-size: 16px;
    line-height: 5px;
    border-radius: 15px
}

.ms_register_btn {
    background: #fff;
    color: rgba(201, 57, 27);
    border: 1px solid rgba(201, 57, 27);
    width: 100%;
    height: 35px;
    margin-top: 5%;
    border-radius: 2px;
    line-height: 5px;
    border-radius: 15px
}

.sf_cart_btn {
    background-color: rgba(201, 57, 27);
    border: 1px solid rgba(201, 57, 27);
    color: #fff;
    border-radius: .25rem
}

.data_show {
    display: block!important;
}

.data_hide {
    display: none!important;
}

.cart_count_section_web {
    height: 25px;
    width: 25px;
    background: rgb(255 44 0);
    display: flex;
    position: absolute;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin: -27px 1px 0 68px;
    padding-top: 3px
}

.count_ct_sz {
    font-size: 11px;
    margin-left: auto!important;
    margin-right: auto!important;
    line-height: 18px;
    font-weight: 700
}

.cart_product_s {
    font-size: 14px;
    font-weight: 700
}

.cart_product_store {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 15px 0;
    margin-top: 8px
}

.cart_product_store #store_name {
    font-weight: 700;
}

.sf_dflex {
    display: flex
}

.df {
    display: flex
}

.hdr_cl1 {
    margin-left: 52px;
}

.min_h {
    min-height: 80px
}

.che_order_total {
    margin-left: auto;
    font-weight: 700;
    color: #000000
}

.cwp_cancel {
    color: #948d8d;
    font-size: 10px;
    font-weight: 900;
    position: absolute;
    margin-left: 0;
    width: 20px;
    border-radius: 50%;
    margin-top: 5px;
    height: 20px;
    line-height: 13px;
    padding: 2px 5.3px;
    cursor: pointer;
    border: 1px solid #a39191;
    background-color: #fff
}

.small_cart_pop {
    margin-top: -52px;
    margin-left: auto;
    margin-right: 24px;
    position: relative!important;
}

.cap_cancel {
    color: #948d8d;
    font-size: 10px;
    font-weight: 900;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    line-height: 12px;
    padding: 1px 4px;
    cursor: pointer;
    border: 1px solid #a39191;
    background-color: #fff
}

.ser_cancel {
    color: #948d8d;
    font-size: 9px;
    font-weight: 900;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    line-height: 12px;
    padding: 0 3px;
    cursor: pointer;
    border: 1px solid #a39191;
    background-color: #fff
}

.summy_product_name {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.chec_bt {
    padding: 10px;
    text-align: center;
    background-color: #ffffff!important;
    border: 1px solid rgba(201, 57, 27)!important;
    color: rgba(201, 57, 27)!important;
    border-radius: .25rem!important;
    cursor: pointer!important
}

#cart_pop_w {
    background-color: white;
    box-shadow: 0 20px 100px 0 rgba(0, 0, 0, .3);
    margin-top: 2px;
    width: 350px;
    position: fixed;
    z-index: 1001;
    display: none;
    border-radius: 15px
}

.scroll_up_class {
    overflow-y: initial;
    max-height: 300px;
    overflow-x: hidden
}

.cartcnrcart {
    padding: 2%
}

.cwp_b {
    padding: 25px
}

.cwp_btext {
    padding-right: 44px;
    font-size: 14px;
    font-weight: 700;
    color: #000000
}

.cwp_bb {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.cwp_btn {
    background-color: #000;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    height: 35px;
    padding: 9px;
    font-size: 13px;
    margin-bottom: 10px
}

.cw_btn {
    background-color: #000;
    color: #fff;
    border-color: black
}

.cwp_service {
    font-size: 10px;
    margin-top: 2px;
    color: #7d7d7d
}

.cwp_img {
    width: 60px;
    height: 45px;
    margin-top: 10px
}

.cwp_product_name {
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hm {
    padding-left: 0!important;
    padding-right: 0!important
}

#cart_msg {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #222;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 10000;
    left: 50%;
    bottom: 50%;
    font-size: 14px
}

#cart_msg.show {
    visibility: visible;
    -webkit-animation: fadein .5s, fadeout .5s .5s;
    animation: fadein .5s, fadeout .5s .5s
}

#favorite_msg {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #c9331b;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 50%;
    font-size: 14px
}

#favorite_msg.show {
    visibility: visible;
    -webkit-animation: fadein .5s, fadeout .5s .5s;
    animation: fadein .5s, fadeout .5s .5s
}

.tc_ofr_1 {
    background-size: cover;
    background-image: url(../image/bg5.jpg)
}

.lined .nav-link {
    border: none;
    border-bottom: 3px solid transparent
}

.lined .nav-link:hover {
    border: none;
    border-bottom: 3px solid transparent
}

.lined .nav-link.active {
    background: none;
    color: #555;
    border-color: rgba(201, 57, 27)
}

.nav-pills .nav-link {
    color: #a2a2a2;
    background: #fff;
}

.nav-pills .nav-link:hover {
    color: #000000
}

.st_item_name_cnr {
    float: right;
    padding-left: 0!important;
    padding-right: 0!important
}

.st_item_name {
    font-size: 14px;
    overflow: hidden
}

.btn_out_stk {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 8.2rem;
    height: 3.2rem;
    border: 1px solid rgb(181, 181, 181);
    border-radius: .6rem;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    background: rgb(255, 255, 255);
    font-size: 12px!important;
    font-weight: 700;
    color: #c9391b;
    opacity: .2!important;
    cursor: default!important;
    pointer-events: none;
    float: right;
}

.out_of_stocks {
    pointer-events: none
}

.normal_btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 8.2rem;
    height: 3.2rem;
    border: 1px solid rgb(181, 181, 181);
    border-radius: .6rem;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    font-size: 12px!important;
    font-weight: 700;
}

.st_item_cart_cnr {
    text-align: center;
    margin-top: 5px;
    float: right;
}

.st_item_price {
    font-size: 12px;
    font-weight: 300
}

.st_item_cat_head {
    color: #4e4e4e
}

.st_tab_cnr_pdng {
    padding: 1rem;
    padding-bottom: 0!important
}

.st_left_ctg_cnrr {
    height: fit-content;
    border-radius: 10px;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 0;
    position: sticky;
    top: 10px
}

.st_left_ctg_cnr {
    height: fit-content;
    border-radius: 10px;
    padding-top: 4px;
    position: sticky;
    top: 10px
}

.st_left_ctg {
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

#st_fav_ic {
    float: right;
    margin-top: 6px;
    margin-left: 10px
}

.hm_prd_nm {
    padding: 0!important;
    font-size: 17px!important;
    /* font-weight: 600!important; */
    word-break: break-word
}

.hm_prd_ar {
    font-size: 12px;
    font-weight: 500
}

.hm_prd_rt_btm {
    margin-bottom: auto;
    margin-top: auto
}

.hd_mb_srch_cnr {
    min-width: 225px!important;
    padding: 2px 15px 0 0!important;
    margin-right: 9px!important;
    height: 43p!important
}

.hm_fnt_sz_12 {
    font-size: 12px;
    color: #676767
}

.footer-device-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    border-top: 1px solid #eee;
    display: none;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .1)!important
}

.footer-device-mobile-item {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.footer-device-mobile .wapper {
    display: table;
    width: 100%;
    table-layout: fixed
}

.footer-device-mobile-item>a {
    display: inline-block;
    padding: 5px 0;
    color: #222;
    line-height: normal;
    font-size: 12px;
}

.footer-device-mobile-item>a .icon {
    font-size: 20px;
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px
}

.footer-device-mobile-item>span {
    display: inline-block;
    padding: 5px 0;
    color: #222;
    line-height: normal;
    font-size: 12px;
    cursor: pointer
}

.footer-device-mobile-item>span .icon {
    font-size: 20px;
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px
}

.footer-device-mobile-item.device-cart .count-icon {
    /* width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 12px;
    background-color: #c9331b */
    /* width: 23px; */
    /* height: 20px; */
    /* text-align: center; */
    line-height: 20px;
    /* border-radius: 50%; */
    /* color: #ffffff; */
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 12px;
    background-color: #c9331b;
    position: absolute;
    left: 50%;
    top: -3px;
    font-size: 12px;
    color: #fff!important;
}

.st_itm_img {
    width: 80%
}

.st_item_ht_auto {
    height: auto;
    margin-bottom: 5px
}

.st_cat_item_cnr {
    width: 100%;
    margin-left: 15px;
    padding: 10px 0 0 0;
}

.login_box_m {
    text-align: left;
    min-height: 300px;
    height: auto
}

.tc_st_img {
    background-size: cover;
    background-image: url(../image/restoo-grill.jpg)
}

.contact_st_img {
    background-size: cover;
    background-image: url(../image/contact-us-banner.jpg);
    height: 230px
}

.hm_prd_name {
    padding: 0 6px 0 6px;
    font-size: 14px;
    font-weight: 700;
    margin: 0px 0 0 0;
    overflow-y: auto;
    line-height: unset;
    height: 21px!important;
    overflow: hidden
}

.hm_prd_cat_nm {
    margin: 5px 0 5px 0;
    padding: 0 6px 0 6px;
    font-size: 12px;
    overflow: hidden;
    color: #777
}

.hm_prd_cat_nm {
    height: 20px;
    overflow: hidden
}

.hm_rw_pdng {
    padding: 5px 5px 10px 5px
}

.hm_prd_fav_ {
    position: relative;
    top: 10px;
}

.zoomm:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.offr_cl1 {
    color: black;
    font-size: 17px;
    margin-bottom: -4px
}

.box_top_csr {
    padding-left: 5%
}

.alrt_cnter {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.box_width {
    margin-left: 5px;
    margin-right: 5px
}

.csr_store_top {
    padding: 0
}

.nor_font {
    font-size: 13px
}

.hm_prz_h6 {
    font-size: 14px;
    font-weight: 700;
    text-align: left!important
}

.hm_pr_cell {
    margin: 0 15px 0 0
}

.hm_price_media {
    border: none!important;
    text-align: start;
    height: 20px
}

.hm_crsl_aln_cntre {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.tp_cr {
    font-weight: 700!important;
    font-size: 1.5rem!important;
    padding-left: 1%;
}

.hm_tp_craving_mrg {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0!important
}

.hm_biz_capsule {
    margin-right: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    width: auto!important;
    height: 35px;
    padding: 11px 0;
    background: #ffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #000;
    border-radius: 9px;
    text-transform: capitalize;
    min-width: 105px!important;
    font-weight: 500;
    line-height: 11px;
    border: 1px solid #a8a8a8;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .1);
    font-size: 11px
}

.hm_biz_capsule_cnr {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-left: 15px;
    padding-bottom: 5%;
    padding-top: 20%
}

.hd_mb_col_8 {
    max-width: 63%!important;
    padding: 0 0 0 12px!important
}

.hd_mb_col_10 {
    max-width: 75% !important;
}

.hd_mb_col_2 {
    max-width: 25%!important;
    padding: 0!important;
    margin-top: auto;
    margin-bottom: auto;
}

.hd_mb_col_4 {
    max-width: 30%!important;
    padding: 0!important;
    margin-top: auto;
    margin-bottom: auto;
}

.hd_mb_li {
    margin-top: 7px!important;
    padding: 0 0 0 38%!important
}

.hd_mb_li a {
    text-transform: capitalize!important;
    font-size: 14px!important;
}

.st_bnr_cnt_m_T_0 {
    margin-top: 15px!important;
    padding: 0!important;
    padding-left: 5%
}

.tc_st_2_md {
    border: none!important;
    background: none!important
}

.st_hd_marg {
    margin-top: 0!important;
    padding-right: 2px!important;
    padding-left: 2px!important
}

.img_br_rd_10 {
    border-radius: 10px!important
}

.p_r_mt_10 {
    margin-top: 10px
}

.card_h {
    height: 340px;
    border: 1px solid rgba(0, 0, 0, .125)
}

.hd_media_show {
    display: none
}

.hd_media {
    padding: 5px 0;
}

.floatrightgo {
    float: left;
    display: flex;
    justify-content: left;
    padding-left: 5%
}

.che_pb_2 {
    padding-bottom: 2%;
    padding-top: 5%
}

.add_review_h {
    color: #000;
    font-weight: 600;
    padding-top: 20px
}

.y_rating_h {
    padding-top: 10px;
    color: #000;
    font-weight: 600;
    font-size: 13px
}

.starrating>input {
    display: none
}

.fa-star:before {
    content: "\f005"
}

.starrating>label:before {
    content: "\f005";
    margin: 10px;
    font-size: 40px;
    font-family: 'FontAwesome';
    display: inline-block;
    cursor: pointer
}

.starrating>label {
    color: #e1dcdc
}

.starrating>input:checked~label {
    color: #ffca08!important
}

.starrating>input:hover~label {
    color: #ffca08!important
}

#starrating {
    justify-content: flex-end
}

.risingstar>input:checked+label:after {
    animation: .7s zoomstars;
    display: block
}

.star_content {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 10px
}

#store_starrating {
    justify-content: center
}

.single_cart1 {
    width: 100%;
    height: 48px;
    background: rgba(201, 57, 27);
    color: #fff;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 2px;
    cursor: pointer;
    border-radius: 15px
}

.store_review_b {
    padding-bottom: 50px;
    margin-top: -40px
}

.review_contents1 {
    color: #3c3c3c;
    font-size: 13px;
    top: 7px;
    padding: 0
}

.middle1 {
    margin-top: 8px;
    float: left;
    width: 80%
}

.bar-container1 {
    width: 143%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    display: flex
}

.bar_sr1-5 {
    width: 1%;
    height: 18px;
    background-color: #4CAF50;
    border-radius: 18px
}

.bar_sr1-4 {
    width: 1%;
    height: 18px;
    background-color: #2196F3;
    border-radius: 18px
}

.bar_sr1-3 {
    width: 1%;
    height: 18px;
    background-color: #00bcd4;
    border-radius: 0
}

.bar_sr1-2 {
    width: 1%;
    height: 18px;
    background-color: #ff9800;
    border-radius: 18px
}

.bar_sr1-1 {
    width: 1%;
    height: 18px;
    background-color: #f44336;
    border-radius: 18px
}

.review_views1 {
    padding: 0;
    font-size: 10px;
    line-height: 7px;
    color: #505050;
    font-weight: bold;
    top: 13px
}

.no_review_text {
    font-size: 22px;
    color: #cdd0d5;
    text-align: center
}

.csr_p5 {
    padding: 5px
}

.review-block1 {
    background-color: #ffffff;
    border-radius: 3px;
    margin-bottom: 15px
}

.review-block-name {
    font-size: 13px;
    margin: 2px 0;
    font-weight: 600;
    color: #000;
    text-transform: capitalize
}

.review-block-name:hover {
    text-decoration: none;
    color: #000
}

.review-block-date {
    font-size: 10px;
    color: #b4b6b5
}

.review-block-rate {
    font-size: 13px
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px
}

.review-block-description {
    font-size: 12px;
    padding-top: 11px
}

.pd_mb {
    padding: 8px 10px;
    border-radius: 3px
}

.ms_m_auto {
    margin: auto
}

.exampleModal {
    float: right!important;
    background: #fff!important;
    color: #da0303!important;
    border: 1px solid #dadadb!important;
    font-size: 13px!important;
    font-weight: 700;
    border-radius: 15px
}

.star_colur {
    color: #ff7058
}

.star_spaace {
    margin-left: 0;
    margin-top: 0
}

.about_p_top {
    padding-top: 95px;
    padding-bottom: 15px
}

.abot_b_p_web {
    padding: 0
}

.abot_b_p_web {
    padding: 15px
}

.about_head {
    font-weight: 600
}

.about_description {
    color: #000000;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    min-height: 90px;
    padding-top: 30px;
    padding-right: 15px;
}

.about_description p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px!important;
    line-height: 23px!important;
}

.about_store_img {
    width: 100%;
    padding-left: 15px
}

.uc_img_b {
    display: flex;
    justify-content: center;
    width: 100%
}

.under_c_img {
    width: 64%
}

.head_texth2 {
    font-size: 18px;
    font-weight: 700
}

.st_lb_d_C {
    font-size: 12px;
    color: #fff
}

.c_d_w {
    max-width: 49%!important;
    display: flex!important
}

.close {
    background-color: #ffffff00 !important;
    border: none !important;
}

.c_d_w_a {
    margin-right: 2%;
    /* margin-left: 15px */
}

.hm_biz_capsule_s {
    height: 50px!important
}

.st_h_rt_w {
    width: 60px
}

.st_hd_fv {
    padding: 0!important;
    height: 25px!important;
    border: none!important
}

.it_r_rm_pd {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.flex_sm_fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.card-border-home {
    border-radius: 0;
    border: none;
}

.card-border-home:hover {
    border: 1px solid #d3d5df;
    box-shadow: 0 4px 7px 0 rgb(218 220 230 / 60%);
    border-radius: 10px
}

.card-border-homeos {
    border: 1px solid rgb(116 116 116 / 13%)
}

.add-ads-modal {
    background-color: #fff;
    border-radius: 15px;
    padding: 2% 5% 15% 5%
}

.ads {
    background-color: rgba(201, 57, 27)!important;
    color: rgb(255, 255, 255);
    border: none;
    font-size: 12px;
    padding: 3% 10% 3% 10%;
    margin-top: 5%;
    border-radius: 15px
}

.shadowww {
    box-shadow: 4px 22px 62px -22px rgba(0, 0, 0, 1)!important
}

.payment_method {
    width: 47%;
    border: 1px solid rgba(201, 57, 27);
    box-sizing: border-box;
    border-radius: 5px;
    background: #fff;
    padding: 5px 0 5px 0;
    margin-right: 5px;
    color: rgba(201, 57, 27);
    font-size: 14px;
    margin-bottom: 25px
}

.payment_method.active {
    background: rgba(201, 57, 27);
    color: #fff;
    border: 1px solid rgba(201, 57, 27)
}

.st_item_priceee {
    font-weight: 700!important
}

.sha-dow {
    box-shadow: 3px 7px 75px 1px rgba(0, 0, 0, .2)!important
}

.brdrr {
    border-top: 1px solid rgb(224 224 224 / 41%);
    padding: 4%
}

.mttt {
    margin-top: -2%!important
}

.paaadng {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.hd-pd {
    margin-right: 10%!important
}

.car_empt {
    text-align: center;
    font-size: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #dcdcdc;
    padding: 11px 0
}

.lft-pdg {
    margin-left: 16px;
    color: #cbcbcb
}

.no_store {
    text-align: center!important;
    font-size: 25px;
    color: #a5a4a4;
}

.no_offer {
    text-align: center!important;
    font-size: 20px;
    color: #a5a4a4;
    margin-top: 60px;
}

.no-fav {
    color: #e8e8e8;
    font-size: 2rem
}

.mz-neww {
    border: 1px solid #e6e6e6;
    border-radius: 15px!important;
    background-color: #fff;
    padding: 10px;
}

.sha-doww-omg {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
    border: none!important
}

.sha-doww-omg1 {
    border: 1px solid #ddd;
}

.sha-doww-omg1:hover {
    box-shadow: 15px 9px 20px 0px #00000024;
}

.tc_ofr_11 {
    background: linear-gradient(0deg, #5d0000, black)!important
}

.jumbotronw {
    padding: 2rem 2rem 3rem 2rem!important
}

.fav-mrgin {
    margin-left: -2%
}

.form-controlft {
    display: block;
    width: 100%;
    height: calc(2em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff!important;
    background-clip: padding-box;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.openNavdelbg {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .281);
    overflow-x: hidden;
    transition: .5s
}

.hm_biz_capsule_cnr::-webkit-scrollbar {
    display: none
}

.sidenavoo {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1010;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    text-align: center;
    overflow-y: scroll
}

.sidenavoo::-webkit-scrollbar {
    display: none
}

.sidenavoo {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.sidenavoo .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: rgb(255, 255, 255);
    padding-left: 3%;
    padding-right: 3%;
    background-color: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.openNavinfoobg {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .281);
    overflow-x: hidden;
    transition: .5s
}

.openNavinfo {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1010;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    text-align: center;
    overflow-y: scroll
}

.openNavinfo::-webkit-scrollbar {
    display: none
}

.openNavinfo {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.openNavinfo .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: rgb(255, 255, 255);
    padding-left: 3%;
    padding-right: 3%;
    background-color: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.openNavreviewbg {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .281);
    overflow-x: hidden;
    transition: .5s
}

.openNavreview {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1010;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    text-align: center;
    overflow-y: scroll
}

.openNavreview::-webkit-scrollbar {
    display: none
}

.openNavreview {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.openNavreview .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: rgb(255, 255, 255);
    padding-left: 3%;
    padding-right: 3%;
    background-color: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.openNavbookatablebg {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .281);
    overflow-x: hidden;
    transition: .5s
}

.openNavbookatable {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1010;
    top: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    overflow-x: hidden;
    transition: .5s;
    padding-top: 130px;
    text-align: center;
    overflow-y: scroll
}

.openNavbookatable::-webkit-scrollbar {
    display: none
}

.openNavbookatable {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.openNavbookatable .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    font-weight: 700;
    margin-left: 50px;
    color: rgb(255, 255, 255);
    padding-left: 3%;
    padding-right: 3%;
    background-color: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.img-rounded {
    width: 90%!important
}

.diiid {
    display: block
}

.sz {
    width: 20px
}

.szx {
    color: #C15F5F;
    font-weight: 700;
    font-size: 14px
}

.forgot_pwd_btn {
    color: #0a0000;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    float: right;
    font-size: 14px;
    font-weight: 700
}

.bbokattable {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.makeareservation {
    width: 100%;
    background-color: #c52208;
    border-radius: 15px;
    padding: 6px;
    border: 1px solid #c52208;
    color: #ffffff
}

.mttop {
    margin-top: 4%;
    padding-top: 1%
}

.moclsgo {
    margin-top: 3%!important
}

.topiko {
    margin-top: 5%
}

.txtcllr {
    color: rgb(102, 102, 102)
}

.info-follow-us {
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    margin-right: 2%;
    margin-bottom: 4%;
    cursor: pointer
}

.divv-stl {
    width: 50%;
    border: 1px solid #e8e8e8;
    padding: 10px 0 5px 0;
    margin-left: auto;
    margin-right: auto;
    color: #949494;
    border-radius: 15px
}

.plmobm {
    padding-left: 5%
}

.scrollinpaget {
    max-height: 570px;
    overflow-y: initial;
    overflow-x: hidden;
    padding-right: 20px
}

.scrollinpagetonscrollgoitemcss {
    max-height: 640px
}

.scrollinpaget::-webkit-scrollbar {
    width: 10px
}

.scrollinpaget::-webkit-scrollbar-track {
    background: #f1f1f1
}

.scrollinpaget::-webkit-scrollbar-thumb {
    background: rgb(224, 224, 224)
}

.scrollinpaget::-webkit-scrollbar-thumb:hover {
    background: rgb(192, 192, 192)
}

.scrollinpage {
    max-height: 700px;
    overflow-y: initial;
    overflow-x: hidden
}

.scrollinpage::-webkit-scrollbar {
    display: none
}

.scrollinpage {
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: all .2s
}

.scrollinpageeonscrollitem {
    max-height: 500px!important
}

.scrollinpagee {
    max-height: 420px;
    overflow-y: initial;
    overflow-x: hidden;
    padding: 0 2px 0 15px;
}

.scrollinpagee::-webkit-scrollbar {
    width: 10px
}

.scrollinpagee::-webkit-scrollbar-track {
    background: #f1f1f1
}

.scrollinpagee::-webkit-scrollbar-thumb {
    background: rgb(224, 224, 224)
}

.scrollinpagee::-webkit-scrollbar-thumb:hover {
    background: rgb(192, 192, 192)
}

.scrollinpaget::-webkit-scrollbar {
    width: 10px
}

.scrollinpaget::-webkit-scrollbar-track {
    background: #f1f1f1
}

.scrollinpaget::-webkit-scrollbar-thumb {
    background: rgb(224, 224, 224)
}

.scrollinpaget::-webkit-scrollbar-thumb:hover {
    background: rgb(192, 192, 192)
}

.scroll_up_class::-webkit-scrollbar {
    width: 10px
}

.scroll_up_class::-webkit-scrollbar-track {
    background: #f1f1f1
}

.scroll_up_class::-webkit-scrollbar-thumb {
    background: rgb(224, 224, 224)
}

.scroll_up_class::-webkit-scrollbar-thumb:hover {
    background: rgb(192, 192, 192)
}

.card-border-homee {
    border: 1px solid rgb(116 116 116 / 13%)
}

#fountainG {
    position: relative;
    width: 102px;
    height: 12px;
    margin: auto
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(255, 0, 0);
    width: 12px;
    height: 12px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.105s;
    -o-animation-duration: 1.105s;
    -ms-animation-duration: 1.105s;
    -webkit-animation-duration: 1.105s;
    -moz-animation-duration: 1.105s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px
}

#fountainG_1 {
    left: 0;
    animation-delay: .446s;
    -o-animation-delay: .446s;
    -ms-animation-delay: .446s;
    -webkit-animation-delay: .446s;
    -moz-animation-delay: .446s
}

#fountainG_2 {
    left: 13px;
    animation-delay: .5525s;
    -o-animation-delay: .5525s;
    -ms-animation-delay: .5525s;
    -webkit-animation-delay: .5525s;
    -moz-animation-delay: .5525s
}

#fountainG_3 {
    left: 25px;
    animation-delay: .659s;
    -o-animation-delay: .659s;
    -ms-animation-delay: .659s;
    -webkit-animation-delay: .659s;
    -moz-animation-delay: .659s
}

#fountainG_4 {
    left: 38px;
    animation-delay: .7755s;
    -o-animation-delay: .7755s;
    -ms-animation-delay: .7755s;
    -webkit-animation-delay: .7755s;
    -moz-animation-delay: .7755s
}

#fountainG_5 {
    left: 51px;
    animation-delay: .882s;
    -o-animation-delay: .882s;
    -ms-animation-delay: .882s;
    -webkit-animation-delay: .882s;
    -moz-animation-delay: .882s
}

#fountainG_6 {
    left: 64px;
    animation-delay: .9985s;
    -o-animation-delay: .9985s;
    -ms-animation-delay: .9985s;
    -webkit-animation-delay: .9985s;
    -moz-animation-delay: .9985s
}

#fountainG_7 {
    left: 76px;
    animation-delay: 1.105s;
    -o-animation-delay: 1.105s;
    -ms-animation-delay: 1.105s;
    -webkit-animation-delay: 1.105s;
    -moz-animation-delay: 1.105s
}

#fountainG_8 {
    left: 89px;
    animation-delay: 1.2115s;
    -o-animation-delay: 1.2115s;
    -ms-animation-delay: 1.2115s;
    -webkit-animation-delay: 1.2115s;
    -moz-animation-delay: 1.2115s
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(255, 0, 0)
    }
    100% {
        transform: scale(.3);
        background-color: rgb(255, 255, 255)
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(255, 0, 0)
    }
    100% {
        -o-transform: scale(.3);
        background-color: rgb(255, 255, 255)
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(255, 0, 0)
    }
    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255, 255, 255)
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(255, 0, 0)
    }
    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255, 255, 255)
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(255, 0, 0)
    }
    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255, 255, 255)
    }
}

.br {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.re_ot_btn {
    color: #0a0000;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    float: left;
    font-size: 12px
}

.login-gap {
    text-indent: 3px !important;
    padding-left: 0px;
}

#registerbtn_btn_loader {
    display: none;
    background: #c9391b;
    color: #fff;
    border: none;
    width: 100%;
    line-height: 5px;
    border-radius: 15px;
    height: 35px;
}

.pot {
    top: 225px;
    position: sticky
}

.sstiiky {
    position: sticky;
    position: -webkit-sticky;
    top: -75px;
    z-index: 1001;
    background-color: #fff;
    height: 302px;
    transition: all .2s
}

.sstiikywho {
    height: 260px
}

.jumbotrona {
    padding: 0 2rem 0 2rem;
    margin-bottom: 2rem;
    transition: padding .2s;
    transition: all .2s
}

.jumbotronaaa {
    padding: 2rem 1rem 1rem 1rem;
    margin-bottom: 2rem;
    transition: padding .2s;
    transition: all .2s
}

#header.header-scrolledd {
    background: rgba(0, 0, 0, .9);
    padding: 16px 0;
    /* opacity: 0 */
}

.crt-no-img {
    width: 65%;
    margin-left: -7px
}

.w-90 {
    width: 90%
}

.cart_store {
    cursor: pointer;
    color: #000!important;
    text-decoration: none;
    font-weight: bold!important
}

.mrtpoo {
    padding-top: 250px
}

.sf_offer_price_sec {
    font-size: 13px;
    margin-left: 0;
    color: #aaa;
    text-decoration: line-through;
    font-weight: 400;
    padding-top: 3px!important;
}

._1RskK_offer {
    float: right;
    color: #aaa;
    font-size: 14px;
    display: inline-block;
    text-decoration: line-through;
    margin-right: 5px;
    font-weight: 700;
}

#myTab2 {
    z-index: 99
}

.hd_str {
    top: -60
}

.mg_auto {
    margin-left: auto;
    margin-right: auto
}

.class-new-offr {
    max-width: 230px!important;
    height: 126px;
    border: 2px solid #ffff;
    margin-right: 0;
    padding-right: -20%;
    margin-left: 2%;
    border-radius: 15px;
    border-style: dashed;
    padding: 5%;
    padding: 5px;
    padding: 15px!important;
    padding-top: 35px!important;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: 11px!important;
    padding-top: 22px!important;
    margin-top: 30px!important;
    height: fit-content;
}

.of {
    width: 20px
}

.go-offerr {
    margin-left: 14px;
    padding-right: 15px;
    padding-bottom: 7px;
    border-radius: 7px
}

.hdr_cl6 {
    color: #a2a2a2!important;
}

.gotopbutton {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none
}

.toppigo {
    width: 40px;
    cursor: pointer;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3), 0 2px 1px 0 rgba(93, 141, 213, .2);
    border-radius: 50%
}

.gotopbuttonstyle {
    display: block
}

#notfound {
    position: relative;
    height: 100vh
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center
}

.notfound .notfound-404 {
    position: relative;
    height: 240px
}

.notfound .notfound-404 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 252px;
    font-weight: 900;
    margin: 0;
    color: #262626;
    text-transform: uppercase;
    letter-spacing: -40px;
    margin-left: -20px
}

.notfound .notfound-404 h1>span {
    text-shadow: -8px 0 0 #fff
}

.notfound .notfound-404 h3 {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #262626;
    margin: 0;
    letter-spacing: 3px;
    padding-left: 6px
}

.notfound h2 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    margin-top: 0;
    margin-bottom: 25px
}

.srch_rslt_a_tag_s {
    width: 100%;
    height: 59px
}

.srch_rslt_a_tag_s:hover {
    text-decoration: none
}

.srch_rslt_h {
    height: 60px
}

.srch_rslt_h p {
    color: black;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    height: 18px
}

.search_list_type {
    font-size: 11px!important;
    font-weight: 500!important;
    color: #e31837!important;
    margin-bottom: 2px!important
}

.search_list_type_t {
    font-size: 8px!important;
    color: #aaaaaa!important;
    margin-bottom: 1px!important
}

.Company-banner-container {
    margin-top: 45px
}

.c-banner-img {
    border-radius: 15px;
    margin-top: 10px;
    width: 100%;
}

.app-dowload-section {
    background: #CD483F;
    margin-top: 7px;
    display: flex
}

.app-section_content {
    width: 50%;
    padding: 0 3px 0 5%;
    margin: auto
}

.restaurant_main_btn {
    width: 49%;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    background: linear-gradient(90.45deg, #c9331b 20.62%, #69132e 95.43%);
    margin-top: 40px;
    border-radius: 14px
}

.grocery_main_btn {
    width: 49%;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    background: linear-gradient(90.45deg, #f4ac00 20.62%, #b39e1e 95.43%);
    margin-top: 40px;
    border-radius: 14px
}

.header_bg {
    background-position: center;
    background-size: cover;
    min-height: 620px;
    margin-top: 65px;
}

.web_head_img {
    display: block;
}

.mob_head_img {
    display: none;
}

.landing_bg {
    background-size: cover;
    background-image: url(../image/oderies_bg.jpg)
}

.landing_body {
    min-height: 400px;
    margin-top: 100px
}

.pick_black {
    color: #000!important;
    font-weight: bold!important;
    margin-top: 0 !important;
    font-size: 24px!important
}

.team-join-box {
    border: 1px solid #dddddd69;
    border-radius: 10px;
    box-shadow: 2px 2px 20px 5px #0000001c;
    padding-right: 15px;
    margin-bottom: 20px;
}

.team-join-box img {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.team-join-box h2 {
    font-size: 2.4rem;
}

.team-join-box button {
    background: #f17244;
    border: none;
    color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
}

.top_picks_h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    margin-top: 5%
}

.land_image_item {
    /* width: 300px;
    cursor: pointer; */
    max-width: 300px;
    cursor: pointer;
    width: 100% !important;
}

._3MtuI {
    padding-left: 0px !important;
}

.c_soon {
    min-height: 300px;
    margin-bottom: auto;
    text-align: center;
    color: #dad9d9;
    font-size: 29px;
    margin-top: 16%;
    width: 100%
}

#homecarousel {
    padding-bottom: 32px;
    margin-top: 65px;
}

#homecarousel1 {
    margin-top: 45px;
}

#homecarousel p {
    font-size: 30px
}

#bind_restaurant_Mobile {
    display: none
}

.srch_rslt_ps {
    position: fixed!important;
    margin-top: 3%!important;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    width: 35%;
    z-index: 1
}

.search_list_h {
    overflow: scroll;
    min-height: 100px;
    max-height: 287px
}

.web_banner_top {
    margin-top: 65px;
}

.land_image_menu1 {
    border-radius: 15px
}

.stype_box_head {
    width: 50%;
    margin: auto;
    padding-left: 15px
}

.stype_box_img {
    /* width: 55%; */
    text-align: right
}

.app-section_img_sec {
    width: 50%;
    text-align: center
}

.app-section_head {
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 25px
}

.text_con_h {
    color: #fff;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 1.2;
    font-size: 24px;
}

.text_con_t {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.explore_btn_r {
    margin-top: 12px;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 2px 8px 4px 8px;
    border-radius: 25px;
    border: 1px solid #fff;
    width: fit-content;
    letter-spacing: 1px;
}

.app-section_text1 {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF
}

.download_sec {
    display: flex;
    margin-top: 35px
}

.search-area-test {
    text-align: center;
    color: #000;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}

.verified-mobile-no {
    font-size: 24px;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}

.otp-text-msg {
    font-size: 12px;
    color: #222;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    z-index: 99;
    left: 10px;
    right: 0;
    margin-top: 3px;
    max-height: 500px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    overflow: overlay
}

.submit_area {
    border: 1px solid #c9331b;
    height: 37px;
    padding: 0 20px;
    background: #c9331b;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
}

#store_area_id {
    width: 25%;
    height: 37px;
    border: 1px solid #c9331b;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 5px;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.autocomplete-items div:hover {
    background-color: #e9e9e9
}

.Area-search-form {
    text-align: center;
    margin-top: 40px
}

.inline-text {
    background: #fff;
    font-size: 14px;
    border: 1px solid #c9331b;
    padding: 8px 5px 8px 5px;
    width: 100px;
    text-align: end;
    height: 37px;
    border-radius: 5px;
}

.index-footer {
    background: #e9e9e9;
    margin-top: 4%;
    text-align: center;
    padding: 22px 0 41px
}

.default_dubai {
    width: 30px;
    position: absolute;
    margin-top: 12px;
    margin-left: 12px
}

.img_sr_w_h {
    height: 40px;
    width: 40px;
    margin-top: 2px;
    margin-right: 0
}

.prod_nm_s_boottom {
    margin-bottom: 1px!important
}

.pro_price_search_org {
    color: #ff7058!important;
    font-size: 11px!important
}

#pay_mnt_hide {
    display: inline-block
}

.varient_detail_section {
    cursor: pointer
}

.service_model,
.variant_model {
    display: none;
    position: fixed;
    z-index: 999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(0 0 0 / 53%)
}

.service_model_content,
.variant_model_content {
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 540px
}

.service_model_close,
.variant_model_close {
    color: #595959;
    float: right;
    font-size: 28px;
    padding-bottom: 2%;
    margin-right: 15px
}

.service_model_close:hover,
.service_model_close:focus,
.variant_model_close:hover,
.variant_model_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.lg_mdl_container {
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: .6rem;
}

._1EZLh {
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%
}

._1H0SZ {
    padding-bottom: 10px;
    padding-right: 14px;
    width: 100%;
    display: flex;
}

.hzcR7 {
    flex-grow: 1;
    width: 100%
}

.draJe {
    font-weight: 600;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 490px
}

._3GIu4 {
    margin-top: 7px
}

.ueSas {
    color: #535665;
    font-size: 15px
}

._2rqLb {
    flex-grow: 1;
    display: flex;
    overflow-x: hidden
}

._3UzO2 {
    flex-direction: column;
    overflow: hidden;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex
}

._2ObNr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden
}

._1OtmB {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 1px
}

._1OIwC {
    position: relative;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding-left: 14px;
    margin-top: 10px;
    font-size: 14px;
    transition: .28s ease;
    transform: translateZ(0)
}

._2OGeA {
    margin-right: 9px;
    font-size: 14px;
    margin-left: 20px
}

._2Cjz6 {
    display: block
}

._1IhT0 {
    padding-top: 12px
}

._1ZFmK {
    position: relative;
    background-color: #fff;
    color: #282c3f
}

.service_pop_h {
    font-size: 13px;
    font-weight: 500;
    line-height: 35px
}

.StoreSupplier {
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-bottom: 15px;
}

.StoreSupplier span {
    /* color: #c9391b; */
    font-weight: 600;
}

._3coNr {
    padding: 0px 7px !important;
    background-color: #fff!important;
    color: rgba(201, 57, 27)!important;
    border: 1px solid rgba(201, 57, 27);
    position: relative;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    line-height: 27px;
    margin-bottom: 26px;
    border-radius: .6rem;
    text-align: center;
    text-align: center;
    height: 3.2rem;
}

.mmytI {
    font-weight: 600
}

._38xdN {
    text-transform: uppercase
}

#modal-subscribe {
    display: none
}

#modal-subscribe .show {
    -webkit-animation: fadein .5s, fadeout .5s .5s;
    animation: fadein .5s, fadeout .5s .5s
}

#modal-subscribe .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

#modal-subscribe.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

#modal-subscribe .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

#modal-subscribe .modal-dialog {
    position: relative;
    width: auto
}

#modal-subscribe .modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

#modal-subscribe .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000
}

#modal-subscribe .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

#modal-subscribe .modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

#modal-subscribe .modal-header {
    padding: 1px;
    border-bottom: 1px solid #e5e5e5
}

#modal-subscribe .modal-header .close {
    margin-top: -2px
}

#modal-subscribe .modal-title {
    margin: 0;
    line-height: 1.42857143
}

#modal-subscribe .modal-body {
    position: relative;
    padding: 20px
}

#modal-subscribe .modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

#modal-subscribe .modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

#modal-subscribe .modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

#modal-subscribe .modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.offer_type {
    font-size: 11px;
    margin-top: 70px;
    color: green;
    font-weight: 700;
    text-align: right;
}

.card_btn_pop {
    width: 200px;
    background: #CD483F;
    color: #fff;
    line-height: 21px;
    padding: 6px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    box-shadow: none;
    margin-top: 5%;
    border-radius: 2px;
    background: #c9331b;
    padding: 5px 62px;
    margin-top: 15px;
    font-weight: 600;
}

.card_btn_pop:hover {
    color: #000;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 200px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 200px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 200px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 200px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

.contact__content {
    margin-top: 20px
}

@media (max-width: 991px) {
    .contact__title {
        margin-top: 30px
    }
}

#contactsubmitbtn_loader,
.email_send,
.email_faild {
    display: none
}

.fa-facebook:before {
    content: "\f09a";
    font: normal normal normal 14px/1 FontAwesome
}

.fa-instagram::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f16d"
}

.fa-twitter::before {
    content: "\f099";
    font: normal normal normal 14px/1 FontAwesome
}

.fa-angle-left:before {
    content: "\f104";
    color: #000;
    font-size: 15px
}

.fa-angle-right:before {
    content: "\f105";
    color: #000;
    font-size: 15px
}

.service_loader {
    text-align: center;
    margin-top: 20%;
    display: none;
}

.modal-body h3 {
    text-transform: capitalize
}

.btn_disable {
    pointer-events: none;
    opacity: .5;
    cursor: default;
}

.eggzWm {
    width: calc(100% + .5rem);
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
}

.cInTtE {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: rgb(28, 28, 28);
    margin-top: .5rem;
    margin-bottom: .83rem;
}

.jwGlki {
    max-height: 3rem;
    height: 3rem;
    width: 3rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.oRYSe {
    display: block;
    overflow: initial;
}

.fcsKSm {
    border: 1px solid rgb(255, 255, 255);
    margin-top: .3rem;
}

.eWvKll {
    padding-bottom: 1rem;
}

.gnHEvw {
    margin: 0 0 1rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(232, 232, 232);
}

.doKdVK {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.fFhIkZ {
    display: flex;
    flex-direction: column;
    padding-right: .5rem;
}

.eNNUsK {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.iitULE {
    margin-right: 1rem;
}

.iSPzhY {
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid rgb(237, 90, 107);
    border-radius: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
}

.kbwBZZ {
    width: .7rem;
    height: .7rem;
    background: rgb(237, 90, 107);
    border-radius: 50%;
}

.iaSZFy {
    font-size: 1.6rem;
    margin: 0;
    /*color: rgb(54, 54, 54);*/
    font-weight: 500;
}

.btxdAi {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: .5rem 0 0 2.3rem;
}

.btxdAa {
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgb(156, 156, 156);
    margin: .5rem 0 0 2.3rem;
}

.gzFKqN {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.eFkWxJ {
    border-bottom: 1px solid rgb(232, 232, 232);
    margin: 1rem 0;
}

._2bXOy {
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

._3SG03 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.styles_icon__m6Ujp {
    color: #ad4728;
    font-size: .8rem;
}

._2MJB6 {
    font-size: 10px;
    top: 4px;
    line-height: 1!important;
}

._3SG03,
._33KRy {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

._33KRy {
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
}

._2bWmk {
    width: 50%;
}

._1yTZI {
    float: right;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
}

._1mx0r {
    font-size: 13px;
    color: #535665;
}

._1mx0r,
.jmsyS {
    text-align: right;
    width: 45px;
}

.page-section {
    margin-top: 20px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #ddd;
}

.category_product .page-section {
    margin-left: 36%;
    margin-top: 2%;
    padding: 10px;
    border-bottom: 2px solid #ddd;
}

.category_product {
    margin-bottom: 50px;
}

.scroll_top_menu {
    margin-top: 50px;
}

.resto-msg {
    margin-bottom: 15px;
}

.category_product .navigation1 {
    position: absolute;
    width: 90%;
    margin-left: 2%;
    color: #000;
    overflow-y: initial;
    max-height: 350px;
    overflow-x: hidden
}

.navigation1::-webkit-scrollbar {
    width: 10px
}

.navigation1::-webkit-scrollbar-track {
    background: #f1f1f1
}

.navigation1::-webkit-scrollbar-thumb {
    background: rgb(224, 224, 224)
}

.navigation__link1 {
    display: block;
    color: #000;
    text-decoration: none;
    padding: 5px;
    font-weight: 400;
    border-left: 5px solid #fff;
    border-top: 1px solid rgb(224 224 224 / 41%);
}

.navigation__link1:hover {
    background-color: #e9e9e9;
    color: #ff2c00;
    border-left: 5px solid #ff2c00;
}

.navigation__link1.active {
    color: #ff2c00;
    background-color: rgba(0, 0, 0, .1);
    border-left: 5px solid #ff2c00;
}

.active_store_show {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin: auto 30px auto 30px;
    letter-spacing: 1px;
    border: 1px solid #777777de;
    padding: 10px;
    border-radius: 4px;
}

.active_store_show i {
    font-size: 18px;
}


/* .active_store_show a{
    max-width: 90%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} */

.header-menu-list {
    margin-top: auto!important;
    margin-bottom: auto;
}

.header-menu-list i {
    font-size: 18px;
}

.header-menu-list span,
.header-menu-list a {
    font-size: 14px;
    text-transform: capitalize;
}

#signin_help {
    margin-top: 7px;
    font-size: 12px;
    padding: 4px 10px 4px 2px;
    height: auto;
    margin-bottom: 15px;
}

.jcidl {
    position: absolute;
    top: .6rem
}

.serch_img_div .jcidl {
    position: relative !important;
    top: 15px !important;
    left: 2px !important;
}

.PTYEVN {
    top: 10px!important;
    left: 10px!important;
}

.iSPzhY {
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid rgb(237, 90, 107);
    border-radius: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
}

.kbwBZZ {
    width: .7rem;
    height: .7rem;
    background: rgb(237, 90, 107);
    border-radius: 50%;
}

.bXZAXS {
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid rgb(80, 181, 71);
    border-radius: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
}

.kEJKBm {
    width: .7rem;
    height: .7rem;
    background: rgb(80, 181, 71);
    border-radius: 50%;
}

.hpqZNt {
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid rgb(243, 193, 23);
    border-radius: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    flex-shrink: 0;
}

.dpMBfc {
    width: .7rem;
    height: .7rem;
    background: rgb(243, 193, 23);
    border-radius: 50%;
}


/* .service_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio_label input:checked~.service_checkmark:after {
    display: block;
}

.radio_label .service_checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
} */

.QUANTITY {
    float: right;
}

.section--cart {
    padding: 10px 0
}

.section--cart .cart-product {
    flex-grow: 1;
    max-width: 55%;
}

.section--cart .product__name {
    color: #222;
    font-weight: 500;
    font-size: 12px;
    word-wrap: break-word;
}

.section--cart .product__name span {
    color: #26901b;
    margin-left: 5px;
    font-weight: 500;
}

.section--cart .product__unit {
    font-size: 13px;
}

.section--cart p {
    font-size: 14px
}

.checkbox_label {
    display: block;
    position: relative;
    padding-left: 37px;
    margin-bottom: 4px;
    cursor: pointer;
    font-size: 14px;
}

.service_checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border: 2px solid rgba(201, 57, 27);
}

.checkbox_label input:checked~.service_checkbox {
    background-color: white;
    border: 2px solid rgba(201, 57, 27);
}

.service_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox_label input:checked~.service_checkbox:after {
    display: block;
}

.checkbox_label .service_checkbox:after {
    top: 3.5%;
    left: 30%;
    width: .55rem;
    height: 1rem;
    content: "";
    border-right: 2px solid rgba(201, 57, 27);
    border-bottom: 2px solid rgba(201, 57, 27);
    border-top: 0;
    border-left: 0;
    transform: rotate(48deg);
}

@-webkit-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

@-moz-keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0)
    }
    40% {
        transform: translateX(-5px)
    }
    60% {
        transform: translateX(-5px)
    }
}

@keyframes bounceRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -ms-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

.account-right {
    -webkit-animation: bounceRight 2.3s infinite;
    animation: bounceRight 2.3s infinite;
    float: right;
    margin-top: 5px;
}

.web_line_clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pad_34 {
    padding: 34px;
}

.mobile-buz-close {
    padding-right: 0;
    padding-left: 5px;
}

.Offer-not-available {
    margin-top: 8%;
}

.store_offers-box {
    /* margin-left: 10px; */
    margin-left: 5px;
    height: 58px;
    overflow: hidden;
}

#rest_tab-tab,
#rest_tab-tab1,
#rest_tab-tab2 {
    font-size: 2.1rem;
    color: #938888;
}

.center {
    text-align: center;
}

.flyer_book_image {
    margin: auto;
    cursor: pointer;
}

.flyer-cnt {
    margin-top: 100px;
}

.offerview {
    float: right;
    background: #c9331b;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    margin-left: auto;
    width: max-content;
}

.offerview:hover {
    color: #fff;
}

.offer-page-percetage {
    padding-right: 15px;
    padding-left: 3px;
}

.offer-page-oimg {
    height: 20px;
    padding-left: 3px;
    padding-right: 3px;
}

.resto-head-rate {
    margin-top: 1%;
}

.resto-web-menu1 {
    margin-top: -4px;
}

.resto-web-menu3 {
    margin-top: 6px;
}

.resto21 {
    margin-top: 1%;
    padding-left: 0
}

.resto-web-menu2 {
    margin-top: -3px;
}

#table_id span {
    font-size: 11px;
}

.resto-serch-nav {
    float: right;
    margin-right: 80px;
}

.resto-no-img-31 {
    padding-bottom: 31px;
}

.grcry12 {
    padding-bottom: 31px;
}

.MWeb-menus {
    margin-left: 52px;
    display: flex;
}

.cart_tittle-h3 {
    padding: 5px 2px;
}

.mob-search-icon {
    font-size: 1.3em!important;
}

.cust-add-address-tittle {
    color: #fff!important;
    margin-bottom: 5%!important
}

.add-address-br {
    border-radius: 20px!important
}

.login-mbottom {
    margin-bottom: 3%
}

.login-mbottom1 {
    margin-bottom: 3%!important;
    margin-left: 4%;
    border: none!important;
}

.login-have-account {
    text-align: center;
    margin-top: 15%
}

.login-body- {
    border-radius: 20px;
    border: none
}

.login-fw,
#service_html {
    width: 100%!important;
}

.login-already_account {
    text-align: center;
    font-size: 13px;
}

.payment-faild {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 400px;
}

.product-detail-p20 {
    padding: 20px!important;
}

.pd-offer_settings-mina {
    margin-top: auto;
    margin-bottom: auto;
    max-width: max-content;
    padding-right: 0;
}

.pd-offer_settings-h {
    height: 17px;
}

.pd-offer_settings-box {
    text-align: left;
    height: auto;
}

.product-detail-search {
    float: right;
    margin-right: 80px;
}

.product-detail-mtop {
    margin-left: 52px;
    display: flex;
}

.crt_sr_cancel {
    cursor: pointer;
}

.addfavotite {
    cursor: pointer
}

#register_section_s,
#login_section_s {
    cursor: pointer;
}

.wishlist_icon {
    cursor: pointer;
}

.ship_cust_name {
    font-weight: 600;
    color: #000;
    margin-right: 13px
}

.cart-price .ps-product__price,
.ps-product__meta .ps-product__price {
    font-weight: 500!important
}
.ps-product--mini-cart p {
    margin-bottom:2px !important;
}

.text-success {
    color: #28a745!important
}

.star_colour {
    color: #edb867
}

.unstar_colour {
    color: #d2d2d2
}

.bar1-5,
.bar1-4,
.bar1-3,
.bar1-2,
.bar1-1 {
    width: 1%;
    color: #0e962e
}

.delivery_location {
    font-size: 13px;
    line-height: 25px;
    line-height: 25px
}

.right_menu_arrow {
    float: right;
    margin-right: 10px;
    font-size: 11px;
}

.hd_start_SN {
    color: #889490;
    font-size: 12px;
    margin-top: 10px;
}

.tag-manager {
    display: none!important;
    visibility: hidden!important;
}

.box-shadow-none {
    box-shadow: none!important;
}

.acct_tab {
    width: 400px;
    margin: auto;
    padding-top: 10px
}

.ind_cl1 {
    color: #000;
    font-size: 16px;
}

.ind_cl1 a {
    font-size: 16px;
}

.ind_cl2 {
    justify-content: space-between;
}

.grcry1 {
    margin-left: 52px;
    display: flex;
}

.grcry2 {
    float: right;
    margin-right: 80px;
}

.clr_wte {
    color: #fff;
}

.grcry4 {
    margin-top: -3px;
}

.grcry5 {
    margin-top: -4px;
}

.grcry6 {
    font-size: 12px;
    margin-top: -3px;
    color: #C15F5F;
    padding-left: 0;
}

.grcry7 {
    height: 20px;
    padding-left: 0;
    padding-right: 15px;
}

.grcry8 {
    padding-right: 5px;
    padding-left: 5px
}

.grcry9 {
    font-size: 12px;
    line-height: 1;
    color: #C15F5F;
    font-weight: 700
}

.grcry10 {
    font-size: 1.3em!important;
}

.grcry13 {
    margin-top: 1%;
}

.grcry14 {
    position: relative;
    top: -42px;
}

.grcry15 {
    line-height: 1;
    font-size: 12px
}

.grcry16 {
    margin-top: 1%;
    padding-left: 0
}

.grcry18 {
    padding: 5px 2px;
}

.hdr_cl2 {
    float: right;
    margin-right: 80px;
}

.cart2 {
    background-color: rgba(0, 0, 0, .03);
    padding: 10px 0;
    border-radius: .25rem;
    font-size: 15px;
    margin-top: 43px;
}

.cart1 {
    margin-top: 43px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000!important;
    background-color: #fff!important;
    border-bottom: 5px solid #c9391b!important;
}

.tc_st_1 {
    background-size: cover;
    background-image: url(../image/rest-ind-banner.png);
}

.tc_st_2 {
    border-radius: 20px;
    width: 15rem;
}

.tc_st_3 {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /* padding-bottom: 35px; */
    padding-bottom: 20px;
    text-align: center;
}

.tc_st_5 {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background-color: rgb(255, 255, 255)!important;
    border-color: #000;
    color: #000;
    border-right: 0;
    font-size: 15px!important
}

.tc_st_6 {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-color: rgb(255, 255, 255)!important;
    border-color: #000;
    color: #000;
    border-left: 0;
}

.tc_st_7 {
    color: #212529;
    background-color: #ffffff;
    height: 37px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
    font-size: 15px!important;
    border-radius: 10px;
}

.tc_st_srch {
    width: 30%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)!important;
}

.tc_st_srch_inp {
    border: 1px solid #ffffff!important;
    color: #212529;
    background-color: #ffffff;
    margin-left: 4px;
}

.car_empt {
    color: #889490;
    padding: 30px 0;
    text-align: center;
    font-size: 20px;
    width: 100%;
}

.st_pd_L_N_R_0px {
    padding-left: 16px;
    padding-right: 0;
}

.st_width_18 {
    margin-bottom: 5px;
    max-width: 20%;
    position: relative;
    top: 0;
    background-color: white;
    padding: 4%;
    border-radius: 50%;
    height: 25px;
    width: 25px;
}

.st_p_b_15 {
    padding-bottom: 15px;
}

.st_p_b_10 {
    padding-bottom: 10rem!important;
    padding-top: 3rem!important;
}

.st_crt_n_categ_md_show {
    display: none;
}

.st_crt_n_categ_992_md_show {
    display: none;
}

.menu_c1 {
    position: fixed;
    left: 55%;
    bottom: 70px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    height: 40px;
    pointer-events: auto;
    cursor: pointer;
    z-index: 1001;
}

.menu_c3 {
    height: 40px;
}

.menu_c2 {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    background: #c9391b;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3), 0 2px 1px 0 rgba(93, 141, 213, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3), 0 2px 1px 0 rgba(93, 141, 213, .2);
    padding: 14px;
    font-weight: 600;
    font-size: .93rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
}

.menu_c4 {
    margin-right: 4px;
    font-size: .86rem;
}

.book_table_inner .table_img {
    z-index: 2;
    position: relative;
    left: 30%;
    top: 17%;
}

.book_table_area .mbbm {
    margin-top: 10px;
}

.book_table_area .form-group--block {
    margin-top: 10px;
}

.sidenavv {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1100;
    top: 0;
    background-color: #00000054;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 40px
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 40px;
    -webkit-box-shadow: -14px 5px 29px -5px rgba(0, 0, 0, .5);
    -moz-box-shadow: -14px 5px 29px -5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, .4);
    border-radius: 0;
}

.sidenav a {
    padding: 12px 0 8px 34px;
    text-decoration: none;
    font-size: 16px;
    color: #000000;
    display: block;
    transition: .3s;
}

.sidenav a:hover {
    color: #ffffff;
    background-color: #c9331b;
    box-shadow: 0 20px 20px rgba(244, 47, 44, .1);
}

.sidenav .closebtn {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 16px;
    font-size: 30px;
    margin-left: 50px;
}

.space {
    padding-bottom: 2%;
}

.st_cat_item_cnrrr {
    margin-bottom: 0!important;
}

.bor_rds {
    border-radius: 15px!important
}

.clrr {
    color: rgb(39, 39, 39)!important;
    padding: 3rem 2rem 3rem 2rem;
    background-color: #000000
}

.mrg5 {
    margin-top: 3rem;
}

.cart_cl1 {
    margin-left: 2px;
}

.hme_cl1 {
    margin-left: auto;
}

.hme_cl2 {
    margin-top: auto;
    margin-bottom: auto;
    max-width: 100%;
}

.hme_cl3 {
    text-align: left;
    height: auto
}

.hme_cl5 {
    margin-bottom: 7%;
}

.PC_icon .fa-chevron-down {
    margin-left: -9px!important;
    margin-top: -19px!important;
}

.active .fa-chevron-down {
    margin-left: 0!important;
    margin-top: 5px!important;
}

.third_category {
    font-size: 14px;
    margin-left: 15px;
}

.prdc_cl1 {
    margin-top: 10px;
    margin-right: 18px;
}

.prdc_cl3 {
    display: inline-block;
    margin-left: auto;
    margin-top: auto;
    margin-block: auto;
    padding: 5px;
    border: 1px solid rgb(181, 181, 181);
    border-radius: .6rem;
}

.sha-doww {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)!important;
    border: none!important
}

.padd-ing {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.no_banner {
    margin-top: 5%
}

.mobile_banner {
    display: none!important
}

.book_table_inner .table_img img {
    width: 100%;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .4);
}

.st_hd_fv_ic,
#st_hd_fv_ic {
    margin-top: 2px;
    margin-left: 14px!important
}

.st_prd_cnr_mb_md {
    padding-right: 0;
}

.radius-brder {
    border-radius: 1rem !important;
}

.mz-new {
    border: 1px solid #e6e6e6;
    border-radius: 15px!important;
    max-width: 32%!important;
    margin-right: 10px!important
}

#contactsubmitbtn_loader {
    display: none;
}

.web_head_img {
    background: #fcec8c
}

@media (max-height:2500px) {
    .openNavbookatable {
        padding-top: 130px
    }
}

@media (max-height:450px) {
    .sidenavoo {
        padding-top: 15px
    }
    .openNavinfo {
        padding-top: 15px
    }
    .openNavreview {
        padding-top: 15px
    }
    .sidenav {
        padding-top: 30px
    }
    .sidenav a {
        font-size: 14px
    }
}

@media (min-width:1600px) {
    .bg_inside {
        padding-top: 10%
    }
}

@media (min-width:1361px) {
    .max_filed_w {
        max-width: 1128px;
        float: left
    }
}

@media (min-width:1201px) {
    .card_h {
        height: 380px!important
    }
    .tc_st_3 {
        padding-right: 10%;
        padding-left: 10%;
        /* width: 76% */
        width: 95%
    }
}

@media (min-width:1200px) {
    #store_area_id {
        width: 400px
    }
    .img-category {
        width: 120px;
        height: 120px
    }
}

@media (min-width:1200px) {
    .hm_tp_craving_mrg {
        margin-top: 3%
    }
}

@media (min-width:1150px) {
    .bg_inside {
        padding-top: 8%
    }
}

@media (min-width:1024px) {
    #intro p {
        width: 60%
    }
    #intro .carousel-control-prev,
    #intro .carousel-control-next {
        width: 5%
    }
}

@media (min-width:993px) {
    .top_picks_h2 {
        margin-left: 70px
    }
}

@media (min-width:992px) {
    .sstiiky-due {
        display: none
    }
    .hid-one-search {
        display: none
    }
}

@media (min-width:992px) {
    .tc_fav_mb {
        display: none
    }
}

@media (min-width:900px) {
    .bg_inside {
        padding-top: 10%
    }
}

@media (min-width:800px) {
    .acct_tab {
        padding-top: 5%
    }
}

@media (min-width:761px) {
    .box_top_csr {
        margin-top: 0!important
    }
}

@media (min-width:768px) {
    .serch_img_div {
        max-width: 150px;
    }
    .img_col {
        max-width: 15%
    }
}

@media (min-width:750px) {
    .bg_inside {
        padding-top: 9%
    }
}

@media (min-width:680px) {
    .p_r_mt_10 {
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (min-width:600px) {
    .bg_inside {
        padding-top: 13%
    }
}

@media (min-width:450px) {
    .top_picks_h2 {
        margin-left: 19px
    }
}

@media (min-width:300px) {
    .bg_inside {
        padding-top: 8%
    }
}

@media (max-width:2500px) {
    .card-border-home {
        height: 380px!important;
    }
    .card-border-homee {
        height: 400px!important
    }
}

@media (max-width:2140px) {
    .header_bg {
        background-position: center;
        background-size: cover;
        min-height: 525px;
        margin-top: 65px
    }
}

@media (max-width:1800px) {
    .header_bg {
        min-height: 500px
    }
}

@media (max-width:1600px) {
    .scrollinpagee {
        max-height: 285px
    }
    .scrollinpageeonscrollitem {
        max-height: 360px!important
    }
    .scrollinpaget {
        max-height: 420px
    }
    .scrollinpagetonscrollgoitemcss {
        max-height: 480px
    }
}

@media (max-width:1550px) {
    .header_bg {
        min-height: 400px
    }
}

@media (max-width:1500px) {
    .containerr {
        margin-top: 1%!important;
        width: 400px
    }
}

@media (max-width:1450px) {
    .srch_rslt_ps {
        background-color: #fff;
        border: 1px solid #cacaca;
        border-radius: 4px;
        width: 46%;
        position: absolute;
        width: 34%;
        margin-top: 4%!important
    }
}

@media (max-width:1400px) {
    .acct_tab {
        width: 400px
    }
    .card-border-home {
        height: 353px!important
    }
    .active_store_show,
    .header-menu-list a {
        font-size: 14px
    }
    .header-menu-list i,
    .active_store_show i {
        font-size: 16px
    }
    .cart_count_section_web {
        margin: -23px 2px 0 63px
    }
}

@media (max-width:1380px) {
    .scrollinpagee {
        max-height: 145px
    }
    .scrollinpageeonscrollitem {
        max-height: 250px!important
    }
    .scrollinpaget {
        max-height: 250px
    }
    .scrollinpagetonscrollgoitemcss {
        max-height: 330px
    }
    .crt-no-img {
        width: 45%!important
    }
    .car_empt {
        font-size: 18px!important
    }
}

@media (max-width:1366px) {
    .nav-menu .drop-down .drop-down ul {
        left: -90%
    }
    .nav-menu .drop-down .drop-down:hover>ul {
        left: -100%
    }
    .nav-menu .drop-down .drop-down>a:after {
        content: "\ea9d"
    }
}

@media (max-width:1200px) {
    .ps-badge-web {
        font-size: 17px;
        padding: 3px 10px;
        top: 77px;
        font-weight: 700;
        width: 88.7%;
        height: 11%
    }
    .active_store_show {
        padding: 4px
    }
    .header_bg {
        min-height: 300px
    }
    .cart_ttl_width span,
    .cart_pname_width .ps-product__name {
        font-size: 12px!important
    }
    .cart_Qty_width {
        width: 110px
    }
    .cart_ttl_width {
        width: 100px
    }
    .cart_action_width {
        width: 30px
    }
    .containerr {
        margin-top: 1%!important
    }
    .hm_col_6_crt_prz_cnr_media {
        margin-top: auto!important;
        margin-bottom: auto!important
    }
    .mxxw {
        max-width: 100%!important
    }
    .hm_price_media {
        padding-top: 0!important
    }
    .hm_prd_fav_ {
        top: 10px
    }
    .card_h {
        height: 380px!important
    }
    .card-border-homee {
        height: 340px!important
    }
    .srch_rslt_ps {
        width: 46%
    }
}

@media (max-width:1199px) {
    .st_width_18 {
        max-width: 23%!important
    }
    .book_table_inner .col-lg-5 {
        vertical-align: middle;
        align-self: center
    }
    .book_table_inner .table_img {
        padding-top: 0;
        padding-bottom: 0
    }
    .book_table_inner .table_img img {
        width: 100%;
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, .4)
    }
    .menu>li>a {
        font-size: 1.5rem;
        padding: 1rem 0;
        line-height: 20px
    }
    .menu>li.menu-item-has-children>.sub-menu {
        display: none;
        visibility: visible;
        opacity: 1;
        transition: all 0s ease
    }
    .menu>li.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-toggle {
        height: 40px;
        width: 40px
    }
    .menu>li.current-menu-item {
        border-left: 2px solid #f7f7f7;
        padding-left: 1rem
    }
    .menu>li.current-menu-item>a:before {
        display: none
    }
    .card-border-home {
        height: 340px!important
    }
    .sstiiky {
        height: 260px
    }
    .card_h {
        height: 345px!important
    }
    .hm_prd_name {
        font-size: 12px!important
    }
    .class-new-offr {
        margin-left: 0!important
    }
}

@media (min-width:315px) and (max-width:762px) {
    .card_h {
        height: 300px !important;
    }
}

@media (max-width:1035px) {
    .section-product--default,
    .last_page_ht {
        padding-top: 35px
    }
    .section-product--default {
        padding-top: 0
    }
}

@media (max-width:1000px) {
    .active_store_show a {
        font-size: 10px !important;
    }
    .land_image_menu {
        width: 50% !important;
    }
}

@media (min-width:400px) and (max-width:1000px) {
    .text_con_t {
        height: 50px;
    }
}

@media (max-width:1000px) {
    .header_bg {
        min-height: 175px;
        padding: 20px 0px;
    }
    .search-area-test {
        font-size: 24px;
    }
    .no-fav {
        font-size: 14px!important;
        color: #949494!important
    }
    .fav-imo {
        width: 100%!important
    }
    .sstiiky {
        height: 277px
    }
    .sf_dflex {
        display: block
    }
    .stype_box_head {
        width: 90%
    }
    .text_con_h {
        margin-top: 14px
    }
    .containerr {
        margin-top: 1%!important
    }
}

@media (max-width:1000px) {
    .stype_box_img {
        float: right;
    }
    .verified-mobile-no {
        font-size: 22px !important;
    }
}

@media (min-width:500px) and (max-width:1000px) {
    .explore_btn_r {
        bottom: -70px;
    }
    .stype_box_img {
        margin-top: -50px;
    }
}

@media (max-width:330px) {
    .explore_btn_r {
        bottom: -5px !important;
    }
    .stype_box_img {
        margin-top: -50px !important;
    }
    .text_con_t {
        height: 80px !important;
    }
}

@media (min-width:330px) and (max-width:500px) {
    .stype_box_img {
        margin-top: -40px;
    }
    /* .text_con_t{
        height: 70px;
    } */
}

@media (max-width:400px) {
    .explore_btn_r {
        bottom: -15px;
    }
}

@media (min-width:400px) and (max-width:430px) {
    .explore_btn_r {
        bottom: -22px;
    }
}

@media (min-width:430px) and (max-width:500px) {
    .explore_btn_r {
        bottom: -22px;
    }
}

@media (min-width:993px) {
    .jumbotron {
        padding: 6rem 2rem 5rem 2rem!important
    }
}

@media (max-width:992px) {
    .st_lb_d_C {
        background: #fff;
        color: #000
    }
    .st_h_rt_w {
        width: 100px!important;
        margin-left: -5px
    }
    .st_hd_r_mt {
        margin-left: 1%
    }
    .tc_st_7 {
        box-shadow: none!important
    }
    .st_hd_fv_ic,
    #st_hd_fv_ic {
        margin-top: 4px!important
    }
    .hm_tp_craving_mrg {
        margin-top: 6%
    }
    .car_empt {
        text-align: center;
        font-size: 20px;
        margin-bottom: 10%
    }
    .crt-no-imggg {
        margin-bottom: 3%
    }
    .offr_cl1 {
        font-size: 14px!important
    }
    .sstiikywho {
        height: 100px
    }
    .sstiiky {
        display: none
    }
    .pot {
        top: 0;
        z-index: 1000!important
    }
    .postt-restoo {
        height: 50px!important;
        padding-top: 16px!important
    }
    .st_tab_cnr_pdng {
        padding-top: 0!important
    }
    #header .logo img {
        max-height: 25px!important
    }
    .gotopbutton {
        z-index: 50;
        position: fixed;
        bottom: 74px!important;
        right: 15px!important
    }
    .toppigo {
        width: 30px!important
    }
    .mgwidth {
        width: 60%!important
    }
    .mrtpoo {
        padding-top: 50px!important
    }
    .hd_media {
        display: none
    }
    .hd_media_show {
        display: block;
        padding: 10px 0
    }
    .mb_hd {
        flex-wrap: nowrap;
        padding: 0;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .st_lg_w_p {
        padding: 4px 5px 5px 4px!important
    }
    .no_review_text {
        font-size: 22px
    }
    .resto-msg {
        margin-bottom: 25px;
        margin-top: 25px;
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }
    .st_crt_n_categ_992_md_show {
        display: block;
        margin: 0 -15px 0 -15px
    }
    .st_crt_n_categ_992_md_hide {
        display: none
    }
    .st_crt_n_categ_md_hide {
        display: none
    }
    .st_crt_n_categ_md_show {
        display: block;
        margin: 0 -15px 0 -15px
    }
    .tc_st_srch {
        width: 90%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        box-shadow: none!important;
        height: 40px!important
    }
    .hm_biz_capsule {
        box-shadow: 0 4px 9px 0 rgb(0 0 0 / 0%)
    }
    .st_prd_cnr_mb_md {
        border: none!important
    }
    .footer-device-mobile {
        display: block
    }
    .contact_st_img {
        height: auto
    }
    .search_modal {
        z-index: 100000 !important;
    }
    body {
        margin-bottom: 56px
    }
    .tc_st_1 {
        background-size: cover!important;
        background-image: none!important;
        background-color: #fff;
        margin-bottom: 0!important
    }
    .f_c_b {
        color: #555!important
    }
    .tc_fav_mb {
        display: block
    }
}

#mob_store_data {
    display: none;
}

@media (max-width:991px) {
    .st_pd_L_N_R_0px {
        padding-left: 8px!important
    }
    .st_width_18 {
        max-width: 23%!important;
        padding-right: 22px;
        height: 30px!important
    }
    .book_table_inner .table_img {
        margin-bottom: 50px;
        left: 17%
    }
    .postt-restoo {
        height: 60px!important;
        padding-top: 25px!important
    }
    .card-border-home,
    .card_h {
        height: 330px!important
    }
    .st_bgs {
        font-size: 14px!important
    }
    #mob_store_data {
        display: block;
    }
    .mz-new-mob {
        border: 1px solid #e6e6e6;
        border-radius: 15px!important;
        /* max-width: 32%!important; */
        margin-right: 10px!important;
    }
    #store_data {
        display: none;
    }
}

@media (max-width:980px) {
    .srch_rslt_ps {
        width: 45%
    }
    .srch_rslt_ps {
        width: 34%;
        margin-top: 5%!important
    }
}

@media (max-width:950px) {
    .app-dowload-section {
        display: flow-root;
        padding: 15px 10px;
    }
    .app-section_content,
    .app-section_img_sec {
        width: 100%;
        padding: 5% 2% 0px 2%
    }
}

@media (max-width:900px) {
    .containerr {
        margin-top: 2%!important
    }
    .header_bg {
        min-height: 150px
    }
}

@media (max-width:820px) {
    .srch_rslt_ps {
        width: 45%
    }
    .top-margn {
        margin-top: 7%
    }
}

@media (max-width:800px) {
    #store_area_id {
        width: 50%
    }
    .ps-badge-web {
        font-size: 20px;
        padding: 3px 10px;
        top: 83px
    }
}

@media (max-width:785px) {
    .all-pro {
        margin-top: 6px
    }
    .srch_rslt_ps {
        width: 45%;
        margin-top: 5%!important
    }
    .srch_rslt_ps {
        width: 94%
    }
}

@media (max-width:780px) {
    #header {
        height: 45px!important;
        padding: 10px 0!important
    }
    .about_p_top {
        padding-top: 65px
    }
    .hd_media_show {
        padding: 0 0
    }
    #homecarousel {
        margin-top: 45px
    }
    .header_bg {
        margin-top: 45px
    }
}

@media (max-width:768px) {
    .st_pd_L_N_R_0px {
        padding-left: 12px!important
    }
    #intro h2 {
        font-size: 28px
    }
    .containerr {
        margin-top: 2%!important
    }
    .st_item_name {
        font-size: 12px!important;
        overflow: hidden!important
    }
    .st_width_18 {
        max-width: 23%!important;
        padding-right: 26px;
        height: 35px!important;
        padding-top: 10px
    }
    .notfound .notfound-404 {
        height: 200px
    }
    .notfound .notfound-404 h1 {
        font-size: 200px
    }
    .st_prd_cnr_mb_md {
        padding: 0;
        border: 1px solid #dfdfdf;
        border-radius: 5px
    }
    .mb_tb_0_md {
        margin-bottom: 0!important
    }
    .csr_store_top {
        padding-top: 3%;
        padding-bottom: 3%
    }
    .tc_st_5 {
        font-size: 14px!important
    }
    .btn-outline-secondary:hover {
        color: #212529!important
    }
}

@media (max-width:1000px) {
    .app-section_text1 {
        font-size: 15px !important;
    }
    .app-section_head {
        font-size: 22px;
    }
    .land_image_menu1 {
        max-width: 50%;
    }
    .app-section_content {
        width: 100%;
    }
    .app-section_img_sec {
        display: none;
    }
    .app-section_img_sec img {
        /*width: 60%;*/
        display: none;
    }
    .app-dowload-section {
        padding: 15px 10px;
    }
    .grocery-desc {
        font-size: 15px;
    }
    .ind_cl1 a {
        font-size: 15px;
    }
}

.grocery-desc {
    font-size: 16px;
    text-align: justify !important;
    display: inline-block;
}

@media (max-width:767px) {
    .form-group--inline {
        display: block
    }
    /* .app-section_img_sec img {
        width: 100%;
    } */
    .download_sec img {
        width: 130px;
    }
    .tc_st_w {
        width: 90%!important;
        margin-right: auto!important;
        margin-left: auto!important
    }
    .clrr {
        padding: 0 2rem 3rem 2rem!important
    }
    .login_modal_content {
        padding: 0
    }
    #header {
        height: 45px!important
    }
    .mx_w {
        max-width: 100%!important
    }
    .search_modal {
        display: none;
        position: fixed;
        z-index: 100;
        padding-top: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(253 253 253)
    }
    .search_model_content {
        background-color: #fefefe;
        margin: auto;
        padding: 1px;
        width: 100%
    }
    .hd-hid {
        display: none!important
    }
    .about_store_img {
        width: 100%;
        padding-left: 0;
        padding-top: 15px
    }
    .st_hd_f_h2 {
        font-size: 16px!important;
        font-weight: 600;
        margin-bottom: 2px
    }
    .st_hd_f_h1 {
        font-size: 12px!important;
        font-weight: 300;
        padding-left: 5%;
        width: 140px
    }
    .owl-next {
        right: 0!important;
        display: none!important
    }
    .owl-prev {
        margin-left: 0!important;
        display: none!important
    }
    .mrg5 {
        margin-top: 1rem
    }
    .hd_mb_srch_cnr {
        padding: 0 5px 0 0!important
    }
    .bg_inside {
        width: 100%
    }
    .hm_pr_cell {
        margin: 0 10px 0 10px
    }
    .mttopmt {
        margin-bottom: 20%!important;
        margin-top: 15%!important
    }
    .st_tab_cnr_pdng {
        padding: 0!important
    }
    .notfound .notfound-404 {
        height: 200px
    }
    .notfound .notfound-404 h1 {
        font-size: 200px
    }
    .card-border-home {
        height: 350px!important
    }
    .card-border-homee {
        height: 350px!important
    }
    .hm_fnt_sz_12 {
        padding-right: 0!important
    }
    .notfound .notfound-404 {
        height: 200px
    }
    .notfound .notfound-404 h1 {
        font-size: 200px
    }
    .mz-new {
        max-width: 70%!important;
        margin-left: auto!important;
        margin-right: auto!important;
        border: 1px solid #e6e6e6;
        border-radius: 15px!important
    }
    .mz-neww {
        border: 1px solid #e6e6e6;
        border-radius: 15px!important;
        max-width: 80%!important;
        margin-left: auto;
        margin-right: auto
    }
    .sha-doww-omg {
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2)!important;
        border: none!important
    }
    .rs-txt {
        font-size: 26px!important
    }
    .rs-txt-1 {
        font-size: 16px!important
    }
    .card_h {
        height: 427px!important
    }
    .land_image_menu {
        width: 100%
    }
    .c_soon {
        min-height: 190px;
        margin-bottom: auto;
        text-align: center;
        color: #dad9d9;
        font-size: 22px;
        margin-top: 17%
    }
    #homecarousel p {
        font-size: 22px
    }
    .scrollinpage {
        height: 100%!important
    }
    .scrollinpagee {
        width: 100%!important
    }
    .land_image_menu1 {
        /*width: 100%;*/
        width: 50%;
    }
    .text_con_h {
        font-size: 22px;
    }
}

@media (max-width:765px) {
    .flex_sm_fill {
        font-size: 12px
    }
}

@media (max-width:760px) {
    .srch_rslt_ps {
        width: 82%
    }
}

@media (max-width:750px) {
    .exampleModal {
        display: block
    }
    .no_review_text {
        margin-top: 22px
    }
}

@media (max-width:720px) {
    .card_h {
        height: 409px!important
    }
    .hm_tp_craving_mrg {
        margin-top: 8%!important
    }
}

@media (max-width:700px) {
    .st_hd_fv_ic,
    #st_hd_fv_ic {
        margin-top: 7px!important
    }
    .card-border-home {
        height: 335px!important
    }
    .card-border-homee {
        height: 335px!important
    }
    .web_head_img {
        background-image: none!important;
        background: #fcec8c
    }
    .mob_head_img {
        display: block
    }
}

@media (max-width:680px) {
    .radius-brder {
        /* border-top-left-radius: calc(1rem - 1px);
        border-top-right-radius: calc(1rem - 1px) */
        border-radius: 1rem !important
    }
}

@media (max-width:679px) {
    .radius-brder {
        border-radius: 1rem!important
    }
    .card-border-home {
        height: 363px!important
    }
    .add-bttn {
        padding-left: 7%
    }
    .card_h {
        height: 425px!important
    }
}

@media (max-width:650px) {
    .containerr {
        margin-top: 2%!important
    }
    .card_h {
        height: 410px!important
    }
    .card-border-home {
        height: 363px!important
    }
    .card-border-homee {
        height: 320px
    }
    .pro_price_search_org {
        margin-top: 0
    }
    #store_area_id {
        width: 41%;
        padding: 0 15px
    }
}

@media (max-width:640px) {
    .top-margn {
        margin-top: 10%
    }
}

@media (max-width:620px) {
    .prod_nm_s {
        margin-top: 6px;
        margin-left: 0
    }
    .srch_rslt_ps {
        width: 45%
    }
}

@media (max-width:600px) {
    .containerr {
        margin-top: 2%!important
    }
    .openNavbookatable {
        padding-top: 50px!important
    }
    .img-rounded {
        width: 129%!important
    }
    .diiid {
        display: none!important
    }
    .divv-stl {
        width: 90%!important
    }
    .lo {
        margin-left: 1%!important;
        padding-left: 0!important;
        margin-bottom: 9%!important;
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1)!important;
        margin-right: 3%!important;
        margin-top: 4%!important
    }
    .acct_tab {
        width: 400px
    }
    .s_product_img_c {
        width: 30%
    }
    .no_banner {
        margin-top: 15%
    }
    .OrderSummary {
        font-size: 11px
    }
    .stype_box_head {
        width: 100%
    }
    .img_r_w {
        width: 50px
    }
    .star_spaace {
        margin-left: 0;
        margin-top: 0
    }
    .landing_body {
        padding: 0 40px
    }
    .top_picks_h2 {
        margin-left: 15px!important;
        font-size: 20px;
        margin-top: 8%
    }
    .web_banner {
        display: none!important
    }
    .mobile_banner {
        display: block!important
    }
    .srch_rslt_ps {
        width: 93%
    }
    .card-border-home {
        height: 341px!important
    }
    .card_h {
        height: 400px!important
    }
    .card_h {
        height: 390px!important
    }
    #bind_restaurant_web {
        display: none
    }
    #bind_restaurant_Mobile {
        display: block
    }
}

@media (max-width:580px) {
    .containerr {
        margin-top: 2%!important
    }
}

@media (max-width:575px) {
    .plmobm {
        padding-left: 10%
    }
}

@media (max-width:575px) {
    .mttop {
        margin-top: 0!important;
        padding-top: 0
    }
    .dd {
        display: none!important
    }
    .form-control {
        background-color: #fff!important;
        font-size: 14px
    }
    .st_left_ctg_cnr {
        border: none!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .shadow {
        box-shadow: none!important
    }
    .st_left_ctg_cnrr {
        border: none!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    .mo-hd {
        display: none!important
    }
    .brbtm {
        border-bottom: 1px solid rgb(234 234 234)!important
    }
    .mrtp {
        margin-top: 60px!important
    }
    .fontt-14px {
        font-size: 14px!important
    }
    .hm_prz_h6 {
        font-size: 13px!important
    }
    .acct_tab {
        padding-top: 30px!important
    }
}

@media (max-width:563px) {
    .srch_rslt_ps {
        width: 93%
    }
}

@media (max-width:559px) {
    .card-border-home {
        height: 325px!important
    }
    .card-border-homee {
        height: 325px!important
    }
}

@media (max-width:550px) {
    .card_h {
        height: 370px!important
    }
}

@media (max-width:549px) {
    .st_pd_L_N_R_0px {
        padding-left: 16px!important
    }
    .st_width_18 {
        max-width: 23%!important;
        padding-right: 29px;
        height: 41px!important;
        padding-top: 13px;
        top: -11px!important;
        left: -7px
    }
}

@media (max-width:545px) {
    .all-pro {
        margin-top: 0
    }
    .prod_nm_s {
        margin-top: -32px
    }
}

@media (max-width:530px) {
    .card-border-home {
        height: 320px!important
    }
    .card-border-homee {
        height: 320px!important
    }
}

@media (max-width:525px) {
    .srch_rslt_ps {
        width: 93%
    }
}

@media (max-width:519px) {
    .card-border-home {
        height: 335px!important
    }
}

@media (max-width:515px) {
    .hm_col_6_crt_prz_cnr_media {
        margin-left: auto;
        margin-right: auto
    }
    .hm_col_6_crt_prz_cnr_media .st_item_cart_cnr {
        float: none;
        margin-left: auto!important;
        margin-right: auto
    }
}

@media (max-width:500px) {
    .select2 .select2-selection--single .select2-selection__rendered {
        padding: 10px 10px;
        font-size: 10px
    }
    .mob_store_detail {
        padding-left: 5px
    }
    .mobile_store_row {
        /* margin-bottom: 15px;
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 10px */
        margin: 15px 5px 0px 5px;
        padding: 15px;
        background: #fff;
        border-radius: 11px;
    }
    .hm_prd_nm {
        font-size: 15px!important;
    }
    .hm_fnt_sz_12 {
        font-size: 10px;
    }
    .homest_bgs {
        color: #000000;
        font-size: 10px;
        width: 87%;
        height: 18px;
        line-height: 17px;
        border-radius: 2px;
        text-align: center;
        background: #f2f2f2;
        margin-top: 2px;
        margin-left: 4px
    }
    .containerr {
        width: 80%!important
    }
    .select2 .select2-selection--single .select2-selection__rendered {
        padding: 10px 10px;
        font-size: 10px
    }
    .select2 {
        min-width: 56%;
        width: 110px!important
    }
    .order_pro_name {
        font-size: 9px!important
    }
    .explore_btn_r {
        font-size: 10px
    }
    .autocomplete-items {
        width: 300px
    }
    #store_area_id {
        width: 50%;
        padding: 0 15px
    }
    .stype_box_img {
        width: 75%
    }
    .stype_box_head {
        width: 60%;
        margin: auto;
        padding-left: 10px
    }
    .text_con_h {
        font-size: 15px
    }
    .stype_box_head {
        width: 100%
    }
    .hm_str_cnr {
        margin-top: -260px!important
    }
    .c_soon {
        font-size: 16px;
        margin-top: 15%
    }
    .top-margn {
        margin-top: 10%
    }
    .mob-padding-style {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .tab-content {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
    .shadowbymenu {
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1)!important
    }
    .hm_prd_name {
        margin-top: 0!important
    }
    .hm_prd_fav_ {
        margin-top: 0
    }
    .radius-brder {
        border-top-left-radius: calc(1rem - 1px);
        border-top-right-radius: calc(1rem - 1px)
    }
    .card_h {
        height: 345px!important
    }
    .p_r_mt_10 {
        padding-left: 5px!important
    }
    .hm_prd_fav_ {
        top: 10px
    }
    .st_item_ht_auto {
        padding-right: 4%!important
    }
    .st_cat_item_cnrrr {
        padding-top: 12px!important
    }
    .jumbotronaaa {
        padding-bottom: 8px!important
    }
}

@media (max-width:490px) {
    .st_width_18 {
        padding-right: 29px;
        height: 31px!important;
        padding-top: 8px;
        background: none!important;
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .0);
        top: -5px!important;
        left: -15px
    }
    .card-border-home {
        height: 313px!important
    }
    .card-border-homee {
        height: 313px!important
    }
}

@media (max-width:480px) {
    .card_h {
        height: 335px!important
    }
    .srch_rslt_ps {
        width: 92%
    }
    .notfound .notfound-404 {
        height: 162px
    }
    .notfound .notfound-404 h1 {
        font-size: 162px;
        height: 150px;
        line-height: 162px
    }
    .notfound h2 {
        font-size: 16px
    }
}

@media (max-width:484px) {
    #area_select {
        margin-top: 4px;
    }
}

@media (max-width:478px) {
    .srch_rslt_ps {
        width: 92%
    }
    .prod_nm_s {
        margin-top: -32px
    }
}

@media (max-width:470px) {
    .acct_tab {
        width: 280px
    }
}

@media (max-width:460px) {
    .card-border-home {
        height: 300px!important
    }
    .card-border-homee {
        height: 300px!important
    }
    .csr_store_top {
        padding-top: 3%;
        padding-bottom: 5%
    }
}

@media (min-width:451px) {
    .acct_tab {
        width: 460px
    }
}

@media (max-width:450px) {
    .form-check {
        font-size: 16px!important
    }
    .add-ads-modal {
        padding: 2% 5% 15% 5%!important
    }
    .login_modal_content {
        max-width: 350px!important
    }
    .hd_mb_li a {
        font-size: 12px!important
    }
    .card {
        border: none
    }
    .stype_box_head {
        padding-left: 7px
    }
    .active_store_show {
        font-size: 12px;
        margin: auto 0 5px 10px
    }
    .header-menu-list span,
    .hd_mb_li a,
    .header-menu-list a {
        font-size: 12px!important
    }
    .header-menu-list i,
    .active_store_show i,
    .hd_mb_li i {
        font-size: 14px!important
    }
    .acct_tab {
        width: 280px
    }
    .containerr {
        margin-top: 2%!important
    }
    .srch_rslt_ps {
        width: 93%
    }
    .floatrightgo {
        display: flex!important;
        justify-content: center!important
    }
    .mbbm {
        margin-bottom: 10%!important
    }
    .topiko {
        margin-top: 0!important
    }
    .card_h {
        height: 320px!important
    }
    .land_image_menu {
        width: 100%
    }
}

@media (max-width:449px) {
    .offer-page-oimg {
        padding-left: 0;
        padding-right: 1px
    }
    .of {
        width: 15px;
        height: 15px
    }
    .offer-page-percetage {
        padding-left: 2px;
        font-size: 12px;
        margin-top: 3px
    }
    .mob-offer-page-r5 {
        padding-left: 5px
    }
}

@media only screen and(max-width:434px) {
    .srch_rslt_ps {
        width: 92%
    }
}

@media (max-width:431px) {
    .hm_pr_cell {
        margin: 0 10px 0 10px!important
    }
}

@media (max-width:430px) {
    .paaadng {
        padding-left: 15px!important
    }
    .card_h {
        height: 310px!important
    }
    .paaad {
        padding-left: 5px!important
    }
    .card-border-home {
        height: 281px!important
    }
    .card-border-homee {
        height: 281px!important
    }
}

@media (max-width:414px) {
    .srch_rslt_ps {
        width: 92%
    }
}

@media (max-width:412px) {
    .srch_rslt_ps {
        width: 92%
    }
}

@media (max-width:410px) {
    .card_h {
        height: 310px!important
    }
}

@media (max-width:400px) {
    .stype_box_img {
        width: 75%
    }
    .img_sr_w_h {
        height: 40px;
        width: 40px;
        margin-top: 2px;
        margin-right: 0
    }
    .prod_nm_s {
        font-size: 12px;
        font-weight: 600px;
        margin-bottom: 2px
    }
    .add-bttn {
        padding-left: 8%
    }
    .card-border-home {
        height: 263px!important
    }
    .card-border-homee {
        height: 263px!important
    }
    .containerr {
        margin-top: 2%!important
    }
    .top-margn {
        margin-top: 14%
    }
    .head_texth2 {
        font-size: 16px!important
    }
    .img_r_w {
        width: 37px
    }
    #store_area_id {
        width: 48%;
        padding: 0 15px;
        font-size: 10px
    }
    .autocomplete-items {
        font-size: 11px
    }
    .submit_area {
        padding: 0 9px;
        font-size: 10px
    }
    .inline-text {
        font-size: 10px;
        padding: 9px 0 9px 0;
        width: 76px
    }
    .default_dubai {
        width: 27px;
        position: absolute;
        margin-top: 12px;
        margin-left: 8px
    }
    .text_con_t {
        font-size: 12px;
        line-height: 15px
    }
    .ps-badge-mobile {
        min-width: 55px;
        font-size: 10px;
        height: 20px;
        line-height: 18px
    }
    #intro {
        height: 160vh
    }
}

@media (max-width:380px) {
    .st_pd_L_N_R_0px {
        padding-left: 25px!important
    }
    .card_h {
        height: 285px!important
    }
    .st_width_18 {
        padding-right: 29px;
        height: 31px!important;
        padding-top: 8px;
        background: none!important;
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .0);
        top: -5px!important;
        left: -21px
    }
}

@media (max-width:375px) {
    .srch_rslt_ps {
        width: 90%
    }
}

@media (max-width:370px) {
    .card-border-home {
        height: 250px!important
    }
    .card-border-homee {
        height: 250px!important
    }
}

@media (max-width:360px) {
    .login_modal_content {
        max-width: 300px!important
    }
    .srch_rslt_ps {
        width: 90%
    }
    .card_h {
        height: 284px!important
    }
}

@media (max-width:359px) {
    .st_pd_L_N_R_0px {
        padding-left: 8%!important
    }
    .st_width_18 {
        padding-right: 29px;
        height: 31px!important;
        padding-top: 8px;
        background: none!important;
        box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .0);
        top: -7px!important;
        left: -3px
    }
}

@media (max-width:357px) {
    .star_spaace {
        margin-left: 0;
        margin-top: auto;
        margin-bottom: auto
    }
}

@media (max-width:350px) {
    .OrderSummary {
        font-size: 10px
    }
    /* .stype_box_img {
        width: 100%
    } */
    .text_con_t {
        font-size: 12px;
        line-height: 15px
    }
    .text_con_h {
        font-size: 14px
    }
    .stype_box_head {
        width: 85%;
        margin: auto;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px
    }
    .c_soon {
        font-size: 15px;
        margin-top: 15%
    }
}

@media (max-width:341px) {
    .star_spaace {
        margin-left: 0;
        margin-top: auto;
        margin-bottom: auto
    }
}

@media (max-width:340px) {
    .st_pd_L_N_R_0px {
        padding-left: 10%!important
    }
    .card-border-home {
        height: 240px!important
    }
    .card-border-homee {
        height: 240px!important
    }
    .card_h {
        height: 281px!important
    }
}

@media (max-width:335px) {
    .flex_sm_fill {
        font-size: 11px
    }
}

@media (max-width:500px) {
    .text_con_t {
        font-size: 12px;
        line-height: 15px;
        height: 40px;
    }
}

@media (max-width:319px) {
    .card-border-home {
        height: 320px!important
    }
    .card-border-homee {
        height: 320px!important
    }
    #header .logo {
        font-size: 15px
    }
    .hm_fluid_wdth {
        width: 100%!important
    }
}

@media (max-width:315px) {
    .stype_box_head {
        padding-left: 3px
    }
}

@media only screen and (min-width:420px) and (max-width:500px) {
    .st_itm_i_cnr_w_md {
        max-width: 30%;
        padding: 0!important
    }
}

@media only screen and (min-width:360px) and (max-width:419px) {
    .st_itm_i_cnr_w_md {
        max-width: 25%;
        padding: 0!important
    }
}

@media only screen and (min-width:300px) and (max-width:359px) {
    .st_itm_i_cnr_w_md {
        max-width: 19%;
        padding: 0!important
    }
    .st_crt_p_l_5 {
        padding-left: 26px
    }
}

@media only screen and (min-width:769px) and (max-width:991px) {
    .st_prd_cnr_mb_md {
        padding: 0;
        border: 1px solid #dfdfdf;
        border-radius: 5px
    }
    .mb_tb_0_md {
        margin-bottom: 0!important;
        padding: 0!important
    }
}

@media only screen and (min-width:580px) and (max-width:1000px) {
    .hm_fnt_sz_12 {
        font-size: 10px;
        padding-left: 5px
    }
    .hm_col_3_pdn {
        padding: 0 5px 0 8px
    }
}

@media only screen and (min-width:301px) and (max-width:319px) {
    .hm_prd_name {
        height: 16px!important
    }
}

@media only screen and (min-width:320px) and (max-width:430px) {
    .hd_mb_col_8 {
        max-width: 80%!important
    }
    .hd_mb_col_4 {
        max-width: 5%!important
    }
    #header .logo {
        font-size: 18px
    }
    .hd_mb_li {
        margin-top: 7px!important;
        padding: 0 0 0 44%!important
    }
    .hm_fluid_wdth {
        width: 100%!important
    }
    .st_bnr_cnt_m_T_0 {
        margin-top: 15px!important;
        padding: 0!important
    }
    .tc_st_2_md {
        width: 95%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 0!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
    .st_bnr_cl_3 {
        width: 40%!important;
        padding-left: 0!important
    }
    .st_bnr_cl_6 {
        width: 60%!important
    }
    .img_br_rd_10 {
        border-radius: 10px!important
    }
    .ov_store_img {
        width: 230px !important;
    }
    .st_lb_d_C {
        font-size: 10px!important;
        margin-right: 0!important
    }
    .hm_prd_name {
        height: 16px!important
    }
}

@media only screen and (min-width:320px) and (max-width:345px) {
    .hm_prd_name {
        height: 16px!important
    }
}

@media only screen and (min-width:431px) and (max-width:550px) {
    .hd_mb_col_8 {
        max-width: 70%!important;
        padding: 0 0 0 22px!important
    }
    .hd_mb_col_4 {
        max-width: 29%!important
    }
    #header .logo {
        font-size: 18px
    }
}

@media only screen and (min-width:431px) and (max-width:575px) {
    .st_bnr_cnt_m_T_0 {
        margin-top: 15px!important;
        padding: 0!important
    }
    .tc_st_2_md {
        width: 95%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 0!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
    .st_bnr_cl_3 {
        width: 30%!important
    }
    .st_bnr_cl_6 {
        width: 70%!important
    }
    .img_br_rd_10 {
        border-radius: 10px!important
    }
    .ov_store_img {
        width: 150px !important;
    }
    .hd_mb_li {
        margin-top: 7px!important;
        padding: 0 0 0 45%!important
    }
    .st_lb_d_C {
        font-size: 10px!important
    }
}

@media only screen and (min-width:576px) and (max-width:650px) {
    .st_bnr_cnt_m_T_0 {
        margin-top: 0!important;
        padding: 0!important
    }
    .tc_st_2_md {
        width: 95%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 35px!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
    .img_br_rd_10 {
        border-radius: 10px!important
    }
    .hd_mb_li {
        margin-top: 7px!important;
        padding: 0 0 0 80%!important
    }
}

@media only screen and (min-width:551px) and (max-width:575px) {
    .hd_mb_li {
        margin-top: 7px!important;
        padding: 0 0 0 63%!important
    }
}

@media only screen and (min-width:551px) and (max-width:650px) {
    .hd_mb_col_8 {
        max-width: 60%!important;
        padding: 0 0 0 24px!important
    }
    .hd_mb_col_4 {
        max-width: 39%!important
    }
    #header .logo {
        font-size: 18px
    }
}

@media only screen and (min-width:651px) and (max-width:780px) {
    .hm_biz_capsule_cnr {
        padding-top: 15%!important
    }
    .hd_mb_col_10 {
        max-width: 80% !important;
        padding: 0 0 0 25px!important;
    }
    .hd_mb_col_8 {
        max-width: 60%!important;
        padding: 0 0 0 25px!important;
    }
    .hd_mb_col_4 {
        max-width: 39%!important
    }
    #header .logo {
        font-size: 18px
    }
    .hd_mb_li {
        margin-top: auto!important;
        padding: 0 0 0 85%!important
    }
    .st_bnr_cnt_m_T_0 {
        margin-top: 0!important;
        padding: 0!important
    }
    .tc_st_2_md {
        width: 95%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 35px!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
}

@media only screen and (min-width:781px) and (max-width:1000px) {
    .tc_st_2_md {
        width: 83%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 40px!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
}

@media only screen and (min-width:1001px) and (max-width:1200px) {
    .st_bnr_cnt_m_T_0 {
        margin-top: 0!important;
        padding: 0!important
    }
    .tc_st_2_md {
        width: 80%!important;
        border: none!important;
        background: none!important
    }
    .st_hd_marg {
        margin-top: 33px!important;
        padding-right: 2px!important;
        padding-left: 2px!important
    }
}

@media only screen and (min-width:781px) and (max-width:992px) {
    .hd_mb_li {
        margin-left: 50%;
        margin-top: 7px!important
    }
}

@media only screen and (min-width:651px) and (max-width:769px) {
    .hm_biz_capsule_cnr {
        padding-top: 15%!important
    }
}

@media only screen and (min-width:769px) and (max-width:992px) {
    .hm_biz_capsule_cnr {
        padding-top: 5%!important
    }
}

.w3-amber,
.w3-hover-amber:hover {
    color: #000!important;
    background-color: #ffc107!important
}

.w3-aqua,
.w3-hover-aqua:hover {
    color: #000!important;
    background-color: #00ffff!important
}

.w3-blue,
.w3-hover-blue:hover {
    color: #fff!important;
    background-color: #2196F3!important
}

.w3-light-blue,
.w3-hover-light-blue:hover {
    color: #000!important;
    background-color: #87CEEB!important
}

.w3-brown,
.w3-hover-brown:hover {
    color: #fff!important;
    background-color: #795548!important
}

.w3-cyan,
.w3-hover-cyan:hover {
    color: #000!important;
    background-color: #00bcd4!important
}

.w3-blue-grey,
.w3-hover-blue-grey:hover,
.w3-blue-gray,
.w3-hover-blue-gray:hover {
    color: #fff!important;
    background-color: #607d8b!important
}

.w3-green,
.w3-hover-green:hover {
    color: #fff!important;
    background-color: #4CAF50!important
}

.w3-light-green,
.w3-hover-light-green:hover {
    color: #000!important;
    background-color: #8bc34a!important
}

.w3-indigo,
.w3-hover-indigo:hover {
    color: #fff!important;
    background-color: #3f51b5!important
}

.w3-khaki,
.w3-hover-khaki:hover {
    color: #000!important;
    background-color: #f0e68c!important
}

.w3-lime,
.w3-hover-lime:hover {
    color: #000!important;
    background-color: #cddc39!important
}

.w3-orange,
.w3-hover-orange:hover {
    color: #000!important;
    background-color: #ff9800!important
}

.w3-deep-orange,
.w3-hover-deep-orange:hover {
    color: #fff!important;
    background-color: #ff5722!important
}

.w3-pink,
.w3-hover-pink:hover {
    color: #fff!important;
    background-color: #e91e63!important
}

.w3-purple,
.w3-hover-purple:hover {
    color: #fff!important;
    background-color: #9c27b0!important
}

.w3-deep-purple,
.w3-hover-deep-purple:hover {
    color: #fff!important;
    background-color: #673ab7!important
}

.w3-red,
.w3-hover-red:hover {
    color: #fff!important;
    background-color: #f44336!important
}

.w3-sand,
.w3-hover-sand:hover {
    color: #000!important;
    background-color: #fdf5e6!important
}

.w3-teal,
.w3-hover-teal:hover {
    color: #fff!important;
    background-color: #009688!important
}

.w3-yellow,
.w3-hover-yellow:hover {
    color: #000!important;
    background-color: #ffeb3b!important
}

.w3-white,
.w3-hover-white:hover {
    color: #000!important;
    background-color: #fff!important
}

.w3-black,
.w3-hover-black:hover {
    color: #fff!important;
    background-color: #000!important
}

.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
    color: #000!important;
    background-color: #9e9e9e!important
}

.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
    color: #000!important;
    background-color: #f1f1f1!important
}

.w3-dark-grey,
.w3-hover-dark-grey:hover,
.w3-dark-gray,
.w3-hover-dark-gray:hover {
    color: #fff!important;
    background-color: #616161!important
}

.w3-pale-red,
.w3-hover-pale-red:hover {
    color: #000!important;
    background-color: #ffdddd!important
}

.w3-pale-green,
.w3-hover-pale-green:hover {
    color: #000!important;
    background-color: #ddffdd!important
}

.w3-pale-yellow,
.w3-hover-pale-yellow:hover {
    color: #000!important;
    background-color: #ffffcc!important
}

.w3-pale-blue,
.w3-hover-pale-blue:hover {
    color: #000!important;
    background-color: #ddffff!important
}

.w3-text-amber,
.w3-hover-text-amber:hover {
    color: #ffc107!important
}

.w3-text-aqua,
.w3-hover-text-aqua:hover {
    color: #00ffff!important
}

.w3-text-blue,
.w3-hover-text-blue:hover {
    color: #2196F3!important
}

.w3-text-light-blue,
.w3-hover-text-light-blue:hover {
    color: #87CEEB!important
}

.w3-text-brown,
.w3-hover-text-brown:hover {
    color: #795548!important
}

.w3-text-cyan,
.w3-hover-text-cyan:hover {
    color: #00bcd4!important
}

.w3-text-blue-grey,
.w3-hover-text-blue-grey:hover,
.w3-text-blue-gray,
.w3-hover-text-blue-gray:hover {
    color: #607d8b!important
}

.w3-text-green,
.w3-hover-text-green:hover {
    color: #4CAF50!important
}

.w3-text-light-green,
.w3-hover-text-light-green:hover {
    color: #8bc34a!important
}

.w3-text-indigo,
.w3-hover-text-indigo:hover {
    color: #3f51b5!important
}

.w3-text-khaki,
.w3-hover-text-khaki:hover {
    color: #b4aa50!important
}

.w3-text-lime,
.w3-hover-text-lime:hover {
    color: #cddc39!important
}

.w3-text-orange,
.w3-hover-text-orange:hover {
    color: #ff9800!important
}

.w3-text-deep-orange,
.w3-hover-text-deep-orange:hover {
    color: #ff5722!important
}

.w3-text-pink,
.w3-hover-text-pink:hover {
    color: #e91e63!important
}

.w3-text-purple,
.w3-hover-text-purple:hover {
    color: #9c27b0!important
}

.w3-text-deep-purple,
.w3-hover-text-deep-purple:hover {
    color: #673ab7!important
}

.w3-text-red,
.w3-hover-text-red:hover {
    color: #f44336!important
}

.w3-text-sand,
.w3-hover-text-sand:hover {
    color: #fdf5e6!important
}

.w3-text-teal,
.w3-hover-text-teal:hover {
    color: #009688!important
}

.w3-text-yellow,
.w3-hover-text-yellow:hover {
    color: #d2be0e!important
}

.w3-text-white,
.w3-hover-text-white:hover {
    color: #fff!important
}

.w3-text-black,
.w3-hover-text-black:hover {
    color: #000!important
}

.w3-text-grey,
.w3-hover-text-grey:hover,
.w3-text-gray,
.w3-hover-text-gray:hover {
    color: #757575!important
}

.w3-text-light-grey,
.w3-hover-text-light-grey:hover,
.w3-text-light-gray,
.w3-hover-text-light-gray:hover {
    color: #f1f1f1!important
}

.w3-text-dark-grey,
.w3-hover-text-dark-grey:hover,
.w3-text-dark-gray,
.w3-hover-text-dark-gray:hover {
    color: #3a3a3a!important
}

.w3-border-amber,
.w3-hover-border-amber:hover {
    border-color: #ffc107!important
}

.w3-border-aqua,
.w3-hover-border-aqua:hover {
    border-color: #00ffff!important
}

.w3-border-blue,
.w3-hover-border-blue:hover {
    border-color: #2196F3!important
}

.w3-border-light-blue,
.w3-hover-border-light-blue:hover {
    border-color: #87CEEB!important
}

.w3-border-brown,
.w3-hover-border-brown:hover {
    border-color: #795548!important
}

.w3-border-cyan,
.w3-hover-border-cyan:hover {
    border-color: #00bcd4!important
}

.w3-border-blue-grey,
.w3-hover-border-blue-grey:hover,
.w3-border-blue-gray,
.w3-hover-border-blue-gray:hover {
    border-color: #607d8b!important
}

.w3-border-green,
.w3-hover-border-green:hover {
    border-color: #4CAF50!important
}

.w3-border-light-green,
.w3-hover-border-light-green:hover {
    border-color: #8bc34a!important
}

.w3-border-indigo,
.w3-hover-border-indigo:hover {
    border-color: #3f51b5!important
}

.w3-border-khaki,
.w3-hover-border-khaki:hover {
    border-color: #f0e68c!important
}

.w3-border-lime,
.w3-hover-border-lime:hover {
    border-color: #cddc39!important
}

.w3-border-orange,
.w3-hover-border-orange:hover {
    border-color: #ff9800!important
}

.w3-border-deep-orange,
.w3-hover-border-deep-orange:hover {
    border-color: #ff5722!important
}

.w3-border-pink,
.w3-hover-border-pink:hover {
    border-color: #e91e63!important
}

.w3-border-purple,
.w3-hover-border-purple:hover {
    border-color: #9c27b0!important
}

.w3-border-deep-purple,
.w3-hover-border-deep-purple:hover {
    border-color: #673ab7!important
}

.w3-border-red,
.w3-hover-border-red:hover {
    border-color: #f44336!important
}

.w3-border-sand,
.w3-hover-border-sand:hover {
    border-color: #fdf5e6!important
}

.w3-border-teal,
.w3-hover-border-teal:hover {
    border-color: #009688!important
}

.w3-border-yellow,
.w3-hover-border-yellow:hover {
    border-color: #ffeb3b!important
}

.w3-border-white,
.w3-hover-border-white:hover {
    border-color: #fff!important
}

.w3-border-black,
.w3-hover-border-black:hover {
    border-color: #000!important
}

.w3-border-grey,
.w3-hover-border-grey:hover,
.w3-border-gray,
.w3-hover-border-gray:hover {
    border-color: #9e9e9e!important
}

.w3-border-light-grey,
.w3-hover-border-light-grey:hover,
.w3-border-light-gray,
.w3-hover-border-light-gray:hover {
    border-color: #f1f1f1!important
}

.w3-border-dark-grey,
.w3-hover-border-dark-grey:hover,
.w3-border-dark-gray,
.w3-hover-border-dark-gray:hover {
    border-color: #616161!important
}

.w3-border-pale-red,
.w3-hover-border-pale-red:hover {
    border-color: #ffe7e7!important
}

.w3-border-pale-green,
.w3-hover-border-pale-green:hover {
    border-color: #e7ffe7!important
}

.w3-border-pale-yellow,
.w3-hover-border-pale-yellow:hover {
    border-color: #ffffcc!important
}

.w3-border-pale-blue,
.w3-hover-border-pale-blue:hover {
    border-color: #e7ffff!important
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.img_border {
    border: 1px solid #e5e5e5;
}

.pac-container {
    /*z-index: 1000000 !important;*/
    z-index: 1000001 !important;
}

.footer_pno:hover {
    color: #fff;
}

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

#open_search_model:hover {
    color: #fff;
}

.pad-7 {
    padding: 7px 0 !important;
}

.offer_flag1 {
    margin-left: 10px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: auto;
    margin-bottom: auto;
    padding: 3px 3px;
    line-height: 15px;
    background: #c9391b;
    border-radius: 5px;
}

.offer_flag2 {
    margin-left: 10px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: auto;
    padding: 3px 3px;
    line-height: 15px;
    background: #c9391b;
    border-radius: 5px;
}

.offer-flex {
    display: flex;
}

.photo img {
    object-fit: cover;
    /* filter: grayscale(100%) contrast(120%); */
    box-shadow: 10px 15px 25px 0 rgb(0 0 0 / 0%);
    display: block;
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* margin-top: -10px; */
}

.home-btn {
    background: rgba(201, 57, 27);
    padding: 5px 26px;
    color: #ffffff;
    border-radius: 3px;
    width: max-content;
    margin: auto;
    height: 38px;
}

#mysearchList {
    padding: 10px 20px;
    position: fixed;
    background: #fff;
    border: 1px solid #ddd;
    max-width: 338px;
    width: 100%;
    list-style: none;
    display: none;
    max-height: 320px;
    overflow-y: auto;
}

#mysearchList1 {
    padding: 10px 20px;
    position: fixed;
    background: #fff;
    border: 1px solid #ddd;
    max-width: 338px;
    width: 100%;
    list-style: none;
    display: none;
    max-height: 320px;
    overflow-y: auto;
}

#mysearchList li,
#mysearchList1 li {
    border-bottom: 1px solid #f3f1f1;
    margin-top: 5px;
    cursor: pointer;
}

.search-result-count {
    margin-top: 5px;
    font-size: 15px;
    color: #838786;
}

.fb_dialog_content iframe {
    bottom: 50px !important;
}

.list-sm-h {
    background: #f7f7f7;
    text-align: center;
    color: #000;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.gro-s-box {
    position: absolute;
    left: 4%;
    top: 45px;
}

.session-text {
    font-size: 4rem;
    text-transform: capitalize;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #090bb4;
}

@media(max-width:600px) {
    .offer_flag2,
    .offer_flag1 {
        margin-left: 0px;
        font-size: 9px;
        width: max-content;
    }
    .offer-flex {
        display: contents;
    }
}

.loader {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    margin-top: 7px;
    /* margin-bottom: auto; */
    margin-right: 5px;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.srch {
    width: 25px;
}

.mysearchtop {
    top: -30px !important;
}

#mysearchList::-webkit-scrollbar-track,
#mysearchList1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#mysearchList::-webkit-scrollbar,
#mysearchList1::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#mysearchList::-webkit-scrollbar-thumb,
#mysearchList1::-webkit-scrollbar-thumb {
    background-color: #c9391b;
}

.widthtinput {
    width: 100%;
    margin-bottom: 3%;
    /* border-radius: 5px; */
    border: 1px solid #d0d0d0;
    text-indent: 3px;
    height: 36px;
    margin-top: 6px;
    font-size: 14px;
}

.nor_font11 {
    font-size: 11px;
}

.custLabel {
    text-transform: capitalize;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
}

.driverbutton {
    padding: 10px;
    text-align: center;
    background-color: rgba(201, 57, 27)!important;
    border: none;
    color: #fff;
    border-radius: 0.25rem!important;
    cursor: pointer!important;
    min-width: 100px;
    height: auto;
}

#seller_register_form input[type="checkbox"]:checked+label::after {
    opacity: 1;
}

.dis_right {
    float: right;
}

#whatsaap_order {
    position: inherit;
    margin-top: 35px;
}

.eye-icon {
    float: right;
    margin-left: -25px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    right: 10px;
    top: 0px;
}
.rtl .eye-icon{
    float: left;
    margin-left: 18px;
    margin-top: -40px;
}
.seller_de_h {
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 600;
}

.offer-store-name {
    margin-top: 10px;
    color: #6f6f6f;
    margin-bottom: 7px;
}

.RateOrderbyId {
    padding: 4px 5px !important;
    font-size: 12px !important;
}

.ov_store_box {
    margin-top: 110px;
    border-bottom: 1px solid #f8f6f6;
}

.Delivery_partner {
    width: 65px;
    border: 1px solid #ddd;
    border-radius: 50%;
    padding: 6px;
    margin-right: 15px;
}

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

.stat_model1 {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-right: 6px;
    font-size: 12px;
    padding: 3px 6px;
    background-color: #fff;
    cursor: pointer;
    color: #c3cbc4 !important;
}

.stat_model i,
.stat_model1 i {
    font-size: 10px;
    margin-left: -5px;
}

#star_text {
    margin-left: auto;
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.rate_model_bb {
    border-bottom: 1px solid #f6f6f6;
}

.product_question {
    margin-top: 10px;
    font-size: 13px;
    color: #87837e;
}

.agent_data_ans {
    margin-bottom: 17px;
}

.pad-45 {
    padding: 44px 0 !important;
}

.model_list_img {
    width: 24px;
    margin-right: 10px;
    border: 1px solid #ededed;
    border-radius: 50px;
    padding: 2px;
}

.model_list_product {
    padding: 5px;
}

.rate_review {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    width: 90%;
    max-width: 90%;
    margin-bottom: 30px;
}

.product_rate_active {
    background-color: #ddd;
    color: #000 !important;
}

@media(max-width:899px) {
    .gro-s-box {
        z-index: 20;
        top: auto;
        margin-top: 10px;
    }
    #mysearchList1 {
        max-width: 90%;
    }
    .team-join-box h2 {
        font-size: 2.1rem;
    }
    .team-join-box {
        font-size: 14px;
    }
    .team-join-box button {
        padding: 5px 11px;
        border-radius: 8px;
        font-weight: 500;
        line-height: 24px;
        margin-top: 6px;
        font-size: 12px;
    }
}

.no_menu {
    text-align: center;
    margin-top: 4rem;
    color: #a4b1b1;
    font-size: 20px;
}

.attach_loader {
    border: 2px solid #c9391b;
    border-radius: 50%;
    border-top: 2px solid #b0b7bd;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: none;
}

#uploadSellerattach {
    padding: 3px 3px;
    line-height: 26px;
    width: 100%;
    margin-bottom: 3%;
    /* border-radius: 5px; */
    border: 1px solid #d0d0d0;
    text-indent: 3px;
    height: 35px;
    margin-top: 6px;
    font-size: 14px;
}

.OFFER-Section .owl-nav {
    display: block !important;
}

.OFFER-Section .owl-prev {
    display: none !important;
}

.OFFER-Section .owl-next .fa-angle-right:before {
    margin-left: 3px;
    color: #878282;
    font-size: 20px;
    font-weight: 500;
}

.box_offimg-box span {
    position: absolute;
    margin-top: 15px;
    right: 17px;
    background: #fff;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    box-shadow: 2px 2px 14px 0px #c7c2c2;
    border-radius: 50%;
    font-weight: 700;
}

.offerCard {
    width: 100%;
    border-radius: 20px;
}

.OFFER-Section {
    margin-top: 20px;
}

.OFFER-Section .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0px 0px 9px 0px #cfb1b14d !important;
    right: 0px;
}

.Treading-box {
    margin-top: 20px;
    box-shadow: 2px 2px 9px 5px #9d939336;
    border-radius: 10px;
    color: #838383;
    font-size: 14px;
}

.Treading-box img {
    max-width: 135px;
}

.tread-img-box {
    margin-right: 10px;
}

.tread-cnt-box {
    width: inherit;
}

.Treading-box button {
    background: #f17244;
    border: none;
    margin-top: 7px;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
}

.Treading-box h2 {
    font-size: 2rem;
    color: #E55661;
}

.Treading-box .star {
    float: right;
    color: #646464;
    font-size: 12px;
    margin-right: 21px;
    margin-top: 10px;
    font-weight: 600;
}

.Treading-box .star i {
    color: #6ACB6B;
}

.Treading-box span {
    font-style: italic;
    font-size: 12px;
    color: #838383;
    line-height: 33px;
}

@media(max-width:460px) {
    .CLICK_VARIANT {
        max-width: 125px;
    }
}

.card-store-type::before {
    content: "Explore long";
}

.quantity-btns {
    display: inline-block
}


/* Best sellers carousel. Added by Neethu Isaac. Remove if not needed.*/

.bs-item {
    height: 340px;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    /* border: 1px solid #f0ecec;
    border-radius: 5px;
    box-shadow: #f0ecec 5px 5px 5px 0px;  */
}

.bs-item:hover {
    border: 1px solid #f0ecec;
    border-radius: 5px;
    /*box-shadow: #f0ecec 5px 5px 5px 0px; */
}

.bs-product-name-container {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 40px;
    display: flex;
    white-space: nowrap;
}

.bs-product-name h6 {
    font-size: 16px !important;
}

.product-type-icon {
    padding: 5px;
}

.bs-store-name {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    line-height: 16px;
    font-size: 14px;
    height: 32px;
}

.bs-item .QUANTITY {
    float: none !important;
}

.bs-image {
    margin: auto;
    max-width: 92%;
    height: 17vh;
}

.bs-price {
    font-weight: bold;
    margin: 5px 0;
}

.bs-wishlist {
    right: 40px;
    position: absolute;
}

.bs-item .number-input {
    max-width: 150px !important;
}

.bs-item .icon-store {
    font-size: 20px;
}

.bs-item .wishlist_icon {
    position: absolute;
    right: 15px;
    top: 8px;
}

@media (min-width:275px) and (max-width:992px) {
    .bs-wishlist {
        right: 15px;
        top: 5px;
    }
    .hm_prd_fav_ {
        top: 5px;
    }
}

@media (min-width:800px) {
    .bs-item .number-input {
        width: 150px !important;
    }
}

@media (max-width:360px) {
    .bs-item {
        max-height: 340px;
    }
}

@media (max-width: 500px) {
    .bs-item {
        height: 340px;
    }
}

@media (min-width: 1200px) {
    .bs-item {
        height: 380px;
    }
}

@media (min-width: 320px) and (max-width: 343px) {
    .bs-price {
        height: 40px;
    }
}

.bs-item .PTYEVN {
    top: 40px !important;
    left: 30px !important;
}

.bs-item .offer_badge {
    margin-left: 10px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 4px;
    line-height: 15px;
    background: #c9391b;
    border-radius: 5px;
    z-index: 68;
    display: inline-block;
    position: absolute;
    font-weight: bold;
}

#store_area_id::placeholder {
    color: #000;
}


/* End of bestsellers carousel style */


/* Related to map */

@media (min-width: 992px) {
    .location {
        width: 75%;
    }
}

@media (max-width: 992px) {
    input[type=text].location {
        width: 100%;
    }
    .show-map {
        margin-top: 5px;
    }
}

.theme-font-color {
    color: white;
}

.tc_mh_2 :hover {
    color: rgba(201, 57, 27);
}

.header-menu-list :hover {
    color: rgba(201, 57, 27);
    cursor: pointer;
}

.offer-card span.wishlist-span {
    top: 20px;
    right: 30px;
}

.var_options {
    /* margin-top: 38px;*/
    margin-left: auto;
    /*text-align: end;*/
    /*margin-right: 15px;*/
    color: #07ad23;
    font-weight: 600;
    /*float: right;*/
    font-size: 12px;
    /* text-align: left;*/
}

@media (max-width:1024px) {
    .offer-card span.wishlist-span {
        top: 5px;
    }
}

@media (min-width:400px) and (max-width:575px) {
    .offer-card {
        width: 80%;
    }
}

.service_row {
    border-bottom: 1px dotted #f2d5d5;
    margin-bottom: 3px;
}

.sg-radio {
    padding: 0px 2px;
    display: inline-block;
    top: -3px;
    position: relative;
}

.sg-price-span {
    color: #282c3f;
    /* padding-right: 16px;*/
    padding-left: 5px;
    /* margin-top: -2px; */
    top: 0px;
    display: inline-block;
    position: relative;
}

.service_groups {
    padding-left: 16px;
}

.h-zero {
    height: 0px;
}

.radio-container {
    display: inline-block;
    margin-right: 10px;
}

@media (max-width:400px) {
    .radio-container {
        display: block;
    }
    .checkbox_label_sg {
        width: 43%;
    }
    .service_groups {
        padding-left: 5px;
    }
    #customized_dish_desc {
        font-size: 12px;
    }
    #customized_dish_desc b {
        font-size: 12px;
    }
}

@media (min-width:400px) {
    .checkbox_label_sg {
        width: 30%;
    }
}

#customized_dish_desc {
    display: none;
    padding-bottom: 5px;
    border-bottom: 1px dotted #c9391b;
    margin-bottom: 5px;
}

div.service_groups {
    display: none;
}

.p-help {
    display: none;
}

.cart-service-container {
    display: flex;
    flex-wrap: wrap;
}

.cart-service-box {
    padding: 3px 3px 3px 8px;
    border: 1px solid #e7e3e3;
    margin: 2px;
    border-radius: 5px;
}

.close-btn {
    padding: 0px 3px 0px 6px;
    line-height: 18px;
    cursor: pointer;
}

.edit-btn {
    border: none;
    background: white;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 1024px) {
    .edit-btn-mob {
        display: none;
    }
}

.p-customize {
    margin: .5rem 0 0 2rem;
}

.theme-color {
    color: var(--theme-color);
}

.cart-product-name {}

#bind_restaurant_Mobile {
    padding: 20px 10px;
    background: #fafafa;
}

#bind_restaurant_Mobile h3 {
    margin-bottom: 28px;
    font-size: 20px;
}

.text-light-black {
    color: #353333
}

.service-list {
    font-size: 12px !important;
    padding-left: 4px;
    color: #222;
}
.Offer-not-available img {
    width: 400px;
}
.pointer{
    cursor: pointer;
}
@media(max-width: 992px) {
    .login__header h3 {
        font-size: 14px !important;
    }
    section.section--login.ml-20 {
        margin-left: 0;
    }
}