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

}

@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-outer .btn.btn-primary{ font-size: 24px }
	.header-outer .btn.btn-primary small{ font-size: 15px; }
	.banner-bottom-button-sec .btn {max-width: 550px; width: 100%; }
	.banner-bottom-button-sec .btn span{ font-size: 30px; }
	.banner-bottom-button-sec .arrow-image{ left: -10px; }
	.benefits-sec h2{ font-size: 32px; }
	.benefit-box h3{ font-size: 1.4rem; }
	.benefit-bottom-sec h3 {width: 83%;font-size: 32px;margin: 0 0 0 25%;}
	.tools-sec h4{ font-size: 32px; }
	.tools-sec h3 {	font-size: 26px;line-height: 32px;}
	.limit-control-sec h2 {	font-size: 28px; }
	.the-dark-lies-sec h2{ width: 1000; }
	.the-dark-lies-sec h3{ font-size: 30px; }
	.the-dark-lies-sec p {	font-size: 18px; }
	.the-dark-lies-sec h4 { font-size: 28px; width: 920px; max-width: 100%; }
	.people-agree-sec p { max-width: 100%; width: 420px; }
	.wave-img-sec .wave-img-in img { width: 510px;}
	.online-platform-sec p { font-size: 20px; max-width: 870px; }
	.online-platform-sec .online-platform-img{ width: 1000px; }
	.course-create-steps h3 { font-size: 26px;width: 390px;max-width: 100%; }
	.course-create-steps p {font-size: 20px;width: 380px;max-width: 100%; }
	.course-create-steps .num-icon {font-size: 50px;width: 90px;height: 90px; }
	.orange-btn, .red-btn{ font-size: 24px; }
	.orange-btn small, .red-btn small {font-size: 15px;}
	.earning-outer-bg::before {	background-size: 22vw; }
	.earning-outer-bg::after{ background-size: 10vw; }
	.how-to-sec h3{ font-size: 24px; }
	.earning-sec{ background-size: 40vw; }
	.how-to-sec img {max-height: 200px; }
	.how-to-sec h4{ font-size: 24px; }
	.how-to-sec p {	width: 270px; max-width: 100%; margin: 0 auto; }
	.publish-step-sec h6{ width: 575px; }
	.publish-step-sec .publish-step-box-2 .publish-arrow, .publish-step-sec .publish-step-box-1 .publish-arrow{ left: 24vw; }
	.publish-step-sec .publish-circle-left, .publish-step-sec .publish-circle-right{ width: 12vw; }
	.publish-step-sec .publish-plane-main{ width: 30vw; }
	.all-in-one-sec {padding: 6% 0; }
	.all-in-one-sec h3{ font-size: 3.8vw; } 
	.all-in-one-sec h4{ font-size: 28px; }
	.free-bonus-sec h2, .free-bonus-sec h3{ font-size: 3.5vw; }
	.free-bonus-sec p {font-size: 20px;line-height: 32px; }
	.free-bonus-sec .btn.btn-primary{ font-size: 22px; }
	.free-bonus-in{ width: 900px; max-width: 100%; }
	.total-value-sec .btn {	width: 350px; }
	.total-value-sec .btn span{ font-size: 22px; }
	.fifty-discount-sec h4{ font-size: 30px; }
	.fifty-discount-brush-sec p { font-size: 30px; margin: 14px 0; }
	.fifty-discount-brush-sec img{ bottom: 0; }
	.fifty-discount-sec h3{ width: 800px; font-size: 30px; }
	.compare-sec-in{ width: 920px; }
	.compare-sec thead th{ font-size: 20px; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td{ font-size: 17px; }
	.faq-sec .accordion .card-header{ font-size: 18px; }
	.faq-sec h3{ line-height: 40px; font-size: 30px; }
	.footer-about h3{ font-size: 32px; }
	.footer-about{ padding: 26% 0 0; }
	.compare-sec .compare-girl{ width: 18vw; }
	.online-platform-img-sec .online-headphone { position: absolute; left: 22%; top: -5%; z-index: 1; width: 200px; }
	.online-platform-img-sec .online-like { position: absolute; left: 10%; top: 12%; z-index: 1; width: 140px; }
}

