@charset "utf-8";

html {
    height: 100%;
}

body {
    height: 100%;
    background-color: white;
    margin: 0px !important;
    padding: 0px !important;
}

* {
    margin: 0 auto;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

ul, ol {
    margin: 0px;
    padding: 0px;
}

img {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    color: #000000;
}

h1 {
    font-size: 60px;
    letter-spacing: 3px;
    line-height: 90px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h2 {
    font-size: 36px;
    letter-spacing: 2px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
}

h3 {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

span {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

p {
    font-size: 17.2px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

a:focus, a:hover {
    text-decoration: none;
}

figure {
    margin: 0;
}

body {
    float: left;
    width: 100%;
}

.container {
    max-width: 1200px;
    width: 100%;
}

.btn {
    padding: 9px 29px;
    letter-spacing: 1px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 24px;
    border-radius: 25px;
    filter: drop-shadow(0px 11px 16px rgba(1, 1, 1, 0.1));
    background-image: linear-gradient(-90deg, #323ed7 0%, #ec008b 100%);
    text-transform: uppercase;
}

.btn:hover, .btn:focus {
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

/*----------------------header----------------------------*/
header {
    width: 100%;
    float: left;
    overflow: hidden;
    padding-bottom: 106px;
}

.head_back {
    width: 100%;
    float: left;
}

.logo {
    width: 100%;
    float: left;
    margin-top: 66px;
}

.header_text {
    width: 100%;
    float: left;
    margin-top: 211px;
    max-width: 601px;
}

.header_text span {
    margin: 57px 0 130px 0;
    display: inline-block
}

header .head_back .header_text .head_btn i {
    margin-left: 13px;
    font-size: 16px;
}

.p2 {
    padding-left: 0px;
}

.mob_view {
    width: 100%;
    float: left;
    position: relative;
}

.mob_view:before {
    content: url(../image/header.png);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    right: -177%;
    top: -403px;
    z-index: -1;
}
.head_small_size{
    display: none;
}
/*-------------banner-----------------*/
.banner {
    width: 100%;
    float: left;
    position: relative;
}

.need_help_second {
    width: 100%;
    float: left;
    margin: 100px 0;
}

.banner .form_left_f, .banner .form_left_s {
    position: relative;
}

.banner:before {
    content: '';
    width: 610px;
    height: 520px;
    background-color: #f8f7ff;
    position: absolute; 
    left: 0px;
    z-index: -1;
    top: 80px;
}

.banner:after {
    content: '';
    width: 610px;
    height: 520px;
    background-color: #f8f7ff;
    position: absolute;
    z-index: -1;
    bottom: 125px;
    right: 0;
}

.form_right_f {
    width: 100%;
    float: right
}

.banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p {
    margin-bottom: 55px;
}

.banner .need_help_first h2, .banner .need_help_second h2 {
    margin-bottom: 105px;
}

.banner .form_left_s {
    text-align: right;
}

.banner .form_right_s a {
    color: #ea008d;
}

.form_left_f_mob, .form_left_s_mob {
    display: none;
}

/*----------------------Ready Start----------------------------*/
.ready_start {
    width: 100%;
    float: left;
    margin-bottom: 118px;
    background-image: url(../image/ready.png);
   
    background-repeat: no-repeat;
    background-position: top center;
}

.ready_start .start_file h2 {
    text-align: left;
    margin-bottom: 35px;
}

.start_file {
    width: 100%;
    float: left;
}

.ready_start .start_file {
    border-radius: 10px;
    filter: drop-shadow(21.92px 21.92px 25.5px rgba(3, 3, 3, 0.1));
    background-color: #ffffff;
    padding: 37px 100px;
    margin-bottom: 126px;
}

.ready_start .start_file p {
    max-width: 600px;
}

.ready_btn {
    margin-top: 70px;
}

.ready_start .process_f, .ready_start .process_s, .ready_start .process_t {
    width: 100%;
    float: left;
    padding: 48px 33px 90px 33px;
    filter: drop-shadow(26.87px 26.87px 25.5px rgba(3, 3, 3, 0.15));
    background-color: #ffffff;
    border-top: 10px solid;
    border-image-source: linear-gradient(-90deg, #323ed7 0%, #ec008b 100%);
    border-image-slice: 1;
    position: relative;
}

.ready_start .process_f:before, .ready_start .process_s:before, .ready_start .process_t:before {
    content: '1';
    position: absolute;
    font-size: 200px;
    color: #e5e5e5;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    right: 54px;
    z-index: -1;
    bottom: -59px;
}

.ready_start .process_s:before {
    content: '2';
}

.ready_start .process_t:before {
    content: '3';
}

.steps {
    width: 100%;
    float: left;
}

.ready_start .steps h2 {
    margin-bottom: 56px;
}

.ready_btn_start {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 80px;
}

.ready_start .steps p {
    min-height: 144px;
    font-size: 17px;
}

.ready_start .ready_btn_file {
    margin-top: 58px;
}

.ready_start {
    margin-top: 50px;
}

.mob_head {
    display: none;
}

/*----------------------Ready Start----------------------------*/
.finish {
    width: 100%;
    float: left;
    margin-bottom: 133px;
}

.convient_platfrom {
    width: 100%;
    float: left;
    background-color: #f8f7ff;
    padding: 32px 30px;
    position: relative;
}

.finish .convient_platfrom h3 {
    margin-bottom: 78px;
    min-height: 72px;
    font-weight: 700;
}

.convient_platfrom:before {
    content: '';
    border-left: 10px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(0deg, #323ed8 0%, #ec008c 100%);
    position: absolute;
    height: 120px;
    left: 0;
    top: 0;
}

.covered_middle {
    margin: 32px 0;
}

.finish p.finish_para {
    margin: 49px 0 82px 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.finish .convient_platfrom p {
    min-height: 180px;
}

/*----------------------About----------------------------*/
.about {
    width: 100%;
    float: left;
    position: relative;
}

.about .about_right_text {
    margin-top: 115px;
}

.about .about_right_text h3 {
    margin-bottom: 35px;
}

.about .about_right_text p {
    margin-bottom: 23px;
    font-size: 18px;
}

.about_border {
    width: 100%;
    float: left;
}

.about:before {
    content: '';
    width: 1356px;
    height: 500px;
    background-color: #f8f7ff;
    position: absolute;
    z-index: -1;
    bottom: -78px;
    right: 0;
}

.tablet {
    display: none;
}

figure.desktop {
    position: relative;
}

figure.desktop:before {
    position: absolute;
    z-index: -1;
    content: url(../image/fuel_curve.png);
    background-size: cover;
    background-repeat: no-repeat;
    left: -147px;
    bottom: -154px;
}

/*----------------------About----------------------------*/
.season {
    width: 100%;
    float: left;
    text-align: center;
    margin: 220px 0 58px 0px;
}

.season p {
    padding: 45px 0 60px 0;
    max-width: 650px;
    margin: 0 auto;
}

/*----------------------footer----------------------------*/
footer {
    width: 100%;
    float: left;
    background-image: linear-gradient(-90deg, #323ed8 0%, #ec008c 100%);
    padding: 12px 0;
    text-align: center;
}

footer ul li {
    display: inline-block;
    margin-right: 236px;
}

footer ul li a {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 36px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
}

footer ul li a:hover {
    color: white;
}

footer ul li:last-child {
    margin-right: 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:hover {
    background-image: linear-gradient(-90deg, #ec008b 100%, #323ed7 0%);
    color: white;
}

/*----------------------Responsive----------------------------*/

@media (min-width:1501px) and (max-width:1900px) {
   .mob_view:before{top: -434px;} 
   .header_text span {margin: 57px 0 96px 0;}
   .banner .form_left_f:before{left: -39%;width: 345px;}
   .banner .form_left_s:before{width: 365px;right: -38%;}
   .ready_start{background-image: url(../image/ready_1.png);}
   .about:before{width: 1159px;}
   .ready_start{position: relative;background-image:url(../image/ready_main_image.png);z-index: -1;}
   .ready_start:before { position: absolute;content: url(../image/ready_main_image_left.png);top: 0;left: 0;z-index: -1;}
   .ready_start:after { position: absolute;content: url(../image/ready_main_image_right.png);bottom: 104px;right: 0;z-index: -1;}
}

@media(max-width:1500px) {
    .mob_view:before{top: -434px;} 
   .header_text span {margin: 57px 0 96px 0;}  
   .banner .form_left_f:before{left: -21%;width: 226px;}
   .banner .form_left_s:before{width: 248px;right: -21%;}
   /*.ready_start{background-image: url(../image/ready_2.png);background-size: cover;margin-bottom: 106px;margin-top: 0px;}*/

     .ready_start{position: relative;background-image:url(../image/ready_main_image.png);z-index: -1;}
   .ready_start:before { position: absolute;content: url(../image/ready_main_image_left.png);top: 0;left: 0;z-index: -1;}
   .ready_start:after { position: absolute;content: url(../image/ready_main_image_right.png);bottom: 0;right: 0;z-index: -1;}

   .ready_start .start_file{padding: 37px 79px;margin-bottom: 86px;}
   .finish p.finish_para{margin: 32px 0 59px 0;}
   .finish .convient_platfrom h3 {margin-bottom: 33px;font-size: 22px;}
   .finish .convient_platfrom p{font-size: 16.2px;}
   .convient_platfrom{ padding: 32px 30px 0px 30px;}
   .season p {padding: 29px 0 34px 0;}
   .season_btn .btn{font-size: 22px;}
    .about:before{width: 960px;}
    figure.desktop:before{content: url(../image/fuel_curve_1.png);left: -64px;bottom: -124px;}
    .season{margin: 170px 0 35px 0px;}
    .finish{margin-bottom: 102px;}
    .banner:before,.banner:after{width: 240px;}
    .banner .need_help_first h2, .banner .need_help_second h2{font-size: 31px;}
    .mob_view:before{content: url(../image/header_tablet.png);top: -309px;right: -135%;}
    .header_text span {margin: 47px 0 73px 0;}
    .header_text{margin-top: 192px;}
    .header_text span{font-size: 23px;}
    .header_text {margin-top: 165px;}
}

@media(max-width:1200px) {
    .mob_view:before{ content: url(../image/header_tablet_3.png);top: -762px;right: -293%;}
    header{text-align: center;padding-bottom: 185px;}
    .p2{width: 100%;float: left;text-align: left;}
    .header_text{max-width: 100%;margin-top: 126px;}
    h1 {font-size: 40px;line-height: 67px;}
    .header_text span{font-size: 20px;}
    .logo{margin-top: 29px;text-align: left;}
    .logo img{max-width: 349px;width: 100%;}
    .ready_start .start_file h2{font-size: 29px;}
    .ready_start .ready_btn_file .btn,.ready_btn_start .btn{font-size: 20px;}
    .ready_start .steps h2{font-size: 29px;}
    .ready_start .process_f, .ready_start .process_s,.ready_start .process_t{padding: 49px 33px;}
    .ready_start .steps p,.ready_start .start_file p{font-size: 15.2px;}
    .finish h2 {font-size: 30px;}
    .finish p.finish_para {margin: 10px 0 33px 0;}
    .finish .convient_platfrom h3 {margin-bottom: 17px;font-size: 19px;}
    .finish .convient_platfrom p {font-size: 14.2px;line-height: 32px;}
    .convient_platfrom:before{    border-left: 8px solid;height: 111px;}
    .season p {padding: 21px 0 23px 0;}
    .season_btn .btn {font-size: 20px;}
    .season h2 {font-size: 32px;}
    .about:before{bottom: -88px;width: 814px;}
    .about .about_right_text h3{font-size: 20px;}
    .about .about_right_text p {margin-bottom: 13px;font-size: 16px;}
    .season {margin: 140px 0 30px 0px;}
    .finish {margin-bottom: 76px;}
    .banner:before, .banner:after {width: 146px;}
    .banner:before{top:37px;}
    .banner:after{bottom: 188px}
    .banner .need_help_first h2, .banner .need_help_second h2 { margin-bottom: 69px;}
    .need_help_second{margin: 50px 0;}
    .header_text span {font-size: 18px;max-width: 424px;margin: 42px 0 34px 0;}
    .head_btn .btn{font-size: 19px;}
}

@media(max-width:1023px) {
    .ready_start .start_file h2 { margin-bottom: 24px;}
    .ready_start .steps p{ min-height: 179px;    line-height: 34px;}
    .ready_start .process_f:before, .ready_start .process_s:before, .ready_start .process_t:before{bottom: -54px;font-size: 167px;}
    .finish p.finish_para{font-size: 15.2px;}
    .ready_start{margin-bottom: 87px;margin-top: 30px;}
    .finish h2{font-size: 28px;}
    .finish p.finish_para{font-size: 14.2px;}
    .finish .convient_platfrom h3{margin-bottom: 7px;font-size: 16px;line-height: 27px;}
    .convient_platfrom{padding: 32px 25px 0px 25px;}
    .about:before {width: 776px;bottom: -58px;height: 404px;}
    .about .about_right_text h3 {font-size: 18px;margin-bottom: 31px;}
    .about .about_right_text p {margin-bottom: 8px;font-size: 14px;}
    .banner .need_help_first h2, .banner .need_help_second h2{ font-size: 28px;margin-bottom: 60px;}
    .banner:before {top: 25px;}
    .need_help_second{margin: 52px 0;}
    .banner figure.form_left_f,.banner figure.form_left_s{width: 100%; max-width: 440px;text-align: center;margin: 0 auto;}
    .banner:before {top: 39px;height: 432px;}
    .banner:after{height: 432px;bottom: 64px;}
    .banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p{font-size: 14px;margin-bottom: 16px;}
    .logo{margin: 0 auto;width: 100%;float: left;text-align: left;display: inline-block;}
    .logo img{max-width: 395px;margin-top: 0;padding-top: 25px;}
    .mob_view:before{ content: url(../image/header_tablet_4.png);top: -758px;right: -283%;}
    .logo img {max-width: 360px}
    header h1 {font-size: 37px;line-height: 57px;}
    .header_text span {font-size: 17px;margin: 22px 0 52px 0;max-width: 409px;width: 100%;}
}

@media(max-width:990px) {
    h1 {font-size: 45px;line-height: 78px;}
    .header_text span{font-size: 17px;margin: 31px 0 43px 0;max-width: 338px;}
    .head_btn .btn{font-size: 22px;}
    .ready_start .start_file h2{font-size: 24px;    margin-bottom: 18px;}
    .ready_start .steps p, .ready_start .start_file p {font-size: 13.2px;}
    .ready_start .start_file{    margin-bottom: 50px;}
    .ready_start .steps h2 {font-size: 24px;}
    .ready_start .ready_btn_file .btn, .ready_btn_start .btn {
    font-size: 16px;}
    .ready_start .start_file p{line-height: 28px;}
    .ready_start .process_f, .ready_start .process_s, .ready_start .process_t {
    padding: 34px 20px;}
    .ready_start .process_f:before, .ready_start .process_s:before, .ready_start .process_t:before {
    bottom: -36px;font-size: 133px;}
    .ready_start .steps p{line-height: 31px;}
    .ready_btn_start{margin-top: 45px}
    .finish h2 {font-size: 21px;}
    .ready_start {margin-bottom: 62px;}
    .finish .convient_platfrom p {font-size: 12.2px;line-height: 27px;}
    .convient_platfrom:before {border-left: 6px solid;height: 84px;}
    .season h2 {font-size: 28px;}
    .season p{font-size: 15.2px;}
    .season_btn .btn {font-size: 18px;}
    footer{padding: 8px 0;}
    .season{margin: 62px 0 34px 0px;}
    .about .about_right_text h3 {font-size: 16px;margin-bottom: 24px;line-height: 34px;}
    .about .about_right_text p {margin-bottom: 10px;font-size: 13px;line-height: 28px;}
    .about:before{bottom: -19px;width: 580px;}
    .about .about_right_text {margin-top: 83px;}
    .banner .need_help_first h2, .banner .need_help_second h2 {font-size: 24px;}
    .banner figure.form_left_f, .banner figure.form_left_s {width: 100%;max-width: 347px;}
    .banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p{line-height: 30px;font-size: 13px;}
    .banner:before{height: 346px;}
    .banner:after {height: 346px;bottom: 151px;}
    .ready_start {margin-top: 0;}
    header h1{font-size: 34px;line-height: 52px;}
    .head_btn .btn {font-size: 16px;padding: 9px 17px;}
    .logo img {max-width: 295px;}
    .mob_view:before{content: url(../image/header_tablet_4.png);top: -735px;right: -42%;}
    .ready_start{position: relative;background-image:url(../image/ready_main_image.png);z-index: -1;}
    .ready_start:before { position: absolute;content: url(../image/ready_main_image_left_ipad.png);top: 0;left: 0;z-index: -1;}
    .ready_start:after { position: absolute;content: url(../image/ready_main_image_left_ipad.png);bottom: -45px;right: 0;z-index: -1;}
}


@media(max-width:767px) {
    h1{font-size: 37px;line-height: 63px;}
    .header_text span{font-size: 16px;}
    .head_btn .btn{font-size: 19px;}
    .ready_start .start_file{padding: 31px 34px;}
    .ready_start .ready_btn_file {margin-top: 30px;text-align: center;}
    .ready_start .ready_btn_file .btn, .ready_btn_start .btn {font-size: 14px;}
    .ready_start .steps h2 {font-size: 20px;}
    .ready_start .start_file h2 {font-size: 23px;text-align: center;}
    .ready_start .process_f, .ready_start .process_s, .ready_start .process_t {
    padding: 19px 20px;margin-bottom: 18px;}
    .ready_start .steps p { min-height: 90px;}
    .ready_btn_start {margin-top: 17px;}
    .convient_platfrom{margin-bottom: 15px;}
    .covered_middle{margin:0 0;}
    .finish .convient_platfrom h3 { margin-bottom: 0px;min-height: 63px;}
    .finish .convient_platfrom p {min-height: 92px;}
    .finish p.finish_para {font-size: 13.2px;}
    .season h2 {font-size: 23px;}
    .season p {font-size: 14.2px;}
    .season_btn .btn{font-size: 15px;}
    footer ul li a {font-size: 16px;}
    .season p {padding: 13px 0 20px 0;}
    figure.desktop,figure.desktop:before,.desk_head,.mob_view:before{display: none;}
    .tablet,.mob_head{display: block;}
    .about{text-align: center;}
    .about:before{bottom: -32px;width: 100%;float: left;display: inline-block;height: 319px;}
    .finish {margin-bottom: 40px;}
    .ready_start .start_file p{text-align: center;}
    .banner:before,.banner:after{display: none;}
    .banner .need_help_first h2, .banner .need_help_second h2 {margin-bottom: 30px;font-size: 22px;}
    .banner figure.form_left_f, .banner figure.form_left_s {max-width: 426px;margin-bottom: 25px;}
    .need_help_second{display: flex;flex-direction: column-reverse; }
    .need_help_second {margin: 25px 0;}
    .form_right_f,.form_right_s,.p2,.logo{text-align: center;}
    .logo img {max-width: 313px;padding-top: 35px;}
    .head_btn .btn {font-size: 17px;}  
    .head_small_size{ display: inline-block;max-width: 500px;padding-top: 35px;width: 100%;margin: 0 auto;}
    .header_text {margin-top: 46px;}
    .header_text span{max-width: 416px;line-height: 31px;margin: 17px 0 18px 0;}
    .ready_start:after{bottom: 118px;}
    .ready_start:before,.ready_start:after{display: none;}
}

    
@media(max-width:639px) {
   .ready_start .start_file h2 {font-size: 17px;text-align: center;}
   .ready_start .start_file p {line-height: 23px;text-align: center;}
   .ready_start .ready_btn_file .btn, .ready_btn_start .btn {font-size: 12px;}
   .ready_start .ready_btn_file {margin-top: 22px;text-align: center;}
   .ready_start .start_file {padding: 20px 21px;margin-bottom: 40px;}
   .ready_start .steps h2{font-size: 17px;margin-bottom: 37px;}
   .ready_start .steps p{line-height: 26px;}
   .ready_start .process_f, .ready_start .process_s,.ready_start .process_t{border-top: 6px solid;}
   .finish h2 {font-size: 18px;}
   .finish p.finish_para{font-size: 12px;line-height: 26px;}
   .convient_platfrom {padding: 20px 25px 0px 25px;}
   .season h2 {font-size: 17px;}
   .season p {font-size: 13.2px;line-height: 25px;}
   footer ul li{margin-right: 59px;}
   .season_btn .btn {font-size: 14px;}
   footer ul li a {font-size: 15px;}
   footer {padding: 5px 0;}
   .about .about_right_text h3 {font-size: 12px;margin-bottom: 15px;line-height: 30px;}
   .about .about_right_text p {margin-bottom: 9px;font-size: 10px;line-height: 25px;}
   .about:before{bottom: -15px;height: 257px;}
   .about .about_right_text {margin-top: 36px;}
   .convient_platfrom:before {height: 52px;}
   .banner figure.form_left_f, .banner figure.form_left_s{display: none;}
   .banner figure.form_left_f_mob, .banner figure.form_left_s_mob{display: block;margin-bottom: 21px;}
   .need_help_first,.need_help_second{text-align: center;}
   .banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p {line-height: 27px;font-size: 13px;margin-bottom: 8px;}
   .head_btn .btn {font-size: 14px;}
   .logo img {max-width: 250px;}
   h1 {font-size: 32px;line-height: 57px;}
   .header_text span {font-size: 15px;}
   header .head_back .header_text .head_btn i{font-size: 14px; margin-left: 6px;}
   header h1 {font-size: 27px;line-height: 37px;}
   header{padding-bottom: 55px;}
}

@media(max-width:479px) {
  .ready_start .steps p, .ready_start .start_file p{font-size: 12.2px;}  
  .ready_start .ready_btn_file .btn, .ready_btn_start .btn{font-size: 11px;}
  .finish h2 {font-size: 15px;}
  .finish p.finish_para {font-size: 12px;line-height: 22px;}
  .finish .convient_platfrom h3{    min-height: 51px;}
  .finish .convient_platfrom p {font-size: 11.2px;}
  .season h2 {font-size: 15px;}
  .season p {font-size: 12.2px;line-height: 23px;}
  .season_btn .btn{font-size: 13px;}
  .about .about_right_text h3 {font-size: 12px;margin-bottom: 15px;line-height: 21px;}
  .about .about_right_text p {font-size: 11px;line-height: 20px;}
  .about:before {bottom: -6px;background-color: transparent;}
  .finish .convient_platfrom h3{ font-size: 15px;}
  .season {margin: 37px 0 20px 0px;}
  .banner .need_help_first h2, .banner .need_help_second h2 {margin-bottom: 16px;font-size: 16px;}
  .banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p {line-height: 25px;font-size: 11px;margin-bottom: 4px;}
  h1{font-size: 29px;line-height: 53px;}
  .head_btn .btn,header .head_back .header_text .head_btn i{font-size: 12px;}
  .header_text span {font-size: 13px;line-height: 25px;}
  header h1 {font-size: 21px;line-height: 30px;}
  .header_text {margin-top: 35px;}
  header {padding-bottom: 47px;}
  .logo img {max-width: 221px;padding-top: 38px;}
  .ready_start:after{bottom: 75px;}
}

@media(max-width:374px) {
   .ready_start .start_file h2{font-size: 15px;} 
   .ready_start .steps p, .ready_start .start_file p {font-size: 10.2px;}
   .ready_start .steps h2 {font-size: 15px;margin-bottom: 31px;}
   .finish h2 {font-size: 14px;}
   .finish p.finish_para {font-size: 11px;}
   .finish .convient_platfrom p{line-height: 23px;font-size: 11.2px;}
   .convient_platfrom {padding: 20px 25px 18px 25px;}
   footer ul li {margin-right: 14px;}
   footer ul li a {font-size: 13px;}
   .season_btn .btn {font-size: 12px;}
   .season p {font-size: 11.2px;line-height: 22px;}
   footer {padding: 2px 0;}
   .season {margin: 220px 0 25px 0px;}
   .about:before{height: 331px;bottom: 1px;}
   .about .about_right_text {margin-top: 32px;}
   .finish .convient_platfrom h3{line-height: 20px}
   .season {margin: 20px 0 21px 0px;}
   .banner .need_help_first h2, .banner .need_help_second h2 {margin-bottom: 17px;font-size: 13px;}
   .banner .need_help_first .form_right_f p, .banner .need_help_second .form_right_s p {line-height: 20px;font-size: 11px;}
   h1 {font-size: 24px;line-height: 44px;}
   .header_text span {font-size: 12px;}
   header{padding-bottom: 33px;}
   .head_small_size{padding-top: 25px;}
   .head_btn .btn {padding: 7px 13px;font-size: 11px;}
   .logo img {max-width: 200px;}
}

@media (min-width:1416px) and (max-width:1499px){
    .banner .form_left_f:before{left: -25%;width: 278px;}
   .banner .form_left_s:before{width: 316px;right: -25%;}
}

@media (min-width:1390px) and (max-width:1499px){
        .about:before {width: 1031px;}
        .mob_view:before {
        content: url(../image/header_tablet.png);
        top: -304px;
        right: -113%;
    }
}

@media (min-width:1110px) and (max-width:1200px){
    .about:before {width: 887px;bottom:-70px;}
}

@media (min-width:823px) and (max-width:911px){
    .about:before {width: 639px;bottom:-43px;}
}
@media (min-width:912px) and (max-width:991px){
    .about:before {width: 713px;bottom:-70px;}
}

@media (min-width:1500px) and (max-width:1800px) {
        .banner:before,.banner:after{width: 370px;}
}
@media (min-width:822px) and (max-width:856px) {
        .banner:after{bottom: 115px;}
        .mob_view:before{top: -740px;right: -36%;}
        .header_text span{max-width: 375px;}
}
@media (min-width:857px) and (max-width:991px) {
        .banner:after{bottom: 86px;}
        .mob_view:before {top: -757px;right: -30%;}
        .header_text span{max-width: 398px;}
}
@media (min-width:887px) and (max-width:991px) {
        .banner:after{bottom: 55px;}
}
@media (min-width:1400px) and (max-width:1600px) {
    .mob_view:before{content: url(../image/header_tablet.png);top: -322px;right: -112%;}
    .header_text span {margin: 47px 0 73px 0;}
    .header_text{margin-top: 177px;}
}
@media (min-width:1540px) and (max-width:1600px) {
    .mob_view:before{top: -334px;right: -122%;}
}

@media (min-width:1199px) and (max-width:1399px) {
    .mob_view:before{ content: url(../image/header_tablet_2.png);right: -89%;top: -366px;}
    .header_text span {margin: 47px 0 73px 0;}
    .header_text{margin-top: 108px;}
     h1 {font-size: 53px;}
    .header_text span {font-size: 21px;margin: 33px 0 39px 0;}
    .head_btn .btn{font-size: 21px;}
    .logo{margin-top: 50px;}
    header{padding-bottom: 185px;}
}
@media (min-width:1200px) and (max-width:1201px){
    .mob_view:before{right: -291%;top: -812px;}
}
@media (min-width:1202px) and (max-width:1280px) {
    header {padding-bottom: 300px;}
}

@media (min-width:1400px) and (max-width:1470px) {
        header{padding-bottom: 263px;}
        .header_text { margin-top: 116px;}
        .header_text span { margin: 32px 0 30px 0;}
        .mob_view:before{top: -449px;}
}