html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px
}

body {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    color: #4E4E4E
}

img {
    max-width: 100%
}

a {
    color: #4E4E4E;
    text-decoration: none;
    -webkit-transition: color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out;
    -ms-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out
}

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

    ul li {
        margin-bottom: 10px
    }

a:hover {
    color: #4E4E4E;
    text-decoration: none
}

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

p {
    font-size: 14px;
    line-height: 25px
}

h1, h2, h3, h4, h5, h6 {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

input:focus, textarea:focus {
    outline: 0 !important;
    box-shadow: none !important
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }
}

.fs-8 {
    font-size: 8px
}

.fs-20 {
    font-size: 20px;
    font-weight: 600
}

.mb-30 {
    margin-bottom: 30px !important
}

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

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

.mb-10 {
    margin-bottom: 10px !important
}

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

.bg-yellow {
    background: #FFBD00
}

.pr-8 {
    padding-right: 8px !important
}

.pl-8 {
    padding-left: 8px !important
}

.banner-small-device {
    display: none
}

.area-bg-one {
    background: #EEE
}

.sticky {
    position: sticky;
    top: 50px
}

.block-btn {
    font-weight: 700;
    color: #fff;
    background: #333;
    border-radius: 3px;
    padding: 7px 12px;
    display: inline-block
}

    .block-btn:hover {
        color: #FFBD00
    }

.block-btn-light {
    font-weight: 700;
    color: #333;
    background: #FFBD00;
    border-radius: 3px;
    padding: 7px 12px;
    display: inline-block
}

    .block-btn-light:hover {
        color: #dc3d1d
    }

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

.font-white {
    color: #fff
}

.column-count-2 {
    column-count: 2
}

.pos-initial {
    position: initial
}

.pos-relative {
    position: relative
}

.top-bar {
    background: #333;
    min-height: 60px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%
}

    .top-bar input.form-control {
        border-right: none
    }

    .top-bar .input-group > .form-control {
        border: none;
        height: 32px;
        padding-left: 0;
        font-size: 14px
    }

    .top-bar button {
        border: none;
        width: 45px;
        background: #EBEBEB;
        border-radius: 0 4px 4px 0;
        height: 32px;
        cursor: pointer;
        transition: all .3s;
        position: relative
    }

.banner-content .main-search {
    margin-bottom: 50px
}

.main-search {
    width: 100%;
    margin-top: 2px
}

    .main-search .select2-container--default .select2-selection--single {
        min-height: 32px
    }

    .main-search .input-find {
        min-height: 32px
    }

    .main-search .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 14px
    }

    .main-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 32px
    }

    .main-search input[type="text"] {
        width: 33%;
        border: none;
    }
.srch_input {
    width: 33%;
    position:relative;
}
    .srch_input input[type="text"] {
        width: 100%;
        border-radius: 0px;
    }
    .main-search input[type="text"]:focus {
        outline: 0
    }

.top-bar-right .input-group {
    max-height: 32px;
    overflow: hidden;
    border-radius: 5px
}

.image-upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    z-index: 5
}

.main-logo:hover .image-upload {
    opacity: 1;
    visibility: visible
}

.image-upload > input {
    display: none
}

.image-upload i {
    width: 80px;
    cursor: pointer;
    color: #fff;
    font-size: 33px
}

.top-bar button:hover {
    background: #ffbd00
}

.top-bar .input-group > .input-group-prepend > .input-group-text {
    border: none;
    background: #fff;
    color: #333;
    font-weight: 600;
    height: 32px;
    font-size: 14px
}

.top-bar .input-group > .form-control:focus {
    box-shadow: none
}

::-webkit-input-placeholder {
    color: red
}

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

::placeholder {
    color: red
}

form.search_form {
    width: 72%
}

.logo {
    width: 185px
}

.top-bar-right {
    display: flex;
    justify-content: flex-end
}

.login-signup {
    width: 36%;
    text-align: right
}

    .login-signup a {
        color: #fff;
        border: 1px solid #4E4E4E;
        padding: 6px 15px;
        display: inline-block;
        margin-left: 10px;
        font-weight: 600;
        border-radius: 0px;
        height: 34px;
        transition: all .3s
    }

    .login-signup .signup {
        background: #FFBD00;
        color: #333
    }

    .login-signup .svg {
        transform: translateY(-1px);
        margin-right: 4px
    }

    .login-signup .login:hover {
        background: #ffbd00
    }

.top-bar button i {
    transition: all .3s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.top-bar button .show {
    opacity: 1;
    transition: all .3s
}

.top-bar .left-border {
    position: relative
}

    .top-bar .left-border:after {
        content: '';
        position: absolute;
        left: -3px;
        top: 9px;
        width: 1px;
        height: 15px;
        background: #b9b7b7;
        z-index: 999
    }

.top-bar button:hover .show {
    transform: scale(1.5) rotate(45deg) translate(-50%);
    opacity: 0;
    transition: all .3s;
    color: #fff
}

.top-bar button .hide {
    opacity: 0
}

.top-bar button:hover .hide {
    opacity: 1;
    transition: opacity .5s;
    color: #fff
}

.top-bar #show-list, #show-city-list {
    margin-top: 32px;
    margin-left: 0
}

.top-bar #show-city-list {
    margin-left: 230px
}

.top-bar .list-group-item {
    padding: .35rem .55rem
}

.login-signup .login:hover {
    background: #ffbd00;
    color: #333;
    transition: all .3s
}

.login-signup .login .svg path {
    transition: all .3s
}

.login-signup .login:hover .svg path {
    fill: #333
}

.main-logo {
    position: relative;
    width: 100%;
    padding: 5px;
    min-height: 240px
}

    .main-logo img-responsive {
        width: 250px;
        object-fit: cover;
        height: 250px;
    }

    .main-logo .svg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .main-logo .verify {
        position: absolute;
        bottom: 20px;
        width: 31px;
        right: 17px
    }

.small-device-search-box {
    display: none
}

.search-button {
    display: none
}

.promote-box {
    margin: auto
}

.btn.promote-button {
    background: #ffbd00;
    font-weight: 700;
    padding-left: 25px;
    padding-right: 25px;
    left: 36px;
    position: relative;
    top: -10px
}

.tp-breadcrumb {
    border-bottom: 1px solid #e9e6e0;
    margin-top: 60px
}

    .tp-breadcrumb .breadcrumb {
        background: transparent;
        font-size: 11px;
        text-transform: uppercase;
        font-family: Arial;
        margin-bottom: 0;
        padding: 5px 0;
        font-weight: 500
    }

        .tp-breadcrumb .breadcrumb > .active {
            color: #9e9795
        }

.breadcrumb > li + li:before {
    padding: 0 7px;
    color: #ccc;
    content: "\003E";
    font-size: medium;
    position: relative;
    top: 2px
}

.categories_breadcrumb li:nth-child(1) {
    margin-top: 3px !important;
}

.breadcrumb li:nth-child(1) {
    margin-top: 6px;
}

.loading-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255,255,255,0.7)
}

.overlay-content {
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #555
}

div.pagination {
    font-family: "Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,Verdana,sans-serif;
    padding: 15px;
    margin: 7px
}

    div.pagination a, div.pagination .first-page {
        margin: 2px;
        padding: .5em .64em .43em;
        background-color: #ffbd00;
        text-decoration: none;
        color: #fff;
        border-radius: 4px
    }

    div.pagination .first-page {
        background-color: #3dc80d;
        margin-right: -3px
    }

p.listing-number {
    margin-right: 10px
}

div.pagination a:hover, div.pagination a:active {
    padding: .5em .64em .43em;
    margin: 2px;
    background-color: #de1818;
    color: #fff
}

div.pagination span.current {
    padding: .5em .64em .43em;
    margin: 2px;
    background-color: #f6efcc;
    color: #6d643c
}

div.pagination span.disabled {
    display: none
}

.small-device-search-box {
    display: none
}

.mask-overlay {
    position: fixed;
    background: rgba(0,0,0,0.85);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.small-device-menu {
    position: fixed;
    right: -250px;
    top: 56px;
    background: #fff;
    width: 250px;
    height: 100%;
    z-index: 999;
    overflow: scroll;
    transition: all .5s
}

    .small-device-menu.menu-open {
        right: 0;
        transition: all .5s
    }

.sd-menu-part {
    padding-bottom: 10px;
    border-bottom: 1px solid #b3b2b2;
    padding-top: 20px
}

    .sd-menu-part > ul > li {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

        .sd-menu-part > ul > li:after {
            content: '';
            position: absolute;
            left: 0;
            right: 25px;
            height: 25px;
            background: #A8A5A5;
            z-index: -1;
            top: -1px;
            border-radius: 0 20px 20px 0;
            opacity: 0
        }

        .sd-menu-part > ul > li:hover:after {
            opacity: .17
        }

        .sd-menu-part > ul > li > a {
            display: block;
            padding-left: 56px
        }

    .sd-menu-part .has-dropdown {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-left: 56px
    }

.drop-down-menu {
    padding-left: 10px;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    padding-bottom: 0
}

.dd-show .drop-down-menu {
    height: auto;
    transition: all .3s;
    visibility: visible;
    opacity: 1
}

.sd-menu-part .has-dropdown i {
    margin-left: 7px;
    transform: translateY(2px) rotate(0deg);
    transition: all .3s
}

.sd-menu-part .has-dropdown.dd-show i {
    margin-left: 7px;
    transform: translateY(2px) rotate(-90deg)
}

.categoryheading {
    margin: 80px 0 15px 0;
}

@media (max-width:1023px) {
    #show-list, #show-city-list {
        margin-left: 1px;
        width: 40%
    }

    #show-city-list {
        margin-left: 314px
    }
}