@media ( max-width: 1366px ){
	.container { max-width: 1200px; }
	p {	font-size: 17px;line-height: 26px; }
	h2 { font-size: 3.8vw; }
	.header-outer .btn.btn-primary{ font-size: 24px; margin: 0 10px; }
	.header-outer .btn.btn-primary small{ font-size: 15px; }
	.banner-bottom-button-sec .btn {max-width: 550px; width: 100%; }
	.banner-bottom-button-sec .btn span{ font-size: 30px; }
	.banner-bottom-button-sec .arrow-image{ left: -10px; }
	.benefits-sec h2{ font-size: 32px; }
	.benefit-box h3{ font-size: 1.4rem; }
	.benefit-bottom-sec h3 {width: 83%;font-size: 32px;margin: 0 0 0 25%;}
	.tools-sec h4{ font-size: 32px; }
	.tools-sec h3 {	font-size: 26px;line-height: 32px;}
	.limit-control-sec h2 {	font-size: 28px; }
	.the-dark-lies-sec h2{ width: 1000; }
	.the-dark-lies-sec h3{ font-size: 30px; }
	.the-dark-lies-sec p {	font-size: 18px; }
	.the-dark-lies-sec h4 {font-size: 28px;width: 920px;max-width: 100%; }
	.people-agree-sec p { max-width: 100%; width: 420px; }
	.wave-img-sec .wave-img-in img { width: 510px;}
	.online-platform-sec p { font-size: 20px; max-width: 870px; }
	.online-platform-sec .online-platform-img{ width: 1000px; }
	.course-create-steps h3 { font-size: 26px;width: 390px;max-width: 100%; }
	.course-create-steps p {font-size: 20px;width: 380px;max-width: 100%; }
	.course-create-steps .num-icon {font-size: 50px;width: 90px;height: 90px; }
	.orange-btn, .red-btn{ font-size: 24px; }
	.orange-btn small, .red-btn small {font-size: 15px;}
	.earning-outer-bg::before {	background-size: 22vw; }
	.earning-outer-bg::after{ background-size: 10vw; }
	.how-to-sec h3{ font-size: 24px; }
	.earning-sec{ background-size: 40vw; }
	.how-to-sec img {max-height: 200px; }
	.how-to-sec h4{ font-size: 24px; }
	.how-to-sec p {	width: 270px; max-width: 100%; margin: 0 auto; }
	.publish-step-sec h6{ width: 575px; }
	.publish-step-sec .publish-step-box-2 .publish-arrow, .publish-step-sec .publish-step-box-1 .publish-arrow{ left: 24vw; }
	.publish-step-sec .publish-circle-left, .publish-step-sec .publish-circle-right{ width: 12vw; }
	.publish-step-sec .publish-plane-main{ width: 30vw; }
	.all-in-one-sec {padding: 6% 0; }
	.all-in-one-sec h3{ font-size: 3.8vw; } 
	.all-in-one-sec h4{ font-size: 28px; }
	.free-bonus-sec h2, .free-bonus-sec h3{ font-size: 3.5vw; }
	.free-bonus-sec p {font-size: 20px;line-height: 32px; }
	.free-bonus-sec .btn.btn-primary{ font-size: 22px; }
	.free-bonus-in{ width: 900px; max-width: 100%; }
	.total-value-sec .btn {	width: 350px; }
	.total-value-sec .btn span{ font-size: 22px; }
	.fifty-discount-sec h4{ font-size: 30px; }
	.fifty-discount-brush-sec p { font-size: 30px; margin: 14px 0; }
	.fifty-discount-brush-sec img{ bottom: 0; }
	.fifty-discount-sec h3{ width: 800px; font-size: 30px; }
	.compare-sec-in{ width: 920px; }
	.compare-sec thead th{ font-size: 20px; }
	.compare-sec .compare-girl{ width: 18vw; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td{ font-size: 17px; }
	.faq-sec .accordion .card-header{ font-size: 18px; }
	.faq-sec h3{ line-height: 40px; font-size: 30px; }
	.footer-about h3{ font-size: 32px; }
	.footer-about{ padding: 26% 0 0; }
}

@media ( min-width: 768px ) and ( max-width: 991px ){
	.container { max-width: 95%; }
	h2 { font-size: 5vw; line-height: 1.2; }
	p {	font-size: 16px; line-height: 24px; }
	.header-outer {	background-size: 100%; background-position: top left; }
	.header-outer h2 { line-height: 1.2; margin: 10px 0; }
	.header-main {padding: 10px 0; }
	.header-logo {max-width: 200px;display: inline-block;}
	.tools-sec h2 { line-height: 1.2; }
	.publish-step-sec .publish-plane-main {width: 24vw;bottom: 50px;}
	.faq-sec .accordion .card-header { font-size: 1.7vw; }
	.the-dark-lies-sec p { font-size: 16px; }
	.wave-img-sec .wave-img-in img { width: 45vw; }
	.tools-sec h2 br { display: none; }
	.benefit-bottom-sec h3 { width: 70%; font-size: 21px; margin: 0 0 0 25%; }
	.benefit-box h3 { font-size: 2vw; width: 65%; top: 38%; }
	.online-platform-img-sec .online-headphone { left: 22%;top: -3%; width: 150px; }
	.online-platform-img-sec .online-like { left: 9%; top: 14%;	width: 110px; }
	.course-create-steps .dashed-wave-left {  bottom: -46%; left: 26%; width: 100%; }
	.course-create-steps .dashed-wave-right{ width: 100%; }
	.compare-sec-in::after { right: -25px; bottom: -29px; }
	.compare-sec-in::before { left: -25px; top: -40px; }
	.the-dark-lies-sec .dark-lies-man{ right: -10px; }
	.desktop-hat{ width: 90px; }
} 

@media (max-width: 767px){
	.desktop-version{ display: none; }
	.mobile-version{ display: block; }
	.desktop-hat{ display: none; }
	.desktop-img { display:none; }
	.mobile-img { display:block; }
	h2 { font-size: 6vw; }
	.header-outer .container .row{ margin-left: -30px; margin-right: -30px; }
	.header-bottom {overflow-x: hidden; }
	.header-outer{ background-image: url('../img/hero-mobile.png'); background-size: 100%; }
	.header-logo {width: 30vw; display: inline-block; }
	.header-outer h2 {font-size: 7vw;line-height: 1.2; margin: 20px 10px; }
	.header-outer h2 br { display: none; }
	.header-bottom p {	font-size: 18px;font-weight: 600;line-height: 1.3;margin: 35px 0;}
	.header-bottom p br { display: none; }
	.header-main{ padding: 30px 0 10vw; }
	.orange-btn, .red-btn { padding: 10px 20px !important; font-size: 4vw; }
	.orange-btn small, .red-btn small{ font-size: 3vw; }
	.header-outer .btn.btn-primary { font-size: 4vw; }
	.header-outer .btn.btn-primary small { font-size: 3vw; }
	.banner-bottom h2 {	font-size: 7vw; }
	.banner-bottom h2 br { display: none; }
	.banner-bottom-button-sec { position: relative; }
	.banner-bottom-button-sec .btn span {font-size: 5vw; }
	.banner-bottom-button-sec .arrow-image { left: 0; position: absolute; width: 11vw; top: -13vw; display: block; rotate: 30deg; }
	.banner-bottom p { font-size: 20px; line-height: 1.3; }
	.banner-bottom p br{ display: none; }
	.tools-sec h2 { line-height: 1.2; font-size: 7vw; margin-bottom: 90px; }
	.wave-img-sec .wave-img-in { top: -30%;	width: 100%; }
	.wave-img-sec .wave-img-in img { width: 70%; }
	.online-platform-sec h2 { font-size: 8vw; }
	.online-platform-sec h2 span {width: 68vw; margin: 0 auto; display: block; }
	.online-platform-sec p {font-size: 26px; max-width: 100%; line-height: 1.3; }
	.online-platform-sec{ background-position: 0 80%; background-size: 100%; }
	.course-create-steps .dashed-wave-left, .course-create-steps .dashed-wave-right{ display: none;}
	.course-create-steps h3 {font-size: 6.7vw; width: auto; line-height: 1.2; }
	.course-create-steps p {font-size: 4.2vw; width: auto; max-width: 100%; line-height: 1.4; margin-bottom: 20%; }
	.earning-sec h2 { margin: 0 0 7%; font-size: 8vw; }
	.earning-outer-bg {	background-image: url('../img/bg-big-logo.png');background-position: top center;background-repeat: no-repeat; background-size: 70%; padding-top: 12%; }
	.earning-sec { background:none;	padding:0; }
	.earning-outer-bg::before {	display: none; }
	.how-to-sec h3 span { padding: 4% 2vw; display: block; width: 60vw; font-size: 4vw; text-align: center; }
	.how-to-sec h3 {font-size: 4vw;	margin: 9% 0; text-align: left; }
	.earning-outer-bg::after {	background-size: 21vw; background-position: right 21%; }
	.how-to-sec p{ margin: 0 auto 40px; }
	.how-to-sec h4{ font-size: 26px; }
	.how-to-sec .btn.btn-primary { margin-top: 0; }
	.publish-step-sec {	padding: 10vw 0 30vw; background-size: cover; background-position: bottom center; }
	.publish-step-sec h2 br { display: none; }
	.publish-step-sec h6 { font-size: 18px; margin-bottom: 30px; }
	.publish-step-box-1, .publish-step-box-2, .publish-step-box-3 {padding-top: 0; margin: 0 auto;max-width: 98%; }
	.publish-step-in-3{ margin-top: 0; }
	.publish-step-in-1, .publish-step-in-2, .publish-step-in-3 { position: relative; z-index: 1; margin: 20px 15vw !important; }
	.publish-step-sec .publish-step-box-2 .publish-arrow, .publish-step-sec .publish-step-box-1 .publish-arrow { left: 24vw; display: none; }
	.publish-step-sec .publish-circle-right { width: 32vw; bottom: 17vw; }
	.publish-step-sec .publish-circle-left { left: 0; bottom: -26vw; width: 32vw !important; }
	.publish-step-sec .publish-plane-main {width: 36vw;	bottom: -2vw; }
	.publish-step-sec .publish-step-in p{ font-size: 20px; }
	.publish-step-in { padding: 75px 10px 30px; }
	.all-in-one-sec { padding: 70px 0; }
	.all-in-one-sec .owl-dots { text-align: center; margin: 20px 0px 0px; }
	.all-in-one-sec .owl-dots .owl-dot { width: 20px; height: 20px; border: 2px solid #ff802c; margin: 0 6px; border-radius: 50%; }
	.all-in-one-sec .owl-dots .owl-dot.active, .all-in-one-sec .owl-dots .owl-dot:hover{ background: #f0125c; border-color: #f0125c; }
	.all-in-one-sec p br { display: none; }
	.all-in-one-sec p {	margin-bottom: 40px; }
	.all-in-one-sec h2, .all-in-one-sec h3{ font-size: 8vw; }
	.free-bonus-sec .bonus-left-img { top: -7vw; max-width: 15vw; z-index: 999; }
	.free-bonus-sec .bonus-right-girl{ max-width: 12vw; }
	.free-bonus-sec h2, .free-bonus-sec h3 { font-size: 6.5vw; }
	.free-bonus-outer::before {	left: 0; top: -22px; background-size: 70px; }
	.free-bonus-outer::after {right: 0; bottom: -22px; background-size: 70px; }
	.free-bonus-sec p { font-size: 18px; line-height: 25px; }
	.free-bonus-sec { background-size: cover; padding: 15vw 0; }
	.total-value-sec { padding: 30% 0 5%; background-size: 45%; }
	.total-value-sec .total-value-box-outer{ padding: 30px 20px 50px; text-align: center; margin: 0 30px; }
	.total-value-sec .total-value-box-outer p { margin: 0 0 5px; font-weight: 600; }
	.total-value-sec .total-value-box-outer::before { background-size: 128px; left: -53px; top: -73px; }
	.total-value-sec .total-value-box-outer::after { right: -43px; bottom: -63px; background-size: 128px; }
	.fifty-discount-sec {padding: 0 0;margin-top: 0; }
	.fifty-discount-sec h4 {font-size: 34px; }
	.fifty-discount-brush-sec {	width: 100%;min-height: 120px;margin: 50px 0 20px;padding: 15px 0; }
	.fifty-discount-brush-sec img { left: 9%; bottom: 10px; width: 29vw; }
	.fifty-discount-sec::after {background-position: center right; }
	.fifty-discount-sec::before { display: none; }
	.fifty-discount-sec::after { display: none; }
	.total-value-sec .btn { width: 300px; }
	.fifty-discount-sec-mobile { margin-left: -15px; margin-right: -15px; }
	.fifty-discount-mobile-top-hand { margin-bottom: 30px; }
	.fifty-discount-mobile-bottom-hand { margin-top: 30px; }
	.fifty-discount-sec .btn img { width: 85%; }
	.fifty-discount-sec .btn span {font-size: 5vw;position: absolute;right: inherit;top: 6vw;width: 80%;left: 10%; line-height: 1.3; text-shadow: 1px 1px #f97620; }
	.fifty-discount-sec h3 { width: auto; font-size: 6vw; }
	.gurranty-sec .gurranty-stamp-img { top: 33%; width: 28vw; }
	.gurranty-sec p { width: 68vw; font-size: 3vw; line-height: 1.6; text-align: left; }
	.compare-sec { padding: 4% 0 30%; background-position: center; background-size: cover; }
	.compare-sec-in::before { background-size: 108px; left: -20px; top: -23px; }
	.compare-sec-in::after { background-size: 108px; right: -21px; bottom: -24px; }
	.compare-sec thead th {	font-size: 16px; }
	.compare-sec .table-striped tbody th, .compare-sec .table-striped tbody td {font-size: 14px;font-weight: normal;padding: 3vw 8px;text-align: left; }
	.compare-sec .table-striped tbody tr td img { margin-right: 4px; max-width: 14px; }
	.compare-sec .compare-girl {width: 13vw;z-index: 9; }
	.faq-sec { padding: 7% 0 50px; transform: scaleX(-1); }
	.e-learning-faq-outer {	background-position: right 1vw;	background-size: 44vw; margin-top:-15%; padding-top: 12%; transform: scaleX(-1); }
	.fifty-discount-sec.fifty-discount-sec2{ padding: 10vw 0 32vw; }
	.fifty-discount-sec.fifty-discount-sec2 h3 { margin: 0; font-size: 8vw; }
	.fifty-discount-sec.fifty-discount-sec2 h3 br { display: none; }
	.footer-about {	margin-top: -15%; padding: 40% 0 0; background-image: url('../img/footer-bg-mobile.png'); background-size:cover; }
	.bottom-hand-mobile {bottom: -22vw; width: 61vw; }
	.footer-about img {	max-width: 70%; }
	.footer-about h3 { font-size: 36px; margin: 30px 0; }
	.publish-step-sec .col-md-12 .zoom-content:first-child { max-width: 60px; }
	.compare-sec .col-md-12 img.zoom-content:first-child {max-width: 60px; }
	.free-bonus-in { padding: 15px; max-width: 90%; }
	.fifty-discount-sec h3 br{ display: none; }
	.fifty-discount-sec h3 { font-size: 7vw; margin: 40px 0; }
	.course-create-steps .course-steps-dot-right-bottom, .course-create-steps .course-steps-dot-left {width: 40vw; }
	.course-create-steps .course-steps-dot-right {  position: absolute; right: 20px; width: 35vw; }
	.free-bonus-outer{ box-shadow: none; }


}

@media ( max-width: 480px ){
	h2 { font-size: 9vw; }
	p {	font-size: 16px; line-height: 24px; }
	.header-bottom p{ font-size: 14px; margin: 0; }
	.publish-step-in-1, .publish-step-in-2, .publish-step-in-3 { position: relative; z-index: 1; margin: 9% 7vw !important; }
	.publish-step-sec .publish-plane-main{ width: 38vw; }
	.publish-step-sec h4{ font-size: 26px; }
	.publish-step-sec .publish-step-in p { font-size: 18px; }
	.faq-sec .accordion .card-header{ font-size: 16px; }
	.faq-sec .accordion p { font-size: 15px; line-height: 22px; }
	.footer-about h3 { font-size: 28px; }
	.footer-main p { font-size: 16px; margin: 30px 0 0; }
	.header-outer .btn.btn-primary {font-size: 4vw; margin: 15px 5px 0; }
	.online-platform-sec p{ font-size: 17px; }
	.publish-step-sec {	margin-top: -40px; }
	.banner-bottom p { font-size: 17px; }
	.earning-outer-bg::after {background-size: 19vw; background-position: right 15%; }
	.how-to-sec h4 { font-size: 22px; margin-bottom: 10px; }
	.free-bonus-in{ padding: 15px; }
	.free-bonus-sec h3{ margin: 25px 0; }
	.free-bonus-sec p { font-size: 15px; line-height: 20px; }
	.free-bonus-sec .btn.btn-primary { font-size: 4vw; padding: 10px 15px; }
	.total-value-sec .total-value-box-outer{ margin: 0 30px; }
	.total-value-sec .btn { width: 260px; margin: -40px 0 0; }
	.total-value-sec .btn span { font-size: 18px; }
	.fifty-discount-sec h4 {font-size: 22px; }
	.fifty-discount-brush-sec img { left: 6vw; bottom: 15px; }
	.fifty-discount-brush-sec p::before { width: 27vw; }
	.gurranty-sec p { width: 68vw; font-size: 4vw; line-height: 1.6; text-align: left; margin: 0; }
	.gurranty-sec .gurranty-stamp-img { top: 49%; }
	.faq-sec h3 { line-height: 36px; font-size: 26px; }
	.faq-sec h3 br { display: none; }
	.fifty-discount-sec.fifty-discount-sec2 h3 { margin: 0; font-size: 28px; }
	.footer-about h3 { font-size: 28px; }
	.wave-img-sec-bottom{ min-height: 26vw; }
	.banner-bottom { padding: 20px 0; }
	.tools-sec h2 {	margin-bottom: 40px; }
	.banner-bottom h2 {	font-size: 8vw; }
	.course-create-steps .course-steps-dot-right-bottom, .course-create-steps .course-steps-dot-left {width: 47vw; }
}


/* **** Timer Style Start **** */
.footer-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0px;
    position: relative;
}
.timer-wrapper {
    margin-right: 10px;
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
}
.timer-text-box {
    /* margin-right: 40px; */
    margin-right: 10px;
}
.timer-text {
    margin: 0;
    color: #fff;
}
.timer-text span {
    font-size: 26px !important;
    font-family: 'Archivo Black', sans-serif;
    font-weight: 700 !important;
    display: block;
    text-align: center;
}
.timer-text span.bottom-text {
    font-size: 16px !important;
}
.countDownContainer {
    position: relative;
}
.count-text {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 600;
}
.smalltext, .count_text {
    /* font-size: 22px !important; */
    font-size: 16px !important;
}
#toggle-slide-btn {
    padding: 8px 10px 8px;
}
.orange-btn {
    font-size: 20px;
    padding: 10px 15px;
}
@media(max-width: 970px){
	.footer-flex {
		flex-direction: column;
	}
	.timer-wrapper {
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	.footer-main {
    	padding: 60px 0 120px;
	}
}
@media(max-width: 600px){
	.timer-wrapper {
		flex-direction: column;
	}
	.timer-text-box {
    	margin-right: 0px;
	}
	.footer-main {
    	padding: 60px 0 120px;
	}
}
@media(max-width: 450px){
	.timer-text span {
    	font-size: 20px !important;
		display: inline;
	}
	.count-text {
	    padding: 0 10px;
	}
	.smalltext, .count_text {
		font-size: 14px !important;
	}
	#toggle-slide-btn .orange-btn {
		font-size: 14px;
	}
}
/* **** Timer Style END **** */