@media screen and (min-width: 1171px) and (max-width: 1304px) 
{
.video-wrap{ height:659px;}
.person > img{ width:65%; height:auto;}	
.stepwrap .pilot h1{ font-size:30px;}
.stepwrap .pilot p{ font-size:20px;}

}

@media screen and (min-width: 1000px) and (max-width: 1170px) 
{
.header .container{ width:100%;}	
.person > img{ width:65%; height:auto;}	
.stepwrap .pilot h1{ font-size:23px; line-height:30px;}
.authorities .container{ width:90%;}
.proof > ul > li span{ font-size:18px; line-height:28px;}
.howitworks .container{ width:90%;}
.stepwrap ul li h4{ font-size:18px; line-height:25px;}
.stepwrap ul li p br{ display:none;}
.formwrap{ width:420px; padding:45px 60px 65px;}
.footer .container{ width:90%;}
.footer .logo{ float:none; width:130px; margin:0 auto;}
.footer p{ float:none; text-align:center;}
.section2 ul li a span{ font-size:18px;}

}

/* only for video */

@media screen and (min-width: 1025px) and (max-width: 1170px) 
{
.video-wrap{ height:577px;}	
}

@media screen and (min-width: 1000px) and (max-width: 1024px) 
{
.video-wrap{ display:none;}
.videoimg{ display:block;}
}

/* only for video */