.detail-page-wrapper {
    background: #F4F4F4
}

#sticky-header {
    position: -webkit-sticky;
    /*position: sticky;*/
    top: 60px;
    z-index: 0;
}

#sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    /*z-index: 95 !important;*/
}

.sidebar-address {
    margin-bottom: 10px;
}

.review-result ul li {
    display: inline-block;
    margin-bottom: 0
}

    .review-result ul li i {
        color: #FFBD00;
        font-size: 20px
    }

.review-result {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 18px
}

.modal-backdrop {
    z-index: 90;
}

.review-result ul, .review-result p {
    margin: 0
}

.list-info .info-text {
    font-size: 14px;
    margin-left: 30px
}

.list-info {
    margin: 0;
    padding: 0
}

    .list-info li .info-icon {
        display: inline-block;
        float: left
    }

    .list-info li {
        line-height: 28px;
        font-size: 15px;
        list-style: none;
        width: 100%;
        float: left;
    }

.social {
    border-bottom: 1px solid #ddd;
    text-align: center
}

    .social ul li {
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
    }

        .social ul li a {
            color: #fff;
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
        }

        .social ul li.facebook {
            background: #3B5998
        }

        .social ul li.instagram {
            background: #d6249f;
            background: radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)
        }

        .social ul li.linkedin {
            background: #007BB6
        }

        .social ul li.youtube {
            background: #D22222
        }

        .social ul li.twitter {
            background: #1DA1F2
        }

        .social ul li.pinterest {
            background: #CB2027
        }

.sidebar-bottom {
    padding: 15px 0
}

    .sidebar-bottom a {
        display: block;
        width: 46%;
        text-align: center;
        border: 1px solid#ddd;
        height: 40px;
        line-height: 40px;
        margin-bottom: 15px;
        border-radius: 5px;
        font-weight: 600;
        font-size: 14px;
        float: left;
        margin-right: 4%
    }

        .sidebar-bottom a:hover {
            background: #FFBD00;
            border: 1px solid #FFBD00
        }

        .sidebar-bottom a img {
            margin-right: 10px
        }

    .sidebar-bottom .claim-link {
        border: none;
        width: 96%
    }

        .sidebar-bottom .claim-link:hover {
            border: none
        }

.title-wrappder {
    display: flex;
    justify-content: space-between;
    -webkit-box-shadow: -1px 11px 18px -9px rgba(0,0,0,0.06);
    -moz-box-shadow: -1px 11px 18px -9px rgba(0,0,0,0.06);
    box-shadow: -1px 11px 18px -9px rgba(0,0,0,0.06)
}

    .title-wrappder p {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 3px;
        font-weight: 700
    }

    .title-wrappder h1 {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 3px;
        font-weight: 700
    }

    .title-wrappder p span {
        background: red;
        font-weight: 400;
        font-size: 10px;
        color: #fff;
        padding: 3px;
        margin-left: 8px;
        border-radius: 3px
    }

    .title-wrappder p a {
        margin-right: 3px;
        margin-top: 7px
    }

    .title-wrappder p img {
        transform: translateY(-2px)
    }

.title-wrap-right p {
    font-weight: 700;
    color: red;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0 15px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-right: 15px;
    margin-top: 0
}

.title-wrap-right a {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 0
}

    .title-wrap-right a img {
        margin-right: 4px;
        transform: translateY(-1px)
    }

.title-wrap-right {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.title-box {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
    justify-content: space-between
}

    .title-box > a, .content-box > a {
        font-size: 14px;
        text-transform: capitalize;
        color: #A8A5A5
    }

.title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.add-box {
    background: #fff;
    height: calc(100% - 15px)
}

    .add-box .add-content {
        padding: 15px;
        line-height: 40px;
        text-align: center
    }

.main-content {
    margin-top: 67px;
    background: #F4F4F4
}

    .main-content.other-page {
        width: 100%;
        float: left;
        margin-top: 0;
        min-height: 225px;
    }

.content-box {
    background: #fff;
    padding: 19px 25px;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}

.box-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #FFBD00;
    border: 1px solid #FFBD00;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px
}

.designed-list li {
    position: relative;
    margin-bottom: 15px;
    font-size: 13px
}

.column-count-3 {
    column-count: 3
}

