@media (max-width:1460px) {
    .list-page .main-area .leftside{width: 55%}
    .list-page .main-area .rightside{width: 45%}
    .work-detail .step-area li .number {top:0;}
    .work-detail .step-area li::before { top: 0;}
}

@media (min-width: 768px) and (max-width: 1024px){
    
    .tool-box{min-height:200px;}

    .header-main{padding: 15px 15px;}
    .header-main .filter-area .btn-search {min-width: 40px;height: 40px; width: 40px;}
    .header-main .filter-area .form-control { padding: 0px 0px 0px 45px;height: 40px;}
    .header-main .filter-area .input-area .icon{left: 15px; top: 10px;}.thumbs-in-chat-page .thumb-up svg
    .header-main .filter-area .input-area{width: 210px;}
    .header-main .filter-area .input-area.location-input{width: 180px;}
    .header-main .btn-login,
    .header-main .btn-signup{line-height: 40px;padding: 0 15px; font-size: 14px;}

    .top-map-section{  height: 100vh;}

    .category-slider {padding: 30px 0 30px 40px;}
    .category-slider .category-block .icon{width: 110px;height: 110px; }

    .howitwork-area{padding: 60px 0;}
    .howitwork-area .wali-gif{width: 135px; height: 130px;}
    .howitwork-area h2{font-size: 26px; line-height: 26px;  margin: 20px 0 15px 0;}
    .howitwork-area p{margin: 0 0 40px 0;}
    .howitwork-area .step-box .icon {width: 130px; height: 130px;}
    .howitwork-area .col-md-4:nth-of-type(3n+1)::before{ width: 100px; right: -50px;}
    .howitwork-area .col-md-4:nth-of-type(3n+2)::before{ width: 100px; right: -50px;}
    .howitwork-area .step-box .number {font-size: 36px; margin: -26px 0 0px 0;}

    .business-block {height: 450px;}
    .business-block .top-detail .business-logo{width: 70px; height: 70px; top: 25px;}
    .business-block .top-detail {padding: 20px 110px 20px 110px;}
    .business-block .top-detail .business-logo img {width: 70%; height: 70%;  top: 15%;  left: 15%;  right: 15%;  bottom: 15%;}
    .business-block .top-detail .business-name{font-size: 18px;}

    .featured-businesses-area{padding: 40px 0;}
    .featured-businesses-area h2{font-size: 26px;  line-height: 26px; }
    .featured-businesses-area p{margin-bottom: 20px;}
    .featured-businesses-area .owl-nav{top:-70px}
    .featured-businesses-area .owl-nav svg{width: 40px; height: 40px;}

    .learning-area{  padding: 60px 0;}
    .learning-area .learning-flex .left h2 {font-size: 46px; line-height: 60px; padding-bottom: 35px;}
    .learning-area .learning-flex .left p {  font-size: 22px;  line-height: 22px;}
    .learning-area .learning-flex .right .info-box {  padding: 20px;}
    .learning-area .learning-flex .right .info-box .info-icon{width: 40px;}
    .learning-area .learning-flex .right .info-box p {  font-size: 18px;  line-height: 18px;}
    .learning-area .learning-flex .right .info-box .count { font-size: 36px; font-weight: 700; line-height: 36px; margin-top: 30px;}

    .testimonials-area{padding: 40px 0;}
    .testimonials-area h2{font-size: 26px;  line-height: 26px; }
    .testimonials-area p{margin-bottom: 20px;}
    .testimonials-area .owl-nav{top:-70px}
    .testimonials-area .owl-nav svg{width: 40px; height: 40px;}

    .client-block{padding: 20px;}
    .client-block .client-detail{gap:15px}
    .client-block .client-detail .client-img {  min-width: 70px;  min-height: 70px;}

    .plan-area{padding: 40px 0;}
    .plan-area h2{font-size: 26px;  line-height: 26px; }
    .plan-area p{margin-bottom: 20px;}
    .plan-area .inner-flex{flex-direction: column; align-items: center;}
    .plan-area .inner-flex .plan-box {width: 90%;}
    .plan-area .inner-flex .plan-box .left-side {border-radius: 0px 80px 0px 0px;}
    .plan-area .inner-flex .plan-box .left-side .plan-detail span {font-size: 20px;}
    .plan-area .inner-flex .plan-box .left-side .plan-detail {  font-size: 36px; line-height: 36px;}
    .plan-area .inner-flex .plan-box .right-side{padding: 20px;}

    .footer-main {padding-top: 40px;}
    .footer-main .detail-area {padding-right: 30px;}
    .footer-main .detail-area .logo{width: 160px;}

    .list-page .main-area .leftside{width: 50%}
    .list-page .main-area .rightside{width: 50%}
    .list-page .main-area .filter-area .optionarea ul.nav{display: none}
    .list-page .main-area .filter-area{display: block;}
    .list-page .main-area .filter-area h2{width: 100%; margin: 0 0 10px 0}
    .list-page .main-area .filter-area .optionarea{width: 100%}
    .list-page .main-area .filter-area .optionarea .form-control{width: 100%}

    .business-list-block{padding: 15px}
    .business-list-block .business-photo{width: 100%; height: 260px; position: relative; top: 0; left: 0; margin-bottom: 15px}
    .business-list-block .business-photo .inner-photo {width: 100%; height: 260px;}
    .business-list-block .btn-chat{z-index: 3}
    .business-list-block .tag a{margin: 0 5px 5px 0}

    /* business-detail page */

    .business-detail-block{height: 350px;}
    .business-detail-block .inner-block .top-detail{  padding: 5px 0px 5px 90px;  min-height: 70px;}
    .business-detail-block .inner-block .top-detail .business-logo {  width: 70px;  height: 70px;}
    .business-detail-block .inner-block .top-detail .business-name { font-size: 20px;}
    .business-detail-block .inner-block .btn-claim {line-height: 40px; padding: 0 20px;}

    .business-detail-page .main-card .white-main-area{  padding: 20px;}
    .business-detail-page .main-card .white-main-area.about-content{padding: 20px 20px 0px 20px;}
    .business-detail-page .main-card .white-main-area.photo-content  {padding: 20px 20px 04px 20px;}

    .business-detail-page .submenu-area{top: 72px;}
    .business-detail-page .submenu-area ul.inner-menu{justify-content: space-between;}
    .business-detail-page .submenu-area ul.inner-menu li a{padding: 0 15px; font-size: 16px;}

    .business-detail-page .business-information {padding: 30px 0; flex-direction: column;}
    .business-detail-page .business-information .content-area{width: 100%;}
    .business-detail-page .business-information .contect-info-right{width: 100%; padding: 0;}
    .business-detail-page .business-information .contect-info-right .sticky{position: relative; top: auto;}

    /* chat */

    .chat-area-main .chat-box .message-block .message-text {border-radius: 15px 15px 15px 0px; padding: 10px 20px; font-size: 16px;}
    .chat-area-main .chat-box .message-block.my-msg .message-text{border-radius: 15px 15px 0px 15px;}
    .chat-area-main .chat-box .message-block.my-msg .user-name-code{  min-width: 40px;  min-height: 40px;  font-size: 18px;}
    .chat-area-main .chat-box .message-block .user-img{ min-width: 40px;  min-height: 40px;}
    .chat-area-main .msg-input-area textarea.form-control{height: 48px; font-size: 16px;}

    /* reiview */

    .detail-reiview-box{  padding-bottom: 20px;  margin-bottom: 20px;}
    .detail-reiview-box .inner-flex .client-detail .client-img{min-width: 60px; min-height: 60px;}
    .detail-reiview-box .inner-flex .right-logo{  width:90px;}

    /* contact-info */

    .contact-info{padding: 20px;}

    /* business-info-block */

    .business-info-block .inner-flex .business-detail{  gap: 20px;   width: 90%;}
    
    .login-round-block{padding: 0 20px; margin-bottom: 20px; margin-top: 80px;}
    .login-round-block .beforelogin-page {border-radius: 16px;  padding:40px 0 0 0;}
    .beforelogin-page .form-area h1{margin:0 0 40px 0;  font-size: 36px;}
    
    .titlebar-white-round{padding:0 20px; margin-top: 120px;}
    .titlebar-white-round .inner-titlebar{ border-radius: 16px; padding:40px 0 0 0;}
    .titlebar-white-round .inner-titlebar h1{margin:0px; font-size: 36px;margin-bottom:30px;}
    
    .merchant-round-area{padding:0 20px; margin-bottom:20px;}
    .merchant-round-area .merchant-form-page{border-radius: 16px;}
    
    .inner-round-area{padding:0 20px; margin-bottom:20px;  margin-top: 80px;}
    .inner-round-area .inner-titlebar{ border-radius: 16px; font-size: 36px; padding:40px 0 0 0;}
    .inner-round-area .inner-titlebar ul.sidemenu li a{padding: 10px 7px; font-size: 14px;}
    .inner-titlebar h1{font-size: 36px;}
    .inner-page .profile-inner-area{flex-wrap: wrap;}
    .inner-page .profile-block{width: 100%;}
    .inner-page .profile-form{width: 100%;}
    .inner-page .inner-main{flex-wrap: wrap;}
    .inner-page .inner-main .left-area,
    .inner-page .inner-main .right-content-area{width: 100%;}
    .inner-titlebar ul.sidemenu li{margin-bottom:20px}
    
    
    .lightblue-round-area{padding:0 20px; margin-bottom:20px;}
    .lightblue-round-area .inner-page{ border-radius: 16px;}
    
    .detail-page-round-area{padding:0 20px;}
    .detail-page-round-area .business-detail-block{ border-radius: 16px; }
    .detail-page-round-area .business-detail-page{ border-radius: 16px; }
    
    /* Blog List*/

    .blog-list {padding: 60px 0 }
    .blog-list .blog-cart .blog-design{ width: 100%;}
    .blog-list .blog-cart .blog-design .bottom-area .auth-area h5 { font-size: 16px; }

    /*Blog Detail*/

    .blog-detail {padding: 60px 0 0 0;}
    .blog-detail .blog-right .blog-detail-img { height: 400px;}
    .blog-detail .row { flex-direction: column-reverse; }
    .blog-detail .blog-left{ margin-top: 40px; }
    .blog-list .heading{ margin-bottom: 20px; margin-top: 0px; }
    
    .new-header.header ul.menu-center.show {left: 0;transition: all .5s ease;}
    
    .new-header.header ul.menu-center {position: absolute;top: 62px;width: 100%;background-color: #10283F;left: -100%;}
    
    .new-header ul.menu-center {display: block;padding: 35px 20px 25px 30px;}
        
    .new-header.header .right.show {left: 0;transition: all .5s ease;width: 100%;}
    
    .new-header.header .right {left: -100%;margin: 0 auto;position: absolute;padding-bottom: 24px;top: 279px;background-color: #10283F;}
    .btn-menu {display:block!important;}
    .new-header .logo {display:block}
 
    .new-header.header ul.menu-center {display: block;padding: 35px 20px 25px 30px;}
    .new-header.header .right {left: -100%;margin: 0 auto;position: absolute;padding: 10px 0; top: 80px;background-color: #10283F;}
    .new-header.header .right.show {left: 0;transition: all .5s ease;width: 100%;}
    
    .new-header .right {left: -100%;margin: 0 auto;position: absolute;padding-bottom: 24px;top:80px;background-color: #10283F;}
    .new-header .right.show {left: 0;transition: all .5s ease;width: 100%; padding: 10px 0; top: 80px;}
    .new-header ul.menu-center {display: block;padding: 35px 20px 25px 30px;}
    .new-header ul.menu-center {position: absolute;top: 57px;width: 100%;background-color: #10283F;left: -100%;}
    .new-header ul.menu-center.show {left: 0;transition: all .5s ease;display: block;padding: 35px 20px 25px 30px;}
    .new-header ul.menu-center li {margin:0 0 16px 0;}
    .new-header ul.menu-center li a{color:white;}
    .new-header .btn-login { margin: 0 auto 6px auto; width: 100%; text-align: center; display: block; max-width: 160px;margin:0 auto!important;margin-bottom:10px!important;}
    .new-header .btn-signup {width: 100%;text-align: center;display: block;max-width: 160px;margin: 0 auto;}
    .new-header.header ul.menu-center {top:57px};
    
    .bot-card {max-width:260px;}
    .bot-card-image{height:160px;}
    


   
    .find-local-spots .center-area h1 {font-size:38px;}
    .find-local-spots .center-area .gray-message img{width:100%;height:100%;}
    
    .onboarding-page h4{bottom:70px!important}
    .main-area .container .info-text p {bottom:0;}
    .find-local-spots .search-block{display:block;}
  
    .find-local-spots .center-area h1 {font-size:38px;}


    /* Faqs */
    .faq-page .card .card-header .btn-link.collapsed {    padding: 15px 40px 15px 20px;}
    .faq-page .card .card-header .btn-link { font-size: 20px; line-height: 22px; padding: 15px 40px 15px 20px; }
    .faq-page .card .card-body {    padding: 0 25px 24px 25px !important;    font-size: 16px;    line-height: 24px; }


        

}

@media (max-width: 767px) {
    .wait-list-page.wali-bambu .inner-flex .img-area {  width: 100% !important;}
    .wait-list-page.wali-bambu { padding-top: 120px;}
    .wali-bambu .inner-flex { flex-direction: column !important;}
    .wali-bambu .inner-flex .leftside {order: 1;}
    .wali-bambu .inner-flex .img-area{ top: 0; width: 100% !important; position: relative; left: 0% !important; order: 0;}
    
    .new-header ul.menu-center.show li {margin:0 0 16px 0;}
    .chrome-popup {width:288px !important;}
    .business-main-block{width: 190px; height: 190px;}
    .business-main-block .business-block-content{padding: 15px;}
    .business-main-block .business-block-content .business-logo{position: relative; left: 0;  top: 0;}
    .business-main-block .business-block-content h3{font-size: 15px; line-height: 18px;}

    .header-main{padding: 15px 15px;}
    .header-main .logo,
    .header-main .logo-white {width: 80px;}
    .header-main .filter-area{display: none; position: absolute; top: 70px; left: 5%; width: 90%; background: rgba(0, 0, 0, 0.30); border: none}
    .header-main .filter-area.active{display: block;}
    .header-main .filter-area .input-area{width: 100%}
    .header-main .filter-area .input-area.location-input {border-left: none; width: 100%; border-top: #B7B7B7 1px solid;}
    .header-main .filter-area .btn-search{position: absolute; bottom: 0; right: 0; border-radius: 0 0 25px 0}
    .fixed .header-main .filter-area{border: none}
    .fixed .header-main .filter-area .input-area.location-input{border-left: none; width: 100%; border-top: #B7B7B7 1px solid;}
    .fixed .header-main .filter-area .form-control{color: #fff}
    .fixed .header-main .filter-area .form-control::-moz-placeholder {color: #fff !important; opacity: 1;}
    .fixed .header-main .filter-area .form-control:-ms-input-placeholder {color: #fff !important;}
    .fixed .header-main .filter-area .form-control::-webkit-input-placeholder {color: #fff !important;}
    .fixed .header-main .filter-area .input-area .icon svg path{stroke:#fff}
    .header-main .btn-login,
    .header-main .btn-signup{line-height: 35px;padding: 0 10px; font-size: 14px; margin-left: 10px;}
    .header-main .rightside .filter-area-mobile{display: block;}
    .header-main .rightside .user-detail .dropdown-toggle{font-size:0px;}
    .filter-area-mobile .search-icon{margin-top: 6px;}
    
    
  


    /* new */

    .top-map-section{  height: 100vh; position: relative;}

    .category-slider {padding: 30px 0 30px 40px;}
    .category-slider .category-block .icon{width: 110px;height: 110px; }

    .howitwork-area{padding: 40px 0;}
    .howitwork-area .wali-gif{width: 105px; height: 100px;}
    .howitwork-area h2{font-size: 26px; line-height: 26px;  margin: 20px 0 15px 0; text-align: center}
    .howitwork-area p{margin: 0 0 40px 0; text-align: center;}
    .howitwork-area .step-box {margin-bottom: 30px;}
    .howitwork-area .step-box .icon {width: 130px; height: 130px;}
    .howitwork-area .col-md-4:nth-of-type(3n+1)::before{ content: none;}
    .howitwork-area .col-md-4:nth-of-type(3n+2)::before{ content: none;}
    .howitwork-area .step-box .number {font-size: 36px; margin: -26px 0 0px 0;}

    .business-block {height: 450px;}
    .business-block .top-detail .business-logo{width: 70px; height: 70px; top: 15px; left: 15px;}
    .business-block .top-detail .btn-chat {right: 15px; line-height: 35px; font-size: 14px;  padding: 0 15px; top: 35px;}
    .business-block .top-detail { padding: 90px 15px 0px 15px;}
    .business-block .top-detail .business-logo img {width: 70%; height: 70%;  top: 15%;  left: 15%;  right: 15%;  bottom: 15%;}
    .business-block .top-detail .business-name{font-size: 18px;}
    .business-block .bottom-detail{padding: 15px;}

    .featured-businesses-area{padding: 40px 0;}
    .featured-businesses-area h2{font-size: 26px;  line-height: 26px; text-align: center;}
    .featured-businesses-area p{margin-bottom: 20px; text-align: center;}
    .featured-businesses-area .owl-nav {position: relative;top: auto;right: 0;width: 95px;margin: 20px auto 0 auto;}
    .featured-businesses-area .owl-nav svg{width: 40px; height: 40px;}
    .featured-businesses-area .owl-nav .owl-next{transform: rotate(45deg);}
    .featured-businesses-area .owl-nav .owl-prev{transform: rotate(-45deg);}

    .learning-area{  padding: 40px 0;}
    .learning-area .learning-flex{flex-direction: column; gap: 30px;}
    .learning-area .learning-flex .left{width: 100%; text-align: center;}
    .learning-area .learning-flex .left h2 {font-size: 36px; line-height: 46px; padding-bottom: 25px; margin-bottom: 25px;}
    .learning-area .learning-flex .left h2::after {left: 50%; margin-left: -84px;}
    .learning-area .learning-flex .left p {font-size: 18px;line-height: 20px; letter-spacing: 2px;}
    .learning-area .learning-flex .right{width: 100%;}
    .learning-area .learning-flex .right .info-box { padding: 20px; text-align: center;}
    .learning-area .learning-flex .right .info-box.green {margin-bottom: 30px;}
    .learning-area .learning-flex .right .info-box .info-icon{width: 40px; margin: 0 auto;}
    .learning-area .learning-flex .right .info-box p {font-size: 18px;  line-height: 18px;}
    .learning-area .learning-flex .right .info-box .count {font-size: 36px; font-weight: 700; line-height: 36px; margin-top: 30px;}

    .testimonials-area{padding: 30px 0;}
    .testimonials-area h2{font-size: 26px;  line-height: 26px; text-align: center}
    .testimonials-area p{margin-bottom: 20px; text-align: center;}
    .testimonials-area .owl-nav {position: relative;top: auto;right: 0;width: 95px;margin: 20px auto 0 auto;}
    .testimonials-area .owl-nav svg{width: 40px; height: 40px;}
    .testimonials-area .owl-nav .owl-next{transform: rotate(45deg);}
    .testimonials-area .owl-nav .owl-prev{transform: rotate(-45deg);}
    .testimonials-area .owl-nav svg{width: 40px; height: 40px;}

    .client-block{padding: 20px;}
    .client-block .client-detail{gap:15px}
    .client-block .client-detail .client-img {  min-width: 70px;  min-height: 70px;}

    .plan-area{padding: 30px 0;}
    .plan-area h2{font-size: 26px;  line-height: 26px; text-align: center }
    .plan-area p{margin-bottom: 20px; text-align: center}
    .plan-area .inner-flex{flex-direction: column; align-items: center;}
    .plan-area .inner-flex .plan-box {width: 100%; flex-direction: column;}
    .plan-area .inner-flex .plan-box .left-side {border-radius: 0px 80px 0px 0px; width: 100%; padding: 20px; height: 200px;}
    .plan-area .inner-flex .plan-box .left-side .plan-name {font-size: 24px;}
    .plan-area .inner-flex .plan-box .left-side .plan-name span {font-size: 18px;}
    .plan-area .inner-flex .plan-box .left-side .plan-detail span {font-size: 20px;}
    .plan-area .inner-flex .plan-box .left-side .plan-detail {  font-size: 32px; line-height: 32px;}
    .plan-area .inner-flex .plan-box .right-side{padding: 20px; width: 100%;}
    .plan-area .inner-flex .plan-box .left-side .plan-detail sup{top: -20px;}
    .plan-area .inner-flex .plan-box .right-side ul li {padding-left: 30px;}
    .plan-area .inner-flex .plan-box.green .right-side ul li::before {width: 20px;height: 20px;top: 3px;}
    .plan-area .inner-flex .plan-box.blue .right-side ul li::before {width: 20px;height: 20px;top: 3px;}

    .footer-main {padding-top: 30px;}
    .footer-main .detail-area {padding-right: 30px; margin-bottom: 20px;}
    .footer-main .detail-area .logo{width: 160px;}
    .footer-main .footer-bottom{flex-direction: column; gap: 10px;}
    .footer-main .yelp-info{margin:0 0 25px 0;}

    .list-page{height: auto; position: relative;}
    .list-page .main-area{display: block;}
    .list-page .main-area .leftside{width: 100%}
    .list-page .main-area .rightside{display: none;}
    .list-page .main-area .filter-area .optionarea ul.nav{display: none}
    .list-page .main-area .filter-area{display: block; padding: 20px 15px}
    .list-page .main-area .filter-area h2{width: 100%; margin: 0 0 10px 0}
    .list-page .main-area .filter-area .optionarea{width: 100%}
    .list-page .main-area .filter-area .optionarea .form-control{width: 100%}
    .list-page .main-area .leftside .scrollarea{padding: 0px 15px 0px 15px}

    .business-list-block{padding: 15px}
    .business-list-block .business-photo{width: 100%; height: 260px; position: relative; top: 0; left: 0; margin-bottom: 15px}
    .business-list-block .business-photo .inner-photo {width: 100%; height: 260px;}
    .business-list-block .btn-chat{z-index: 3}
    .business-list-block .tag a{margin: 0 5px 5px 0}

    /* business-detail page */
    .business-detail-block .inner-block .btn-claimed{float:right;}
    .business-name h1{font-size: 32px;}
    .business-detail-block .container{align-items:end}
    .business-detail-block{height: 350px;}
    .business-detail-block .inner-block{ padding-bottom: 15px; gap: 15px;display:block }
    .business-detail-block .inner-block .top-detail{  padding: 5px 0px 5px 90px;  min-height: 70px;}
    .business-detail-block .inner-block .top-detail .business-logo {  width: 70px;  height: 70px;}
    .business-detail-block .inner-block .top-detail .business-name { font-size: 20px;}
    .business-detail-block .inner-block .btn-claim {line-height: 35px;  font-size: 14px; padding: 0 10px; float:right;}
    .white-logo-area{top:15px;}
    .white-logo-area .eatokra{padding: 8px 12px 10px 12px; height: 30px;}
    .white-logo-area .michelin{height: 30px; padding: 7px 12px;}
    .white-logo-area .michelin img{vertical-align: top;}
    .white-logo-area .bib-gourmand{height: 30px; padding: 6px;width: 30px;}
    .white-logo-area .bib-gourmand img{vertical-align: top;}

    .business-detail-page .main-card{margin-bottom: 30PX;}
    .business-detail-page .main-card .titlebar{display: block;}
    .business-detail-page .main-card .chatview-titlebar{display: block;}
    .business-detail-page .main-card .white-main-area{  padding: 15px;}
    .business-detail-page .main-card .white-main-area.about-content{padding: 15px 10px 0px 15px;}
    .business-detail-page .main-card .white-main-area.photo-content  {padding: 15px 15px 00px 15px;}
    .business-detail-page .main-card .white-main-area.photo-content .business-inner-photo{margin-bottom: 15px;}

    .business-detail-page .submenu-area{ display: none;}

    .business-detail-page .business-information {padding: 30px 0 0 0; flex-direction: column;}
    .business-detail-page .business-information .content-area{width: 100%;}
    .business-detail-page .business-information .contect-info-right{width: 100%; padding: 0;}
    .business-detail-page .business-information .contect-info-right .sticky{position: relative; top: auto;}


       /* chat */
    #ChatArea .titlebar {position: relative;padding-bottom: 50px;}
    #ChatArea .chatview-titlebar {position: relative;}
    .chat-area-main .chat-box {padding: 15px;}
    .business-detail-page .main-card .titlebar a.end-chat{width: 100%; position: absolute;left: 0; top: 50px; padding: 8px 20px;font-size: 14px;}
    .business-detail-page .main-card .titlebar a.clear-convo{position: absolute;right: 0; top: 5px;font-size: 12px;}
    .business-detail-page .main-card .chatview-titlebar a.end-chat{width: 100%; position: absolute;left: 0; top: 50px; padding: 8px 20px;font-size: 14px;}
    .business-detail-page .main-card .chatview-titlebar a.clear-convo{position: absolute;right: 8px; top: 5px;font-size: 12px;}
    .chat-area-main .chat-box .message-block{width: 90%;  gap: 10px;}
    .chat-area-main .chat-box .message-block .message-text {border-radius: 10px 10px 10px 0px; padding: 10px 10px; font-size: 14px;}
    .chat-area-main .chat-box .message-block.my-msg .message-text{border-radius: 10px 10px 0px 10px;}
    .chat-area-main .chat-box .message-block.my-msg .user-name-code{  min-width: 40px;  min-height: 40px;  font-size: 18px;}
    .chat-area-main .chat-box .message-block .user-img{ min-width: 40px;  min-height: 40px;}

    .chat-area-main .msg-input-area{padding: 15px 15px; gap: 15px;}
    .chat-area-main .msg-input-area textarea.form-control{height: 48px; font-size: 16px;}
    .chat-area-main .msg-input-area.msg-type-box{padding:0px 15px;border: 1px solid gray;
    border-radius: 50px;margin:0 14px;}
    .business-detail-page .main-card .white-main-area.white-manss{box-shadow:none!important}
    /* about & photos */

    .business-detail-page .main-card .white-main-area.about-content p{  margin: 0 0 15px 0; font-size: 15PX;overflow-wrap: break-word;display: flex;flex-direction: column;}
    .business-detail-page .main-card .white-main-area .btn-area{width:78%;}
    .business-detail-page .main-card .chatview-titlebar.chat-ff{line-height:22px;}
        .business-detail-page .main-card .chatview-titlebar.chat-ff p span{display:block;font-size:13px;font-weight:500;}

    /* reiview */

    .detail-reiview-box{  padding-bottom: 15px;  margin-bottom: 15px;}
    .detail-reiview-box .inner-flex{align-items: start;}
    .detail-reiview-box .inner-flex .client-detail  {gap: 15px; flex-direction: column;align-items: start;}
    .detail-reiview-box .inner-flex .client-detail .client-img{min-width: 50px; min-height: 50px;}
    .detail-reiview-box .inner-flex .client-detail .client-info .name{ font-size: 16px;}
    .detail-reiview-box .inner-flex .client-detail .client-info .review-flex .review-count{  font-size: 14px;  line-height: 13px;  padding: 3px 6px;}
    .detail-reiview-box .inner-flex .client-detail .client-info .review-flex ul.review-star {gap: 7px;}
    .detail-reiview-box .inner-flex .right-logo{ width: 79px;}

    .location-flex {flex-direction: column; }
    .location-flex .map{width: 100%;  height: 230px;}
    .location-flex .hours-area{width: 100%;}
    .location-flex .hours-area ul.day li {  font-size: 15px;  line-height: 25px;}
    .location-flex .hours-area ul.day li.closed span{text-align: right;}
    .location-flex .hours-area ul.day li.closed span::before {  margin-right: 8px;}

    /* contact-info */

    .contact-info{padding: 15px;}

    /* business-info-block */

    .business-info-block .inner-flex .business-detail{gap: 15px; width:75%;}


    .merchant-form-page{padding: 120px 0 50px 0}
    .merchant-form-page ul.step-area{flex-wrap: wrap; margin: 0px auto 15px auto}
    .merchant-form-page ul.step-area li{width: 100%; position: relative; text-align: left; padding-left: 50px; line-height: 40px; margin-bottom: 10px}
    .merchant-form-page ul.step-area li::before {content: none}
    .merchant-form-page ul.step-area li .number{font-size: 20px; position: absolute; left: 0px; text-align: center; width: 40px; height: 40px; margin: 0px;   line-height: 40px;}
    .merchant-form-page h1{font-size: 26px; text-align: left; margin: 0 0 15px 0}
    .merchant-form-page .form-area{padding: 25px}
    .merchant-form-page .form-area h2{font-size: 24px}
    .merchant-form-page .form-area p{font-size: 13px}
    .merchant-form-page .form-area .yelp-business-block{display: block;}
    .merchant-form-page .form-area .yelp-business-block .business-photo{width: 100%}
    .merchant-form-page .form-area .yelp-business-block .yelp-business-detail {width: 100%; padding-left: 0; padding-top: 30px;}
    
    .inner-titlebar{overflow: visible; padding:100px 0 20px 0;}
    .inner-titlebar h1{font-size:22px;}
    .titlebar-white-round .inner-titlebar .container .mobile-menu {width: fit-content;padding: 6px 70px;font-size: 14px; margin: auto;}
    .mobile-menu{display:block;}
    .inner-titlebar ul.sidemenu{padding: 15px; display: none; background: #EDF6FF; position: absolute; top: 102px; width: 100%; left: 0px;}
    .inner-titlebar ul.sidemenu.active{display:block;}
    .inner-titlebar ul.sidemenu li{margin-right: 0; margin-bottom: 5px;}
    .inner-titlebar ul.sidemenu li a{border-radius:10px; padding: 10px 15px;}
    .inner-titlebar ul.sidemenu li a:hover, .inner-titlebar ul.sidemenu li a.active{background: #00BF63; color: #fff;}
    .inner-titlebar ul.sidemenu li a:hover .icon svg path,
    .inner-titlebar ul.sidemenu li a:hover .icon svg circle,
    .inner-titlebar ul.sidemenu li a.active .icon svg path,
    .inner-titlebar ul.sidemenu li a.active .icon svg circle{stroke:#fff}
    .inner-page .profile-block .name { font-size: 18px; line-height: 16px; margin: 15px 0 10px 0;}
    .inner-page .profile-block p { font-size: 12px;}
    .inner-page .profile-form h2 {font-size: 20px; margin: 0 0 10px 0;}
    .inner-page .profile-form .label-group .form-control { font-size: 13px; padding: 0px 10px; height: 40px;}
    .inner-page .profile-form .label-group { margin-bottom: 12px;}
    .inner-page .profile-form .label-group .btn {font-size: 15px; padding: 7px 25px; }

    .inner-page{padding: 0; min-height: auto;}
    .inner-page .profile-inner-area{display:block;}
    .inner-page .profile-block{width:100%; margin-bottom:20px;}
    .inner-page .profile-form{width:100%; padding: 20px;}
    .inner-page .profile-block .profile-photo-area {width: 110px;}
    .inner-page .profile-block .profile-photo-area .profile-photo {width: 100px; height: 100px;}
    .inner-page .profile-block p{text-align: center;font-size: 13px;}
    .inner-page .profile-block .profile-photo-area .choose-img { width: 34px; height: 34px; }
    
    .inner-page .inner-main .right-content-area .bot-detail ul.bot-list li {flex: 0 0 calc(100% - 30px);}
    .bot-detail ul.bot-additional {display: block; gap: 0;}
    .bot-detail ul.bot-additional li{width:100%; margin:0 0 5px 0; font-size: 14px; min-width: 100% !important;}
    .bot-detail ul.bot-additional li span {display: inline-block;}
    
    .inner-page .inner-main{display: block; gap: 0;}
    .inner-page .inner-main .left-area{width:100%; padding: 5px 20px; margin-bottom:15px;}
    .inner-page .inner-main .right-content-area{width:100%; padding:10px 20px;}
    
    .history-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .history-table tbody tr {border-bottom: #e9eef1 5px solid;}
    .history-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 12px !important; display: flex; justify-content: flex-end; min-height:22px;}
    .history-table tbody tr td:before {position: absolute; top: 13px; left: 0px;width: 100%; white-space: nowrap;  font-size: 12px; text-transform: uppercase; color: #314c68; line-height: 16px; text-align: left;}
    .history-table tbody tr td:nth-of-type(1):before {content: "ID";}
    .history-table tbody tr td:nth-of-type(2):before {content: "Business Name";}
    .history-table tbody tr td:nth-of-type(3):before {content: "Chat Title";}
    .history-table tbody tr td:nth-of-type(4):before {content: "Date & Time";}
    .history-table tbody tr td:nth-of-type(5):before {content: "Check";}
    .inner-page .inner-main .right-content-area table td:last-child { border-bottom: #dee2e6 4px solid !important;}
    table.dataTable.no-footer{border-bottom:none !important;}
    
    .subscription-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .subscription-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 12px !important; display: flex; justify-content: flex-end;}
    .subscription-table tbody tr td:before {position: absolute; top: 13px; left: 0px;width: 100%; white-space: nowrap;  font-size: 12px; text-transform: uppercase; color: #314c68; line-height: 16px; text-align: left;}
    .subscription-table tbody tr td:nth-of-type(1):before {content: "ID";}
    .subscription-table tbody tr td:nth-of-type(2):before {content: "Plan Name";}
    .subscription-table tbody tr td:nth-of-type(3):before {content: "Amount";}
    .subscription-table tbody tr td:nth-of-type(4):before {content: "Expiry Date";}
    .subscription-table tbody tr td:nth-of-type(5):before {content: "Status";}
    
    .walibot-table thead tr {position: absolute; top: -9999px; left: -9999px;}
    .walibot-table tbody tr td {border: none !important; border-top: #e9eef1 1px solid !important; position: relative;  display: inline-block; width: 100%; padding: 10px 0px 10px 0px !important; letter-spacing: 0px; text-align: right; font-size: 12px !important; display: flex; justify-content: flex-end; min-height: 42px;}
    .walibot-table tbody tr td:before {position: absolute; top: 13px; left: 0px;width: 100%; white-space: nowrap;  font-size: 12px; text-transform: uppercase; color: #314c68; line-height: 16px; text-align: left;}
    .walibot-table tbody tr td:nth-of-type(1):before {content: "ID";}
    .walibot-table tbody tr td:nth-of-type(2):before {content: "Question";}
    .walibot-table tbody tr td:nth-of-type(3):before {content: "Answer";}
    .walibot-table tbody tr td:nth-of-type(4):before {content: "Customer";}
    .walibot-table tbody tr td:nth-of-type(5):before {content: "Date & Time";}
    .walibot-table tbody tr td:nth-of-type(6):before {content: "Customer Review";}
    .walibot-table tbody tr td:nth-of-type(7):before {content: "Your Review";}
    
    .inner-page .inner-main .left-area .plan {text-align: center; padding: 15px 0;}
    .inner-page .inner-main .left-area .plan .current-plan{font-size: 18px;line-height: 40px;}
    .inner-page .inner-main .left-area .plan .btn-area .btn{font-size:13px;}
    .inner-page .inner-main .left-area .plan .price{margin-bottom: 5px;}
    .inner-page .inner-main .left-area .plan .ex-date{font-size: 16px; margin-bottom: 10px;}
    
    .inner-titlebar.cms-titlebar{padding: 30px 0 40px 0;}
    .cms-page{padding: 0px 0;}
    .about-area{display: block;}
    .about-area .photo-area {width: 100%;}
    .about-area .content-area{padding: 25px; width: 100%; margin-left: 0;}
    .about-area .content-area p {font-size: 14px; line-height: 24px;}
    
    .contact-page{display: block;}
    .contact-page .photo-block {width: 100%;}
    .contact-page .form-area{padding: 25px; width: 100%; margin:0px;}
    
    .subscribe-page h2{font-size:24px;}
    .subscribe-page .step-area{display: block;}
    .subscribe-page .step-area .step-block{width:100%; margin: 0 0 30px 0;}
    .subscribe-page .buy-plan{padding: 15px 40px;}
    .subscribe-page .step-area .step-block .step-content{padding-right: 0;}
    
    .modal_create_app .modal-header h2{font-size:20px;}
    .modal_create_app .inner-flex .left-side .business-logo{height:150px; margin-bottom: 20px;}
    .modal_create_app .inner-flex .right-side h3{font-size: 18px; line-height: 24px;}
    .modal_create_app .inner-flex .left-side .business-name{line-height: 20px;}
    .modal_create_app .inner-flex {display: block;}
    .modal_create_app .inner-flex .left-side {width: 100%;}
    .modal_create_app .inner-flex .right-side{width: 100%; padding-top:25px;}
    .modal_create_app .inner-flex .right-side .checkbox-area label{font-size: 12px; line-height: 18px;}
    .modal_create_app .inner-flex .recaptcha-div {transform: scale(0.9); margin-left: -18px;}
    
    .login-round-block{padding: 0 20px; margin-bottom: 20px; margin-top: 100px;}
    .login-round-block .beforelogin-page {padding: 15px 0; border-radius: 16px;}
    .beforelogin-page .form-area h1{font-size: 24px; line-height: 34px; margin: 0 0 15px 0;}
    .beforelogin-page .form-area .btn-submit { line-height: 40px; border-radius: 20px;}
    .beforelogin-page .form-area .btn-forgot {font-size: 14px;  margin-bottom: 12px;}
    .beforelogin-page .form-area .input-group{margin: 0 0 10px 0;}
    .beforelogin-page .form-area .input-group .form-control{font-size: 14px; line-height: 23px; padding: 8px 20px; border-radius: 20px;}
    .beforelogin-page .form-area .or{margin:22px auto;}
    .beforelogin-page .form-area .social-login { width: 44px; height: 44px; border-radius: 25px; margin: 0 6px;}
    .beforelogin-page .form-area p {font-size: 14px; margin: 15px 0 0 0;}
    .beforelogin-page .form-area .checkbox-area .check-label p{text-align: left; font-size: 13px; line-height: 27px; margin: 0px;}
    .beforelogin-page .form-area .checkbox-area .box {width: 20px; height: 20px; }
    .beforelogin-page .form-area .checkbox-area .check-input:checked + .check-label .box::after {left: 3px;width: 13px;height: 10px;background-size: contain; }
    
    .titlebar-white-round{padding:0 20px; margin-top: 100px;}
    .titlebar-white-round .inner-titlebar{ border-radius: 16px;}
    .titlebar-white-round .inner-titlebar h1{margin:0px;}
    .inner-titlebar .container { display: flex; flex-direction: column; gap: 10px;}
    
    .merchant-round-area{padding:0 20px; margin-bottom:20px;}
    .merchant-round-area .merchant-form-page{border-radius: 16px;}
    
    .inner-round-area{padding: 0 20px; margin-bottom: 20px; margin-top: 60px;}
    .inner-round-area .inner-titlebar{ border-radius: 16px; padding:30px 0;}
    
    
    
    .lightblue-round-area{padding:0 20px; margin-bottom:20px;}
    .lightblue-round-area .inner-page{ border-radius: 16px;}
    .lightblue-round-area .inner-page .container {padding: 0px;}
    
    .detail-page-round-area{padding:0 20px;}
    .detail-page-round-area .business-detail-block{ border-radius: 16px; }
    .detail-page-round-area .business-detail-page{ border-radius: 16px; }
    
      /* Blog List*/

  .blog-list {padding: 40px 0 40px 0;}
  .blog-list .blog-cart .blog-design{ width: 100%;}
  .blog-list .blog-cart .blog-design .detail-area {position: relative; padding: 20px;background-color:#f2f2f2}
  .blog-list .blog-cart .blog-design .blog-img {height: 200px;}
  .blog-list .blog-cart .blog-design .detail-area .date{ color: #304a67; margin-bottom: 5px;}
  .blog-list .blog-cart .blog-design .detail-area .title{ color: #304a67; margin-bottom: 5px; font-size: 22px;}
  .blog-list .blog-cart .blog-design .detail-area .detail{ color: #304a67; margin-bottom: 5px;}
  .blog-list .blog-cart .blog-design .detail-area .auth-area h5 { color: #304a67;}
  .blog-list .blog-cart .blog-design .detail-area .auth-area a { color: #304a67;}
  .blog-list .blog-cart .blog-design .detail-area .auth-area {color: #fff;font-weight: 700;text-decoration: none;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #304a67;padding-top: 10px;}

  /*Blog Detail*/

  .blog-detail  {padding: 40px 0 0px 0;}
  .blog-detail .blog-right .blog-detail-img {height: 200px;}
  .blog-detail .row { flex-direction: column-reverse; }
  .blog-detail .blog-right .auth-area {margin-bottom: 20px; padding: 10px 0;}
  .blog-detail .blog-right center img{width:100%;}
  .blog-detail .blog-right center br {display:none;}
  .blog-detail .blog-right h3 { font-size: 22px; line-height: 30px; margin: 20px 0 0px 0;}
  .blog-detail .blog-left{ margin-bottom: 30px; }
  .blog-list .heading{ margin-bottom: 20px; margin-top: 0px; }
  
  .faq-page p{font-size:14px; line-height: 18px; margin-bottom: 15px;}
  .faq-page .card .card-header .btn-link{padding: 8px 35px 8px 8px; font-size: 15px;}
  .faq-page .card .card-header .btn-link.collapsed{padding: 8px 35px 8px 8px; font-size: 15px;}
  .faq-page .card .card-header .btn-link.collapsed::before {top: 50%; right: 12px; margin-top: -1px;}
  .faq-page .card .card-header .btn-link.collapsed::after {top: 50%; right: 17px; margin-top: -6px;}
  .faq-page .card .card-header .btn-link::before{top: 27px; right: 12px;}
  .faq-page .card .card-body{padding: 0 10px 10px 10px !important; font-size: 13px; line-height: 19px;}
  .titlebar-white-round { padding: 0 20px;} 


   .new-header.header ul.menu-center.show {left: 0;transition: all .5s ease;}
   .new-header.header ul.menu-center {position: absolute;top: 62px;width: 100%;background-color: #10283F;left: -100%;}
   .new-header ul.menu-center {display: block;padding: 35px 20px 25px 30px;position: absolute;top: 57px;width: 100%;background-color: #10283F;left: -100%;}
   .new-header.header .right.show {left: 0;transition: all .5s ease;width: 100%;}
   /*.new-header.header .right {left: -100%;margin: 0 auto;position: absolute;padding-bottom: 24px;top: 279px;background-color: #10283F;}*/
   .btn-menu {display: block;}
   .new-header .logo {display:block}
   .detail-reiview-box .inner-flex .client-detail .client-info .review-flex {display:block;}
    
   .get-a-quote-form {width: 100% !important;}
   

   /* Faq */
  
    
}

.thumbs-in-chat-page {right: 20px; display: flex; position: absolute; bottom: -15px;}
.thumbs-in-chat-page .thumb-up{ width: 30px; height: 30px; background: #fff; border:#2E4966 1px solid; padding: 5px; border-radius: 50%; margin-right:4px; }
.thumbs-in-chat-page .thumb-up svg{width:100%; height:100%; vertical-align:top;}
.thumbs-in-chat-page .thumb-up svg path{stroke:#2E4966}
.thumbs-in-chat-page .thumb-up.active svg path{stroke:#50CD89; fill: #fff;}
.thumbs-in-chat-page .thumb-up.active{background: #50CD89; border:#50CD89 1px solid;}

.thumbs-in-chat-page .thumb-down{ width: 30px; height: 30px; background: #fff; border:#2E4966 1px solid; padding: 5px; border-radius: 50%; }
.thumbs-in-chat-page .thumb-down svg{width:100%; height:100%; vertical-align:top;}
.thumbs-in-chat-page .thumb-down svg path{stroke:#2E4966}
.thumbs-in-chat-page .thumb-down.active svg path{stroke:#dc3545; fill: #fff;}
.thumbs-in-chat-page .thumb-down.active{background: #dc3545; border:#dc3545 1px solid;}

.btn-delete {background: #dc3545 !important;border-radius: 25px;border: none;color: #fff;padding: 10px 30px;font-size: 16px;transition: all .3s;margin-bottom:10px;float: right;}

.terms-error{color: red;font-size: 14px;}