@media screen and (min-width: 768px) and (max-width: 999px) 
{
.header .container{ width:100%;}	
.video-wrap{ display:none;}
.videoimg{ display:block;}
.heading h1{ font-size:80px; line-height:80px;}
.popup{ bottom:35px; left:35px;}
.applywrap{ width:290px; margin-left:-145px; top:40%;}
.applywrap > img{ width:40%; height:auto;}
.applywrap p{ font-size:18px; line-height:26px;}
.section2 ul li img {display: block;height: 105px;margin: 0 auto;max-height: 120px; max-width: 60%;width: 50%;}
.section2 ul li a span{ font-size:15px; line-height:32px;}
.person > img{ width:65%; height:auto;}	
.stepwrap .pilot h1{ font-size:23px; line-height:30px;}
.authorities{ padding:50px 0;}
.authorities .container{ width:95%;}
.proof > ul > li span{ font-size:18px; line-height:28px;}
.howitworks .container{ width:90%;}
.howitworks ul li{ width:50%;}
.proofwrap{ display:block;}
.chairman{ float:none; width:100%;}
.quote{ width:500px;}
.proof{ float:none; width:100%;}
.easyheading{ padding:0 0 25px; text-align:center;}
.impwrap{ display:block;}
.stepwrap{ float:none; width:100%;}
.stepwrap ul li h4{ font-size:18px; line-height:25px;}
.stepwrap ul li p br{ display:none;}
.getstart{ float:none; width:100%;}
.formwrap{ width:420px; padding:45px 60px 65px;}
.footer .container{ width:90%;}
.footer .logo{ float:none; width:130px; margin:0 auto;}
.footer p{ float:none; text-align:center;}
}
@media screen and (min-width: 600px) and (max-width: 767px) 
{
.header .container{ width:100%;}	
.video-wrap{ display:none;}
.videoimg{ display:block;}
.heading h1{ font-size:45px; line-height:45px;}
.popup{ bottom:35px; left:35px; width:190px; padding:35px 15px 15px;}
a.goto{ width:50px; background-size:100% auto; height:45px;}
.applywrap{ width:230px; right:auto; top:35%; margin-left:-115px;}
.applywrap > img{ width:40%; height:auto;}
.applywrap a{ font-size:18px; line-height:25px;}
.applywrap p{ font-size:15px; line-height:20px;}
.section2 ul li img {display: block;height: 105px;margin: 0 auto;max-height: 120px; max-width: 60%;width: 50%;}
.section2 ul li a span{ font-size:15px; line-height:20px;}
.person > img{ width:40%; height:auto;}	
.stepwrap .pilot h1{ font-size:23px; line-height:30px;}
.authorities{ padding:30px 0;}
.authorities h1{ font-size:38px;}
.authorities a{ margin:70px 0 0; font-size:30px; line-height:30px;}
.authorities a em{ width:50px; margin:0 auto;}
.authorities a em img{ display:block; width:100%; height:auto;}
.authorities .container{ width:95%;}
.proof > ul > li span{ font-size:18px; line-height:28px;}
.howitworks{ padding:20px 0 0;}
.howitworks h1{ font-size:30px; margin:0 0 15px;}
.howitworks p{ font-size:16px; line-height:28px;}
.howitworks .container{ width:90%;}
.howitworks ul li{ width:50%;}
.proofwrap{ display:block;}
.theproof{ padding:18px 0 0;}
.theproof h1{ font-size:30px; margin:0 0 15px;}
.chairman{ float:none; width:100%; padding:35px 0;}
.quote{ width:500px;}
.quote p{ font-size:16px; line-height:28px;}
.proof{ float:none; width:100%;}
.easywrap{ padding:20px 0 0;}
.easyheading{ padding:0 0 25px; text-align:center;}
.easyheading h1{ font-size:30px;}
.easyheading span{ padding:0;}
.impwrap{ display:block;}
.stepwrap{ float:none; width:100%;}
.stepwrap ul li h4{ font-size:18px; line-height:25px;}
.stepwrap ul li p br{ display:none;}
.getstart{ float:none; width:100%;}
.formwrap{ width:420px; padding:45px 60px 65px;}
.footer .container{ width:90%;}
.footer .logo{ float:none; width:130px; margin:0 auto;}
.footer p{ float:none; text-align:center;}
}
@media screen and (min-width: 481px) and (max-width: 599px) 
{
.header .container{ width:100%;}	
.video-wrap{ display:none;}
.videoimg{ display:block;}
.heading{ bottom:10px;}
.heading h1{ font-size:30px; line-height:30px;}
.popup{ bottom:35px; left:35px; width:190px; padding:35px 15px 15px; display:none !important;}
a.goto{ width:50px; background-size:100% auto; height:45px;}
.applywrap{ width:230px; right:35px; top:35px; display:none !important;}
.applywrap > img{ width:40%; height:auto;}
.applywrap a{ font-size:18px; line-height:25px;}
.applywrap p{ font-size:15px; line-height:20px;}
.section2 ul li img {display: block;height:80px;margin: 0 auto;max-height: 120px; max-width: 60%;width: 50%;}
.section2 ul li a span{ font-size:15px; line-height:20px;}
.person > img{ width:40%; height:auto;}	
.stepwrap .pilot h1{ font-size:23px; line-height:30px;}
.authorities{ padding:30px 0;}
.authorities h1{ font-size:30px;}
.authorities p{ font-size:18px; line-height:28px;}
.authorities a{ margin:10px 0 0; font-size:30px; line-height:30px;}
.authorities a em{ width:50px; margin:0 auto;}
.authorities a em img{ display:block; width:100%; height:auto;}
.authorities .container{ width:95%;}
.proof > ul > li span{ font-size:18px; line-height:28px;}
.howitworks{ padding:20px 0 0;}
.howitworks h1{ font-size:30px; margin:0 0 15px;}
.howitworks p{ font-size:16px; line-height:28px;}
.howitworks ul li p{ font-size:16px; line-height:28px;}
.howitworks ul li a img{ width:60%; height:auto;}
.howitworks .container{ width:90%;}
.howitworks ul li{ width:50%;}
.slides img{ width:65%; height:auto;}
.proofwrap{ display:block;}
.theproof{ padding:18px 0 0;}
.theproof h1{ font-size:30px; margin:0 0 15px;}
.chairman{ float:none; width:100%; padding:35px 0;}
.quote{ width:500px;}
.quote p{ font-size:16px; line-height:28px;}
.proof{ float:none; width:100%;}
.easywrap{ padding:20px 0 0;}
.easyheading{ padding:0 0 25px; text-align:center;}
.easyheading h1{ font-size:30px;}
.easyheading span{ padding:0;}
.impwrap{ display:block;}
.stepwrap{ float:none; width:100%;}
.stepwrap ul li{ float:none; width:100%; height:auto !important;}
.stepwrap ul li h4{ font-size:18px; line-height:25px;}
.stepwrap ul li p br{ display:none;}
.getstart{ float:none; width:100%;}
.getstart h1{ font-size:30px;}
.getstart span{ font-size:18px; line-height:30px;}
.formwrap{ width:420px; padding:45px 60px 65px;}
.footer .container{ width:90%;}
.footer .logo{ float:none; width:130px; margin:0 auto;}
.footer p{ float:none; text-align:center;}
}