.designed-list > li::before {
    position: relative;
    color: #FFBD00;
    top: 0;
    left: 0;
    content: "\f058";
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

.designed-list-two li {
    position: relative;
    margin-bottom: 15px;
    font-size: 13px
}

    .designed-list-two li span {
        margin-right: 7px;
        transform: translateY(-1px);
        min-width: 20px;
        display: inline-block;
        text-align: center;
        margin-right: 13px
    }

        .designed-list-two li span img {
            width: 15px
        }

.single-time {
    text-align: center
}

    .single-time p {
        text-transform: uppercase;
        margin-bottom: 0
    }

.time-schedule {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.single-time {
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    flex: 0 0 12%;
    max-width: 12%
}

.payment-method {
    display: flex;
    justify-content: space-around
}

.single-method {
    min-height: 93px;
    display: flex;
    align-items: center;
    position: relative
}

    .single-method:after {
        position: absolute;
        content: '';
        right: -20px;
        top: 25px;
        width: 1px;
        height: 44px;
        background: #ddd
    }

    .single-method:last-child:after {
        display: none
    }

.img-pad {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important
}

.load-more-img {
    position: relative
}

    .load-more-img a {
        position: absolute;
        z-index: 555;
        left: 7.5px;
        color: #fff;
        background: rgba(51,51,51,0.85);
        right: 7.5px;
        height: 100%;
        text-align: center;
        line-height: 137px;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: 4px;
        opacity: 0;
        transition: all .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0
    }

    .load-more-img:hover a {
        opacity: 1
    }

.img-pad img {
    width: 100%
}

.img-row {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    column-gap: 10px
}

    .img-row a img {
        padding: 4px;
        background: #fff;
        transition: .3s all;
        margin: 5px 5px 10px;
        border: 1px solid #ddd;
        -webkit-transition: .3s all
    }

.starrr {
    display: inline-block
}

    .starrr a {
        padding: 0 1px;
        cursor: pointer;
        color: #ACA793;
        text-decoration: none
    }

        .starrr a.color {
            color: #FFD119
        }

.your-choice-was {
    color: #565656
}

.modal-dialog {
    margin: 0px auto;
    margin-top:8%;
}

    .modal-dialog .btn-primary {
        background: #FFD119;
        border-color: #FBAB12
    }

.rating-display {
    width: 182px;
    position: relative;
    min-height: 206px;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

    .rating-display img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

    .rating-display ul li {
        display: inline-block;
        font-size: 9px
    }

    .rating-display ul {
        margin-bottom: 0
    }

    .rating-display h6 {
        font-size: 47px;
        margin-bottom: 0
    }

    .rating-display ul li i {
        color: #4E4E4E
    }

    .rating-display p {
        font-weight: 600;
        font-size: 16px
    }

.review-start {
    background: #F6F6F6
}

    .review-start .top ul li {
        display: inline-block;
        background: url(/images/assets/hexagon-small.svg);
        width: 34px;
        height: 39px;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        line-height: 39px
    }

        .review-start .top ul li a {
            color: #FFBD00;
            font-size: 19px
        }

    .review-start .top {
        text-align: center;
        border-bottom: 1px solid #ddd;
        height: 140px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .review-start .bottom {
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center
    }

.bordered-link {
    border: 1px solid #A8A5A5;
    font-size: 16px;
    padding: 4px 14px;
    border-radius: 3px;
    font-weight: 700;
}

.edit_review {
    position: absolute;
    right: 12px;
    top: 0px;
    padding: 0px 0px;
    border: 0px;
}

.small-review li {
    display: inline-block;
    font-size: 12px
}

.single-customer-review {
    border-top: 1px solid #ddd;
    padding: 20px 0
}

    .single-customer-review .customer-details {
        display: block;
        width: 100%;
        float: left;
    }

        .single-customer-review .customer-details .customer-details_review_img {
            width: 10%;
            float: left;
        }

    .single-customer-review .details-inner {
        padding-left: 20px;
        float: left;
        width: 90%;
    }

        .single-customer-review .details-inner p {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0
        }

.two-bg {
    position: relative;
    min-height: 220px;
    z-index: 1
}

    .two-bg:after {
        position: absolute;
        content: '';
        left: 0;
        width: 50%;
        background: #FFBD00;
        top: 0;
        height: 100%;
        z-index: -1
    }

    .two-bg:before {
        position: absolute;
        content: '';
        right: 0;
        width: 50%;
        background: #333;
        top: 0;
        height: 100%;
        z-index: -1
    }

.single-promotion {
    min-height: 220px;
    display: flex;
    align-items: center
}

.single-recomend {
    text-align: center;
    text-align: center;
    background: #fff;
    padding: 15px;
    margin-bottom: 30px
}

    .single-recomend img {
        margin-bottom: 13px
    }

    .single-recomend .view-count {
        border-top: 1px solid #ddd;
        padding-top: 8px;
        margin-top: 10px;
        font-weight: 700
    }

    .single-recomend .small-review li {
        color: #FFBD00;
        font-size: 14px
    }

    .single-recomend .title {
        margin-bottom: 4px
    }

.addressdropbtn {
    background-color: #FFBD0000;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

    .addressdropbtn:hover, .addressdropbtn:focus {
        background-color: #FFBD00;
    }

.addressdropdown {
    position: relative;
    display: inline-block;
}

.addressdropdown-content {
    display: none;
    position: absolute;
    background-color: #FFBD00;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .addressdropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

#myAddressDropdown {
    width: 200px;
    border-radius: 3px;
}

    #myAddressDropdown ul li {
        width: 200px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

.addressdropdown a:hover {
    background-color: #ddd;
    color: #000;
}

.show {
    display: block;
}

.dropbtn {
    padding: 20px;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.dropdownbtn-wrapper {
    position: relative
}

    .dropdownbtn-wrapper img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999999;
        width: auto;
        height: auto;
        z-index: -1
    }

.login-dropdown {
    position: relative;
    display: inline-block;
    float: right
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 200px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    padding: 10px;
    border-radius: 2px;
    top: 50px
}

    .dropdown-content:after {
        content: '';
        position: absolute;
        right: 7px;
        top: -6px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #f1f1f1
    }

.login-show {
    display: block
}

.dropdown-content-top {
    display: flex;
    padding-bottom: 8px
}

.dropdown-content-middle {
    padding: 8px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px
}

    .dropdown-content-middle a i {
        color: #a2a2a2;
        font-size: 13px;
        margin-right: 6px
    }

    .dropdown-content-middle a {
        display: block;
        padding-bottom: 7px
    }

        .dropdown-content-middle a:hover {
            color: red
        }

.drop-down-log-out a:hover {
    color: red
}

.member-info {
    padding-left: 12px
}

    .member-info h6 a {
        color: #e6ad09
    }

    .member-info h6 {
        margin: 0
    }

    .member-info p {
        font-size: 13px;
        margin: 0
    }

    .member-info div i {
        color: #f36;
        margin-right: 6px
    }

.footer {
    background: #333;
    color: #fff
}

    .footer a {
        color: #fff
    }

    .footer .login-signup {
        width: auto;
        text-align: right
    }

.login-signup.alignleft {
    text-align: left;
}

.footer-logo {
    width: 265px;
    background: #4E4E4E;
    text-align: center;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 12px 12px;
    position: absolute;
    left: 15px;
    top: 0;
    padding: 25px
}

.footer-list li {
    position: relative;
    padding-left: 11px;
    margin-bottom: 6px
}

    .footer-list li:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 5px;
        border-color: transparent transparent transparent #fb0;
        left: 0;
        top: 7px
    }

    .footer-list li a {
        font-size: 14px
    }

        .footer-list li a:hover {
            color: #fb0
        }

.footer-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 18px
}

.footer-top {
    padding-top: 30px;
    position: relative;
    padding-bottom: 40px
}

.footer-social li {
    display: inline-block;
    width: 23%;
    margin-bottom: 17px
}

    .footer-social li a {
        background: url(/images/assets/hex-border.png);
        background-size: auto;
        background-repeat: no-repeat;
        width: 34px;
        height: 39px;
        display: block;
        text-align: center;
        line-height: 39px;
        background-position: center
    }

        .footer-social li a:hover {
            color: #FFBD00
        }

.footer-middle {
    padding-bottom: 110px;
    background: url(/images/assets/footer-bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
    padding-top: 15px;
}

.footer-menu li {
    display: inline-block;
    margin-right: 20px
}

    .footer-menu li a {
        font-size: 14px;
        font-weight: 700;
        padding: 20px 0;
        display: inline-block;
        position: relative;
        border-top: 2px solid transparent
    }

        .footer-menu li a:hover {
            color: #FFBD00;
            border-top: 2px solid #FFBD00
        }

.footer-bottom {
    border-top: 1px solid #dddddd30
}

    .footer-bottom p {
        font-size: 14px;
        margin-bottom: 0;
        float: right;
        padding-top: 20px
    }

        .footer-bottom p a {
            color: #FFBD00
        }

.main-header {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 40px;
    z-index: 9
}

.main-menu ul li {
    display: inline-block;
    margin-right: 10px
}

    .main-menu ul li a {
        color: #fff;
        font-size: 16px
    }

        .main-menu ul li a:hover {
            color: #ffbd00;
        }

.main-banner {
    min-height: 650px;
    background: url(/images/assets/moumachi-banner.jpg);
    display: flex;
    align-items: center;
    position: relative
}

.login-signup.light {
    width: 100%;
    justify-content: flex-end;
    display: flex
}

    .login-signup.light a {
        border: 1px solid #fff
    }

    .login-signup.light .signup {
        background: #FFBD00;
        color: #333;
        border: 1px solid #FFBD00
    }

    .login-signup.light .login:hover {
        border: 1px solid #FFBD00
    }

.banner-content {
    width: 100%;
    text-align: center
}

.input-find {
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    min-height: 60px;
    line-height: 60px;
    padding-left: 8px;
    padding-right: 8px;
    width: 10%
}

.main-search input {
    width: 35%;
    border: none
}

.main-search .select2-selection__rendered {
    width: 35%;
    border: none
}

.select2-container {
    width: 35% !important
}

    .select2-container:focus {
        outline: 0
    }

.select2-container--default .select2-selection--single:focus {
    outline: 0
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0;
    min-height: 60px
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 29px;
        left: 0
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 60px;
        width: 100%;
        text-align: left
    }

        .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
            outline: 0
        }

.main-search button {
    width: 10%;
    border: none;
    background: #FFBD00;
    color: #333;
    font-size: 20px;
    border-radius: 0 6px 6px 0;
    cursor: pointer
}

    .main-search input:focus, .main-search button:focus {
        outline: none
    }

.main-search .input-group {
    width: 80%;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto
}

.home-logo {
    width: 350px;
    margin: 0 auto;
    margin-bottom: 41px
}

.main-search .l-border {
    position: relative
}

    .main-search .l-border:after {
        position: absolute;
        content: '';
        left: 0;
        height: 20px;
        width: 1px;
        top: 50%;
        background: #A8A5A5;
        transform: translateY(-50%)
    }

::-webkit-input-placeholder {
    color: #D6D6D6
}

:-ms-input-placeholder {
    color: #D6D6D6
}

::placeholder {
    color: #D6D6D6
}

.category-list ul li {
    display: inline-block;
    margin: 0 35px
}

    .category-list ul li a {
        color: #fff;
        display: block
    }

    .category-list ul li span {
        margin-right: 7px;
        width: 43px;
        height: 43px;
        background: rgba(255,255,255,.10);
        text-align: center;
        display: inline-block;
        line-height: 43px;
        text-align: center;
        border-radius: 50%
    }

    .category-list ul li:hover span {
        background: #ffbd00;
        transition: all .3s
    }

        .category-list ul li:hover span .svg path {
            fill: #333;
            transition: all .3s
        }

.main-banner .banner-text {
    color: #fff;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%)
}

.area-heding {
    font-size: 35px;
    color: #333;
    margin-bottom: 35px
}

.category-icon {
    overflow: hidden;
    display: inline-block;
    display: inline-block;
    position: relative;
    width: 120px;
    height: 137px;
    text-align: center;
    z-index: 0;
    line-height: 130px
}

    .category-icon .hex {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1
    }

.single-category:hover .category-icon .hex path {
    fill: #FFBD00;
    transition: all .3s
}

.single-category h3 {
    font-size: 18px;
    color: #4E4E4E
}

.category-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px
}

.bordered-link-large {
    border: 1px solid #A8A5A5;
    font-size: 16px;
    padding: 13px 24px;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    transition: all .3s
}

    .bordered-link-large:hover {
        background: #ffbd00;
        border: 1px solid #ffbd00
    }

.area-padding {
    padding: 50px 0
}

.single-business {
    background: #fff;
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.11);
    -moz-box-shadow: 0 0 6px 1px rgba(0,0,0,0.11);
    box-shadow: 0 0 6px 1px rgba(0,0,0,0.11);
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: 5px
}

#posts_content .single-business {
    padding-right: 0;
    padding-left: 0
}

