.counter-btn{
	position: relative;
}
.arrow_left{
	position: absolute;
	left: 0;
	bottom: 7px;
	animation-timing-function: ease-out; 
	animation: arrow_left 1s infinite alternate;
}
.arrow_right{
	position: absolute;
	right: 0;
	bottom: 7px;
	animation-timing-function: ease-out; 
	animation: arrow_right 1s infinite alternate;
}
@keyframes arrow_right{
	0% {
		right: -80px;
	}
	100% {
		right: -70px;
	}
}
@keyframes arrow_left{
	0% {
		left: -80px;
	}
	100% {
		left: -70px;
	}
}






@media ( min-width: 1400px ) and ( max-width: 2500px ){

}

@media (min-width: 1400px) and (max-width: 1500px){

}
@media (min-width: 1367px) and (max-width: 1600px){
	.container { max-width: 1200px; }
	p {	font-size: 17px;line-height: 26px; }
	h2 { font-size: 3.8vw; }
	.header-bottom{ min-height: 100vh; }
}
@media (max-width: 1366px){
	html { overflow-x: hidden;}
	.container { max-width: 1200px; }
	p {	font-size: 17px;line-height: 26px; }
	h2 { font-size: 3.6vw; }
	.three-step-sec h2{ font-size: 3.6vw; }
	.three-step-sec h3{ font-size: 2.8vw; }
	.header-bottom{ min-height: 76vw; }
	.header-outer h2 { font-size: 3.5vw; line-height: 1.2; margin: 10px 0; }
	.header-screen .banner-computer { width: 62vw; }
	.header-screen .banner-robot {right: 0vw;max-height: 93%;z-index: 0; }
	/*.hero-outer-sec { top: 14vw; }*/
	.banner-bottom .img-fluid {max-height: 360px; }
	.banner-bottom p {font-size: 28px; line-height: 36px; }
	.say-what-sec h2{ font-size: 5vw; }
	.say-what-sec .say-what-inner h4 { font-size: 48px; }
	.ebook-robot-left {	width: 28%; }
	.ebook-to-audio-outer{ margin-top: -23vw; }
	.ebook-to-audio-sec h3{ font-size: 3.1vw; margin: 4% 0 30px; }
	.ebook-to-audio-sec h5 {  font-size: 2.5vw; }
	.ebook-to-audio-sec a.brush-btn{ margin: 70px 0 0; }
	.good-reader-sec{ margin-top: -22%; }
	.ebook-to-audio-bottom p {font-size: 26px;line-height: 36px; }
	.good-reader-sec h4 {  font-size: 28px; }
	.good-reader-sec p { font-size: 24px; line-height: 36px; }
	.audiobook-robot-right{ right: -5%; width: 26%; }
	.audiobook-indus-sec p { font-size: 28px; line-height: 36px; }
	.hand-money-sec .hand-money { left: -2%; width: 24%; top: 41%; }
	.hand-money-sec h2 {font-size: 3vw;	line-height: 1.3; }
	.audiobook-full-sec .audiorobot-title-img {	max-width: 93%; }
	.three-step-sec h4{ font-size: 2.1vw; }

	.circle-box {width: 26vw;top: 16vw;padding: 2vw 1vw;left: 7vw;}
    .circle-box h4::before {width: 8vw;	height: 10vw;left: -8vw;top: -7vw;}
    .circle-box.circle-box-1 {right: 3vw;left: inherit;top: 16vw;}
    .circle-box.circle-box-1 h4::before {right: -7vw;top: -6vw;}
    .circle-box.circle-box-2 { top: 37vw; left: 1vw; }
    .circle-box.circle-box-2 h4::before { bottom: -9vw; left: -5vw; }
    .circle-box.circle-box-3 {top: 39vw; right: -2vw; }
    .circle-box.circle-box-3 h4::before {right: -4vw;top: inherit;	bottom: -8vw; }
    .circle-box h4 { font-size: 2.1vw; font-weight: 600; }
    .circle-sec h3 {font-size: 3vw; padding: 25px 7vw; } 
    .circle-box.circle-box-4 { top: inherit; bottom: 5vw;}  
    .circle-box.circle-box-4 h4::before { right: -6vw; bottom: -9vw; }
    .three-step-sec{ padding: 16vw 0; }
    .three-step-sec h3{ margin: 20px 0; }
    .money-bank-row{ min-height: 7vw; }
    .what-you-can-do-sec h4 {font-size: 18px;line-height: 26px;top: 56%; }
    .what-you-can-do-sec{ padding: 17% 0 13%; }
    .compare-sec .compare-hand { left: -7vw; bottom: 17vw; z-index: 9; width: 26vw; }
    .faq-sec .accordion .card-header{ font-size: 20px; font-weight: 600; }
    .footer-outer {	padding: 26% 0 0;background-size: 100% 100%; }
    .footer-logo {	height: 120px; }
    .all-in-one-sec h4 {  font-size: 2.5vw; }
    .money-bank-sec .robot-wave {left: 0;bottom: 20%;width: 34vw;}

}
@media ( min-width: 992px ) and ( max-width: 1301px ){
	.container { max-width: 96%; }
	.slide-button {	width: 600px; margin: 0 auto; }
	.slide-button .rotate-icon {width: 90px;height: 90px;left: 4.8%;}
	.banner-bottom .img-fluid {	max-height: 220px; }
	.say-what-outer{ padding-top: 38vw; margin-top: -30vw; }
	.say-what-sec .say-what-robot {width: 50%;right: -13%;bottom: 6%;}
	section.desktop-version {  overflow-x: hidden; }
	.ebook-to-audio-bottom {  margin: 0 0 0; }
}

