/************************************************************************************
smaller than 1440
*************************************************************************************/
@media screen and (max-width: 1440px) {
.mycontainer {
    width: 1400px;
}
}


/************************************************************************************
smaller than 1366
*************************************************************************************/
@media screen and (max-width: 1366px) {
.mycontainer {
    width: 1326px;
}
.preheadbg p {
    font-size: 20px;
}
}

/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {
.mycontainer {
    width: 1240px;
}
.video_sec ul li {
    padding: 0 0 23px 32px;
}
.stepin h2 {
    font-size: 40px;
    line-height: 45px;
}
}

/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
.mycontainer {
    width: 970px;
}
.banner_txt ul {
    padding: 50px 10px 0;
    width: 49%;
}
.banner_txt ul li ul {
    width: 100%;
}
.video_sec ul li {
    padding: 0 0 12px 32px;
}
.banner_txt h2 {
    font-size: 70px;
}
.banner_txt h5 {
    font-size: 20px;
    line-height: 35px;
    padding: 10px 0 0;
}
.banner_txt h5 strong {
    font-size: 25px;
}
.sec_title strong {
    font-size: 55px;
}
.sec_title {
    font-size: 25px;
}
.adv_sec h1 {
    font-size: 25px;
}
.adv_sec h1 strong {
    font-size: 75px;
}
.adv_sec ul li {
    padding: 0 10px;
}
.adv_main {
    min-height: 250px;
}
.sec_title4 {
    font-size: 30px;
}
.sec_title4 strong {
    font-size: 60px;
}
.bonus_list li {
    width: 47%;
	min-height: 485px;
}
.strip_sec figure {
    margin: 20px 0;
}
.sec_title3 {
    font-size: 55px;
}
.guarantee_sec h1 {
    font-size: 45px;
    line-height: 55px;
    padding: 0 0 30px;
}
.intro_sec figure {
    width: 53%;
}
/* .banner {
    padding: 150px 0 100px 0;
} */
.feat_main h1 {
    font-size: 60px;
    line-height: 50px;
}
.feat_main p {
    font-size: 15px;
    line-height: 22px;
}
.point_in {
    width: 50%;
	min-height: 250px;
}
.point_in:nth-child(2) {
    border-right: 2px dotted #1e0d44;
}
.point_in:nth-last-child(2), .point_in:last-child {
    border-top: none;
}
.offer_sec h2 strong {
    font-size: 60px;
}
img.success_img {
    top: -10px;
}
img.decision_img {
    top: -10px;
}
img.click_img {
    right: 0;
}