.single-business .business-top {
    position: relative
}

.single-business .bookmark {
    position: relative;
    width: 30px;
    line-height: 35px
}

.single-business .business-top > img {
    width: 100% !important
}

.single-business .bookmark a {
    display: block;
    text-align: center;
    width: 100%;
    color: #fff;
    position: relative;
    content: '';
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    background: rgba(51,51,51,.5);
    line-height: 37px
}

.bookmark.favorite_companies a {
    background: red
}

.single-business .bookmark .hex {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 30px;
    height: 35px
}

    .single-business .bookmark .hex path {
        fill: #333;
        opacity: .5
    }

.single-business .label {
    position: absolute;
    top: 15px;
    z-index: 99;
    left: 0;
    padding-left: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .single-business .label .tag {
        font-size: 8px;
        color: #fff;
        font-weight: 500;
        background: #000;
        padding: 3px 7px;
        border-radius: 3px;
        margin-left: -71px
    }

.bg-1 {
    background: #F36 !important
}

.single-business .label .view {
    background: rgba(51,51,51,.5);
    color: #fff;
    padding: 5px 7px
}

.single-business .business-middle {
    position: relative;
    padding: 0 15px;
    padding-top: 15px;
    background: #fff;
    transition: all .3s
}

.single-business:hover .business-middle {
    transform: translateY(-35px)
}

.single-business .business-middle:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -34px;
    width: 115px;
    height: 35px;
    background: url(/Content/images/icon/round-top.svg);
    transform: translateX(-50%)
}

.single-business .title-image {
    position: absolute;
    left: 50%;
    top: 6px;
    border-radius: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    box-shadow: -1px 11px 18px -9px rgba(0,0,0,0.06);
    margin-top: -35px;
    z-index: 99
}

.title-image img {
    max-width: 60px
}

.single-business .business-top > img {
    width: 100%;
    height: 100px
}

.single-business .business-middle h4 {
    margin-top: 35px;
    font-weight: 600
}

    .single-business .business-middle h4 a {
        font-size: 14px;
        color: #4E4E4E
    }

.single-business .business-middle p {
    font-size: 12px;
    margin-bottom: 0
}

.single-business .business-middle h4 img {
    width: 13px;
    margin-left: 4px;
    display: inline
}

.single-business .business-middle .contact-link {
    display: flex;
    justify-content: space-between;
    transition: all .3s;
    position: absolute;
    bottom: -36px;
    left: 15px;
    right: 15px;
    background: #fff
}

.single-business:hover .business-middle .contact-link {
    opacity: 1;
    visibility: visible
}

.business-middle .contact-link .social-link li {
    display: inline-block;
    background: url(http://moumachi.com.bd/images/icon/hex-border.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    font-size: 11px;
    line-height: 22px;
    margin-left: 4px;
    border: 1px solid #ccc;
    border-radius: 50px;
    float: left;
}

    .business-middle .contact-link .social-link li a {
        display: block;
        text-align: center
    }

.business-middle .contact-link a .fa-phone {
    color: #A8A5A5;
    transform: rotate(90deg);
    margin-right: 6px
}

.business-bottom .reviews-number span {
    background: url(http://moumachi.com.bd/images/icon/hex-yellow-30.png);
    width: 31px;
    height: 36px;
    background-size: 100%;
    font-size: 12px;
    color: #4E4E4E;
    font-weight: 700;
    display: inline-block;
    line-height: 35px;
    background-repeat: no-repeat;
    margin-right: 7px;
    text-align: center
}

.single-business .business-bottom .reviews-number a {
    font-size: 12px;
    color: #4E4E4E
}

.single-business .business-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #E3E5FD;
    padding: 12px 15px;
    background: #fff;
    z-index: 99;
    position: relative
}

a.open-btn {
    color: #3DC80D;
    font-weight: 600;
    border: 1px solid #3DC80D;
    padding: 0 8px
}

a.closed-btn {
    color: #C80D0D;
    font-weight: 600;
    border: 1px solid #C80D0D;
    padding: 0 8px
}

.owl-nav {
    position: absolute;
    top: 40%;
    width: 100%
}

.owl-carousel .owl-nav button.owl-prev {
    left: -22px;
    position: absolute
}

.owl-carousel .owl-nav button.owl-next {
    right: -22px;
    position: absolute
}

.single-business .business-bottom .reviews-number a:hover {
    text-decoration: underline
}

ul.small-review {
    color: #FFBD00;
}

    ul.small-review li.review_not_fill {
        color: #ccc;
    }

.owl-carousel .owl-nav button:focus {
    outline: none
}

.owl-carousel .owl-item img {
    display: inline-block;
    width: auto
}

.cta-one {
    position: relative;
    min-height: 200px;
    background: url(/images/assets/cta-bg.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    z-index: 1
}

    .cta-one:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(93deg,rgba(51,51,51,1) 0%,rgba(255,189,0,1) 100%);
        z-index: -1;
        opacity: .95
    }

    .cta-one p {
        font-size: 25px;
        color: #fff;
        font-weight: 600
    }

.bordered-link-large.white {
    color: #fff;
    min-width: 170px;
    padding: 8px 0
}

.cta-one span {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 9px;
    font-weight: 600
}

.dark-btn {
    font-size: 16px;
    padding: 8px 0;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    color: #333;
    min-width: 170px;
    background: #FFBD00;
    transition: all .3s
}

.dark-btn-two {
    font-size: 18px;
    padding: 12px 18px;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    background: #333;
    transition: all .3s
}

    .dark-btn-two:hover {
        color: #fff
    }

    .dark-btn-two .svg {
        margin-left: 5px
    }

        .dark-btn-two .svg path {
            transition: all .3s ease-in-out
        }

    .dark-btn-two:hover .svg path {
        fill: #FFBD00
    }

.dark-btn:hover {
    background: #fff;
    color: #333
}

.light-btn {
    border: 1px solid #fff;
    font-size: 16px;
    padding: 8px 0;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    min-width: 170px;
    transition: all .3s
}

    .light-btn:hover {
        color: #333;
        background: #FFBD00;
        border: 1px solid #FFBD00
    }

.three-part-header h3 {
    font-size: 35px;
    color: #333
}

.three-part-header p {
    font-size: 16px
}

.bordered-link-large .svg {
    margin-left: 5px
}

.single-offer .single-offer-content h5 {
    font-size: 20px
}

.single-offer .single-offer-content h6 {
    font-size: 18px;
    font-weight: 600
}

.single-offer .single-offer-img {
    position: relative
}

    .single-offer .single-offer-img:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(255,189,0,.9);
        opacity: 0;
        transition: all .3s
    }

.single-offer:hover .single-offer-img:after {
    opacity: 1
}

.single-offer .single-offer-img .bordered-link-large {
    position: absolute;
    left: 43px;
    z-index: 55;
    top: 43%;
    color: #333;
    border: 1px solid #333;
    padding: 9px 13px;
    right: 43px;
    text-align: center;
    opacity: 0;
    transition: all .3s
}

.single-offer:hover .single-offer-img .bordered-link-large {
    opacity: 1
}

.google-search {
    display: flex;
    justify-content: space-around
}

.speech {
    border: 1px solid #DDD;
    padding: 0;
    margin: 0
}

    .speech input {
        border: 0;
        width: 267px;
        display: inline-block;
        height: 30px;
        padding-left: 14px
    }

    .speech img {
        float: right;
        width: 30px
    }

.google-search p {
    font-size: 28px
}

.promote-advertise {
    position: relative
}

    .promote-advertise:after {
        content: '';
        position: absolute;
        right: -90px;
        top: 0;
        width: 50%;
        background: url(/images/assets/addvertise-banner.png);
        height: 100%;
        background-repeat: no-repeat;
        background-position: bottom center;
        z-index: -1
    }

.single-number {
    color: #333;
    text-align: center
}

    .single-number p {
        font-size: 45px;
        font-weight: 700
    }

    .single-number span {
        font-size: 20px;
        font-weight: 700
    }

.add-business-info-form .select2-container {
    width: 100% !important;
    border: 1px solid #ddd
}

.add-business-info-form .select2-container--default .select2-selection--multiple {
    border: none;
    border-radius: 0;
    position: relative;
    min-height: 60px;
    padding-top: 15px
}

    .add-business-info-form .select2-container--default .select2-selection--multiple:after {
        content: '';
        border-color: #888 transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0;
        height: 0;
        right: 12px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0
    }

