@charset "utf-8";

/*--------------media query css------------------*/	
@media (min-width: 768px) {
    .container { width: 720px; margin: 0 auto; padding: 0 20px; }
}

@media (min-width: 992px) {
    .container { width: 960px; }
}

@media (min-width:1200px) {
    .container { width: 1170px; }
}

@media (min-width:1870px) {
    .container { width: 1840px; }
}

@media (max-width:1869px) {
    .left-banner { padding: 0; }
    .img-bg-fix { background-position: 74.8% 65.5%; }
    .app-cover { right: 15px; bottom: 0; }
    .cover-money li { padding: 26px 0 31px; }
    .cover-cont { max-width: 100%; }
    .money-wrap h1 { padding: 0; }
    .right-wrap { float: right; width: 50%; padding: 0 0 0 5.9%; }
    .load-card-wrap .sec-title { padding: 0; }
    .card-detail-wrap { max-width: 100%; }
    .img-load { width: 50%; padding: 0; }
    .cont-load { width: 50%; padding: 0 0 0 5.9%; }
    .cont-load p br { display: none; }
    .det-cover { display: flex; align-items: center; }
    .card-img { width: 25%; padding: 0 15px; }
    .footer-link { padding: 0; }
    .card-wrap { max-width: 100%; }
    .right-head { padding-right: 0; }
    .spenish-home .enumenu_ul li a {font-size: 14px;}
    .spenish-home .head-btn-cover a {margin-left: 12px;}
}

@media (max-width:1200px) {
    .right-head { padding: 0 0 10px; }
    .head-btn-cover a { margin-left: 10px; }
    .head-btn-cover a:first-child { margin: 0; }
    .enumenu_ul > li { margin: 0 8px 2px; }
    .enumenu_ul li a { font-size: 14px; }
    .right-head { padding: 10px 0 10px; }
    .menu-wrap { margin-left: 15px; }
    .left-banner { width: 100%; }
    .img-bg-fix { background-position: 74.8% 55.5%; }
    .benefit-wrap .img-bg-fix { background-position: 14.2% 57.7%; }
    .footer-cont { width: 81%; }
    .spenish-home .enumenu_ul li a {font-size: 12px;}
    .spenish-home .enumenu_ul > li {margin: 0 5px 2px;}
    .spenish-home .head-btn-cover a {margin-left: 0;}
}