.banner_txt h3 strong {
    font-size: 45px;
}
.banner_txt h3 {
    font-size: 42px;
    line-height: 48px;
}
.banner_txt h4 {
    font-size: 30px;
}
.video_sec h3 strong, .adv_sec1 h1, .features_box h1, .sec_in2 h2 {
    font-size: 55px;
}
.sec_in h1 {
    font-size: 50px;
    line-height: 60px;
    padding: 0;
}
.sec_in h2 {
    font-size: 35px;
    padding: 30px 0;
    line-height: 48px;
}
.sec_in2 ul li {
    font-size: 23px;
}
.sec_in3 h6 {
    font-size: 24px;
    line-height: 40px;
}
.sec_in3 h2 strong {
    font-size: 40px;
}
.build_sec h1 strong {
    font-size: 53px;
}
.result_sec h1 strong {
    font-size: 65px;
}
.strip_sec h1 {
    font-size: 60px;
}
.navbar-header {
    float: none;
    text-align: center;
}
.navbar-brand {
    float: none;
    display: table;
    margin: 0 auto;
}
.banner_txt ul {
    padding: 30px 0 0;
    width: 100%;
    margin: 0;
    float: none !important;
}
.soft_box h6 {
    font-size: 25px;
    width: 29%;
}
.stepin {
    display: block;
    width: 100%;
}
.stepbox_resp {
	display: block;
}
.stepbox_desk {
	display: none;
}
.banner_txt h2 {
    font-size: 55px;
    line-height: 65px;
}
.stepin h2 strong {
    margin-top: 10px;
    margin-bottom: 20px;
}
.video_box {
    display: block;
    width: 100%;
}
.floating_banner h4 {
    font-size: 20px;
}
}


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
.banner_txt h2 {
    font-size: 60px;
    padding: 0;
}
/* .logo img, .footer_logo img {
    max-width: 95%;
} */
.banner_txt {
    top: 27%;
}
.video_sec h3 {
    font-size: 28px;
}
.video_sec, .intro_sec, .adv_sec1, .adv_sec, .features_sec, .build_sec, .point_sec, .result_sec, .book_sec, .offer_sec, .strip_sec, .faq_sec, .features_box, .sec_in, .sec_in2, .sec_in3 {
    padding: 70px 0;
}
/* .sec_title strong {
    font-size: 46px;
} */
.intro_sec p {
    font-size: 16px;
    line-height: 28px;
}
.intro_sec p strong {
    font-size: 18px;
}
.let_btn, .let_btn2 {
    font-size: 40px;
}
.adv_sec1 h1, .features_box h1 {
    font-size: 49px;
}
.adv_sec h1 strong {
    font-size: 60px;
}
.adv_sec ul li {
    width: 49%;
}
.adv_main {
    min-height: 227px;
}
.feat_main figure {
    display: table;
    width: 85%;
    margin: 0 auto 40px;
}
.feat_info {
    display: block;
    width: 100%;
    text-align: center;
}
.feat_main figure.desp_img {
	display: none;
}
.feat_main figure.resp_img {
    display: table;
}
.point_in {
    margin: 0 10px 30px;
	padding: 30px 15px;
	min-height: 315px;
}
.result_sec h1 {
    font-size: 25px;
}
.result_sec h1 strong {
    font-size: 60px;
}
.bonus_list li {
    width: 100%;
    margin: 0 0 4px 0;
    display: block;
    min-height: initial;
}
.white_bg {
    padding: 60px 20px;
}
.sec_title3 {
    font-size: 48px;
}
.adv_sec1 ul {
    text-align: center;
}
.video_sec ul {
    display: table;
    margin: 50px auto 0;
}

.feat_main h1 {
    font-size: 60px;
}
.video_sec ul {
    margin: 0 auto 40px;
}
.feat_point ul {
    margin: 0;
    display: block;
}
.guarantee_sec h5 {
    font-size: 25px;
}
.intro_sec figure {
    width: auto;
    float: none;
    margin: 0 auto 20px;
    display: table;
}
.intro_sec p {
    text-align: center;
}
.adv_sec1 ul li img.easy_img {
    width: 160px;
    top: -30px;
}
.adv_sec1 ul li img.seo_img {
    width: 180px;
    top: 0px;
}
.feat_main {
    margin: 0 0 50px 0;
}
.feat_main:last-child {
    margin: 0;
}
.feat_main:nth-child(odd) .feat_info,
.feat_main:nth-child(even) .feat_info {
    padding: 0;
}
.build_sec h1 strong {
    font-size: 65px;
}
.point_in {
    min-height: auto;
    border-right: 2px dotted #1e0d44;
    border-top: 2px dotted #1e0d44;
    border-bottom: none;
	margin: 0;
	width: 100%;
}
.point_in:nth-last-child(2), .point_in:last-child {
    border-top: 2px dotted #1e0d44;
}
.point_in:last-child {
	border-bottom: 2px dotted #1e0d44;
}
img.save_img {
    top: 0px;
    right: 0;
}
.guarantee_box {
    width: 100%;
	margin: 47% auto 0;
}
img.success_img {
    top: 40px;
}
img.click_img {
    top: 0px;
}
.offer_sec h6 strong {
    font-size: 60px;
}
.strip_sec h1 {
    font-size: 60px;
}
/* .head_logo {
    position: static;
    background: #101b53;
} */
.banner_txt ul li:first-child ul {
    padding: 10px 0 0 0;
}
.video_sec ul li {
    display: inline-block;
    width: 50%;
}
.video_sec .feat_point li {
    width: 100%;
    display: block;
}
.book_sec h2 {
    font-size: 27px;
    line-height: 35px;
}
.sec_in3 h3 {
    font-size: 30px;
    line-height: 55px;
}
.sec_in3 h3 strong {
    font-size: 32px;
}
.video_sec h3 strong, .adv_sec1 h1, .features_box h1, .sec_in2 h2 {
    font-size: 50px;
    line-height: 55px;
}
.ban_left {
    display: block;
    width: 100%;
    padding: 0 0 40px 0;
}
.ban_left figure {
    width: 60%;
    margin: 0 auto;
}
.ban_right {
    display: block;
    width: 100%;
    text-align: center;
}
.logo {
    padding: 30px 0 0 0;
    text-align: center;
}
.navbar-nav li:last-child a.let_btn {
    margin: 0;
}
.floating_banner {
    display: none;
}
.soft_box h6 {
    width: 400px;
    margin: 20px 0 0;
}
.stepin .let_btn {
    width: auto;
}
.video_sec ul li {
    display: block;
    width: 100%;
}
.guarantee_sec figure {
    text-align: center;
}
.let_btn, .let_btn2 {
    margin: 30px 0 0 0;
    width: auto;
}
.sec_title strong {
    font-size: 50px;
}
}

