@media only screen and (max-width: 1600px) {
.midLft {width:calc(100% - 420px); padding:30px 20px;}
.lftInner {max-width:890px;}
.stepList ul li {width:200px; height:67px; margin-left:-28px; line-height:67px; background-size:cover;}
.stepList ul li.active {background-size:cover;}
.midRgt {width:420px; padding:30px 20px;}
.rgtHd {font-size:26px;}
.youNeed li {padding:14px 30px 20px 100px;}
.youNeed li i.icon {left:20px;}
.youNeed li:nth-child(2n) {padding:14px 100px 20px 30px;}
.youNeed li:nth-child(2n) i.icon {right:20px;}
.footerLink {width: calc(100% - 420px);}
.copy {width:420px;}
}

@media only screen and (max-width: 1300px) {
.midLft {width:calc(100% - 320px);}
.stepList ul {-moz-box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1);}
.stepList ul li {width:20%; font-size:14px; background:#fff; height:auto; margin-left:0; line-height:normal; padding:5px 0 10px 0;}
.stepList ul li:first-child {margin-left:0;}
.stepList ul li img {display:block; margin:0 auto 2px auto;}
.stepList ul li.active {background:#a7d51e;}
.formInner {padding:20px;}
.errorTxt {font-size:14px;}
.formHd {font-size:18px; padding:12px; line-height:24px;}
.midRgt {width:320px;}
.rgtHd {padding-bottom:10px;}
.youNeed li {padding:15px 0 20px 0; min-height:inherit; text-align:center; font-size:15px;}
.youNeed li i.icon {position:relative; left:auto; top:auto; display:block; margin:0 auto 15px auto; width:40px; height:40px; padding:5px;}
.youNeed li i.icon img {width:30px;}
.youNeed li i.icon:after {width:54px; height:54px; left:-8px; top:-8px;}
.youNeed li:nth-child(2n) {text-align:center; padding:15px 0 20px 0;}
.youNeed li:nth-child(2n) i.icon {right:auto; top:auto; margin:0 auto 15px auto;}
.footerLink {width: calc(100% - 320px);}
.copy {width:320px;}
.termsList li {padding:12px 0; color:#000;}
.termsList li .lft {width:55%;}
.termsList li .rgt {width:45%;}
.decicionTopTxt {font-size:20px; padding-bottom:20px;}
.decicionBotTxt {font-size:17px; max-width:320px; padding-top:20px;}
.paymentTable {padding:10px;}
.paymentTable table td {font-size:14px;}
}

@media only screen and (max-width: 999px) {
.midLft {float:none; width:100%; height:auto !important; padding:20px;}
.mb30 {margin-bottom:20px;}
.midRgt {width:100%; padding:20px; height:auto !important; float:none;}
.youNeed {text-align:center;}
.youNeed li {width:45%; display:inline-block; margin:0 2%;}
.footerLink {float:none; width:100%; padding:10px;}
.footerLink a {font-size:15px;}
.copy {float:none; width:100%; padding:0 10px 10px 10px;}
.decicionBg {display:none;}
}

@media only screen and (max-width: 767px) {
.logo {padding:12px 10px 0 10px;}
.menu ul li {padding:24px 10px 0 10px;}
.midLft {padding:20px 10px;}
.stepList ul li {font-size:13px;}
.errorTxt {padding:10px 10px 10px 40px;}
.errorTxt .icon {left:10px; top:10px;}
.form li {margin:0 -10px;}
.formField {padding:0 10px 20px 10px;}
.formSelect {padding:9px 30px 9px 9px; font-size:14px; background-position:right 10px center;}
.formInput {padding:10px; font-size:14px;}
.formBtn {min-width:200px; font-size:16px;}
.formBtn.mt20 {margin-top:0;}
.rgtHd {font-size:22px;}
.creditBox {font-size:16px; padding:10px;}
.creditBox .bt {font-size:20px;}
.fieldHd {font-size:14px;}
.graphHd {padding:15px; font-size:17px;}
.graphHd .tp {font-size:20px;}
.graphImg {padding:20px;}
.paymentTable {padding:10px; width:100%; overflow:auto;}
.paymentTable table {width:768px;}
}

@media only screen and (max-width: 479px) {
.header {height:auto;}
.logo {float:none; text-align:center; padding:10px;}
.logo img {width:140px;}
.menu {float:none; width:100%; text-align:center;}
.menu ul li {float:none; display:inline-block; padding:5px 10px 10px 10px; font-size:14px;}
.stepList ul li {width:100%; float:none; padding:0 10px 0 20px; position:relative; height:42px; border-bottom:1px solid #eee; line-height:42px; font-size:14px;}
.stepList ul li img {display:inline-block; margin:0 auto 2px auto; position:absolute; left:20px; top:5px;}
.formField {padding-bottom:10px;}
.formField.half {float:none; width:100%;}
.midRgt {padding:20px 0;}
.rightInner {margin:0 10px;}
.rgtHd {font-size:20px;}
.youNeed li {width:100%; margin:0; float:none; padding:14px 20px 20px 85px; min-height:82px; text-align:left;}
.youNeed li i.icon {position:absolute; left:20px; top:15px;}
.youNeed li:nth-child(2n) {text-align:right; padding:14px 85px 20px 20px;}
.youNeed li:nth-child(2n) i.icon {left:inherit; right:20px;}
.footerLink a {font-size:13px; margin:0 10px;}
.footerLink a:after {right:-15px;}
.copy {font-size:11px;}
.optionLabel {display:block;}
.decicionCircle {height:auto; padding:30px;}
.decicionTopTxt {font-size:18px;}
.decicionBotTxt {font-size:16px;}
}