@media (min-width: 768px) and (max-width: 1024px){

   .header{padding: 15px 20px 15px 20px;}
   .header .logo {margin-left: 10px;}
   .header .right{padding-right: 10px}
   .header ul.menu-center li a {font-size: 14px;}
   .new-header{padding: 15px 20px 15px 20px;}
   .new-header .logo{margin-left: 10px;}
   .new-header .right{padding-right: 10px}
   .new-header ul.menu-center li a{font-size: 14px;color:white;}
   
    .main-area {padding-bottom: 40px;height:100%;}
    .main-area .container .flex{display:block}
    .main-area .container .info-text p {bottom: 0;}
    .main-area .container .flex .content {width: 100%;}
    .main-area .container .flex .content{margin-top:90px;}
    .main-area .container .flex .content h1 {font-size: 44px;letter-spacing: 0;line-height: 55px;text-align: center;}
    .main-area .container .flex .content p {font-size:16px;text-align: center;max-width:550px;margin:0 auto}
    .main-area .container .flex .content .btn-signup{display: block;text-align: center;padding: 14px 28px;margin-right: 0;font-size: 20px;margin: 30px auto 0 auto;max-width:200px;}
    .main-area .container .flex .content .btn-login {display: block;text-align: center;padding: 14px 28px;margin-right: 0;font-size: 20px;margin: 30px auto 0 auto;max-width:200px;}
    .main-area .container .flex .main-photo{top:30px;width:100%;height:400px;}
     .main-area .container .flex .main-photo img{height:100%;position:absolute;left:15%;}
    .left-part .btn-signup {display:block;text-align: center;padding:14px 28px;margin-right:0;font-size:20px;margin:30px 170px 0 170px}
    .left-part .btn-login{display:block;text-align: center;padding:14px 28px;margin-right:0;font-size:20px;margin:30px 170px 0 170px}
    .main-area .container .flex .content h1::before{bottom:-3px;left:25%}
    .btn-menu {display:block;}
    .service .service-box{display:block}
    .service .service-box li{width:100%;margin-right:0;border: 1px solid #EBEBEB;margin-bottom:20px;border-radius: 20px;padding: 24px}
    .feature-bg {padding:50px 58px;margin:0 18px}
    .feature-bg h2{font-size:44px;letter-spacing: 0;line-height: 55px;}
    .feature-bg h2 strong{font-size:44px;letter-spacing: 0;line-height: 55px;}
      /*.grid {margin:44px 0 0 0;height:auto}
      .wrapper{grid-template-columns: 350px 350px;height:auto;display:block}*/
    .wrapper {display:grid;grid-template-columns:50% 50%;height:auto}
   
   
   
   .bot-block .msg-block {padding:20px 30px;}

    .c {grid-column:2;grid-row: 14/ 17;height:auto;padding:0 10px}
    .d {grid-column:1;grid-row:17/16;height:auto}
    .a{height:auto;grid-row:1/16;padding:25px 0}
    .b{height:auto;grid-row:1/14;padding:20px 0}
    .a .small-business-block{padding:12px 16px;width:170px}
    .a .small-business-block .business-logo{width:38px;height:38px}
    .grid-d{display:block}
    .box .text {bottom:0}
    .box .text h3 {font-size:18px;line-height: 24px;}
    .box .text p {font-size:14px}
    .c .chat-box{margin:32px 15px}
    .work{padding-top:50px}
    .work .container {max-width:700px}
    .work-detail {display:block}
    .work-detail .work-heading {width: 100%;padding-right: 0px;}
    .work-detail .work-heading h2 {font-size:44px;letter-spacing: 0;line-height: 48px;}
    .work-detail .work-heading h2 span{margin-bottom:10px}
    .work-detail .step-area{width:100%}
    .work-detail .work-heading .btn-signup{display: block;text-align: center;padding: 12px 14px;font-size: 20px;margin: 0 500px 30px 0px;} 
    .faq {padding:50px 0 0 0}
    .faq .faq-detail{max-width:700px}
    .faq .faq-detail h2{font-size:44px;letter-spacing: 0;line-height: 50px;margin:0 0 50px 0}
    .faq .faq-detail p{font-size:16px;line-height:24px;letter-spacing: 0;margin:0 0 80px 0}
    .assistance {padding-top:50px;margin:80px 32px 50px 32px}
    .assistance h2 {font-size:44px;letter-spacing: 0;line-height: 50px;}
    .assistance p{font-size:16px;line-height:24px;letter-spacing: 0;margin-bottom:22px}
    .assistance .btn-signup {padding: 11px 24px;margin-top:20px }
    .business-area  {min-height: 530px;}
    .small-business-block {padding: 25px 30px;width: 50%;}
    .business-area .small-business-block .business-logo .business-logo {width: 40px;height: 40px;border-radius: 10px;margin-bottom: 10px;}
    .business-area .small-business-block .name {font-size: 12px;line-height: 18px;font-weight:700;}
    .business-area .small-business-block.box p{text-align: left;}
    .business-area .small-business-block .btn-chat  {font-size: 10px;line-height: 22px;}
    .business-area .small-business-block.box2 {left: auto;right: 0px;z-index: 2;}
    .business-area .small-business-block.box3  {top: auto;bottom: 20px;right: auto;left: 0;}
    .business-area .small-business-block.box4{top: auto;bottom: 0px;}
    .new-footer-area {margin:100px 0 0 0;padding: 0 20px 20px 20px;}
    .new-footer-area .blue-bg {border-radius: 16px; padding: 50px 10px 0 10px;}
    .new-footer-area .container {padding: 0 40px;}
    .new-footer-area .blue-bg .logo {margin: 0 0 40px 0;}
    .new-footer-area .blue-bg .inner-flex {display: block;}
    .new-footer-area .blue-bg .inner-flex .leftpart {width: 100%;}
    .new-footer-area .blue-bg .inner-flex .leftpart .menu-block {margin: 0 0 30px 0;}
    .new-footer-area .blue-bg .inner-flex .subscribe {width: 100%;padding-left: 0;}
    
    
    
    .mobile-header .btn-menu.active span:nth-of-type(3n+1) {transform: rotate(-45deg);left: 0px;top: 10px;transition: all .5s ease;}
    .mobile-header .btn-menu.active span:nth-of-type(3n+2) { display: none;}
    .mobile-header .btn-menu.active span:nth-of-type(3n+3) {transform: rotate(45deg);left: 0px;transition: all .5s ease;bottom: 10px;}
    
    .about-list {max-width:530px;margin:80px auto 80px auto}
    .about-list li {font-size:16px;line-height: 22px;margin-bottom:24px;}
    .about-description {margin: 100px 0 70px 0;}
    .about-description .container {padding:0 60px}
    .about-description .year {font-size: 40px;line-height: 50px;}
    .about-description p{font-size: 16px;line-height: 24px;}
    
    .tool {padding: 80px 0 0 0;}
    .tool h2 {font-size:44px;line-height: 50px;letter-spacing: 0;}
    .tool p {max-width:480px;font-size: 16px;line-height: 24px;}
    .tool .tool-list {margin:80px 0;}
    .tool .tool-list li {width:46.1%;padding:30px}
    
    .blog-page {margin:0 0 100px 0}
    .blog-page h2 {font-size:44px;line-height: 54px;margin-bottom: 10px;}
    .blog-page p {font-size: 14px;line-height: 22px;margin-right:0;margin-bottom:0;}
    .blog-page .blog-inner {margin: 40px 0 0 0;}
    .blog-page .blog-inner .interaction li:first-child{padding:30px}
    .blog-page .blog-inner .interaction li .detail-block .photo{height:360px}
    .interaction-content h1 {font-size:30px;line-height: 36px;margin-bottom: 28px;}
    .blog-page .blog-inner .interaction li .blog-box .photo {height:140px}
    .blog-page .blog-inner .interaction li{width:44.6%;margin-right:39px;margin-bottom:30px;}
    .blog-page .blog-inner .interaction li .blog-box .blog-description h2 {font-size:22px;line-height: 26px;}
    .blog-page .blog-inner .interaction li .blog-box .blog-description p {font-size:14px;line-height: 22px;}
    
    .pricing {margin:0 0 0 0;padding:100px 0 0 0}
    .pricing h2 {font-size:44px;line-height: 50px;letter-spacing: 0;}
    .pricing p{font-size: 16px;line-height: 24px;}
    .plan-list {width:100%;padding:50px 0 0 0}
    .plan-list li {width: 46.8%;padding: 0px; margin: 0 15px;}
    .plan-list li .plan-box.blue-box {height:805px}
    .plan-list li .plan-box a{font-size:13px;}
    .pricing-page.faq{margin: 40px 0 18px 0;}
    
    .policy-page{padding: 30px 20px; margin: 80px 20px 0 20px;}
    .policy-page h1{margin: 0px 0px 20px 0px; font-size: 36px;}
    
    .contact-page {display:block;align-items: flex-start;}
    .contact-page .photo-block {width:100%;height:900px;}
    .contact-page .form-area {width:100%;margin-top:80px;margin-left:0;}
    
    .blog-page .blog-inner .interaction li .detail-block {gap:50px}
    .new-header ul.menu-center li {margin: 0 0 16px 0;}
    
    
   
  
    .easily-connect-area ul.info-list li {padding: 20px;}
    .new-header ul.menu-center.show li {margin: 0 0 16px 0;}
    .find-local-spots {height: auto;padding: 160px 0;}
    .find-local-spots .center-area {margin: 0 auto 30px auto;}
    .find-local-spots .center-area .green-message {left: -100px;}
    .find-local-spots .center-area .gray-message {position: absolute;bottom: -350px;right: -100px;}
    .find-local-spots .search-block {display: block;max-width: 480px;}
    .find-local-spots .search-block .input-block {width: 100%;margin: 0 0 10px 0;}
    .find-local-spots .search-block .btn-search {width: 100%;line-height: 44px;}
    .find-local-spots .search-block .input-block.zip {width: 100%;margin: 0 0 10px 0;}
    .recent-activity-area h2 {font-size: 38px;line-height: 44px;}
    .easily-connect-area .titlebar {margin: 0 0 40px 0;}
    .easily-connect-area .titlebar h2 {font-size: 34px;line-height: 38px;}
    .easily-connect-area .titlebar .content {font-size: 15px;line-height: 24px;padding: 0px;}
    .find-local-spots .center-area h1 {font-size: 38px;line-height: 48px;margin: 0 0 20px 0;}
    .recent-activity-area .grid-item {width: 50%;}
    .recent-activity-area .grid-sizer, .recent-activity-area .grid-item {width: 50%;}
    .recent-activity-area .grid-item {width: 50%;}
    .feature-bg .grid{margin:44px 0 0 0;height:auto;}
    
    .bot-detail-page{padding-top: 56px;}
    .bot-detail-page .inner-flex .leftside-info{width:50%;}
    .bot-detail-page .inner-flex .rightside-info{width:50%; border-left: none;}
    .bot-detail-page .inner-flex .center-main-area{width: 100%; position: fixed; background: white; height: 100%; top: 0px; z-index: 15; right: -100%; transition: all .5s ease;}
    .bot-detail-page .inner-flex .center-main-area.open{right:0px; transition: all .5s ease;}
    .bot-detail-page .inner-flex .center-main-area .btn-chat-close{background: #089f54; position: absolute; top: 0px; right: 0px; z-index: 4; border: none; color: #fff; font-size: 14px; padding: 8px 20px; border-radius: 0 0 0 15px; display: block;}
    .bot-detail-page .inner-flex .leftside-info .btn-mobile-chat{background: #089F54; border:none; font-size: 14px; line-height: 28px; padding: 0 16px; border-radius: 15px; color: #fff; font-family: "Inter", sans-serif; text-decoration: none; font-weight: 400; display: block;margin:0 auto;}
 
    .wait-list-page{padding-top: 80px;}
    .wait-list-page .partnership-logo{margin: 0 0 25px 0;}
    .wait-list-page .leftside{width: 64%;}
    .wait-list-page .img-area{top: 30px; width: 48%;}
    .wait-list-page h1{font-size: 38px; line-height: 47.6px; margin: 0 0 25px 0;}
    .wait-list-page p {font-size: 16px; line-height: 22px; margin: 0 0 25px 0;}
    .wait-list-page h2{font-size: 24px; line-height: 28px; margin: 0 0 25px 0;}
    .wait-list-page ol{padding:0px 0px 25px 33px;}
    .wait-list-page ol li{font-size: 16px; line-height: 22px; }
    .wait-list-page .form-area .input-block{margin: 0 0 15px 0;}
    .wait-list-page .form-area .input-block label{font-size:15px; line-height:15px; margin:0 0 10px 0;}
    .wait-list-page .form-area .input-block .form-control{font-size: 14px; line-height: 20px; padding: 12px 15px;}
    .wait-list-page .btn-submit{margin-top: 10px;}
}
    
    
    
    
    
    
    
    @media (min-width: 320px) and (max-width: 767px){

    .new-header {padding: 15px 0;position: fixed;top:0px;width: 100%;display:flex;background:white;}
    .new-header .logo {display:block; margin-left: 20px;}
    .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 ul.menu-center li {margin: 0 0 16px 0;}
    .new-header ul.menu-center.show li {margin: 0 0 16px 0;}
    /*.new-header .right {margin: 0 auto;left:-100%;margin: 0 auto;position: absolute;padding-bottom:24px;top: 279px;background-color:#10283F;}*/
    .btn-signup {padding:10px 18px}
    .btn-login {padding:10px 18px}
    .new-header .btn-login {margin: 0 auto 6px auto;width: 100%;text-align: center;display:block;max-width:160px;}
    .new-header .btn-signup {width: 100%;text-align: center;display:block;max-width:160px;margin:0 auto}
    .new-header.show {top: 64px;border-top: 1px #ddd solid;z-index: 9999999;background-color: white;}
    .new-header ul.menu-center li a {color:white;font-weight:500}
    .new-header ul.menu-center.show{left:0;transition: all .5s ease;}
    .new-header .right.show{left:0;transition: all .5s ease;width:100%;}
    .new-header .right{padding: 0px; margin: 0 10px 0 0;}
    .new-header.header .user-detail .dropdown-toggle{font-size: 13px; line-height: 16px; padding: 8px 15px;}
    .new-header .user-detail .dropdown-toggle{font-size: 13px; line-height: 16px; padding: 8px 15px;}
    .new-header .right .search-link{font-size: 15px;}
    .new-header .user-detail .dropdown-toggle{width: 100%; text-align: center; justify-content: center;}
    .new-header.header{background:#10283F;}
    .new-header.header .btn-menu span{background: white;}
    .new-header.header.show{top:0; transition: all .5s ease;}
    .new-header.header ul.menu-center {position: absolute;top:62px;width:100%;background-color:#10283F;left:-100%; transition: all .5s ease;}
    /*.new-header.header .right {left:-100%;margin: 0 auto;position: absolute;padding-bottom:24px;top: 279px;background-color:#10283F; transition: all .5s ease; padding-right: 0px;}*/
    .new-header.header ul.menu-center.show{left:0;transition: all .5s ease;}
    .new-header.header .right.show{left:0;transition: all .5s ease;width:100%; transition: all .5s ease;}
    .btn-menu {display:none;right:22px}
    .main-area {padding-bottom: 40px;height:100%;}
    .main-area .container .flex{display:block}
    .main-area .container .flex .content {width: 100%;margin-top:100px;}
    .main-area .container .flex .content h1 {font-size: 36px;letter-spacing: 0;line-height: 43px;text-align: center;}
    .main-area .container .flex .content p {font-size:14px;text-align: center;max-width:550px;margin:0 auto;margin-top:14px}
    .main-area .container .flex .content .btn-signup{display: block;text-align: center;padding: 14px 28px;margin: 0 auto;font-size: 20px;margin-top:20px !important;}
    .main-area .container .flex .content .btn-login {display: block;text-align: center;padding: 14px 28px;margin-right: 0;font-size: 20px;margin: 30px 40px 0 40px;}
    .main-area .container .flex .main-photo{top:0px;width:100%;margin-top:24px;}
    .main-area .container .flex .main-photo img{width:100%}
    .main-area .container .flex .content h1::before{bottom:-3px;left:2%}
    .main-area .chat-section-1 {display:none}
    .service {padding:35px 30px}
    .service .service-box{display:block}
    .service .service-box li{width:100%;margin-right:0;border: 1px solid #EBEBEB;margin-bottom:20px;border-radius: 20px;padding: 20px}
    .feature-bg {padding:45px 10px;margin:0}
    .feature-bg h2{font-size:30px;letter-spacing: 0;line-height: 40px;}
    .feature-bg h2 strong{font-size:30px;letter-spacing: 0;line-height: 40px;}
      /*.grid {margin:44px 0 0 0;height:auto}
      .wrapper{grid-template-columns: 350px 350px;height:auto;display:block}*/
    .wrapper {display:grid;grid-template-columns:100%;height:auto; }
    
    
    .box {margin:5px}
    .c {grid-column:1;grid-row: 29/ 40;height:auto;padding:0 10px}
    .d {grid-column:1;grid-row:40/40;height:auto}
    .a{height:auto;grid-row:1/17;padding:18px 10px}
    .a .box2 {top:93px}
    .b{height:auto;grid-row:17/29;padding:20px 0;grid-column:1}
    .a .small-business-block{padding:12px 16px;width:170px}
    .a .small-business-block .business-logo{width:38px;height:38px}
    .grid-d{display:block}
    .box .text {bottom:22px}
    .box .text h3 {font-size:18px;line-height: 24px;}
    .box .text p {font-size:14px}
    .c .chat-box{margin:32px 15px}
    .work{padding: 40px 0 40px 0;}
    .work .container {max-width:700px}
    .work-detail {display:block;padding:0 20px}
    .work-detail .work-heading {width: 100%;padding-right: 0px;}
    .work-detail .work-heading h2 {font-size:30px;letter-spacing: 0;line-height: 40px;}
    .work-detail .work-heading h2 span{margin-bottom:10px}
    .work-detail .work-heading h2 strong{font-size:36px;line-height:43px}
    .work-detail .step-area{width:100%;margin-top:50px}
    .work-detail .work-heading .btn-signup{display: block;text-align: center;padding: 10px 10px;font-size: 20px;margin: 0 70px 30px 0px;} 
    .faq {padding:40px 0 0 0}
    .step-area li {padding-right:0;padding-left:60px;margin-bottom:32px;padding-bottom:0}
    .work-detail .step-area li p {font-size:16px;line-height:26px;}
    .work-detail .step-area li h3{font-size:18px;line-height:23px}
    .work-detail .step-area li:last-child::before{height: auto;}
    .faq .faq-detail{max-width:100%;margin:0 20px}
    .faq .faq-detail h2{font-size:30px;letter-spacing: 0;line-height: 40px;margin:0 0 30px 0}
    .faq .faq-detail p{font-size:14px;line-height:22px;letter-spacing: 0;margin:5px 0 70px 0}
    .card .card-header .btn-link {padding: 16px 65px 16px 18px; font-size: 16px;}
    .card .card-header .btn-link::before {top: 27px; right: 12px;}
    .card .card-header .btn-link.collapsed::after {top: 22px; right: 17px;}
    .card .card-body{padding: 0 18px 18px 18px !important; font-size: 15px; line-height: 22px;}
    .accordion {margin: 0}
    .assistance {padding:40px 10px 0 10px;margin:40px 0 0 0; overflow:hidden;}
    .assistance h2 {font-size:30px;letter-spacing: 0;line-height: 40px;}
    .assistance p{font-size:16px;line-height:24px;letter-spacing: 0;margin-bottom:22px}
    .assistance .btn-signup {padding: 11px 24px;margin-top:20px }
    .business-area  {min-height: 850px;}
    .small-business-block {padding: 18px 18px;width: 74%;}
    .business-area .small-business-block .business-logo{width:40px;height:40px}
    .business-area .small-business-block .business-logo .business-logo {width: 40px;height: 40px;border-radius: 10px;margin-bottom: 10px;}
    .business-area .small-business-block .name {font-size: 12px;line-height: 18px;font-weight:700;}
    .business-area .small-business-block.box p{text-align: left;}
    .business-area .small-business-block .btn-chat  {font-size: 10px;line-height: 22px;}
    .business-area .small-business-block.box2 {left: auto;right: 0px;z-index: 2;top:212px}
    .business-area .small-business-block.box3  {top: auto;bottom: 233px;right: auto;left: 9px;}
    .business-area .small-business-block.box4{top: auto;bottom: 20px;z-index:5}
    .new-footer-area {margin:40px  0 0 0;padding: 0 10px 10px 10px;}
    .new-footer-area .blue-bg {border-radius: 16px;padding:20px 0 0 0}
    .new-footer-area .container {padding: 0 20px;}
    .new-footer-area .blue-bg .logo {margin: 0 0 20px 0;}
    .new-footer-area .blue-bg .inner-flex {display: block;}
    .new-footer-area .blue-bg .inner-flex .leftpart {width: 100%;display:block}
    .new-footer-area .blue-bg h2{font-size: 20px; line-height: 20px; margin:0 0 12px 0;}
    .new-footer-area .blue-bg .menu-block ul li{margin: 0 0 6px 0;}
    .new-footer-area .blue-bg .menu-block ul li a{font-size: 13px; line-height: 15px;}
    .new-footer-area .blue-bg p{font-size: 13px; line-height: 18px; margin:0 0 14px 0;}
    .new-footer-area .blue-bg .subscribe-input{display:block}
    .new-footer-area .blue-bg .subscribe-input .form-control{font-size:14px;}
    .new-footer-area .blue-bg .inner-flex .leftpart .menu-block {margin: 0 0 20px 0;}
    .new-footer-area .blue-bg .inner-flex .subscribe {width: 100%;padding-left: 0;}
    .new-footer-area .blue-bg .subscribe-input .btn-subscribe {width: 100%;margin-top: 6px;}
    .new-footer-area .blue-bg .footer-bottom{margin-top: 20px;}
    .mobile-header .btn-menu.active span:nth-of-type(3n+1) {transform: rotate(-45deg);left: 0px;top: 10px;transition: all .5s ease;}
    .mobile-header .btn-menu.active span:nth-of-type(3n+2) { display: none;}
    .mobile-header .btn-menu.active span:nth-of-type(3n+3) {transform: rotate(45deg);left: 0px;transition: all .5s ease;bottom: 10px;}
    
    .about-list {max-width:280px;margin:80px 20px 80px 57px}
    .about-list li {font-size:16px;line-height: 22px;margin-bottom:24px;}
    .about-description {margin: 100px 0 70px 0;}
    .about-description .container {padding:0 30px}
    .about-description .year {font-size: 36px;line-height: 46px;margin-bottom:50px}
    .about-description p{font-size: 14px;line-height: 22px;}
    
    .tool h2 {font-size:36px;line-height:43px;letter-spacing: 0;}
    .tool {padding: 80px 0 0 0;}
    .tool p {max-width:280px;font-size: 14px;line-height: 22px;}
    .tool .tool-list {margin:50px 0;}
    .tool .tool-list li {width:90.1%;padding:22px}
    
    .blog-page {margin:0 0 100px 0}
    .interaction-content .featured{padding:3px 7px}
    .blog-page h2 {font-size:36px;line-height: 43px;margin-bottom: 10px;}
    .blog-page p {font-size: 14px;line-height: 22px;}
    .blog-page .blog-inner {margin: 40px 0 0 0;}
    .blog-page .blog-inner .interaction{display:block;}
    .blog-page .blog-inner .interaction li:first-child {padding:20px;margin-bottom: 20px;}
    .blog-page .blog-inner .interaction li .detail-block{display:block;gap:0;padding-bottom:40px}
    .interaction-content {width: 100%;}
    .blog-page .blog-inner .interaction li .detail-block .photo img {border-radius: 14px;}
    .blog-page .blog-inner .interaction li .blog-box .photo img {border-radius: 14px;}
    .interaction-content h1 {font-size: 26px; line-height: 32px; margin-bottom: 10px;}
    .interaction-content p {margin-right:0;font-size: 14px;line-height: 22px;}
    .blog-page .blog-inner .interaction li .detail-block .photo {width:100%;height:170px}
    
    .blog-page .blog-inner .interaction li {width:100%;margin-right: 0;margin-bottom: 20px;padding:0 20px}
    .blog-page .blog-inner .interaction li .blog-box .photo {height:160px}
    
    .blog-page .blog-inner .interaction li .blog-box .blog-description h2 {font-size:22px;line-height: 26px;}
    .blog-page .blog-inner .interaction li .blog-box .blog-description p {font-size:14px;line-height: 22px;}
    
    .pricing {margin:0 0 0 0;padding:100px 0 0 0}
    .pricing h2 {font-size:36px;line-height: 43px;letter-spacing: 0;}
    .pricing p{font-size: 14px;line-height: 22px;max-width: 300px;}
    .plan-list{width: 100%; padding: 40px 0px 0px 0px; display: block;}
    .plan-list li{width: 100%; padding: 0; margin: 0px 0px 40px 0px;}
    .plan-list li .plan-box{height: auto; padding: 20px 30px 20px 30px;}
    .scroll-area {width: 100%;}
    .plan-list li .plan-box.blue-box{height:auto}
    .pricing-page.faq {margin:0px 0 18px 0;}
    .main-area .container .info-text p {margin: 0 0 0 0;bottom:10px;}
    
    .g-recaptcha {transform: scale(0.8);transform-origin: 0 0; }
    .content-page h2{font-size:24px;}
    .policy-page h1{font-size:33px;line-height:50px;}
    .policy-page {margin: 100px 10px 0px 10px;padding-top:50px;}
    .contact-page .form-area h2 {font-size:26px;}
    .new-header.header ul.menu-center {top:57px;}
    .new-header ul.menu-center li {margin: 0 0 16px 0;}
    

    .find-local-spots .search-block {display:block;}
    .find-local-spots .search-block .input-block {width:100%;}
    .find-local-spots .search-block .input-block.zip{width:100%;margin-top:14px;}
    .find-local-spots .search-block .btn-search {padding:12px 24px;width: 100%;margin-top: 14px;}
    .recent-activity-area {padding: 30px 0;}
    .find-local-spots .center-area h1 {font-size:32px;line-height:40px;margin:0 0 12px 0;}
    

    .activity-area .grid-item {width: 100%;padding: 15px 0px 0px 0px;}
    .find-local-spots {height: auto;padding: 100px 0 50px 0;}
    .find-local-spots .center-area {margin: 0 auto 30px auto;}
    .find-local-spots .center-area .green-message {left: -100px;display: none;}
    .find-local-spots .center-area .gray-message {position: absolute;bottom: -350px;right: -100px;display: none;}
    .recent-activity-area h2 {font-size: 26px;line-height: 34px;}
    .easily-connect-area ul.info-list li {padding: 20px;width: 100%;border-right: none;}
    .easily-connect-area ul.info-list li {padding: 20px;width: 100%;}
    
    .easily-connect-area ul.info-list li.none-bottom-border {border-bottom: #EEEEF0 1px solid;}
    .easily-connect-area ul.info-list li:last-child {border-bottom: none;}
    .easily-connect-area {padding: 0 0 40px 0;}
    .easily-connect-area .titlebar {margin: 0 0 40px 0;display: block;}
    .easily-connect-area .titlebar h2 {font-size: 34px;line-height: 38px;width: 100%;}
    .easily-connect-area .titlebar .content {font-size: 15px;line-height: 24px;padding: 0px;width: 100%;}
    .recent-activity-area .grid-item {width: 100%;padding: 15px 0px 0px 0px;}
    .feature-bg .grid{margin:44px 0 0 0;height:auto;}
    
    .bot-detail-page{padding-top: 57px; height: auto;}
    .bot-detail-page .inner-flex{display:block;}
    .bot-detail-page .inner-flex .leftside-info{width:100%;}
    .bot-detail-page .inner-flex .rightside-info{width:100%; border-left: none;}
    .bot-detail-page .inner-flex .center-main-area{width: 100%; position: fixed; background: white; height: 100%; top: 0px; z-index: 15; right: -100%; transition: all .5s ease;}
    .bot-detail-page .inner-flex .center-main-area.open{right:0px; transition: all .5s ease;}
    .bot-detail-page .inner-flex .center-main-area .btn-chat-close{background: #089f54; position: absolute; top: 0px; right: 0px; z-index: 4; border: none; color: #fff; font-size: 14px; padding: 8px 20px; border-radius: 0 0 0 15px; display: block;}
    .bot-detail-page .inner-flex .leftside-info .btn-mobile-chat{background: #089F54; border:none; font-size: 14px; line-height: 28px; padding: 0 16px; border-radius: 15px; color: #fff; font-family: "Inter", sans-serif; text-decoration: none; font-weight: 400; display: block;margin:0 auto;}
    .bot-detail-page .inner-flex .leftside-info .new-business-block{padding: 16px 20px;}
    .bot-detail-page .inner-flex .leftside-info .location-block{padding: 16px 20px;}
    .bot-detail-page .inner-flex .leftside-info .new-business-block .business-name{margin: 0 0 15px 0;}
    .bot-detail-page .inner-flex .leftside-info .new-business-block .business-name h1{font-size: 26px; line-height: 32px;}
    /*.bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner{display:block;}*/
    .bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner .info{width:100%;}
    .bot-detail-page .inner-flex .rightside-info .open-hours-area ul.hour-list{column-count: 1;}
    
    .wait-list-page{padding-top: 80px;}
    .wait-list-page .partnership-logo{margin: 0 0 15px 0;}
    .wait-list-page .leftside{width: 100%;}
    .wait-list-page .img-area{top: 0; width: 120%; position: relative; left: -20%; }
    .wait-list-page h1{font-size: 30px; line-height: 40px; margin: 0 0 15px 0;}
    .wait-list-page p {font-size: 14px; line-height: 18px; margin: 0 0 15px 0;}
    .wait-list-page h2{font-size: 20px; line-height: 24px; margin: 0 0 15px 0;}
    .wait-list-page ol{padding:0px 0px 25px 33px;}
    .wait-list-page ol li{font-size: 14px; line-height: 18px; }
    .wait-list-page .form-area .input-block{margin: 0 0 15px 0;}
    .wait-list-page .form-area .input-block label{font-size:15px; line-height:15px; margin:0 0 10px 0;}
    .wait-list-page .form-area .input-block .form-control{font-size: 14px; line-height: 20px; padding: 12px 15px;}
    .wait-list-page .btn-submit{margin-top: 10px;}
}