/************************************************************************************
smaller than 812
*************************************************************************************/
@media screen and (max-width: 812px) {
.features_box ul li {
    width: 49%;
}
.mycontainer {
    width: 750px;
}
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.let_btn, .let_btn2 {
    margin: 30px 0 0 0;
}
.guarantee_sec h5 {
    padding: 30px 0 0 0;
}
img.success_img {
    top: 0;
    float: none;
    position: static;
    display: table;
    text-align: center;
    margin: 0 auto 10px;
    width: 200px;
}

}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
.banner_txt h2 {
    font-size: 55px;
}
.adv_sec1 h1, .features_box h1 {
    font-size: 46px;
}
.features_box h1 {
    padding: 0 0 20px;
}
.bonus_sec h2 {
    padding-top: 0px;
}
.video_sec h3 strong {
    letter-spacing: 0px;
}
.feat_point ul {
    margin: 0 auto 10px;
    display: table;
    width: 60%;
}
.guarantee_sec figure {
    text-align: center;
}
.let_btn, .let_btn2 {
    margin: 30px auto 0;
}
.guarantee_sec h5 {
    text-align: center;
}
img.special_offer_img {
    width: 70%;
}
.sec_in3 h6 strong {
    font-size: 26px;
}
.sec_in3 h2 {
    font-size: 33px;
	line-height: 50px;
}
.sec_in3 h2 strong {
    font-size: 33px;
}
}

/************************************************************************************
smaller than 736
*************************************************************************************/
@media screen and (max-width: 736px) {

}

/************************************************************************************
smaller than 732
*************************************************************************************/
@media screen and (max-width: 732px) {

}