.form-control {
    border: 1px solid #ddd;
    min-height: 60px
}

.top-bar .input-find {
    max-height: 32px;
    background: #e9ecef;
    font-weight: 100;
    line-height: 32px
}

.top-bar .input-group {
    width: 100%
}

.top-bar .form-control {
    min-height: 32px
}

.top-bar .input-group-text {
    max-height: 32px;
    border-radius: 0 !important;
    max-height: 32px;
    border-radius: 0 !important
}

.map {
    min-height: 400px;
    background: #ddd
}

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

button.dark-btn {
    border: #ffdead;
    min-width: auto;
    padding: 14px 19px;
    cursor: pointer
}

    button.dark-btn:hover {
        background: #333;
        color: #fff
    }

.error-msg {
    background: #FECDCD;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 19px;
    bottom: -13px;
    right: 38px
}

    .error-msg:after {
        content: '';
        position: absolute;
        left: -10px;
        top: 8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 10px 5px 0;
        border-color: transparent #fecdcd transparent transparent
    }

.image-upload.edit-page {
    opacity: 1;
    background: none;
    visibility: visible
}

.svg.camera {
    width: 42px;
    position: relative
}

.image-upload.edit-page span {
    position: absolute;
    left: 50%;
    bottom: 77px;
    transform: translate(-50%);
    font-weight: 700
}

.banner {
    position: relative
}

.banner img{
    height: 340px;
    width: 100%;
    object-fit: cover;
}

    .banner .image-upload.edit-page {
        height: 44px;
        width: 182px;
        background: #ddd;
        padding-top: 8px;
        border-radius: 5px;
        right: 15px;
        left: auto;
        bottom: 15px;
        top: auto
    }

        .banner .image-upload.edit-page span {
            position: relative;
            left: 0;
            bottom: -3px;
            transform: translate(0)
        }

.content-box p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    display:contents;
}
.moumachi_icon_heart {
    font-size: 22px !important;
    margin-top: 5px;
    float: right;
    margin-left: 5px;
}
.title-wrappder.content-box.sticky-wrap > p {
    width: auto;
    float: left;
    display: block;
    border: 1px solid #ccc;
    border-radius: 0px 10px 10px 0px;
    padding: 3px 10px;
}
@media (max-width:500px) {
    .title-wrappder.content-box.sticky-wrap {
        display:unset;
    }
        .title-wrappder.content-box.sticky-wrap > p {
            width: 100%;
            float: left;
            border-radius: 4px;
        }
        .title-wrappder.content-box.sticky-wrap .title-wrap-right {
            display: block;
            width: 100%;
            float: left;
            padding: 10px 0px;
        }
            .title-wrappder.content-box.sticky-wrap .title-wrap-right .favourite-bg {
                display: block;
                width: auto;
                float: right;
            }
    .moumachi_icon_heart {
        margin:0px;
    }
}
.flex-align {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal-body textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    border: 1px solid #f5f2f2
}

.modal-body input {
    width: 100%;
    border: 1px solid #f5f2f2
}

.modal-body p {
    margin-bottom: 0
}

.editable-content {
    display: none;
    padding-top: 15px
}

    .editable-content input, .editable-content textarea {
        width: 100%;
        min-height: 45px;
        padding: 0 15px
    }

    .editable-content textarea {
        padding: 15px
    }

.editable-content-btn {
    padding-top: 16px;
    text-align: right
}

.s-light-btn {
    font-size: 16px;
    padding: 8px 32px;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    color: #333;
    min-width: 115px;
    background: #FFBD00;
    transition: all .3s;
    text-align: center
}

.s-dark-btn {
    font-size: 16px;
    padding: 8px 32px;
    border-radius: 3px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    min-width: 115px;
    background: #333;
    transition: all .3s;
    text-align: center
}

.editable-content-btn .s-light-btn {
    margin-right: 10px
}

.shortable-list {
    padding: 15px 0
}

    .shortable-list li {
        background: #F6F6F6;
        border: 1px solid #EFEFEF;
        padding: 9px;
        margin-bottom: 20px
    }

        .shortable-list li a {
            float: right
        }

        .shortable-list li span {
            margin-right: 5px
        }

.checkbox-list li {
    display: inline-block;
    width: 33%
}

    .checkbox-list li input {
        width: 15px;
        float: left;
        min-height: 15px;
        border: 1px solid #ddd;
        background: transparent;
        margin-right: 15px
    }

.s-dark-btn:hover {
    color: #fff
}

.prev-content {
    background: #ddd;
    padding: 15px;
    margin-top: 16px
}

    .prev-content p {
        font-weight: 400
    }

#snackbar, #flyoutCompanyNameResult, #flyoutCompanyBranchNameResult, #flyoutDeleteMediaResult, #flyoutCompanyDetailsResult, #flyoutPostalResult, #flyoutEmailResult, #flyoutWebsiteResult, #flyoutEstablishedYearResult, #flyoutSocialMediaResult, #flyoutSocialMediaDelete, #flyoutSocialMediaInsert, #flyoutsSocialMediaDelete, #flyoutWorkingHour, #flyoutsCategoryResultDelete, #flyoutCategotyAddResult, #flyoutPaymentUpdate, #flyoutProductResult, #flyoutProductDeleteResult, #flyoutProductUpdatedResult, #flyoutServiceResult, #flyoutServiceDeleteResult, #flyoutServiceUpdatedResult, #flyoutTagResult, #flyoutTagDeleteResult, #flyoutTagUpdatedResult, #flyoutTakesReservationsResult, #flyoutCompanyAdditionalAddressResult, #flyoutCompanyAreaResult, #flyoutCompanyTillThanaResult, #flyoutDelivery, #flyoutTakeout, #flyoutGoodFor, #flyoutParking, #flyoutBikeParking, #flyoutGoodforKids, #flyoutGoodforGroups, #flyoutAttire, #flyoutEnvironment, #flyoutNoiseLevel, #flyoutAlcohol, #flyoutOutdoorSeating, #flyoutWaiterService, #flyoutSmokingZone, #flyoutWiFi, #flyoutHasTV, #flyoutCaters, #flyoutAirCondition, #flyoutWaitingSeat, #flyoutClaimMyListing {
    visibility: hidden;
    min-width: 350px;
    max-width: 100%;
    margin: auto;
    background-color: #f48f00;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 999;
    left: 25%;
    right: 25%;
    top: 100px;
    font-size: 17px
}

    #snackbar.show, #flyoutCompanyNameResult.show, #flyoutCompanyBranchNameResult.show, #flyoutDeleteMediaResult.show, #flyoutCompanyDetailsResult.show, #flyoutPostalResult.show, #flyoutEmailResult.show, #flyoutWebsiteResult.show, #flyoutEstablishedYearResult.show, #flyoutSocialMediaResult.show, #flyoutSocialMediaDelete.show, #flyoutSocialMediaInsert.show, #flyoutsSocialMediaDelete.show, #flyoutWorkingHour.show, #flyoutsCategoryResultDelete.show, #flyoutCategotyAddResult.show, #flyoutPaymentUpdate.show, #flyoutProductResult.show, #flyoutProductDeleteResult.show, #flyoutProductUpdatedResult.show, #flyoutServiceResult.show, #flyoutServiceDeleteResult.show, #flyoutServiceUpdatedResult.show, #flyoutTagResult.show, #flyoutTagDeleteResult.show, #flyoutTagUpdatedResult.show, #flyoutTakesReservationsResult.show, #flyoutCompanyAdditionalAddressResult.show, #flyoutCompanyAreaResult.show, #flyoutCompanyTillThanaResult.show, #flyoutDelivery.show, #flyoutTakeout.show, #flyoutGoodFor.show, #flyoutParking.show, #flyoutBikeParking.show, #flyoutGoodforKids.show, #flyoutGoodforGroups.show, #flyoutAttire.show, #flyoutEnvironment.show, #flyoutNoiseLevel.show, #flyoutAlcohol.show, #flyoutOutdoorSeating.show, #flyoutWaiterService.show, #flyoutSmokingZone.show, #flyoutWiFi.show, #flyoutHasTV.show, #flyoutCaters.show, #flyoutAirCondition.show, #flyoutWaitingSeat.show, #flyoutClaimMyListing.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s,fadeout 30s 33.5s;
        animation: fadein 0.5s,fadeout 9s 11.5s
    }
/* HexaGon */
#hexGrid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: 'Raleway',sans-serif;
    font-size: 15px;
    list-style-type: none
}

.hex {
    position: relative;
    visibility: hidden;
    outline: 1px solid transparent
}

    .hex::after {
        content: '';
        display: block;
        padding-bottom: 86.602%
    }

li.hex {
    margin-bottom: 0
}