@media screen and (min-width: 320px) and (max-width: 480px) 
{
.header .container{ width:100%;}	
.video-wrap{ display:none;}
.videoimg{ display:block;}
.heading{ bottom:10px;}
.heading h1{ font-size:30px; line-height:30px;}
.popup{ bottom:35px; left:35px; width:190px; padding:35px 15px 15px; display:none !important;}
a.goto{ width:50px; background-size:100% auto; height:45px;}
.applywrap{ width:230px; right:35px; top:35px; display:none !important;}
.applywrap > img{ width:40%; height:auto;}
.applywrap a{ font-size:18px; line-height:25px;}
.applywrap p{ font-size:15px; line-height:20px;}
.section2 ul{ float:none; display:block;}
.section2 ul li{ float:none; width:100%; height:auto !important;}
.section2 ul li img {display: block;height:auto;margin: 0 auto;width:50%;}
.section2 ul li a span{ font-size:15px; line-height:20px;}
.person > img{ width:40%; height:auto; display:none;}	
.stepwrap .pilot h1{ font-size:23px; line-height:30px;}
.authorities{ padding:30px 0;}
.authorities h1{ font-size:25px;}
.authorities p{ font-size:16px; line-height:27px;}
.authorities a{ margin:10px 0 0; font-size:22px; line-height:25px;}
.authorities a em{ width:50px; margin:0 auto;}
.authorities a em img{ display:block; width:100%; height:auto;}
.authorities .container{ width:95%;}
.proof > ul > li span{ font-size:18px; line-height:28px;}
.howitworks{ padding:20px 0 0;}
.howitworks h1{ font-size:25px; margin:0 0 15px;}
.howitworks p{ font-size:16px; line-height:28px;}
.howitworks ul{ display:block; float:none; width:100%;}
.howitworks ul li{ float:none; width:100%; height:auto !important;}
.howitworks ul li p{ font-size:16px; line-height:28px;}
.howitworks ul li a img{ width:60%; height:auto;}
.howitworks .container{ width:90%;}
.slides img{ width:65%; height:auto;}
.proofwrap{ display:block;}
.theproof{ padding:18px 0 0;}
.theproof h1{ font-size:25px; margin:0 0 15px;}
.chairman{ float:none; width:100%; padding:35px 0;}
.quote{ width:auto;}
.quote p{ font-size:16px; line-height:28px;}
.proof{ float:none; width:100%;}
.proof > ul > li{ width:100%; float:none; height:auto !important;}
.easywrap{ padding:20px 0 0;}
.easyheading{ padding:0 0 25px; text-align:center;}
.easyheading h1{ font-size:25px;}
.easyheading span{ padding:0; font-size:18px; line-height:26px;}
span.number{ left:20px; top:20px;}
.impwrap{ display:block;}
.stepwrap{ float:none; width:100%;}
.stepwrap ul li{ float:none; width:100%; height:auto !important;}
.stepwrap ul li h4{ font-size:18px; line-height:25px;}
.stepwrap ul li p br{ display:none;}
.getstart{ float:none; width:100%;}
.getstart h1{ font-size:30px;}
.getstart span{ font-size:18px; line-height:30px;}
.formwrap{ width:300px; padding:25px 15px 25px;}
.field h6{ font-size:14px; line-height:18px;}
.getstart input[type="submit"]{ font-size:22px; line-height:42px;}
.footer .container{ width:90%;}
.footer .logo{ float:none; width:130px; margin:0 auto 15px;}
.footer p{ float:none; text-align:center; font-size:11px; line-height:22px;}
}