/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {
.banner_txt h2 {
    font-size: 50px;
}
.adv_sec ul li {
    width: 100%;
    margin: 10px 0;
}
.adv_main {
    min-height: initial;
}
.feat_main h1 {
    font-size: 59px;
}
.point_in p {
    font-size: 16px;
    line-height: 26px;
}
.result_sec h1 strong {
    font-size: 46px;
    padding: 0;
}
.result_sec h1 {
    padding: 0 0 40px;
}
.result_in h2 {
    font-size: 35px;
    line-height: 35px;
}
.result_in ul {
    padding: 0;
}
.sec_title4 {
    font-size: 25px;
}
.offer_sec h4 {
    font-size: 24px;
    line-height: 37px;
}
.offer_sec .sec_title strong {
    font-size: 75px;
}
.offer_sec h2 {
    font-size: 33px;
}
.offer_sec h3 span {
    font-size: 40px;
}
.offer_sec p strong {
    font-size: 23px;
}
.offer_sec h2 strong {
    font-size: 42px;
}
.offer_sec h6 strong {
    font-size: 38px;
}
.offer_sec h3 {
    font-size: 35px;
    line-height: 35px;
}
.adv_sec h1 strong, .sec_title4 strong {
    font-size: 50px;
}
.strip_sec h1 {
    font-size: 55px;
}
img.decision_img {
    max-height: 190px;
}
img.happy_img {
    position: relative;
    bottom: -50px;
}
.book_sec h2 {
    padding: 0px 0 50px;
}
.build_sec h1 strong {
    font-size: 55px;
}
.feat_main figure {
    width: 100%;
}
.let_btn, .let_btn2 {
    font-size: 34px;
}
.chart1 {
	display: none;
}
.chart12 {
	display: block;
}
.adv_sec1 ul li img.easy_img {
    top: 0px;
}
.sec_title strong {
    font-size: 54px;
}
.video_sec h3 strong {
    font-size: 60px;
}
.logo img, .footer_logo img {
    max-width: 100%;
}
.banner {
    padding: 140px 0 50px 0;
}
.row_bg {
    padding: 15px 0;
}
.build_bg {
    padding: 15px 0;
}
.features_box ul {
    margin: 0;
}
.features_box ul li {
    padding: 0px 5px;
    margin: 5px 0;
}
}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
.sec_title strong {
    font-size: 40px;
}
.sec_title {
    padding: 0 0 40px;
}
.build_sec h1 strong {
    font-size: 50px;
}
.build_sec p strong {
    font-size: 25px;
}
.features_box ul li {
    padding: 0;
    margin: 5px 0;
    width: 100%;
}
.cube {
    margin: 0 auto;
    width: 300px;
}
.limited_img {
    float: none;
    width: 300px;
    margin: 0 auto 30px;
}
.sec_in3 h6 {
    text-align: center;
}
}