.hexIn {
    position: absolute;
    width: 96%;
    padding-bottom: 110.851%;
    margin: 0 2%;
    overflow: hidden;
    visibility: hidden;
    outline: 1px solid transparent;
    -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
    transform: rotate3d(0,0,1,-60deg) skewY(30deg)
}

    .hexIn * {
        position: absolute;
        visibility: visible;
        outline: 1px solid transparent
    }

.hexLink {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
    transform: skewY(-30deg) rotate3d(0,0,1,60deg)
}

.hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: rotate3d(0,0,0,0deg);
    -ms-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg)
}

.hex h3, .hex p {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    background-color: rgba(255,190,3,0.9);
    font-weight: 300;
    -webkit-transition: -webkit-transform .2s ease-out,opacity .3s ease-out;
    transition: transform .2s ease-out,opacity .3s ease-out
}

.hex h3 {
    bottom: 45%;
    padding-top: 50%;
    font-size: 1.2em;
    z-index: 1;
    -webkit-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

    .hex h3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 45%;
        width: 10%;
        text-align: center;
        border-bottom: 1px solid #fff
    }

.hex p {
    top: 50%;
    padding-bottom: 50%;
    -webkit-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.hexLink:hover h3, .hexLink:focus h3, .hexLink:hover p, .hexLink:focus p {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
/* sidebar */
#about-sidebar {
    min-width: 270px;
    max-width: 270px;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: -webkit-sticky;
    position: sticky;
    z-index: 99;
    top: 0;
    float: left;
}

    #about-sidebar:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: '';
        background: #2f89fc;
        background: -moz-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, #2f89fc), color-stop(100%, #ff5db1));
        background: -webkit-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
        background: -o-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
        background: -ms-linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
        background: linear-gradient(45deg, #2f89fc 0%, #ff5db1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f89fc', endColorstr='#ff5db1', GradientType=1 );
        opacity: .8;
        z-index: -1;
    }

    #about-sidebar .h6 {
        color: #fff;
    }

    #about-sidebar.active {
        margin-left: -270px;
    }

    #about-sidebar h1 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px;
    }

        #about-sidebar h1 .logo {
            color: #fff;
        }

            #about-sidebar h1 .logo span {
                font-size: 13px;
                color: #fff;
                display: block;
            }

    #about-sidebar ul.components {
        padding: 0;
    }

    #about-sidebar ul li {
        font-size: 16px;
    }

        #about-sidebar ul li > ul {
            margin-left: 10px;
        }

            #about-sidebar ul li > ul li {
                font-size: 14px;
            }

        #about-sidebar ul li a {
            padding: 10px 0;
            display: block;
            color: rgba(255, 255, 255, 0.6);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

            #about-sidebar ul li a span {
                color: #fff;
            }

            #about-sidebar ul li a:hover {
                color: #fff;
            }

        #about-sidebar ul li.active > a {
            background: transparent;
            color: #fff;
        }

@media (max-width: 991.98px) {
    #about-sidebar {
        min-width: 180px;
        max-width: 180px;
    }
}
@media (max-width:500px) {
    footer.footer {
        margin-bottom:15px;
    }
    #about-sidebar {
        width: 100%;
        float: left;
        max-width: unset;
        min-width: unset;
        top: 50px;
        background-color: #fff;
        background-image: none !important;
        box-shadow: 2px 2px 8px #ccc;
    }
    .filter_content_div {
        width: 100%;
        float: left;
        padding: 15px;
    }
        .filter_content_div p {
            text-align:justify;
        }
        #about-sidebar .p-3 {
            padding: 0px !important;
        }
    #about-sidebar ul li {
        font-size: 12px;
        width: 50%;
        line-height: unset;
        margin-bottom: 0px;
        background-color: #fff;
        padding-left: 0px;
    }
        #about-sidebar ul li a {
            padding: 8px 5px;
            text-align: center;
            border-right: 1px solid #f4f5f8;
            border-bottom: 1px solid #f4f5f8;
        }
    .content_li_item_2 {
        padding-left:0px;
    }
    .main-content.other-page .container {
        padding:0px;
    }
    #about-sidebar ul li a span {
        color:#333;
    }
    #about-sidebar:after {
        display:none;
    }

    #about-sidebar ul li.active > a {
        background-color: #ffe6bb;
        color: #c77f09 !important;
    }
    .content_list_info li.active a, .content_list_info li.active a span {
        color: #c77f09 !important;
    }
    .load_page_content .pr-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
 }
#about-sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: -20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    #about-sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
}

#about-sidebar .custom-menu .btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
}

    #about-sidebar .custom-menu .btn i {
        margin-right: -40px;
        font-size: 14px;
    }

    #about-sidebar .custom-menu .btn.btn-primary {
        background: transparent;
        border-color: transparent;
    }

        #about-sidebar .custom-menu .btn.btn-primary:after {
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: '';
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #30e3ca;
            border-radius: 10px;
        }

        #about-sidebar .custom-menu .btn.btn-primary:hover, #about-sidebar .custom-menu .btn.btn-primary:focus {
            background: transparent !important;
            border-color: transparent !important;
        }

.p-3 {
    padding: 1rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

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

.well-box {
    background-color: #fff;
    padding: 28px;
    border-radius: 8px;
    border: 1px solid rgba(233, 230, 224, 0);
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}

span.count-company {
    background: #383535;
    padding: 8px 0px;
    border-radius: 50%;
    z-index: 999;
    position: absolute;
    top: 0px;
    right: 8px;
    color: white;
    font-weight: 700;
    height: 35px;
    width: 35px;
    max-width: 35px;
    max-height: 35px;
    text-align: center;
}

.list-searching {
    position: relative;
    margin-bottom: 30px;
}

.location-bg {
    position: relative;
    height: 200px;
}

    .location-bg .banner-content {
        padding-top: 90px;
    }

    .location-bg .h3 {
        color: #000;
        text-shadow: #fff 5px 0px 5px;
    }

.feature-center {
    text-align: center;
}
/* Side Bar End */
@media (min-width:1201px) {
    #hexGrid {
        padding-bottom: 8%
    }

    .hex {
        width: 20%
    }

        .hex:nth-child(9n+6) {
            margin-left: 10%
        }
}

@media (max-width: 1200px) and (min-width:901px) {
    #hexGrid {
        padding-bottom: 6%
    }

    .hex {
        width: 25%
    }

        .hex:nth-child(7n+5) {
            margin-left: 12.5%
        }
}

@media (max-width: 900px) and (min-width:601px) {
    #hexGrid {
        padding-bottom: 8%
    }

    .hex {
        width: 33.333%
    }

        .hex:nth-child(5n+4) {
            margin-left: 16.666%
        }
}

@media (max-width: 600px) {
    .footer-social li a {
        margin: auto;
    }

    #hexGrid {
        padding-bottom: 11.2%
    }

    .hex {
        width: 50%
    }

        .hex:nth-child(3n) {
            margin-left: 0%
        }

    .this-hide {
        display: none;
    }

    .hex:nth-child(4n) {
        margin-left: 25%;
    }
}

@media (max-width: 400px) {
    #hexGrid {
        font-size: 13px
    }

    .this-hide {
        display: none;
    }
}

.recomended .single-business {
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 0;
    padding-right: 0
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0;
    padding: 10px
}

    #back-to-top i {
        margin-top: -5px
    }

    #back-to-top:hover {
        background: #e9ebec;
        color: #0B173B
    }

    #back-to-top.show {
        opacity: 1
    }

ul.footer-social li a .fab {
    margin-top: 12px
}

h1.text-center {
    color: #fff
}

#show-list, #show-city-list {
    position: absolute;
    z-index: 9999 !important;
    margin-top: 32px;
    margin-left: 114px;
    width: 26%
}

#show-city-list {
    margin-left: 540px
}

.text-white a {
    color: #fff
}

.visitor-card.btn.btn-primary, .venue-action .btn.btn-default, .venue-action .btn.btn-primary {
    background: #ffa405;
    border: 1px solid #ffc513;
    color: #fff !important
}

.login-page img {
    width: 300px
}

