@media only screen and (min-width:1600px) {
    .menu ul li {font-size: 20px; margin-left: 20px;}
}
@media only screen and (max-width:1599px) {
    .menu ul li {font-size: 16px; margin-left: 20px;}
}
@media only screen and (max-width:1600px) {
    .header .container {/*height: 140px;*/ height: 100px;}
    .header.sticky .container {height: 70px;}
    .logo img {/*width: 240px;*/ width: 150px;}
    .bannerBox {color: #fff; max-width: 650px;}

    .pt100 {padding-top: 20px;}
    .pb100 {padding-bottom: 80px;}
    .hiwBox .det {width: 50%; padding: 0 0 0 50px;}
    .mainHd {/*font-size: 42px;*/ font-size: 32px;}
    .textBox {font-size: 18px; line-height: 28px;}
    a.button { font-size: 20px; min-width: 240px;}

    .footerLogo img {width: 150px;}
    .copy {font-size: 18px;}
    .footerRgt {width: 600px;}
    .footerLink ul li {/*font-size: 26px;*/ font-size: 18px;}
    .footerContact {font-size: 18px; line-height: 32px;}
    .footerContact span {/*font-size: 26px;*/ font-size: 22px;}
    .innerBannerText .mainHd:after {width: 100px; height: 3px;}
    
    .aboutBox .det {padding: 0 0 0 50px;}
    .hiwTop .large {font-size: 36px; line-height: 52px;}
    .list li {background-size: 24px; background-position: 0 3px;}
    .helpDriverList {padding: 40px 0 60px 0;}
    .helpDriverList li {padding:50px 30px; font-size: 20px; line-height: 28px;}
    .getStartedBanner {font-size: 56px;}
    .getStartedText {font-size: 26px; line-height: 42px; max-width: 86%;}
    .getStartedForm {padding: 40px 0 0 0; max-width: 800px;}
    .getStartedForm .fieldHd {font-size: 20px;}
    .formInput {font-size: 20px;}
    .innerBannerText.contactBanner {font-size: 56px; line-height: 75px;}
    .contactText {font-size: 28px; padding: 0 0 60px 0;}
    .contactBox .inner {font-size: 28px;}
        
    .talkBox .left {width: 500px;}
    .talkBox .left span {font-size: 40px;}
    .talkBox .right .textBox {font-size: 24px; line-height: 42px;}
}

@media only screen and (max-width:1279px) {
    .container {width:100%; padding:0 15px;}
    .header .container {height: 110px;}
    .logo img {width: 170px;}
    .bannerCon {min-height: 500px;}
    .pt100 {padding-top: 60px;}
    .pb100 {padding-bottom: 60px;}
    /*.mainHd {font-size: 36px;}*/
    .textBox {font-size: 18px; line-height: 26px;}
    a.button {padding: 12px 25px; font-size: 20px; min-width: 240px;}
    .hiwBox .det {padding: 0 0 0 30px;}
    .benefitBox {padding: 0 70px;}
    .benefitBox .img {max-width: 350px;}
    .partnerlsit {margin: -15px;}
    .partnerlsit li{padding: 15px 40px;}
    .footerLogo {padding: 0 0 20px 0;}
    .hiwTop .large {font-size: 26px; line-height: 42px;}
    .helpBusiness .lft .mainHd {padding: 0 0 60px 0;}
    .helpBusiness .lft .mainHd:after {width: 180px; height: 4px;bottom: 32px;}
    .helpDriverList li {padding: 40px 20px; font-size: 18px; line-height: 24px;}
    .innerBannerText.contactBanner {font-size: 40px; line-height: 52px;}
}

@media only screen and (max-width:999px) {
    body.active {overflow: hidden;}
    a.showMobMenu {display: block; width: 44px; height: 34px; background: #ed1556; border-radius: 3px; padding-top: 9px;}
    a.showMobMenu em {width: 24px; height: 2px; background: #fff; display: block; margin: 0 auto 5px auto; transition:ease-in-out .3s;}
    a.showMobMenu.active {position: relative; z-index: 102;}
    a.showMobMenu.active em:nth-child(3) {display: none;}
    a.showMobMenu.active em:nth-child(1) {transform: rotate(45deg); margin: 7px auto 0 auto;}
    a.showMobMenu.active em:nth-child(2) {transform: rotate(-45deg); margin:-1px auto 0 auto;}

    .menu ul {position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 101; background: #fff; display: block; transition:ease-in-out .3s; padding-top: 90px; overflow: auto;}
    .menu ul li {margin-left: 0; border-top: 1px solid #eee;}
    .menu ul li a {display:block; padding: 18px 20px;}
    .menu ul.active {left: 0;}

    .bannerCon {min-height: 400px;}
    .bannerBox {max-width: 500px; padding: 100px 0;}
    .pt100 {padding-top: 40px;}
    .pb100 {padding-bottom: 40px;}
    .mainHd {font-size: 26px;}
    .textBox {font-size: 16px; line-height: 24px;}
    a.button {font-size: 18px; min-width: 200px;}
    .benefitBox {padding: 0 30px;}
    .letsTalk .det .inner a.button {margin-top: 0;}
    .partnerlsit {padding: 20px 0 0 0;}
    .partnerlsit li{padding: 15px 30px;}

    .copy {font-size: 18px;}
    .footerRgt {width: 450px;}
    .footerLink ul li {font-size: 20px;}
    .footerContact {font-size: 18px; line-height: 28px;}
    .footerContact span {font-size: 20px;}

    .aboutBox {padding: 0;}
    .aboutBox .img {width: 50%;}
    .aboutBox .det {width: 50%; padding: 0 0 0 20px;}
    .helpCoustomer .lft img {width: 120px;}
    .helpDriverList li {padding: 30px 20px; font-size: 16px; line-height: 22px;}
    .getStartedBanner {font-size: 40px; padding: 30px 0;}
    .getStartedText {font-size: 20px; line-height: 32px; max-width: 100%;}
    .getStartedForm {padding: 30px 0 0 0; max-width: 600px; width: 90%;}
    .getStartedForm .fieldHd {font-size: 16px;}
    .formInput {font-size: 16px;}
    .innerBannerText.contactBanner {font-size: 32px; line-height:54px;}
    .contactText {font-size: 24px; padding: 0 0 45px 0;}
    .contactBox .inner {font-size: 22px; padding: 0 20px;}
    .contactBox .inner img {margin: 0 auto 20px auto; width: 120px;}
    .talkBox .left {width: 400px;}
    .talkBox .left span {font-size: 32px;}
    .talkBox .right .textBox {font-size: 18px; line-height: 30px; margin-bottom: 30px;}
}

@media only screen and (max-width:767px) {
    .header .container {height: 80px;}
    .header.sticky .container {height: 50px;}
    .bannerCon {min-height: 250px;}
    .bannerBox {padding: 50px 0;}
    .mainHd {font-size: 24px;}
    .textBox {font-size: 16px;}
    a.button {font-size: 16px;}
    .pt100 {padding-top: 30px;}
    .pb100 {padding-bottom: 30px;}
    .hiwBox .img {width: 100%;}
    .hiwBox .det {width: 100%; padding: 30px 0 0 0;}
    .mb30 {margin-bottom: 20px;}
    .benefitBox .img {max-width: 250px;}
    .benefitBox .img .icon {width: 80px; height: 80px;}
    .letsTalk .det {width: 100%;}
    .letsTalk .det .inner {padding: 30px 20px;}
    .letsTalk .img {width: 100%;}
    .footerLogo img {width: 140px;}
    .footerRgt {width: 380px;}
    .innerBannerText .mainHd:after {width: 70px; bottom: -2px;}
    .aboutBox .img {width: 100%;}
    .aboutBox .det {width: 100%; padding: 20px 0 0 0;}
    .hiwTop {width: 100%;}
    .hiwTop .large {font-size: 18px; line-height: 28px;}
    .hiwTop .large br {display: none;}
    .helpBusiness .lft {width: 100%;}
    .helpBusiness .lft .mainHd {padding: 0 0 40px 0;}
    .helpBusiness .lft .mainHd:after {width: 140px; height: 3px; bottom: 20px;}
    .helpBusiness .rgt {padding: 20px 0 0 0; width: 100%;}
    .list li {background-size: 20px; background-position: 0 2px; padding: 0 0 5px 30px;}
    .helpCoustomerCon {padding: 30px 0;}
    .helpCoustomer {padding: 30px 0 0 0;}
    .helpCoustomer .lft {width: 100%; padding-left: 0;}
    .helpCoustomer .lft img {width: 80px;}
    .helpCoustomer .rgt {padding: 20px 0 0 0; width: 100%;}
    .helpDriverText {max-width: 100%;}
    .helpDriverList {padding: 20px 0 30px 0; justify-content: center;}
    .helpDriverList li {width: 33.33%;}
    .getStartedBanner {font-size: 22px; line-height: 36px; padding: 20px 0;}
    .getStartedText {font-size: 18px; line-height: 26px;}
    .getStartedForm {padding: 20px 0 0 0;}
    .getStartedForm .fieldHd {font-size: 15px;}
    .getStartedForm li {padding-bottom: 20px;}
    .formInput {font-size: 15px;}
    .formBtn {padding: 12px 25px; font-size: 17px; min-width: 200px;}
    .innerBannerText.contactBanner {font-size: 26px; line-height: 44px;}
    .contactBox .inner {font-size: 18px;}
    .contactBox .inner img {width: 100px;}
    .talkBox .left {width: 100%; max-width: 240px; margin: auto;}
    .talkBox .left span {font-size: 22px;}
    .talkBox .right  {width: 100%; max-width: 100%; padding: 20px 0 0 0;}
    .talkBox .right .textBox {font-size: 16px; line-height:26px; margin-bottom: 30px;}
}


@media only screen and (max-width:599px) {
    .benefitBox {width: 100%; padding: 25px 0;}
    .partnerlsit li {padding: 15px;}
    .footerLogo {text-align: center;}
    .footerBox {flex-direction: column-reverse;}
    .footerRgt {width: 100%;}
    .copy {width: 100%; text-align: center; padding: 20px 0 0 0;}
    .footerLink ul li {font-size: 17px;}
    .footerContact {font-size: 16px; line-height: 25px;}
    .footerContact span {font-size: 18px; padding: 0 0 20px 0; }
    .helpDriverList li {width: 100%; padding: 20px; font-size: 15px; line-height: 20px;}
    .formInput.phone {width: 100%;}
    .innerBannerText.contactBanner {font-size: 20px; line-height: 30px;}
    .contactText {font-size: 17px; padding: 0 0 10px 0;}
    .contactBox .inner {width: 100%; padding: 20px 0;}
    .contactBox .inner img {width: 80px; margin: 0 auto 10px auto;}
}