@media only screen and (max-width:1366px){.main-content-block .form-area.scroll{padding:50px 70px}.main-content-block .form-area.buddy-scroll{height:100%;overflow-y:scroll}.free-plan-block .totalsms{right:8px;top:9px;font-size:28px!important;line-height:28px!important;padding:8px;border-radius:11px}.free-plan-block .totalsms strong{font-size:12px;line-height:12px}.main-content-block .form-area.buddy-scroll{padding:70px 50px}}@media only screen and (max-width:1199px){.main-content-block .form-area{padding:50px}}@media only screen and (max-width:1024px){.btn-blue,.btn-orange{padding:12px 18px;font-size:12px;line-height:14px}.container{padding:0 20px}header .main-header .logo,header.fixed .main-header .logo{width:116px}header .main-header .rightside ul.main-menu li a{font-size:12px;padding:10px}.hero-banner-area{padding:70px 0 0}.hero-banner-area .inner-flex{min-height:440px}.hero-banner-area .content-left{width:48%}.hero-banner-area .photo-block{width:50%}.hero-banner-area .content-left h1{font-size:32px;line-height:38px;margin:0 0 18px}.hero-banner-area .content-left .sub{font-size:18px;line-height:23px;margin:0 0 18px}.hero-banner-area .content-left p{font-size:15px;line-height:22px;margin:0 0 18px}.blog-page h1,.buddy-section h2,.contact-page h1,.pricing-section h1,.start-chat-section .inside-block .rightside h2,.review-section h2{font-size:30px;line-height:40px;margin:0 0 12px}.buddy-section p{font-size:18px;line-height:24px}.buddy-section ul.buddy-list li{width:50%}.buddy-block,.how-it-work-section ul.step-list li .step-block .content{padding:20px}.buddy-block .icon{width:100px}.buddy-block h3{font-size:18px;line-height:22px;margin:18px 0 8px}.buddy-block p{font-size:14px;line-height:22px}.buddy-section .content-block .photo-block{width:50%;padding-right:20px}.buddy-section .content-block::before{width:50%;border-radius:0 50px 0 0}.buddy-section .content-block .right-content{width:50%;padding:0 0 0 30px}.buddy-section .content-block .right-content p,.start-chat-section .inside-block .rightside p{font-size:16px}.how-it-work-section{padding:20px 0 0}.how-it-work-section h2,.newsletter-section .subscribe-block h2{font-size:30px;line-height:40px;margin:0 0 10px}.how-it-work-section ul.step-list li .step-block .photo-area{padding:10px}.how-it-work-section ul.step-list li .step-block .content h3{font-size:18px;line-height:24px;margin:0 0 10px}.how-it-work-section ul.step-list li .step-block .content p{font-size:14px;line-height:20px;margin:0 0 10px}.how-it-work-section ul.step-list li .step-block .content p:last-child{margin:0}.opportunities-area h2{font-size:30px;line-height:40px;margin:0}.opportunities-area ul{flex-wrap:wrap}.opportunities-area ul li{width:50%;margin-top:15px}.opportunities-area ul li .inner-block{padding:45px 20px 20px}.opportunities-area ul li .inner-block h3{font-size:20px;line-height:20px;min-height:auto}.newsletter-section .subscribe-block{width:55%;padding:50px 0}.newsletter-section .subscribe-block .input-box .form-control{font-size:16px;line-height:24px;padding:15px 18px}.footer-area .logo-part{width:30%;padding:30px 0}.footer-area .logo-part .logo{width:160px;margin:0}.footer-area .logo-part .logo-text{font-size:16px;line-height:22px;margin-top:12px;text-align:left}.footer-area .link-part{width:48%;padding:30px 20px}.footer-area .link-part:last-child{width:22%}.footer-area .link-part ul{column-count:2}.footer-area .link-part ul li a{font-size:13px;line-height:22px;display:block}.footer-area .link-part ul li a::before{top:11px}.footer-area .copyright{padding:10px 0;font-size:13px;line-height:20px}.blog-page,.common-page,.contact-page,.faq-page,.personas-detail-area{padding:100px 0 50px}.personas-detail-area .persona-info{margin:0 0 20px}.personas-detail-area .persona-info .icon{width:100px;height:100px}.personas-detail-area .persona-info h1{font-size:30px;line-height:40px;margin:10px 0}.personas-detail-area .persona-info p{font-size:16px;line-height:22px;margin:0 0 14px}.blog-page .content-area p,.blog-page ul.blog-list li .blog-block .d-flex{margin:0 0 10px}.personas-detail-area .persona-area .photo-block{width:50%;border-radius:50px 50px 50px 0}.personas-detail-area .persona-area .content-block{width:50%;padding:0 0 0 40px}.personas-detail-area .persona-area .content-block h2{font-size:16px;line-height:130%;margin:14px 0}.common-page p,.personas-detail-area .persona-area .content-block p{font-size:14px}.personas-detail-area .persona-area .content-block ul{margin:0 0 14px}.personas-detail-area .persona-area .content-block ul li{font-size:14px;line-height:18px;margin:0 0 8px}.contact-page .form-area{width:100%}.contact-page .form-area h2{font-size:24px;line-height:24px}.about-section h1,.common-page h1,.faq-page h1{font-size:30px;line-height:40px;margin:0 0 20px}.common-page h2{font-size:20px;line-height:24px}.common-page ul li{font-size:14px;margin:0 0 6px}.faq-page .accordion .accordion-item{border-radius:8px!important}.faq-page .accordion .accordion-button{font-size:16px;padding:12px 12px 12px 60px;line-height:24px}.faq-page .accordion .accordion-button span{top:50%;left:14px;line-height:30px;font-size:24px;margin-top:-15px}.faq-page .accordion .accordion-body{padding:0 25px 15px 60px;font-size:14px;line-height:20px}.main-content-block{display:block;height:auto}.main-content-block .leftphoto{height:700px;width:100%;border-radius:0 0 30px 30px}.main-content-block .form-area{width:100%;padding:80px;flex-direction:column;align-items:start;gap:30px}.blog-page ul.blog-list li .blog-block .blog-photo{width:100%;height:250px}.blog-page ul.blog-list li .blog-block h2{font-size:20px;line-height:26px;margin:0 0 12px}.blog-page .content-area p,.blog-page ul.blog-list li .blog-block p{font-size:14px;line-height:140%}.blog-page ul.blog-list li .blog-block{padding:16px}.blog-page ul.blog-list li .blog-block .info img{width:20px;height:20px}.about-section .about-content .right-discription h3{font-size:24px;line-height:30px;margin:0 0 25px;padding:0 0 25px}.about-section .about-content .right-discription p{font-size:16px;line-height:22px}.about-section .about-content .right-discription h3::after{width:14px;height:14px}.about-section .about-content{gap:30px;padding:25px;margin-bottom:30px}.about-section .about-content .left-image{height:400px}.blog-page .content-area h2{font-size:20px;line-height:26px;margin:16px 0 8px}.pricing-section{padding:100px 0 60px}.pricing-section h2{font-size:20px;line-height:26px;margin:0 0 30px}.small-plan-box .topblock .planname{font-size:18px;line-height:27px}.small-plan-box .topblock .planprice{font-size:30px;line-height:34px}.small-plan-box a{padding:12px 19px}.small-plan-box{padding:15px 0 15px 218px}.main-content-block .form-area.scroll{display:flex;padding:80px}.main-content-block .form-area form{max-width:100%}.step-wrapper{position:relative;flex-direction:row;margin:0;left:0;top:0}.step-wrapper .step-line{width:30px;height:4px}.review-section .container{position:relative;z-index:1}.review-section h2 span{font-size:14px;line-height:22px}.review-section .owl-nav{position:relative;top:10px;display:flex;gap:10px}.review-section .owl-next,.review-section .owl-prev{top:-74px}.review-section .review-block{padding:30px 20px 20px}.review-section .review-block::before{top:20px;left:20px}.review-section .review-block .msg{font-size:16px;line-height:26px;min-height:156px}.buddy-section-heading{font-size:30px;line-height:40px}}@media only screen and (max-width:767px){header .main-header .rightside .btn-blue,header .main-header .rightside .btn-orange{margin-left:0;width:100%;text-align:center}.btn-blue,.btn-orange{padding:10px 15px;font-size:11px;line-height:12px}header.fixed{border-radius:0 0 15px 15px}.buddy-section .content-block,.footer-area .inner-flex,.how-it-work-section ul.step-list li .step-block,.main-content-block .form-area .buddy-detail .title,.personas-detail-area .persona-area,.start-chat-section .inside-block,header .main-header .btn-menu,header .main-header .rightside ul.main-menu,header .main-header .rightside.open{display:block}header .main-header .rightside{display:none;position:absolute;top:70px;width:90%;background:#fff;left:5%;border-radius:15px;padding:15px;box-shadow:4px 4px 10px 0 rgb(112 112 112 / .2);-webkit-box-shadow:4px 4px 10px 0 rgb(112 112 112 / .2);-moz-box-shadow:4px 4px 10px 0 rgb(112 112 112 / .2)}header .main-header .rightside ul.main-menu li a{padding:5px;display:block;text-align:center}header .main-header .rightside .btn-blue{margin-bottom:6px;margin-top:10px}header.fixed .main-header .rightside{top:59px}.hero-banner-area .inner-flex{flex-direction:column-reverse}.hero-banner-area .photo-block{position:relative;width:90%;margin-right:0}.hero-banner-area .content-left{text-align:center;width:100%;padding-top:20px}.hero-banner-area .content-left h1{font-size:23px;line-height:30px;margin:0 0 10px;padding:0}.blog-page h4,.hero-banner-area .content-left .sub{font-size:14px;line-height:20px;margin:0 0 10px}.hero-banner-area .content-left p{font-size:13px;line-height:20px;margin:0 0 12px}.buddy-section h2,.newsletter-section .subscribe-block h2,.opportunities-area h2,.personas-detail-area .persona-info h1,.start-chat-section .inside-block .rightside h2,.review-section h2{font-size:24px;line-height:30px}.buddy-section p,.newsletter-section .subscribe-block p,.start-chat-section .inside-block .rightside p{font-size:13px;line-height:20px}.buddy-section p{margin:0 0 15px}.buddy-section ul.buddy-list li{width:100%;margin-bottom:10px}.buddy-block::before,.buddy-section .content-block::before,.footer-area .link-part ul li a::before,.how-it-work-section ul.step-list li .step-block .content::before,.how-it-work-section ul.step-list li .step-block .photo-area::before,.how-it-work-section ul.step-list::after,.how-it-work-section ul.step-list::before{content:none}.buddy-section .content-block .photo-block{width:100%;padding-right:0}.buddy-section .content-block .right-content{width:100%;padding:15px 0 0}.buddy-section .content-block .right-content p{font-size:13px;margin-bottom:12px}.buddy-section .create-friend{margin:30px 0}.buddy-section .create-friend h2{text-align:center}.buddy-section .create-friend .owl-nav{width:100%;justify-content:center;top:-54px}.about-section .about-content .right-discription,.main-content-block .form-area .checkbox-container .checkbox-block,.newsletter-section .peppi-icon img,.opportunities-area ul li,.personas-detail-area .persona-area .photo-block,.start-chat-section .inside-block .left-side{width:100%}.opportunities-area ul li .inner-block h3{font-size:18px}.start-chat-section .inside-block .rightside{width:100%;padding:15px 0 0;text-align:center}.buddy-block,.contact-page .form-area{padding:15px}.buddy-block .icon{width:74px}.buddy-block h3{margin:12px 0 8px}.buddy-block p{margin:0}.buddy-block svg{top:15px;right:15px;width:14px;height:14px}.about-section::before,.how-it-work-section::before{width:400px;height:400px;top:0;right:-200px}.how-it-work-section h2{font-size:24px;line-height:30px;margin:0 0 20px}.footer-area .link-part ul li:hover a,.how-it-work-section ul.step-list{padding:0}.how-it-work-section ul.step-list li:first-child{padding:0 0 15px}.how-it-work-section ul.step-list li:last-child{padding:15px 0 0}.how-it-work-section ul.step-list li .step-block .photo-area{width:100%;border-radius:10px 10px 0 0;border-bottom:none;display:none}.how-it-work-section ul.step-list li .step-block .content{width:100%;text-align:center}.how-it-work-section ul.step-list li .step-block .number{position:relative;left:0;margin:0 auto 30px;top:0}.common-page p,.common-page ul li,.how-it-work-section ul.step-list li .step-block .content p,.main-content-block .form-area .buddy-detail .info,.main-content-block .form-area .buddy-detail ul li,.personas-detail-area .persona-area .content-block p,.personas-detail-area .persona-area .content-block ul li{font-size:13px}.newsletter-section .subscribe-block{width:100%;padding:30px 0;text-align:center}.newsletter-section .peppi-icon{position:relative;bottom:-12px;right:0;z-index:2;width:200px;margin:0 auto}#congratspopup .modal-dialog .modal-content .modal-body p,.newsletter-section .subscribe-block .input-box .form-control{font-size:13px;line-height:18px}.newsletter-section .container::before{background:#8dd1f7;width:280px;height:280px;top:auto;right:50%;margin-right:-140px;bottom:-100px}.footer-area .logo-part{width:100%;border-right:none;border-bottom:1px solid #3180f2;padding:30px 0 20px}.footer-area .logo-part .logo{margin:0 auto}.footer-area .logo-part .logo-text{text-align:center}.footer-area .link-part{width:100%;padding:20px 0 0}.footer-area .link-part:last-child{width:100%;padding-bottom:20px}.about-section,.blog-page,.common-page,.contact-page,.faq-page,.personas-detail-area{padding:100px 0 30px}.personas-detail-area .persona-info{margin:0 0 25px}.personas-detail-area .persona-info p{font-size:14px;line-height:20px}.personas-detail-area .persona-area .content-block{width:100%;padding:30px 0 0;margin-bottom:20px}.personas-detail-area .persona-info .icon{width:85px;height:85px}.personas-detail-area .persona-detail h2{font-size:21px;line-height:130%;font-weight:700;margin:0 0 10px}.personas-detail-area .persona-detail{padding:20px 20px 15px 20px}.personas-detail-area .persona-detail p{font-size:13px}.about-section h1,.blog-page h1,.common-page h1,.contact-page h1,.faq-page h1{font-size:24px;line-height:30px;margin:0 0 15px}.contact-page .contactimg{width:16.66%;height:auto;border:none}.contact-page .contactimg img{position:relative}.contact-page .photo-flex{gap:5px;margin-top:0;margin-bottom:15px}.contact-page .form-area h2{font-size:20px;line-height:20px}.contact-page .form-area p{font-size:13px;margin:0 0 20px}.contact-page .form-group{margin-bottom:12px}.contact-page .form-group label{font-size:10px;line-height:12px}.contact-page .form-group .form-control{padding:10px 15px;font-size:13px;line-height:16px}.common-page h2{font-size:16px;line-height:20px;margin:10px 0 5px}.faq-page .accordion .accordion-button{font-size:14px;padding:10px 10px 10px 35px;line-height:20px}.faq-page .accordion .accordion-button::after{width:12px;height:12px;background-size:cover}.faq-page .accordion .accordion-button span{top:10px;left:10px;line-height:20px;font-size:14px;margin-top:0}.faq-page .accordion .accordion-body{padding:0 15px 15px 35px;font-size:12px;line-height:18px}.main-content-block{display:block;height:auto}.main-content-block .leftphoto{height:auto;width:100%;border-radius:0 0 30px 30px}.main-content-block .leftphoto::before{height:100px}.main-content-block .leftphoto img{position:relative;width:100%;height:auto}.main-content-block .leftphoto .logo{top:20px;left:20px;width:100px}.main-content-block .form-area{width:100%;padding:25px}.main-content-block .form-area .form-group .otpblock .form-control{margin:0 3px;padding:12px 0 8px}.main-content-block .form-area .card .card-header .planname{font-size:16px;line-height:16px}.main-content-block .form-area .card .card-header .planname span{line-height:16px}.main-content-block .form-area h1{font-size:24px;line-height:24px}.main-content-block .form-area p{font-size:13px;line-height:20px;letter-spacing:0;text-transform:inherit}.main-content-block .form-area .line{margin:15px 0 16px}.main-content-block .form-area .form-group label,.main-content-block .form-area .radio-label{font-size:10px;line-height:14px;margin:0 0 3px;letter-spacing:1.4px}.main-content-block .form-area .form-group .form-control{font-size:13px;padding:9px 14px}.main-content-block .form-area .form-group .form-select{padding:9px 14px;font-size:13px}.main-content-block .form-area .form-group.code select{font-size:13px;bottom:4px}.main-content-block .form-area .radio-area .radio-block{width:100%;margin-bottom:5px}.main-content-block .form-area .btn-submit{line-height:38px;font-size:14px}.main-content-block .form-area ul.buddy-list{margin:15px 0 0}.blog-page .inline-flex .info img,.blog-page ul.blog-list li .blog-block .info img{margin-right:6px;width:16px;height:16px}.main-content-block .form-area ul.buddy-list li .buddy-mini-block{padding:12px}.main-content-block .form-area ul.buddy-list li .buddy-mini-block svg{top:26px;right:12px}.main-content-block .form-area ul.buddy-list li .buddy-mini-block .icon{width:50px;height:50px;position:relative;top:0;left:0;margin-bottom:10px}.main-content-block .form-area ul.buddy-list li .buddy-mini-block h2{font-size:15px;line-height:18px}.blog-page ul.blog-list li .blog-block .info,.main-content-block .form-area .buddy-detail .buddy-small-box .info-data,.main-content-block .form-area ul.buddy-list li .buddy-mini-block p{font-size:12px;line-height:18px}.main-content-block .form-area .buddy-detail .title h1{font-size:24px;line-height:24px;margin:10px 0 0}.main-content-block .form-area .buddy-detail .buddy-small-box{padding:15px 15px 11px;margin:15px 0}#congratspopup .modal-dialog .modal-content{padding:20px}#congratspopup .modal-dialog .modal-content .modal-body h2{font-size:20px}#congratspopup .modal-dialog .modal-content .modal-body .btn-close{top:0;right:0}.blog-page ul.blog-list li{padding:0 15px;width:100%;margin:0 0 20px}.blog-page ul.blog-list li .blog-block h2{font-size:16px;line-height:22px;margin:0 0 10px}.blog-page .content-area p,.blog-page ul.blog-list li .blog-block p{font-size:12px;line-height:130%}.blog-page ul.blog-list li .blog-block .blog-photo{width:100%;height:230px;margin-bottom:10px}.blog-page ul.blog-list li:nth-child(2n){margin-top:20px}.blog-page .inline-flex .info{font-size:12px;line-height:20px}.blog-page .content-area p{margin:0 0 8px}.blog-page .content-area h2{font-size:18px;line-height:22px;margin:12px 0 6px}.join .join-content p{margin:0 0 20px}.about-section .about-content .left-image{width:100%;padding:10px;height:270px}.about-section .about-content:nth-child(2n){flex-direction:column}.about-section .about-content{margin-bottom:30px;flex-direction:column;gap:22px;padding:20px 18px}.about-section .about-content .right-discription h3{font-size:18px;line-height:22px;margin:0 0 15px;padding:0 0 15px}.about-section .about-content .right-discription p,.join .join-content p,.small-plan-box .topblock .planname{font-size:14px;line-height:18px}.about-section .about-content .right-discription h3::before{width:150px;height:1.5px}.about-section .about-content .right-discription h3::after{width:12px;height:12px}.join .join-content h3{font-size:20px;line-height:24px;margin:0 0 8px}.join::before{width:400px;height:400px;bottom:140px}.join{padding:0 0 20px}.pricing-section h1{font-size:24px;line-height:30px;margin:0 0 10px}.pricing-section h2{font-size:12px;line-height:14px;margin:0 0 20px}.small-plan-box{flex-wrap:wrap;gap:10px;padding:0}.small-plan-box .topblock{position:relative;width:100%;padding:15px 20px;border-radius:0 0 30px}.small-plan-box .topblock .planprice{font-size:22px;line-height:26px}.sms-detail{padding:0 18px}.small-plan-box .sms-detail ul li{font-size:13px;line-height:16px}.small-plan-box .sms-detail p{font-size:12px;line-height:18px;margin:0 0 5px}.small-plan-box a{padding:10px 18px;border-radius:6px;font-size:12px;min-width:auto;margin:0 18px 18px}.pricing-section .row{row-gap:22px}.plan-box .planname{font-size:16px;line-height:18px;margin:0 0 5px}.plan-box .planprice{font-size:20px;line-height:26px}.plan-box .plan-box-top .topblock{margin-bottom:10px}.plan-box .bottombar a{padding:10px 21px;font-size:12px;width:100%;line-height:14px;margin-bottom:5px}.plan-box .plan-box-bottom,.plan-box .plan-box-top{padding:16px 14px}.plan-box .plan-box-bottom h4{font-size:16px;line-height:20px;margin-bottom:6px}.plan-box .plan-box-bottom ul li{padding-left:22px;font-size:12px;line-height:16px;margin-bottom:7px}.popular{font-size:14px;line-height:14px}.contact-page .form-area .form-group.code select{font-size:12px;height:18px}.step-wrapper .step{width:20px;height:20px;font-size:10px}.step-wrapper .step-line{width:15px;height:4px}.btn-back a{gap:8px;font-size:12px;line-height:16px;top:18px;right:18px}.btn-back a svg{width:12px;height:8px}.main-content-block .form-area.scroll{padding:25px}.free-plan-block .planname{font-size:18px!important;line-height:28px!important}.free-plan-block ul li{font-size:10px;line-height:14px}.free-plan-block .totalsms{right:6px;top:6px;font-size:20px!important;line-height:2px!important;padding:8px;border-radius:8px}.free-plan-block .totalsms{right:8px;top:8px;font-size:22px!important;line-height:22px!important;padding:6px}.free-plan-block .totalsms strong{font-size:10px;line-height:10px;margin-bottom:4px}.free-plan-block ul{margin:14px 0 0;padding:0 0 0 0}.main-content-block .form-area h2{font-size:24px;line-height:24px}.main-content-block .form-area.buddy-scroll{padding:40px 25px}.card-buddy .card-buddy-header .btn-link{padding:12px 10px!important;font-size:14px}.review-section .container{position:relative;z-index:1}.review-section h2 span{font-size:14px;line-height:22px}.review-section .review-block{padding:30px 20px 20px}.review-section .review-block::before{top:20px;left:20px}.review-section .review-block .msg{font-size:16px;line-height:26px;min-height:156px}.buddy-section-heading{font-size:24px;line-height:30px;padding:6px 0 20px 0}.other-plans-wrapper .card-header .btn-link{font-size:16px;padding:16px 16px 15px!important;line-height:23px}#accordionExample .card-header .arrow{top:25px!important}}