@media (min-width: 992px) and (max-width:1600px) {
    .recomended .single-business {
        flex: 0 0 24% !important;
        max-width: 24% !important
    }

    .main-logo {
        width: 200px;
        margin: 0 auto;
        min-height: 170px
    }

        .main-logo .verify {
            width: 23px;
            right: 11px
        }

    .review-result {
        padding: 0;
        margin-top: 8px;
        margin-bottom: 8px
    }

        .review-result ul li i, .review-result p {
            font-size: 12px
        }

    .sidebar-bottom a {
        width: 46%;
        height: 35px;
        line-height: 31px;
        margin-bottom: 4%;
        font-size: 13px;
        float: left;
        margin-right: 4%
    }

    .sidebar-bottom .claim-link {
        border: none;
        width: 100%;
        margin: 0
    }

    .social {
        border-bottom: 1px solid #ddd;
        padding-bottom: 0 !important
    }

        .social ul li {
            display: inline-block;
            border: 1px solid #ccc;
            width: 25px;
            display: inline-block;
            height: 25px;
            border-radius: 50px;
            margin-right: 5px
        }

    .left-sidebar .company-title {
        margin-bottom: 5px
    }

    .list-info li {
        margin-bottom: 0
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .recomended .single-business {
        flex: 0 0 23.66% !important;
        max-width: 23.66% !important
    }

    .single-method:after {
        display: none
    }

    .footer-menu li {
        margin-right: 6px
    }

    .footer-title {
        font-size: 14px
    }

    .social ul li {
        margin-bottom: 5px
    }

    .main-logo .verify {
        width: 20px
    }

    .column-count-3 {
        column-count: 2
    }

    .search_form {
        width: 68%
    }

    .login-signup {
        width: 41%
    }

    .main-search .input-group {
        width: auto
    }

    .logo {
        width: 100%;
        display: flex;
        align-items: center;
        height: 35px
    }

    .sidebar-bottom a img {
        display: none
    }

    .social ul li {
        width: 25px;
        height: 25px
    }

    .list-info .info-text {
        font-size: 12px
    }
}

@media (max-width:991px) {
    .banner-large-device {
        display: none
    }

    .banner-small-device {
        display: block
    }

    .time-schedule {
        justify-content: center
    }

    .single-time {
        flex: 0 0 22%;
        max-width: 22%;
        margin: 7px
    }

    .main-search .input-group {
        width: 100%
    }

    .single-offer .single-offer-img {
        margin-bottom: 15px
    }

    .column-count-3 {
        column-count: 2
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .recomended .single-business {
        flex: 0 0 48.33% !important;
        max-width: 48.33% !important
    }

    .top-bar .input-group > .form-control {
        height: 34px
    }

    form.search_form {
        width: 68%
    }

    .login-signup {
        width: 47%
    }

    .top-bar-right {
        padding-bottom: 15px
    }

    .logo {
        padding: 10px;
        text-align: center
    }

    .main-content {
        margin-top: 125px
    }

    .left-sidebar.row {
        justify-content: space-between
    }

    .social {
        text-align: left
    }

    a.claim-link {
        text-align: left;
        font-size: 12px
    }

    .sidebar-bottom .claim-link img {
        display: none
    }

    .sidebar-bottom a {
        width: 46%;
        float: left;
        margin-right: 12px
    }

    .add-box {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .col-lg-7.img-pad {
        margin-bottom: 15px
    }

    .single-promotion {
        min-height: 420px
    }

    .footer-middle > div {
        margin-bottom: 30px
    }

    .footer-bottom p {
        float: none;
        padding-top: 0;
        padding-bottom: 26px;
        text-align: center
    }

    .footer-menu {
        text-align: center
    }

    .category-list ul {
        display: flex;
        justify-content: space-between
    }

        .category-list ul li {
            margin: 0 10px
        }

    .category-icon .svg:last-child {
        width: 50px;
        height: 30px
    }

    .category-icon {
        width: 72px;
        height: 81px;
        line-height: 81px
    }

        .category-icon .hex {
            width: 72px;
            height: 80px
        }

    .single-category h3 {
        font-size: 14px
    }

    .main-banner {
        min-height: 525px
    }

    .footer-middle {
        padding-bottom: 90px
    }
}

@media (max-width:767px) {
    .recomended .single-business {
        flex: 0 0 97.6% !important;
        max-width: 97.6% !important
    }

    .svg rect:nth-child(1) {
        width: 19px
    }

    .svg rect:nth-child(2) {
        width: 15px
    }

    .svg rect:nth-child(3) {
        width: 11px
    }

    .login-signup {
        display: none
    }

    .nav-button {
        height: 32px;
        padding-top: 6px;
        cursor: pointer
    }

    .search-button {
        font-size: 18px;
        color: #fff;
        margin-top: 5px;
        display: block
    }

    .large-device {
        display: none
    }

    .top-bar-right {
        justify-content: space-between
    }

    .small-device-search-box .search_form {
        width: 100%
    }

    .small-device-search-box {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9991;
        background: #ffbd00;
        padding: 20px;
        top: 0;
        display: block;
        opacity: 0;
        visibility: hidden
    }

    .fas.fa-times {
        position: absolute;
        z-index: 555;
        right: 8px;
        top: 4px
    }

    .small-device-search-box.open {
        opacity: 1;
        visibility: visible
    }

    .main-logo {
        width: 157px;
        float: none;
        margin-right: 16px;
        min-height: 119px;
        margin-left: 13px;
        padding: 3px
    }

        .main-logo .verify {
            bottom: 29px;
            width: 19px;
            right: 10px
        }

    .company-title {
        font-size: 14px;
        font-weight: 600
    }

        .company-title .verify-small {
            margin-left: 7px
        }

    .top-main-search {
        display: none
    }

    .main-search input {
        width: calc(100% - 76px);
        border: none;
        margin-top: 15px;
        border-radius: 0 5px 5px 0;
        min-height: 40px
    }

    .main-search .select2-selection__rendered {
        width: calc(100% - 76px) !important;
        border: none
    }

    .select2-container {
        width: calc(100% - 76px) !important
    }

    .select2-container--default .select2-selection--single {
        border-radius: 0 5px 5px 0;
        min-height: 40px
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            top: 19px
        }

    .input-find {
        width: 76px;
        border-radius: 5px 0 0 5px;
        min-height: 40px;
        line-height: 40px;
        margin-top: 15px
    }

    .main-search .srch_input {
        width: calc(100% - 55px);
    }
    .main-search .srch_input_near {
        width: calc(100% - 80px) !important;
    }
    .main-search .tt-menu {
        top: 55px !important;
        left: -54px;
        width: calc(100% + 54px);
        border-radius: 4px;
    }
    .main-search .tt-menu-area {
        top: 58px !important;
        left: -54px;
        width: calc(100% + 77px);
        border-radius: 4px;
    }
    .l-border.input-find {
        margin-top: 15px
    }

    .form-control.right-radius {
        border-radius: 0 5px 5px 0 !important
    }

    .form-control.left-radius {
        border-radius: 5px 0 0 5px !important
    }

    .l-border.input-find.no-radius {
        border-radius: 0
    }

    #show-list, #show-city-list {
        margin-left: 1px;
        width: 92%
    }

    #show-city-list {
        margin-left: 2px;
        margin-top: 110px
    }

    .main-search .input-group {
        width: 100%;
        margin: 0 auto
    }

    .main-search .l-border:after {
        display: none
    }

    .main-search button {
        width: 200px;
        height: 40px;
        margin: 0 auto;
        border-radius: 5px;
        margin-top: 15px
    }

    .home-logo {
        width: 220px;
        margin-bottom: 14px
    }

    .category-list ul li {
        margin: 0 8px;
        margin-bottom: 10px
    }

    .category-list ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .main-search {
        margin-bottom: 30px
    }

    .main-banner .banner-text {
        display: none
    }

    .banner-content {
        margin-top: 65px
    }

    .main-banner {
        min-height: 500px
    }

    .category-icon .svg:last-child {
        width: 50px;
        height: 30px
    }

    .category-icon {
        width: 72px;
        height: 81px;
        line-height: 81px
    }

        .category-icon .hex {
            width: 72px;
            height: 80px
        }

    .single-category h3 {
        font-size: 14px
    }

    .category-box {
        justify-content: center;
        flex-wrap: wrap
    }

    .single-category {
        width: 30%;
        margin-bottom: 16px
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: -10px
    }

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

    .google-search p {
        width: 100%;
        display: block;
        text-align: center
    }

    .google-search {
        flex-wrap: wrap
    }

    .speech input {
        width: calc(100% - 30px)
    }

    .google-search form {
        width: 100%;
        margin-bottom: 15px
    }

    .single-number p {
        font-size: 30px;
        margin-bottom: 5px
    }

    .single-number span {
        font-size: 15px
    }

    .footer-top {
        padding-bottom: 70px
    }

    .footer-middle {
        padding-bottom: 100px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px
    }

    .area-heding {
        font-size: 32px;
        margin-bottom: 10px
    }

    .promote-advertise:after {
        width: 100%;
        opacity: .07
    }

    .footer-bottom p {
        padding: 0 0 20px
    }

    .footer-menu li {
        margin-right: 10px
    }
}

@media (max-width:575px) {
    .recomended .single-business {
        flex: 0 0 97.6% !important;
        max-width: 97.6% !important
    }

    .main-search button {
        width: 100%
    }

    .category-list ul li span {
        margin-right: 7px;
        width: 35px;
        height: 35px;
        line-height: 35px
    }

    .category-list ul li {
        margin: 0 8px;
        margin-bottom: 5px
    }

    .category-list ul {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

        .category-list ul li span .svg {
            width: 15px
        }

    .column-count-3 {
        column-count: 1
    }

    .content-box {
        padding: 15px
    }

    .single-time {
        flex: 0 0 30%;
        max-width: 30%;
        margin: 5px
    }
}

@media screen and (min-width: 0px) and (max-width: 425px) {
    .recomended .single-business {
        flex: 0 0 97.6% !important;
        max-width: 97.6% !important
    }

    .text-white a {
        color: #706a68 !important
    }

    input#citySearch {
        border-radius: 0 5px 5px 0
    }

    span.input-find:first-child {
        margin-top: 15px !important;
        border-radius: 5px 0 0 5px
    }

    #show-list, #show-city-list {
        margin-top: 55px;
        margin-left: 0;
        width: 47%
    }

    #show-city-list {
        margin-left: 197px
    }

    .main-menu ul li a {
        font-size: 12px;
        font-weight: 700
    }

    .main-menu ul li {
        margin-right: 5px
    }

    .main-header {
        margin-top: 20px
    }

    .footer-bottom p {
        padding: 0 0 20px
    }

    .footer-menu li {
        margin-right: 10px
    }

        .footer-menu li a {
            padding: 5px 0
        }

    .light-btn, .dark-btn {
        min-width: 110px
    }

    .area-heding {
        font-size: 23px
    }
}

