@media only screen and (max-width: 1700px) {
.headRgt {flex-direction:row-reverse; -webkit-flex-direction: row-reverse;}
.menu {margin-left:20px;}
a.showMobMenu {display:block; width:35px; height:38px; border-radius:2px; padding-top:10px;}
a.showMobMenu i {width: 100%; height: 2px; display: block; float: right; background: #1c1c1c;margin: 0 auto 6px auto; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s;-ms-transition: ease-in-out .3s;  -o-transition: ease-in-out .3s; transition: ease-in-out .3s;}
a.showMobMenu i:nth-child(2){width: 70%;}
a.showMobMenu i:nth-child(3) {width: 50%;}
a.showMobMenu.active i:nth-child(1) {-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); margin:8px auto 0 auto;}
a.showMobMenu.active i:nth-child(2) {-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width: 100%; margin:-2px auto 0 auto;}
a.showMobMenu.active i:nth-child(3) {display:none;}

.menu ul {display:block; width:260px; background:#000; position:fixed; left:-260px; top:0; height:100%; z-index:101; overflow:auto; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
.menu ul.active {left:0;}
.menu ul li {padding:0; border-bottom:1px solid #161616; font-size:17px;}
.menu ul li a {color:#fff; display:block; padding:15px;}
.menu ul li a:hover {color:#fff;}


.stepList {margin:-15px;}
.stepList li {padding:15px;}
}

@media only screen and (max-width: 1279px) {
header {padding:15px;}
.bannerInfo {width:calc(100% - 450px); padding-right:30px;}
.bannerHd {font-size:36px; line-height:44px;}
.content {font-size:17px; line-height:24px;}
.bannerBtn {padding:30px 0 0 0;}
.pt70 {padding-top:50px;}
.pb70 {padding-bottom:50px;}
.bannerRgt {width:450px; padding-left:170px; position:relative;}
.smllSlider .mobileOuter {width:200px;}
.smllSlider .bannerSlider {height:420px;}
.smllSlider .mobileBox .inner:before {width:100px; height:33px; background-size:100px; margin-left:-50px;}
.mobileOuter {width:280px;}
.bannerSlider {height:580px;}
.mobileBox .inner:before {width:160px; height:33px; background-size:160px; margin-left:-80px;}
.mainHd {font-size:28px;}
.weList {margin:0 -5px; padding-bottom:30px;}
.weList li {margin-top:15px; font-size:16px;}
.whyEndcash .right {padding:0 0 0 20px;}
.benefitBox {min-height:530px;}
.stepList {padding-top:30px;}
.stepList li > div {padding:50px 20px;}
.stepList li > div span {font-size:19px;}
.easyShipping .left {width:520px;}
.easyShipping .right {width:calc(100% - 520px); padding-left:30px;}
.infoShipping {left:280px; top:90px;}
.freeTransfer .left {width:calc(100% - 280px); padding-right:100px;}
.freeTransfer .right {width:280px;}
.nearPlace .left {width:580px;}
.placeLftImg {width:300px;}
.nearPlace .right {width:calc(100% - 580px); padding-left:30px;}
.chatMessage .left {padding-right:30px;}
.newsFeed .right {padding:0 0 0 30px;}
.feedList li {font-size:17px;}
.footerLink li {margin-left:12px;}
}


@media only screen and (max-width: 999px) {
.bannerInner {flex-direction:column-reverse; -webkit-flex-direction: column-reverse;}
.smllSlider {left: 50%; margin-left: -212px;}
.bannerInfo {width:100%; padding:20px 0 0 0; text-align:center;}
.bannerHd {font-size: 30px; line-height: 38px;}
.content {font-size: 15px; line-height: 22px;}
.bannerRgt {width:100%;}
.bannerRgt .mobileOuter {margin:auto;}
.whyEndcash .left {width:42%;}
.whyEndcash .right {width:58%;}
.stepList li > div {padding: 25px 10px;}
.stepList li > div span {font-size:17px; line-height:24px;}
.stepList li img {width:50px;}
.benefitBox .mobileOuter {width:240px; margin-left:-120px;}
.benefitBox .bannerSlider {height:500px;}
.benefitList li {padding:15px 150px 15px 0; font-size:14px;}
.benefitList li:nth-child(2n) {padding:15px 0 15px 150px;}
.benefitList li .hd {font-size:17px; padding:10px 0 5px 0;}
.easyShipping .left {width:400px;}
.easyShipping .right {width:calc(100% - 400px);}
.infoShipping {left:280px; top:140px;}
.infoShipping li {width:120px; padding:10px; font-size:17px;}
.infoShipping li img {margin:0 auto 10px auto; width:30px;}
.nearPlace .left {width:460px;}
.freeTransfer .left {padding-right:30px;}
.placeLftImg {width:180px; padding: 160px 5px 0 0;}
.nearPlace .right {width:calc(100% - 460px);}
.checkList li {background-position:0 12px;}
.bulletList li {background-position:0 6px;}
.feedList li {padding:15px; margin-top:10px;}
footer {display:block; padding:10px; text-align:center;}
.footerLink {display:block;}
.footerLink li {font-size:13px; margin:5px; display:inline-block;}
.socialLinks li {margin:0 10px;}
.copyright {text-align:center;}
.socialLinks {display:block; text-align:center;}
.socialLinks li {display:inline-block;}

    .headerSearch-beforeLogin-box {
        padding-left: 0%;
        width: 50%;
    }
    .userloginMenu-wrap {
        width: 50%;
    }
    .loginMenu.userloginMenu-wrap li {
        padding: 0px 0px 0px 10px;
    }
    .loginMenu.userloginMenu-wrap li a {
        font-size: 12px;
    }
}


@media only screen and (max-width: 767px) {
.smllSlider {display:none;}
.bannerRgt {padding-left:0;}
.mobileOuter {width:220px;}
.bannerSlider {height:440px;}
.mobileBox .inner:before {width:120px; height:33px; background-size:120px; margin-left:-60px;}
.pt70 {padding-top:30px;}
.pb70 {padding-bottom:30px;}
.mainHd {font-size:22px;}
.bannerHd {font-size: 22px; line-height: 28px;}
.bannerBtn a img {width:130px;}
.whyEndcash .left {width:100%; text-align:center;}
.whyEndcash .left img {margin-left:0; max-width:260px;}
.whyEndcash .right {width:100%; padding:10px 0 0 0;}
.weList {margin:0 -5px; padding-bottom:0;}
.weList li {padding:0 5px 0 65px; min-height:50px; text-align:left; font-size:14px;}
.weList li .icon {border:3px solid #f8f8f8; width:50px; height:50px;}
.weList li .icon img {width:30px;}
.weList li:hover .icon {border:3px solid #dae6fb;}
.stepList {margin:-5px;}
.stepList li {padding:5px;}
.stepList li > div {padding:10px;}
.benefitBox {min-height:inherit; margin-top:20px;}
.benefitBox .mobileOuter {position:static; margin:auto;}
.benefitList li {padding:20px 15px 0 0;}
.benefitList li:nth-child(2n) {padding:20px 0 0 15px;}
.benefitList li .icon img {height:40px;}
.easyShipping .left {width:100%;}
.easyShipping .left .mobileOuter {margin:auto;}
.infoShipping {position:static; margin-top:10px; display: -webkit-flex; display: flex;}
.infoShipping li {width:33.33%;}
.easyShipping .right {width:100%; padding:20px 0 0 0; text-align:center;}
.freeTransfer {flex-direction:column-reverse; -webkit-flex-direction: column-reverse;}
.freeTransfer .left {width:100%; padding:20px 0 0 0; text-align:center;}
.freeTransfer .right {width:100%;}
.freeTransfer .right .mobileOuter {margin:auto;}
.placeLftImg {display:none;}
.nearPlace .left {width:100%;}
.nearPlace .left .mobileOuter {margin:auto;}
.nearPlace .right {width:100%; padding:20px 0 0 0;}
.checkList li {text-align:left;}
.chatMessage {flex-direction:column-reverse; -webkit-flex-direction: column-reverse;}
.chatMessage .right {width:100%; text-align:center;}
.chatMessage .right img {max-width:260px;}
.chatMessage .left {width:100%; padding:20px 0 0 0;}
.chatMessage .left .mainHd {width:100%;}
.bulletList li {text-align:left;}
.newsFeed .left {width:100%; text-align:center;}
.newsFeed .left img {max-width:260px;}
.newsFeed .right {width:100%; padding:20px 0 0 0; }
.feedList li {text-align:left;}
}

@media only screen and (max-width: 479px) {
header {display:block; padding:10px 15px;}
.logo {text-align:center; padding-bottom:10px;}
.logo img {width:120px;}
.loginMenu li {padding:0 10px 0 0;}
.loginMenu li a {padding: 9px 20px; font-size: 15px;}
.stepList li {width:100%;}
}