@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:120px;}
    .main-area .container .flex .content h1 {font-size: 38px;letter-spacing: 0;line-height: 50px;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:0%; object-fit: contain;}
    .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:36px;letter-spacing: 0;line-height: 48px;}
    .feature-bg h2 strong{font-size:36px;letter-spacing: 0;line-height: 48px;}
    .feature-bg h2 span {    margin-bottom: 10px;}
    .b .feed-fact { padding: 0;}
      /*.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}
   
   
    .service { padding: 50px 60px;}
   .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}
    .feature-bg .grid  .wrapper .box.a .box1 { left: 2%;}
    .feature-bg .grid  .wrapper .box.a .box2 { right: 2%; left: auto;}
    .work{padding:50px 0 10px 0}
    .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:36px;letter-spacing: 0;line-height: 48px; text-align: center;}
    .work-detail .work-heading h2 strong { font-size: 36px; 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: auto auto 30px auto;} 
    .work-detail .step-area li:last-child::before { height: 70px;}
    .work-detail .step-area li .number { top: 0;}
    .work-detail .step-area li::before { top: 0;}

    .faq {padding:50px 0 0 0}
    .faq .faq-detail{max-width:700px}
    .faq .faq-detail h2{font-size:36px;letter-spacing: 0;line-height: 48px;margin:0 0 20px 0}
    .faq .faq-detail p{font-size:16px;line-height:24px;letter-spacing: 0;margin:0 0 80px 0}
    .card .card-header .btn-link {font-size: 18px; line-height: 20px; padding: 18px 50px 18px 20px;}

    .assistance {padding-top:50px;margin:80px 32px 50px 32px}
    .assistance h2 {font-size:36px;letter-spacing: 0;line-height: 48px;}
    .assistance h2 br {display: none;}
    .assistance p{font-size:16px;line-height:24px;letter-spacing: 0;margin-bottom:10px}
    .assistance .btn-signup {padding: 11px 24px;margin-top:20px }
    .business-area  {min-height: 530px;}
    .small-business-block {padding: 10px 20px;width: 46%;}
    .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:20px 0 0 0;height:auto;}
    
    .bot-detail-page{padding-top: 80px;}
    .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: #049F55; border: none;  border-radius: 50%; color: #fff; display: flex; position: fixed; bottom: 15px; z-index: 9; right: 15px;    width: 60px; height: 60px; justify-content: center; align-items: center; padding: 15px;} 
    .bot-detail-page .inner-flex .leftside-info .btn-mobile-chat svg { width: 100%; height: 100%; }
  
    .assistance .business-area .small-business-block.box1 {left: 2%;}
    .assistance .business-area .small-business-block.box2 {right: 2%;}
    .assistance .business-area .small-business-block.box3 {left: 2%;}
    .assistance .business-area .small-business-block.box4 {right: 2%;}

    .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;}
    
    .view-button { position: relative; top: 0; right: 0; margin-top:10px}
    .business-card { display: block;}
}
    
    
    
    
    
    
    
    @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; padding: 5px 15px; font-size: 14px; line-height: 24px; margin: 0 5px 0 0;}
    .new-header .btn-signup {width: 100%;text-align: center;display:block;max-width:160px;margin:0 auto;  padding: 5px 15px; font-size: 14px; line-height: 24px; white-space: nowrap; }
    .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: 0px;}
    .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;}
    
    .new-header .right .btn-search-icon{display:block; margin-right: 10px;}
    .new-header .search-block {display: none; max-width: 100%; margin: 0 auto; position: absolute; top: 78px; background: #10283f; width: 100%; left: 0px; padding: 0px 10px 10px 10px;}
    .new-header .search-block.show{display:block; top: 66px;}
    .new-header .search-block .input-block {width: 100%; margin-right: 0; position: relative;}
    .new-header .search-block .input-block.zip {width: 100%; margin-right: 0;}
    .new-header .search-block .btn-search {background: #089F54; border: none; width: 33px; color: #fff; border-radius: 20px; font-size: 15px; line-height: 22px; color: #fff; letter-spacing: -0.014em; position: absolute; bottom: 12px; right: 13px; height: 33px;}
    .new-header .search-block .form-control {font-size: 13px; line-height: 20px; padding: 8px 10px 8px 40px; border-radius: 20px; }
    .new-header .search-block .input-block .searchbox-icon {left: 21px; margin-top: -8px; top: 50%; }


    .btn-menu {display:none;right:22px}
    .main-area {padding-bottom: 20px;height:100%; border-radius: 0 0 48px 48px;}
    .main-area .container .flex{display:block}
    .main-area .container .flex .content {width: 100%;margin-top:100px;}
    .main-area .container .flex .content h1 {font-size: 28px;letter-spacing: 0;line-height: 36px;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: 8px 20px; margin: 0 auto; margin-top:20px !important;font-size: 14px; width: fit-content;}
    .main-area .container .flex .content .btn-login {display: block;text-align: center;padding: 8px 28px;margin-right: 0;font-size:14px;margin: 20px 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:40px 20px}
    .service .service-box{display:block}
    .service .service-box li{width:100%;margin-right:0;border: 1px solid #EBEBEB;margin-bottom:15px;border-radius: 20px;padding: 15px; font-size: 14px;}
    .service .service-box li:last-child{margin: 0;}
    .service .service-box li h3 { font-size: 16px; line-height: 22px;}
    .feature-bg {padding:25px 20px 0 20px;margin:0;}
    .feature-bg h2{font-size:26px;letter-spacing: 0;line-height: 36px;}
    .feature-bg h2 strong{font-size:26px;letter-spacing: 0;line-height: 36px;}
    .feature-bg .grid .wrapper .box { margin: 0;}
    .feature-bg .grid .wrapper .box.a { grid-row: 1 / 14;}
    .feature-bg .grid .wrapper .box.b  { grid-row: 14 / 23;}
    .feature-bg .grid .wrapper .box.c { grid-row: 23 / 33;}
    .feature-bg .grid .wrapper .box.d { grid-row:33/33}
    .feature-bg .grid .wrapper .box.b .feed-fact li {margin-right: 5px; margin-bottom: 5px; padding: 3px 10px; border-radius: 15px;}
    .feature-bg .grid .wrapper .box.b .feed-fact li .icons { margin-right: 6px;}
    .feature-bg .grid .wrapper .box.b .feed-fact li h3 {font-size:14px; line-height:28px; }
    .feature-bg .grid .wrapper .box.a .box2 {right: 9px;}
    .feature-bg .grid .wrapper .box.c .text { padding: 0 20px;}
    .a .small-business-block p {font-size: 11.45px; line-height: 14px; margin:0 0 10px 0 ;}
      /*.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;padding: 0 15px;}
    .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:10px 12px;width:150px}
    .a .small-business-block .business-logo{width:38px;height:38px}
    .grid-d{display:block}
    .box.d .grid-d {padding: 34px 10px 18px 10px;}
    .box .text {bottom:22px}
    .box.d .grid-d .btn-signup{ font-size: 14px; padding: 8px 10px;}
    /* .box .text { padding:  0 15px;} */
    .box .text h3 {font-size:18px;line-height: 24px;}
    .box .text p {font-size:14px; margin: 0;}
    .b .feed-fact { padding: 0;}
    .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:26px;letter-spacing: 0;line-height: 36px; text-align: center;}
    .work-detail .work-heading h2 span{margin-bottom:10px; font-size: 14px;}
    .work-detail .work-heading h2 strong{font-size:26px;line-height:36px; }
    .work-detail .step-area{width:100%;margin-top:20px}
    .work-detail .work-heading .btn-signup{display: block;text-align: center;padding: 8px 10px;font-size: 14px;margin: auto; width: fit-content;} 
    .faq {padding:0px 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:14px;line-height:20px;}
    .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:26px;letter-spacing: 0;line-height: 36px;margin:0 0 20px 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: 12px 45px 12px 18px; font-size: 14px; line-height: 18px;}
    .card .card-header .btn-link::before {top: 50%; margin-top: -1px; right: 12px;}
    .card .card-header .btn-link.collapsed::after {top: 50%; right: 17px; margin-top: -6px;}
    .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:26px;letter-spacing: 0;line-height: 36px;}
    .assistance p{font-size:14px;line-height:20px;letter-spacing: 0;margin-bottom:10px}
    .assistance .btn-signup {padding: 8px 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:5px 7px; font-size: 12px; border-radius: 15px; margin-bottom: 10px;}
    .detail-block .interaction-content .auth-area a {font-size: 14px;}
    .blog-page h2 {font-size:26px;line-height: 36px;margin-bottom: 10px; text-align: center;}
    .blog-page p {font-size: 14px;line-height: 22px; text-align: center; margin-bottom: 10px;}
    .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:25px 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; text-align: center;}
    .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:20px; text-align: center; margin: 0 0 10px 0;}
    .content-page ul li{font-size: 14px; line-height: 20px; }
    .policy-page h1{font-size:26px;line-height:36px; margin-bottom: 15px;}
    .content-page p {font-size: 14px;line-height: 22px;margin: 0 0 8px 0; }
    
    .policy-page {margin: 100px 10px 0px 10px;padding-top:30px; border-radius: 20px;}
    .contact-page .form-area h2 {font-size:26px; line-height: 36px; margin-bottom: 15px;}
    .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:30px 0 0 0;height:auto;}
    .feature-bg h2 span { font-size: 14px; line-height: 22px; margin-bottom: 10px;}
    .feature-bg .grid .wrapper .box.a .text {padding: 0 10px;}
    
    .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: #049F55; border: none; border-radius: 50%; color: #fff; display: flex; position: fixed; bottom: 15px; z-index: 9; right: 15px; width: 60px; height: 60px; justify-content: center; align-items: center; padding: 15px; }
  
    .bot-detail-page .inner-flex .leftside-info .btn-mobile-chat svg { width: 100%; height: 100%;}
    .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%; margin-bottom: 10px;}
    .bot-detail-page .inner-flex .leftside-info .location-block .d-flex-inner {display: block;}
    .view-button { position: relative; top: 0; right: 0; margin-top:10px}
    .business-card { display: block;}


    .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;}
    .new-business-block .banner amp-img {width: 100% !important;}
}