/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {
.banner_txt ul {
    width: 100%;
}

.offer_sec .sec_title strong {
    font-size: 66px;
}
.sec_title strong {
    font-size: 44px;
}
.guarantee_sec h5 {
    font-size: 22px;
}
.offer_sec h6 strong {
    padding: 0;
}
.logo, .footer_logo {
	display: none;
}
.logo2 {
	display: block;
    padding: 20px 0;
}
.video_sec ul li {
    display: block;
    width: 100%;
}
.result_in {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.offer_sec h3 {
    font-size: 32px;
}
.banner {
    padding: 200px 0 50px 0;
}
.ban_left figure {
    width: 90%;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

.feat_main figure {
    width: auto;
}
img.decision_img {
    max-height: 250px;
    float: none;
    position: static;
}
.guarantee_box img {
    margin-top: -50%;
}
img.special_offer_img {
    width: 100%;
}
img.save_img {
    float: none;
    position: static;
    display: table;
    margin: 0 auto;
	width: 90px;
}
.offer_sec h4 {
    font-size: 22px;
    line-height: 34px;
    padding: 0;
}
.white_bg {
    padding: 40px 15px;
}
img.happy_img {
    bottom: -15px;
}
.guarantee_sec h1 {
    font-size: 40px;
    line-height: 50px;
}
.feat_point ul {
    width: 100%;
}
.feat_point {
    padding-top: 40px;
}
.video_sec h3 strong {
    font-size: 50px;
}
.sec_in h1 {
    font-size: 44px;
    line-height: 53px;
}
.sec_in h2 {
    font-size: 30px;
    line-height: 40px;
}
.sec_in2 ul li {
    font-size: 21px;
}
.adv_sec1 ul li img.easy_img, .adv_sec1 ul li img.seo_img {
    float: none;
    margin: 0 auto 10px;
    display: table;
    width: 200px;
}
}

/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {
.logo img, .footer_logo img {
    max-width: 100%;
}
.feat_main h1 {
    font-size: 49px;
}
.banner_txt h2, .video_sec h3 strong, .sec_title strong, .strip_sec h1 {
    font-size: 40px;
}
.video_sec h3 {
    font-size: 25px;
}
.adv_sec1 ul li img.easy_img,
.adv_sec1 ul li img.seo_img {
    float: none;
    display: table;
    margin: 10px auto 20px;
}
img.happy_img {
    position: static;
    float: none;
    display: table;
    margin: 0 auto;
}
.offer_sec h3 {
    margin-bottom: 10px;
}
.offer_sec h6 span {
    font-size: 30px;
}
img.click_img {
    float: none;
    position: static;
}
.let_btn, .let_btn2 {
    width: 100%;
}
footer p {
    font-size: 16px;
}
.adv_main {
    padding: 20px 10px;
}
.sec_in3 h3 {
    line-height: 45px;
}
.banner {
    padding: 165px 0 50px 0;
}
}

/************************************************************************************
smaller than 412
*************************************************************************************/
@media screen and (max-width: 412px) {
.cube {
    width: 85%;
}
.ban_left figure {
    width: 100%;
}
}

/************************************************************************************
smaller than 384
*************************************************************************************/
@media screen and (max-width: 384px) {
.video_sec, .intro_sec, .adv_sec1, .adv_sec, .features_sec, .build_sec, .point_sec, .result_sec, .book_sec, .offer_sec, .strip_sec, .faq_sec {
    padding: 40px 0;
}
.chart12 {
	display: none;
}
.chart13 {
	display: block;
}
.chart2 {
	display: none;
}
.chart22 {
	display: block;
}
.guarantee_sec h1 {
    font-size: 37px;
    line-height: 40px;
}
.video_sec h3 strong, .adv_sec1 h1, .features_box h1, .sec_in2 h2 {
    font-size: 40px;
    line-height: 48px;
}
}

/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {
.sec_title strong {
    font-size: 40px;
}
.book_sec h2 {
    font-size: 22px;
    line-height: 31px;
}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.banner {
    padding: 150px 0 50px 0;
}
.banner_txt h2 {
    font-size: 40px;
}
.banner_txt h5 {
    font-size: 19px;
    line-height: 30px;
}
.banner_txt h5 strong {
    font-size: 20px;
}
.banner_txt ul li {
    font-size: 16px;
    padding: 0 0 20px 33px;
}
.banner_txt ul li:before {
    font-size: 24px;
    top: -7px;
}

.video_sec h3 {
    font-size: 26px;
    line-height: 35px;
}
.video_sec ul li {
    font-size: 16px;
}
.video_sec ul li:before {
    font-size: 19px;
    top: -2px;
}
.guarantee_sec h1 {
    font-size: 37px;
    line-height: 38px;
}
.let_btn, .let_btn2 {
    padding: 5px 10px;
    font-size: 31px;
    word-spacing: 0px;
}
.adv_sec1 h1, .features_box h1 {
    font-size: 40px;
}
.adv_sec h1 strong, .sec_title4 strong {
    font-size: 40px;
}
.feat_main h1 {
    font-size: 40px;
}
.result_sec h1 {
    line-height: 30px;
}
.result_sec h1 strong {
    font-size: 40px;
    line-height: 43px;
    padding: 10px 0 0 0;
}
.bonus_list h3 {
    font-size: 23px;
}
.offer_sec h4 {
    font-size: 19px;
    line-height: 28px;
}
.offer_sec .sec_title strong {
    font-size: 55px;
}
.offer_sec h2 strong {
    font-size: 35px;
}
.offer_sec h3 span {
    font-size: 35px;
}
.sec_title3 {
    font-size: 40px;
}
.result_in h2 {
    font-size: 30px;
    line-height: 30px;
}
.video_sec h3 strong {
    line-height: 48px;
}
.video_sec h3 {
    font-size: 22px;
}
.sec_in3 h2 {
    font-size: 30px;
    line-height: 44px;
}
.sec_in3 h2 strong {
    font-size: 30px;
}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.banner {
    padding: 130px 0 50px 0;
}
.sec_in h1 {
    font-size: 40px;
    line-height: 45px;
}
}