/*------------tablet portrait  view------*/
@media (max-width:1024px) {
    .img-bg-fix {
        background-position: 76% bottom;
        background-attachment: scroll;
    }
}
@media (max-width:991px) {
    .enumenu_ul { display: none }
    .menu-block { height: auto; }
    .menu-icon { display: block }
    .services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
    .enumenu_ul > li { width: 100%; margin: 0px; padding: 0px; }
    .enumenu_ul > li > a {display: block;text-align: center;padding: 10px;}
    .enumenu_ul {width: 100%;position: absolute;left: 0;right: 0;top: 84%;background: #fff;z-index: 999;box-shadow: 0px 4px 7px -1px rgba(0,0,0,0.15);max-height: calc(100vh - 56px);overflow-x: hidden;overflow-y: auto;padding-bottom: 45px;}
    .enumenu_ul > li ul { background: #D1D1D1; }
    .enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #000; padding: 5px 0; }
    /* Push Menu */
    body.menuslide_push { position: relative; }
    body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
    body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
    body.slidemenuRight .enumenu_ul { right: -300px; }
    body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
    body.slidemenuLeft .enumenu_ul { left: -300px; }
    body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
    body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
    body.menuslide_push.slidemenuRight.menu-open { right: 300px }
    body.menuslide_push .enumenu_ul,  body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; top: 0; }
    .enumenu_ul > li.mob-use { display: block; }
    .right-head { display: none; }
    .left-head { width: 100%; padding: 20px 0 20px; }
    .stickyHeader .left-head { padding: 20px 0 20px; }
    .header-main { position: relative; box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.15); z-index: 9999; }
    .card-btn-cover { width: 100%; margin: 0; }
    .card-box { margin: 25px 0 0; }
    .card-btn-cover a { display: inline-block; margin: 0 20px 0 0; }
    .app-cover { bottom: -18px; }
    .banner-wrap { padding: 56px 0 60px 0; }
    .benefit-wrap .img-bg-fix { background-position: 0 57.7%; }
    .enumenu_ul > li > a {display: inline-block;font-size: 20px;font-weight: 400;}
    .enumenu_ul > li { display: block; text-align: center; }
    .enumenu_ul > li > a.btn {min-width: 244px;margin-bottom: 30px;font-size: 16px;padding: 12px 10px;color: #22b14b;margin: 11px 0 24px;text-transform:uppercase}
    .enumenu_ul > li > a.btn:hover, .enumenu_ul > li > a.btn-success { color: #ffffff; }
    .enumenu_ul > li > a.btn-success:hover { color: #22b14b; }
    .spenish-home .enumenu_ul li a {font-size: 20px;}
    .spenish-home .enumenu_ul li a.btn{font-size: 16px;}
    .enumenu_ul > li.mob-use a{font-weight: 700;}
    .enumenu_ul > li > a.btn{font-weight: 400;}
}

/*------------mobile landscape  view------*/
@media (max-width:767px) {
    table td{min-width:initial;}
    .container { width: 100%; padding: 0 15px; }
    .menu-icon .menu-box { right: 10px; }
    .left-head, .stickyHeader .left-head { padding: 18px 0 18px; }
    .handGraphic{display:none;}
    .banner-cont { text-align: center; }
    .banner-wrap p br { display: none; }
    .card-box { display: flex; flex-wrap: wrap; justify-content: center; margin: 21px 0 28px; }
    .card-btn-cover { order: 1; text-align: center; }
    .img-cover { order: 2; margin: 5px 70px 0 70px; }
    .app-cover { position: inherit; width: 100%; text-align: center; left: inherit; right: inherit; }
    .card-btn-cover a { display: block; max-width: 125px; margin: 0 auto 45px; }
    .app-cover a { display: inline-block; padding: 0 8px; margin: 0; }
    .img-bg-fix { background-attachment: initial; height: 195px; width: 233px; z-index: 9999; background-size: 100%; background-position: center center; left: 0; right: 19px; margin: 0 auto; bottom: 0; }
    .banner-wrap { padding: 44px 0 60px 0; }
    .sec-title { text-align: center; }
    .cover-money, .cover-money:last-child { padding: 0; width: 100%; }
    .cover-money span { max-width: 100%; display: block; margin: 6px 0 0; font-size: 20px; }
    .cover-money li { text-align: center; padding: 14px 0 6px; }
    .right-wrap { width: 100%; padding: 0; text-align: center; }
    .benefit-wrap .img-bg-fix { display: none; }
    .benefit-wrap { padding: 35px 0 29px; }
    .img-load { width: 100%; text-align: center; }
    .det-cover { flex-wrap: wrap; }
    .img-load span { max-width: 100%; display: block; margin: 16px 0 6px; }
    .cont-load { width: 100%; padding: 0; text-align: center; }
    .card-img { width: 50%; text-align: center; padding: 0 5px; }
    .footer-link { width: 100%; text-align: center; max-width: 140px; margin: 0 auto; display: block; float: none; margin-bottom: 22px; }
    .footer-cont { width: 100%; padding: 0; }
    .benef-title { padding: 0 0 15px; font-size: 20px; }
    .benef-title:after { left: 0; right: 0; margin: 0 auto; bottom: -5px; top: inherit; }
    .banner-wrap h1 { line-height: 1.25; margin-bottom: 18px; }
    .app-cover a:last-child { padding-right: 0; }
    .app-cover a:first-child { padding-left: 0; }
    .money-wrap h1 { font-size: 25px; margin-bottom: 0; }
    .money-wrap { padding: 24px 0 22px; }
    .benefit-wrap h1 { font-size: 24px; font-weight: 400; }
    .benef-detail p { font-size: 20px; font-weight: 300; line-height: 1.2; padding-bottom: 10px; }
    .load-card-wrap h1 { font-size: 25px; margin-bottom: 12px; }
    .load-card-wrap { padding: 41px 0 0; }
    .sec-title p { font-size: 20px; }
    .card-detail-wrap { margin: 34px auto 0; }
    .cont-load p { font-size: 20px; line-height: 1.28; }
    .cards-cover { margin: 10px 0 0; }
    .cards-cover p { font-size: 16px; padding-bottom: 0px; }
    .card-wrap { margin: 14px auto 9px; }
    .footer-wrap { margin-top: 28px; padding: 20px 0 104px; }
    .footer-title span { font-size: 16px; }
    .footer-title { margin-bottom: 81px; }
    .footer-btm { display: none; }
}

/*------------mobile portrait view------*/

@media (max-width:360px) {
    .app-cover a,.app-cover a:last-child,.app-cover a:first-child{ padding: 0 5px 15px;max-width: 50%;float: left;}
    .img-cover {margin: 5px 30px 0 30px;}
}