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

@media (min-width: 1400px) {
	.container {max-width: 1290px}
}

@media (min-width: 1600px) {
	.container {    max-width: 1290px;}
}

@media (max-width: 1600px) {
	main .about {background-position: left top 61%, right top 60%, center center;   background-size: 13vw, 14vw, auto 100%;}
	.join .numbers span {font-size: 45px;}
	.join .numbers p {font-size: 18px;}
}

@media (max-width: 1400px) {
	main .about {background-position: left top 61%, right top 56%, center center;}
	.join .numbers span {font-size: 37px;}
	.join .numbers p {font-size: 14px;}
	footer .box img {xwidth: 200px;}
	footer .items, footer .box, footer .links .item {font-size: 16px;}
	footer .links {padding: 0 35px;}
}

@media (max-width: 1200px) {
	main .about {background-position: left top 57%, right top 52%, center center;}
	.join .numbers span {font-size: 27px;}
	.join .numbers .col-md-4 {flex: 0 0 100%; max-width: 100%;}
	footer .items {padding-left: 40px;}
	footer .items .devices {padding-right: 0;}
	footer .links {padding: 0 25px;}
	footer .logo {padding-right: 30px;}
        main .about {
  background-size: 9vw, 10vw, auto 100%;
}
}

@media (max-width: 1199px) {
	header .menu .links .menu-item {font-size: 16px; line-height: 24px;}
	h1 {font-size: 55px; line-height: 48px;}
	h1 span.min {font-size: 35px;}
	.social img {width: 36px;}
	/*.qr-box div {font-size: 18px;}*/
	.qr-box .qr img {width: 200px;}
}

@media (max-width: 991px) {
	header .menu .links .menu-item {font-size: 12px; line-height: 24px;}
	main .about {background-position: left top 54%, right top 47%, center center;}
	h1 span.min {font-size: 30px; line-height: 70px;}
	footer .items {padding-left: 30px;}
	footer .box {padding-bottom: 10px;}
	footer .items .col-md-5, footer .items .col-md-7, footer .items .col-md-9 {flex: 0 0 100%; max-width: 100%;}
	footer .items .col-md-3 {flex: 0 0 35%; max-width: 35%; padding-bottom: 10px;}
	footer div, footer .links, footer .items, footer .box, footer .links .item, footer .logo p {font-size: 12px;}


}

@media (min-width: 768px) {
	.isbetter .main-block .wrapper {box-shadow: 0px 4px 20px rgba(83, 117, 161, 0.12);}
}