ul.profile-dashboard li {
    margin-bottom: 0;
}

#guestReview {
    cursor: pointer;
}

.dropdown-menu a {
    width: 100%;
    float: left;
}
.mainMenu_device, 
.menuBtn_device {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 5px;
    top: 12px;
    z-index: 101;
    display: none;
    background-color: #fff;
    border-radius: 4px;
}

    .menuBtn_device > span {
        background-color: #000;
        border-radius: 1px;
        height: 2px;
        width: 20px;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        transition: height 100ms;
    }

        .menuBtn_device > span:after, .menuBtn_device > span:before {
            content: '';
            background-color: #000;
            border-radius: 1px;
            height: 2px;
            width: 20px;
            position: absolute;
            right: 0px;
            margin-left: -15px;
            transition: all 200ms;
        }

        .menuBtn_device > span:after {
            top: -6px;
        }

        .menuBtn_device > span:before {
            bottom: -6px;
        }

    .menuBtn_device.act > span {
        height: 0;
    }

        .menuBtn_device.act > span:after, .menuBtn_device.act > span:before {
            background-color: #000;
            top: 1px;
        }

        .menuBtn_device.act > span:after {
            transform: rotate(45deg);
        }

        .menuBtn_device.act > span:before {
            transform: rotate(-45deg);
        }

.mainMenu_device {
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 48px;
    z-index: 100;
    height: 100vh;
    width: 100%;
    text-align: center;
    /*box-shadow: 0px 0px 12px #686868;*/
    border-radius: 0px;
    overflow: hidden;
    display: none;
}

    .mainMenu_device.act {
        opacity: 1;
        transform: scale(1);
    }

        .mainMenu_device.act ul li {
            opacity: 1;
            transform: translateX(0);
            border-top: 1px solid #ebecef;
            text-align: left;
            padding-left: 30px;
            width: 100%;
            float: left;
        }

            .mainMenu_device.act ul li:last-child {
                border-bottom: 1px solid #ebecef;
            }

    .mainMenu_device ul {
        display: block;
        vertical-align: middle;
        list-style: none;
        padding-inline-start: 0px;
        padding-top: 8px;
    }

    .mainMenu_device li {
        padding: 8px 0;
        transition: all 400ms 510ms;
        opacity: 0;
    }

        .mainMenu_device li:nth-child(odd) {
            transform: translateX(30%);
        }

        .mainMenu_device li:nth-child(even) {
            transform: translateX(-30%);
        }

        .mainMenu_device li:last-child {
            transform: none;
        }

    .mainMenu_device a {
        color: #808080;
        display: inline-block;
        font-size: 15px;
        font-weight: 500;
    }

        .mainMenu_device a i {
            width: 20px;
            margin-right: 5px;
        }

.mainMenu_device {
    display: table !important;
    transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
    transform: scale(0);
    display: none;
}

.mdevice_header {
    display: none;
}
.NewProjectSuggestion {
    height: min-content !important;
    max-height:250px !important;
    width:100%;
    float:left;
    overflow-y:auto;
    position:relative;
}
.category_search_inp_div .tt-menu {
    overflow: unset !important;
    max-height: unset;
}
.category_search_inp_div .tt-suggestion {
   
    /*height: 50px;*/
    width: 100%;
    float: left;
}
.mainMenu_device .moumachi_signin_res button {
    color: #808080 !important;
}

    .mainMenu_device .moumachi_signin_res button:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.mdevice_image {
    display: none;
}

.mdevice_footer_bottom {
    display: none;
}

@media (max-width:500px) {
    .main-header {
        display: none;
    }

    .mdevice_header {
        width: 100%;
        background-color: #ffff;
        height: 50px;
        display: block;
        position: sticky;
        top: -1px;
        z-index: 999999;
        box-shadow: 2px 2px 8px #ccc;
    }

    .menuBtn_device {
        display: unset;
    }

    .mdevice_drop .dropdown-menu,
    .mdevice_drop .profile_dropdown {
        box-shadow: 2px 2px 8px #ccc;
        padding: 0px;
        position: unset !important;
        transform: unset !important;
        margin-top: 8px;
        overflow: hidden;
        width: 90%;
        float: left;
    }

        .mdevice_drop .dropdown-menu a,
        .mdevice_drop .profile_dropdown a {
            background-color: #fff;
            padding: 10px;
            width: 100%;
            border-bottom: 1px solid #ccc !important;
            font-weight: normal !important;
            color: #333 !important;
        }

    .mdevice_logo {
        width: auto;
        float: left;
        margin-top: 5px;
    }

        .mdevice_logo img {
            height: 38px;
        }

    .mdevice_footer {
        position: absolute;
        bottom: 50px;
        width: 100%;
        left: 0px;
        border-top: 1px solid #ccc;
    }

        .mdevice_footer ul {
            width: 100%;
            float: left;
            padding-inline-start: 0px;
        }

            .mdevice_footer ul li {
                display: inline-block;
                width: auto !important;
                float: left !important;
                border: 0px !important;
            }

        .mdevice_footer li a {
        }
    #allCatRec.row {
        display: unset !important;
    }
    .home-logo {
        display: none;
    }

        .home-logo + h1.text-center {
            display: none;
        }

    .banner-content {
        margin-top: 0px;
    }

    .main-search input[type="text"] {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

    .input-find {
        width: 55px;
        height: 40px;
    }

    .input-find-icon {
        min-height: unset;
        padding: 8px 4px !important;
        line-height: unset;
        margin-top: 15px;
        border-radius: 0px 4px 4px 0px;
    }

    #citySearch {
        border-radius: 0px !important;
    }

    .mdev_cat_margin {
        margin-left: 15% !important;
    }

    .area-heding {
        text-align: center;
    }

    .number-area .col-sm-3 {
        flex: 1 0 48%;
        margin-bottom: 25px;
    }

    .promote-advertise:after {
        background: none;
    }

    .mdevice_image {
        display: block;
        width: 100%;
        float: left;
        padding: 15px 0px;
    }

    .promote-box {
        display: none;
    }

    .mdevice_footer_bottom {
        display: block;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        float: left;
        padding: 10px;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 2px 2px 8px #ccc;
        z-index:9;
    }

        .mdevice_footer_bottom .mfb_content {
            flex: 1 0 20%;
            text-align: center;
        }

    .mfb_content i {
        font-size: 20px;
        margin-top: 5px;
    }

    .mfb_content_text {
        width: 100%;
        float: left;
        font-size: 10px;
        text-align: center;
    }

    .mfb_content_logo {
        width: 35px;
    }
}
#LocationSearchModal .modal-header {
    text-align:center;
    border-bottom:0px;
}
#LocationSearchModal .modal-header h4 {
   width:100%;
   float:left;
   text-align:center;
   font-size:20px;
}
#LocationSearchModal .close {
    position:absolute;
    right:15px;
}
    #LocationSearchModal .close:hover,
    #LocationSearchModal .close:focus,
    #LocationSearchModal .close:active {
        outline: none;
        box-shadow: none;
    }
#LocationSearchModal .width-50p {
    width:100%;
    float:left;
}
#LocationSearchModal .loc_search_content {
    border-bottom:0px;
}
#LocationSearchModal #btn_submit_loc_search,
#LocationSearchModal #btn_submit_loc_search:hover,
#LocationSearchModal #btn_submit_loc_search:focus {
    background: #FFBD00;
    color: #333;
    width: 100%;
    padding: 15px 0px;
    border: 0px;
    font-weight: bold;
    margin-top: 15px;
    outline:none;
    box-shadow:0px;
}
#LocationSearchModal .form-control {
    height:50px;
}