@media ( min-width: 768px ) and ( max-width: 991px ){
	.container { max-width: 96%; }
	p {	font-size: 15px;line-height: 20px;} 
	.banner-bottom .img-fluid {	max-height: 220px; }
	.banner-bottom p { font-size: 3vw; line-height: 1.3; }
	.slide-button {	width: 600px; margin: 0 auto; }
	.slide-button .rotate-icon {width: 90px;height: 90px;left: 4.8%;}
	.say-what-sec .say-what-inner{ min-height: inherit; }
	.say-what-sec .say-what-inner h4 {font-size: 36px; margin: 50px 0 56px; }
	.ebook-to-audio-outer{ margin-top: -26vw; }
	.ebook-to-audio-bottom p {font-size: 20px; line-height: 31px; }
	.hand-money-sec{ padding: 15vw 0; }
	.hand-money-sec h3 { font-size: 28px; }
	.audiobook-full-sec .blue-ribbon{ font-size: 26px; }
	.audiobook-full-sec h3 {  font-size: 30px; } 
	.audiobook-full-sec .orange-ribbon {padding: 28px 90px;font-size: 26px;}
	.all-in-one-sec h5{ font-size: 20px; }
	.money-bank-sec h3{ font-size: 30px; }
	.what-you-can-do-sec h4 {  font-size: 1.4vw;  line-height: 1.3; top: 50%; }
	.hero-outer-sec {padding-top:  200px}
	.text-to-audio-sec h3{ font-size: 24px; }
	.pricing-sec h3 { font-size: 4vw; margin: 60px 0 20px; }
	.compare-sec thead th { font-size: 18px; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td { font-size: 16px; }
	.faq-sec .accordion .card-header {font-size: 16px;font-weight: 600; }
	.footer-about .footer-brush{ top: 61%; }
	.dont-wait {padding: 9% 0 15%; }
	.dont-wait p {margin: 0 auto 20px; }
	.dont-wait h4 { font-size: 26px; margin: 20px 0 0; }
	.dont-wait h2{ margin: 0 0 30px; }
	.faq-sec { padding: 16% 0 0; }
	section.desktop-version {  overflow-x: hidden; }
	.ebook-to-audio-bottom {  margin: 0 0 0; }
	/*a.header-logo img { max-height: 75px; }*/
}

@media (max-width: 767px){
	#toggle-slide-btn .main-version {
		display: none;
	}
	.container { max-width: 96%; }
	.header-main { padding: 30px 0; }
	h2 {font-size: 5vw;}
	.desktop-version{ display: none; }
	.mobile-version{ display: block; }
	.banner-bottom .img-fluid {	max-height: 360px; }
	.header-bottom img.main-hero-img { width: 100%; position: absolute; left: 0; height: 139vw; object-fit: cover; }
	.slide-button img {	max-width: 100%; }
	.header-logo img { max-height: 120px; }
	.hero-outer-sec { position: inherit; padding-top: 165px; width: 100%; }
	.top-slider { margin-bottom: 50px; }
	.say-what-sec .say-what-inner { padding-right: 0; padding-top:0; min-height: inherit; }
	.say-what-outer { background-image: url('../img/mobile-say-what-sec-bg.png'); background-size: 100% 100%; z-index: 9; position: relative; }
	.say-what-sec h2 { font-size: 10.5vw; }
	.say-what-sec .say-what-inner h4 { font-size: 7vw; font-weight: 600; }
	.say-what-sec .say-what-robot { max-width: 38%; right: -9%; bottom: inherit; top: 58%; }
	.say-what-sec .say-what-inner h4 {margin: 50px 0 40px; }
	.say-what-sec .say-what-inner p { margin-right: 20%; }
	.audiobook-take h2 { color: #252a4e; font-size: 8vw; }
	.audiobook-take h4 {font-size: 6vw; font-weight: 600; margin: 20px 0 80px; }
	.audiobook-take .audiobook-take-left-img { left: 5%; bottom: 0; width: 13%; }
	.audiobook-take .audiobook-take-right-img {	display: none; }
	.hand-money-sec {background-image: url('../img/mobile-gray-bg.png');background-position:center bottom;padding: 28vw 0 30vw;margin-top: -24vw;}
	.hand-money-sec h2 {font-size: 6.8vw; line-height: 1.3; }
	.hand-money-sec h2 span { font-size: 5.8vw; }
	.hand-money-sec h3 {margin: 40px auto 0;max-width: 515px; }
	.hand-money-sec .hand-money { left: -4%; width: 55%; top: inherit; bottom: -8%; }
	.audiobook-step-sec { padding: 14vw 0 5vw; }
	.audiobook-step-sec p {	max-width: 500px;margin: 0 auto 15px; }
	.audiobook-full-sec .blue-ribbon { padding: 20px 80px; font-size: 3.6vw; }
	.audiobook-full-sec h3 { font-size: 6vw; }
	.audiobook-full-sec { background-position: center; background-size: 100% auto; overflow-x: hidden; }
	.audiorobot-title-img {	max-width: 90%; }
	.audiobook-full-sec .blue-ribbon, .audiobook-full-sec .orange-ribbon {padding: 25px 12vw;font-size: 3.6vw;font-weight: 600;	}
	.audiobook-full-sec h4 { font-size: 6vw; margin: 10px 0; }
	.circle-box { width: 33vw; top: 13vw; padding: 3vw 2.1vw;	left: 7vw; }
	.circle-box h4::before {width: 8vw;	height: 10vw; left: -5vw; top: -10vw; }
	.circle-box.circle-box-1 {right: 3vw;left: inherit;top: 12vw;}
	.circle-box.circle-box-1 h4::before { right: -6vw; top: -8vw; }
	.circle-box.circle-box-2 { top: 46vw; left: 2vw; }
	.circle-box.circle-box-2 h4::before { bottom: -10vw; left: -5vw; }
	.circle-box.circle-box-3 { top: 47vw; right: 0vw;  }
	.circle-box.circle-box-3 h4::before { right: -3vw; top: inherit; bottom: -9vw; }
	.circle-box h4 { font-size: 2.7vw; margin: 0; font-weight: 600; }
	.circle-sec h3 {font-size: 3vw;	padding: 25px 7vw; } 
	.circle-box.circle-box-4 { top: inherit; bottom: 5vw;}	
	.circle-box.circle-box-4 h4::before { right: -6vw; bottom: -9vw; }
	.three-step-sec { background-image: url('../img/mob-steps-bg.png');	background-size: 100% 100%; padding: 14vw 0; margin-top: 8vw; }
	.three-step-sec h4 { font-size: 5vw; margin: -13px auto 0; background-size: 100% 100%; padding: 13px 15px; max-width: 68vw; }
	.three-step-sec h3 { font-size: 8vw; }
	.all-in-one-sec::before { background-image: url('../img/mobile-gray-bg2.png'); bottom: 0; }
	.all-in-one-sec .flex-row-reverse h4{ margin-left: 0; }
	.all-in-one-sec .flex-row-reverse p{ margin-left: 0; }
	.all-in-one-sec::after {background-position: center 19%; }
	.all-in-one-sec .right-corner { right: -13%; margin: 0; max-width: 100%;}
	.all-in-one-sec h5{ font-size: 26px; }
	.money-bank-sec{ background: none; }
	.money-bank-row{ padding: 20px 20px 20px 80px; min-height: 93px; position: relative; z-index: 9; }
	.money-bank-row::before {width: 80px;background-position: center;left: -13px;background-size: 40%; }
	.money-bank-sec .robot-wave {position: inherit;width: 83%;margin-top: -22px;}
	.all-in-one-sec img {margin: 0 auto;display: block;}
	.what-you-can-do-sec{ background-image: url('../img/what-can-do-mobile-bg.png'); padding: 32% 0 24%;  }
	.what-you-can-do-sec h4 { top: 72%; left: 12%; right: 12%; display: block; width: 70%; margin: 0 auto; max-width: 270px; }
	.what-you-can-do-sec .push-down { margin-top: 0; }
	.text-to-audio-sec .img-fluid {	position: relative; left: 0; }
	.pricing-sec p { font-size: 20px; line-height: 30px; }
	.pricing-sec h2 {font-size: 9vw;margin: 0 0 30px;}
	.compare-sec h2 {font-size: 6vw;}
	.pricing-sec h3{ font-size: 7.5vw; }
	.compare-sec .table-striped tbody tr td:first-child { background-color: #f0cef3; border-top: 1px solid #c439d0; }
	.compare-sec .table-striped tbody tr:nth-of-type(2n+1) td:nth-child(2n){ background-color: #c439d0; }
	.compare-sec thead tr:nth-child(2) th:first-child {	background: #c439d0; color: #fff; }
	.compare-sec thead tr:nth-child(2) th:nth-child(2) { background-color: #f0cef3; color: #252a4e;	}
	.compare-sec .table-striped tbody tr td:last-child { background-color: #c439d0;  color: #fff; border-top: 1px solid #fff;	}
	.compare-sec thead th:first-child{ background-color: #f0cef3; color:#fff; }
	.compare-sec thead th:nth-child(2) {  background-color: #c439d0; color: #fff; }
	.compare-sec thead tr:first-child th{ font-weight: bold; }
	.compare-sec thead tr:first-child th:first-child{ background: #f0cef3; color: #252a4e; }
	.compare-sec thead tr:first-child th:nth-child(2){ background-color: #c439d0; color:#fff; }
	.compare-sec thead tr:first-child th:nth-child(3){ background-color: #f0cef3; color:#252a4e; }
	.compare-sec thead tr:first-child th:last-child { font-family: 'Pacifico', cursive; font-weight: normal; position: relative; }
	.compare-sec thead tr:first-child th:last-child img {position: absolute;width: 10%;top: 30%;}
	.compare-sec-in{ max-width: 90%; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td {font-size: 20px;}
	.compare-sec thead th { font-size: 22px; }
	.compare-sec .compare-hand {position: absolute; left: -10vw;bottom: 24%; z-index: 9; width: 30vw;}
	.dont-wait-outer {background-image: none;background-repeat: no-repeat; }
	.dont-wait {background-image: url('../img/why-bg-mobile.png');background-repeat: no-repeat;background-size: 100% 100%; }
	.what-wait-sec .laptop-man{ display: none; }
	.dont-wait h2 {	font-size: 8vw; margin: 0 0 20px; }
	.what-wait-sec h2{ font-size: 6vw; }
	.footer-outer{ background-image: url('../img/mobile-footer-bg.png');background-repeat: no-repeat;background-size: 100% 100%; }
	.footer-about h3 {margin: 110px 0 50px; font-size: 7vw;}
	.footer-about {	padding-top: 100px; }
	.footer-about .footer-brush { left: -4vw; top: 41%; width: 66vw; }
	.slide-button img {max-width: 100%;width: 100%;}
	.slide-button .rotate-icon {width: 16vw;height: 16vw;padding: 2vw;top: 8px;border: 3px solid #fff;}
	.faq-sec .accordion .card-header{ font-size: 18px; }
	.footer-logo { max-height: 100px; }
	.dont-wait { padding: 34% 0 24%; }
	.compare-sec thead th{ font-size: 15px; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td{ font-size: 14px; }
	.compare-sec .btn.btn-primary{ /* width:135px; */ margin: 10px auto; font-size: 15px; }
	.compare-sec-in { max-width: 100%; }
	.footer-main .img-fluid.footer-robot{ bottom: 14%; }
	.footer-main .footer-box { bottom: 14%; left: -13%; }
	.dont-wait h4 { font-size: 26px; margin: 20px 0 50px; }
	.header-bottom p { font-size: 14px; line-height: 17px; }
	.banner-bottom p { font-size: 20px; line-height: 28px; margin-bottom: 0; }
	.three-step-sec h2 { font-size: 6vw; margin: 0 0 30px; }
	.three-step-in {margin: 0 0 30px !important; }
	.three-step-sec .publish-number{ margin: -50px auto 0; width: 45px; height: 45px; font-size: 28px; }
	.mobile-thing{ display: block; }
	.desktop-thing{ display: none; }
	.sales__video__main {
	    height: 200px;
	}
	.footer-box{
		display: none;
	}
	.footer-robot{
		display: none;
	}
	.footer-main p {
	    font-size: 13px;
	    margin: 12px 0 0;
	}
	.footer-list.footer-menus li a {
	    font-size: 13px;
	}
	.footer-list.footer-menus li {
	    padding: 0 5px;
	}
	.footer-list.footer-menus{
		padding-top: 20px;
		padding-bottom: 0;
	}
	.sqribble-logo{
		margin-top: 10px !important;
	}
	.hurry-text{
		display: none;
	}
	#toggle-slide-btn .orange-btn {
	    padding: 7px 20px 11px;
	    font-size: 13px;
	}
	.count-text{
		font-size: 13px !important;
	}
	.footer-main {
	    padding: 60px 0 117px;
	}
	.disclaimer-box {
	    padding-bottom: 0;
	}
	
}


@media ( max-width: 480px ){
	.hand-money-sec { padding: 38vw 0 30vw;   margin-top: -38vw; }
	.all-in-one-sec h4 { font-size: 5.5vw; }
	.what-you-can-do-sec {  padding: 37% 0 33%; }
	.pricing-sec p { font-size: 17px; line-height: 24px; }
	.compare-sec h4 { font-size: 20px; }
	.text-to-audio-sec h3{ font-size: 30px; }
	.footer-about .footer-brush { top: 123vw; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td {  padding: 1vw 5px; }
	.circle-sec h3 { font-size: 4.5vw; }
	.banner-bottom p { font-size: 18px; line-height: 26px; }
	.banner-bottom .owl-dots .owl-dot { width: 14px; height: 14px; margin: 0 2px; }
	.say-what-sec .say-what-inner h4 {	margin: 30px 0 30px; }
	.audiobook-take { padding: 40px 0 75px; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td {font-size: 12px;}
	.compare-sec thead th {	font-size: 14px; }
	.compare-sec .btn.btn-primary {/*width: 100px;*/ font-size: 15px;padding: 4px 0;	margin: 6px auto 6px; }
	.dont-wait { padding: 140px 0 120px; }
	.faq-sec .accordion .card-header {	font-size: 16px; }
	h2 { font-size: 7vw; }
	#toggle-slide-btn .orange-btn {
		padding: 7px 6px 8px;
		font-size: 11px;
	}
	.arrow_left{
		width: 40px;
	}
	.arrow_right{
		width: 40px;
	}
	@keyframes arrow_right{
		0% {
			right: -60px;
		}
		100% {
			right: -50px;
		}
	}
	@keyframes arrow_left{
		0% {
			left: -60px;
		}
		100% {
			left: -50px;
		}
	}
}
@media ( max-width: 350px ){
	/*.header-logo img { max-height: 55px; }*/
	/*.hero-outer-sec{ padding-top: 60px; }*/
	.header-outer h2 {font-size: 4.5vw; }
	.header-bottom p { font-size: 13px; line-height: 16px; }
	.banner-bottom { padding: 70px 0 50px; }
	.text-to-audio-sec h3 {font-size: 22px; }
	.faq-sec .accordion .card-header { font-size: 15px; }
	.faq-sec .card-body p { font-size: 14px; line-height: 20px; }
}