@media (max-width: 768px) {
	body {font-size: 1.1rem;}
	h1 {font-size: 33px; line-height: 28px;}
	h1 span.min {font-size: 16px;}
	h2 {font-size: 1.5rem; padding-bottom: 0;}
	h3 {font-size: 1.4rem;}
	h4 {font-size: 1.1rem; line-height: 18px; padding-top: 10px;}
	header .container, main .container, footer .container {padding: 0 40px;}
	header .logo {padding-left: 0px;}

	.isbetter .main-block .wrapper .text-wrap .text {text-align: center;}
	.isbetter .main-block .wrapper .img-cell {max-width: 150px; margin: auto;}
	.isbetter .main-block .wrapper {border-radius: 24px;}
	.isbetter.adaptive .flexslider .slide .wrapper {min-height: 500px;}
	.flexslider .slide {box-shadow: unset;}
	.flexslider .slides > li {padding: 40px 0;}
	main .mistake {margin-bottom: 30px;}
	.faq button {font-size: 12px;}
	.card-body {font-size: 12px;}
	.accordion .card {margin-bottom: 12px; min-height: 65px;}
	.card-header:before, .card-header:after {height: 20px; top: 21px; left: 30px;}
	.accordion .card {padding-left: 40px;}
	.qr-box .wrapper {width: 100%; height: 25px; position: relative;}
	.qr-box button {height: 50px;}
	.qr-box #countdown {margin-bottom: 25px; position: relative;}
	button.btn-link, button.btn-link:focus, button.btn-link:active, button.btn-link:hover {font-size: 12px;}
	.social {padding: 0 0 0 35px;}
	.burger {padding-left: 0px;}
	.reviews .flex-direction-nav a, .isbetter .flex-direction-nav a {margin: -20px 0;}
	.reviews .flexslider .slide {padding: 15px;}
	.reviews .flexslider .slide .img .wrapper {width: 60px; height: 60px;}
	.top-block {margin-left: -15px; margin-right: -15px;}

	.mistake .col-md-5.hcenter {margin-bottom: 40px;}
	.mistake .row.vcenter:nth-of-type(1) {margin-bottom: 40px;}

	footer.adaptive .download .img-cell img {max-width: 40px;}
	.dwnld .text {width: 100%; text-align: center;}
	.qr-box {width: 100%; }
	.qr-box .countdown {justify-content: center;}
	.qr-box img {width: auto;}
	.qr-box #countdown .wrapper {height: auto;}
	.faq .top {background: url('../images/adaptive/faq_bgr_top.svg') no-repeat bottom; background-size: 100% auto; height: 90px;}
	.faq .mid {background: url('../images/adaptive/faq_bgr_mid-a512ca2f894cf94a8d283f3aa439d9b8.png') no-repeat; background-size: 100% 100%; padding: 20px 0;}
	.faq .btm {background: url('../images/adaptive/faq_bgr_btm.svg') no-repeat; background-size: 100% auto; height: 100px;}
	.faq .afterpad-50 {padding: 0;}
	.faq img {width: auto;}
	.accordion>.card:not(:last-of-type), .accordion>.card:not(:first-of-type) {border-radius: 14px;}
	.faq .nopad, .about .nopad {padding-right: 15px; padding-left: 15px;}

	.join.adaptive .numbers div {min-height: 150px;}
	.reviews.adaptive div .slide, .flexslider div .slide {box-shadow: 0px 1px 8px #ccc; margin: 7px;}

	.reviews .flex-direction-nav a.flex-next:before, .isbetter .flex-direction-nav a.flex-next:before {content: url(../images/add/arrow-right-sm-ec1605b8d67016296a7dc2e3542fcb73.png);}
	.reviews .flex-direction-nav a:before, .isbetter .flex-direction-nav a:before {content: url(../images/add/arrow-left-sm-a9e8fbce8242d2d9003d30b6ae77738c.png);}
	.join.adaptive .qr-box p img, .save.adaptive .qr-box p img, .join.adaptive .qr-box li img, .save.adaptive .qr-box li img {width: 20px;}
	.join.adaptive .qr-box, .save.adaptive .qr-box {text-align: left;}
	.minutes-1, .minutes-2, .seconds-1, .seconds-2 {font-size: 45px; width: 52px; height: 77px;}
	.save.adaptive .qr-box .wrapper {position: relative;}
	.about.adaptive {background-position: left -14% top 544px, bottom right, top 15% center; background-size: 33%, 24%, 100% auto;}
}

@media (max-width: 562px) {
	.about.adaptive {background-position: left -14% top 544px, bottom right, top 15% center; background-size: 33%, 29%, 100% auto;}
}
@media (max-width: 425px) {
	body {font-size: 1rem;}
	.qr-box div .colon {font-size: 53px;}
	.minutes, .seconds {left: 16px;}
	#countdown .countdown-time {font-size: 49px;}
	header.adaptive .content {background-size: 130%;}
	.about.adaptive {background-position: left -14% top 544px, bottom right, top 15% center; background-size: 33%, 37%, 100% auto;}
	.mistake h3 {font-size: 1.3rem; font-weight: 600; color: #13374B;}
	.adaptive .card-header:before, .adaptive .card-header:after {height: 16px;}
	.faq.adaptive .card-header, .faq.adaptive .card-body {padding-left: 0;}
	.faq.adaptive .card-header:before, .faq.adaptive .card-header:after {left: 20px; top: 18px;}
	.faq.adaptive .accordion .card {min-height: 55px;}
	.isbetter.adaptive .flexslider .slide .wrapper {min-height: 440px;}
	.qr-box #countdown {width: 100%;}
	#countdown .wrapper {justify-content: center;}
	.join.adaptive .qr-box .wrapper {height: 0;}
	.reviews.adaptive .ppq-audio-player.player-playing .play-pause-icon:after {background-position: -19px 0;}	
}

@media (max-width: 375px) {
	body {font-size: 0.9rem;}
	.qr-box div .colon {font-size: 45px;}
	.minutes, .seconds {left: 15px;}
	#countdown .countdown-time {font-size: 43px;}
	header.adaptive .content {background-position: bottom center; min-height: 500px;}
	header.adaptive .content .bgr {padding-top: 35px;}
	.about.adaptive {background-position: left -14% top 480px, bottom right, top 15% center; background-size: 33%, 42%, 100% auto;}
	.mistake h3 {font-size: 1.1rem;}
	.isbetter.adaptive .flexslider .slide .wrapper {min-height: 420px;}
}

@media (max-width: 320px) {
	.qr-box div .colon {font-size: 35px;}
	#countdown .countdown-time {font-size: 32px;}
	.minutes, .seconds {left: 13px;}
	.qr-box img {width: 22px;}
	header.adaptive .content .bgr {padding-top: 18px;}
	header.adaptive .content {background-position: bottom center; min-height: 432px;}
	header.adaptive .text .wrapper {padding: 20px 0;}
	.about.adaptive {background-position: left -14% top 400px, bottom right, top 15% center;}
	.card-header {padding: .75rem 0.55rem;}
	.card-body {padding: 1rem 0.5rem;}
	.mistake h3 {font-size: 0.9rem;}
	.card-header:before, .card-header:after {left: 25px;}
	.about.adaptive .accordion .card {padding: 0px 30px 0 45px;}
	.accordion .arrow {right: 20px;}
	.faq .nopad, .about .nopad {padding: 0;}
	.isbetter.adaptive .flexslider .slide .wrapper {min-height: 450px;}
}

@media(min-width: 800px) and (max-width: 1445px){
   body {zoom:0.9}
    
}