﻿/* Tablets only */
@media only screen and (min-width:481px) and (max-width:900px) {
    .tblt-hide,
    .dtop-only,
    .mobi-only { display: none; }
}

/* Tablets/Mobile */
@media only screen and (max-width:900px) {

    body { left: 0; position: relative; -moz-transition: left .5s; -o-transition: left .5s; -webkit-transition: left .5s; transition: left .5s; overflow: hidden; overflow-y: auto; }
    #main-content{position:relative}
    .swipe-h { overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }

    .layout-aside { padding-top: 10px; }
    .layout-aside .col-left { width: 413px; width: calc(100% - 332px); }
    .layout-aside aside { width: 300px; }

    #header a { text-decoration: none; }
    #header { padding: 0 0 50px; background: #fff; z-index: auto; }
    #header header { background: #222; height: 50px; color: #fff; position: fixed; width: 100%; -moz-transition: top 0.5s, left 0.5s; -o-transition: top 0.5s, left 0.5s; -webkit-transition: top 0.5s, left 0.5s; transition: top 0.5s, left 0.5s; top: 0; left: 0; min-width: 320px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 50; }
        #header header .menu {
            width: 50px;
            height: 100%;
            font: 200 10px/1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
            text-align: center;
            float: left;
            padding: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-right: 1px solid #4e4e4e;
            border-color: rgba(255, 255, 255, 0.2);
            text-transform: uppercase;
        }
    #header header .menu span { display: block; }
    #header header .menu span span { height: 1px; background: #fff; width: 30px; margin: 0 auto 5px; }
    #header header .logo { float: left; padding: 10px 0 10px 10px; }
    #header header .logo img { height: 30px; display: block;float: left; }
    #header header .links { float: right; padding: 10px 10px 10px 0; }
    #header header .links a { margin: 0 0 0 10px; float: right; }
    #header header .links a:last-child { margin: 0 }
    #header nav { width: 270px; padding: 0; background: #222; position: fixed; overflow: auto; top: 0; left: -270px; height: 100%; bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: -5px 0 5px 0 rgba(0,0,0,0.2) inset; z-index: 0; -moz-transition: left .5s; -o-transition: left .5s; -webkit-transition: left .5s; transition: left .5s linear .5s; }
    #header nav a { padding: 20px 20px 20px 2px; display: block; }
        #header nav li {
            margin: 0 0 0 20px;
            padding: 0;
            border: 1px solid #393939;
            border-width: 0 0 1px;
            border-color: rgba(255, 255, 255, 0.1);
            color: #fff;
            font: 700 16px/1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
        }
    #header nav li ul { overflow: hidden; display: none; }
    #header nav li li { color: #ccc; font-weight: 200; border-width: 1px 0 0; margin: 0 0 0 10px; }
    #header nav li li:first-child { margin: 0; padding: 0 0 0 10px; }
    #header nav li .darr:after,
    #header nav li .rarr:after { content: ''; width: 7px; height: 1em; float: right; margin: 0 0 0 10px; background: url('../images/mobile/nav-arr.png') no-repeat 100% 50% transparent; -moz-transition: transform .5s; -o-transition: transform .5s; -webkit-transition: -webkit-transform .5s; transition: transform .5s; -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    #header nav li .darr:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
    #header nav li.open ul { height: auto; border-width: 1px 0 0; }
    #header nav li.open .darr:after { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
    #header nav .btn { display: block; margin: 20px 20px 20px 0; }
    #header .btn-sml { padding: 7px; }
    #header .btn-med { padding: 11px; }
    body.sticky-nav.sticky-nav-closed #header header { top: -50px; }

    #header.get-head table { height: 50px; }
    #header.get-head .logo { top: 10px; padding: 0; }
    #header.get-head .logo img { width: auto; height: 30px; }
    #header.get-head th,
    #header.get-head td { padding: 10px 15px; width: auto; }
    #header.get-head th { padding-left: 0; width: 55px; font-size: 20px; }
    #header.get-head td { font-size: 12px; }
    #header.get-head div { font-size: 10px; margin: 0 0 5px; }
    #header.get-head th div { display: none; }
    #header.get-head td .currency { font-size: 10px; }

    #footer .top .links { clear: both; }

    .nav-open { overflow: hidden; height: 100%; width: 100%; position: fixed; }
    .nav-open body { left: 270px; overflow: hidden; width: 100%; }

    .nav-open #header nav { left: 0; -moz-transition: left 0s linear 0s; -o-transition: left 0s linear 0s; -webkit-transition: left 0s linear 0s; transition: left 0s linear 0s; -webkit-overflow-scrolling: touch; }
    .nav-open .jump-to-nav .fixed-wrap,
    .nav-open #header header { left: 270px; }
    .nav-open #header header { top: 0 !important; }
    .nav-open .jump-to-nav.sticky .fixed-wrap { top: 50px !important; }
    .jump-to-nav.sticky.sticky-closed .fixed-wrap { top: -60px !important; }

    #breadcrumbs { display: none; }

    .page-head { padding: 20px 0 0; margin: 0 auto; }

    .card-holder-offers-head { margin: 0 auto 30px auto; }
    .card-holder-offer { padding: 30px 0; }

    #features-head .top { padding: 0 20px 0 0; vertical-align: middle; }
    #features-head .img-wrap { vertical-align: middle; margin: 0 auto; }
    #features-head .img-wrap img { margin: 0 auto; }

    .jump-to-nav { height: 62px; }
    .jump-to-nav ul { display: none; }
    .jump-to-nav .fixed-wrap { background: #222; }
    .jump-to-nav .page-content { padding: 5px; }
    .jump-to-nav select { margin: 0; height: 48px; padding: 0 48px 0 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font: 700 15px/1 "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"; border: 0; outline: none; background: url("../images/mobile/sel-darr.png") no-repeat 100% 50% #fff; -webkit-appearance: none; border-radius: 0; line-height: normal; }
    .jump-to-nav.sticky .fixed-wrap { top: 50px; }
    .jump-to-nav.sticky .page-content { top: 0; }
    .sticky-nav.sticky-nav-closed .jump-to-nav.sticky .fixed-wrap { top: 0; }

    /* using-your-card */
    
    .jump-to-nav ul li .sub { display: none; }
    .jump-to-nav ul li.img a img { width: 30px; left: 5%; }
    .jump-to-nav ul li.img a { padding-top: 10px; padding-bottom: 10px; padding-right: 0; padding-bottom: 1px; }
    .jump-to-nav ul li.img.active a {}
    .jump-to-nav ul li.img p { font-size: 15px;}
    .jump-to-nav ul li.img { padding: 5px 0;height:auto }
    .jump-to-nav.sticky .fixed-wrap { border-top: 1px solid #4e4e4e; }


    /* using-your-card */
    /*.uyc-jump-to-nav ul { display: block; }
    .uyc-jump-to-nav ul li .sub { display: none; }
    .uyc-jump-to-nav p { font-size: 15px; }
    .uyc-jump-to-nav ul li a img { width: 30px; left: 5%; }
    .uyc-jump-to-nav ul li a { padding-top: 10px; padding-bottom: 10px; padding-right: 0; padding-bottom: 1px; }
    .uyc-jump-to-nav ul li { padding: 5px 0; }
    .uyc-jump-to-nav .tab-shopping-card img { margin-top: 2px; }
    #buying-online h2 { font-size: 40px; }
    .uyc-jump-to-nav.sticky .fixed-wrap { border-top: 1px solid #4e4e4e; }*/

    /*404*/
    .page-not-found #main-content { padding-top: 0; }
    .page-not-found .page-head { padding-bottom: 30px; }

    /* popup */
    .popup-block { width: 96%; margin: 2% 2%; }
    .popup-content > .inner { padding: 15px; }
    #popup-login { display: none; background: #000; width: 270px; padding: 15px; box-sizing: border-box; position: fixed; color: #fff; left: -270px; overflow-y: auto; overflow-x: hidden; height: 100%; -moz-transition: left .5s; -o-transition: left .5s; -webkit-transition: left .5s; transition: left .5s; }
    .nav-open.login-open #popup-login { left: 0; z-index: 999999; display: block; }
    #popup-login .popup-block { width: 240px; background-color: none !important; margin: 0; background: none; }
    #popup-login .popup-content { background: none; }
    #popup-login .popup-content > .inner { padding: 0; background: none !important; }
    #popup-login .col-left,
    #popup-login .col-right { width: 100%; }
    #popup-login .col-left > .inner { padding-right: 0; border-right: none; padding-top: 15px; }
    #popup-login .popup-header { background: none; }
    #popup-login .popup-header .inner { padding: 0; }
    #popup-login .popup-closebtn { display: none; }
    #popup-login .popup-closebtn-m { display: block; top: 0; right: 0; background: url("../images/err-msg-fw-bg.png") no-repeat 0 0 transparent; display: block; width: 25px; height: 25px; position: absolute; }
    #popup-login .inp-row-card-number .inp-wrap { max-width: 56px; margin-right: 5px; }
    #popup-login .inp-row-card-number .inp-wrap [type=text] { max-width: 56px; margin-right: 5px; padding: 0 7px; }
    #popup-login .inp-row-card-number .inp-wrap .asterisk { width: 23px; padding-left: 3px; }
    #popup-login .inp-row-card-number .inp-wrap.third .asterisk { width: 54px; }
    #popup-login .inp-row-card-number .inp-wrap.second input { padding-left: 7px; }
    #popup-login .col-right > .inner { padding-left: 0; padding-top: 20px; border-top: 1px solid #333; margin-top: 20px; }
    #popup-login .col-right h3 { font-size: 20px; }
    #popup-login .btn { width: 100%; margin-bottom:10px; }
    #popup-login .sel-wrap .val { color: #222; }
    #popup-login .form .inp-wrap .sel-wrap { text-align: center; padding-left: 5px; padding-right: 5px; }

    .head-msg{ padding-left:15px; padding-right:15px; background-image:none;}    
    
    .block-two-col .layout-5050 .col:nth-child(even) { float: none; }
    .block-two-col .col { float: none; width: auto; }
    .block-two-col .header { text-align: center; margin: 20px 0; }
    .block-two-col .grid article { max-width: 100%; }
    .block-two-col .grid { margin: 20px 0; }

    .block-grid-3 .col { float: none; width: auto; text-align: center; }
    .block-grid-3 .col img { margin: 0; }
    .block-grid-3 .col-3 .btn { width: auto; }
}


@media only screen and (max-width:768px) {
    .btn-sml { padding: 7px; font-size: 14px; line-height: 16px; }
    .btn-med { padding: 11px; font-size: 16px; line-height: 18px; }
    .btn-lrg { padding: 13px; /*font-size: 16px; line-height: 18px;*/ }

    .d50,
    .d50.left,
    .d50.right { width: 100%; float: none; padding-right: 0; padding-left: 0; margin: 0 0 30px; }

    hr { margin: 40px auto; }

    #main-content { position: relative; }

    /*.page-content:after { display: none; }*/



    .layout-aside { padding-top: 0; }
    .layout-aside .col-left { float: none; width: auto; }
    .layout-aside aside { float: none; width: auto; margin: 20px auto; }

    #footer .top .links { clear: both; }

    .hp-hero .top,
    .hp-hero .mid-wrap,
    .hp-hero .anim-wrap,
    .hp-hero .bot { display: block; float: none; margin: 0 auto; text-align: center; width: auto; padding: 0; }
    .hp-hero .top,
    .hp-hero .anim-wrap { margin: 0 auto 20px; }
    .hp-hero .bot .btn,
    .hp-hero .bot .btn-txt,
    .bubble-wrap .bot .btn,
    .bubble-wrap .bot .btn-txt { float: none; display: inline-block; margin: 0; max-width: 215px; text-align: center; }

    .bubble-wrap {height: 100%;width: 100%; min-height: 345px; max-width: 580px;text-align: left;float: none;margin: 0 auto 20px auto; background: none }
    .bubble-wrap .bot  { display: block; float: none; margin: 0 auto; text-align: center; width: auto; padding: 0; }
    .bubble-wrap .bubble-inner { height: 100%; background: none }
    .bubble-wrap .bubble { width: 100%}


    /*#feature-curr { padding: 44px 10px; }
    #feature-curr .img { margin: 0 auto -60px; top: -60px; }
    #feature-manage .img { width: 38%; margin: -170px 0 100px; }
    #feature-manage .top,
    #feature-manage .mid,
    #feature-manage .bot { width: 62%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0; }*/

    .navstack.standard.img-left .img { width: 38%; margin: -170px 0 100px; }
    .navstack.standard.img-left .top,
    .navstack.standard.img-left .bot { width: 62%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0; }
    .navstack.standard ul {width: 100%}
    .navstack.standard li { width: 50%}

    #buying-online .img { width: 38%; margin: 0 0 100px 5%; }
    #buying-online .top,
    #buying-online .mid,
    #buying-online .bot { width: 57%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0; }


    .get-card-banner-1 .img,
    .get-card-banner-1 .txt,
    .get-card-banner-1 .btn { display: block; width: auto; margin: 0 auto 25px; max-width: 300px; }
    .get-card-banner-1 .txt { text-align: left; }
    .get-card-banner-1 .btn { margin: 25px auto 0; }


    #compare-grid { padding: 0; }
    #compare-grid .page-content { padding: 0; }
    #compare-grid .grid-wrap { display: block; }
        #compare-grid .t-head {
            display: block;
            font: 700 13px/16px "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
        }
    #compare-grid .t-subhead { display: none; }
    #compare-grid .t-body { display: block; margin: 0 0 15px; }
    #compare-grid .r-head { display: block; padding: 20px; }
    #compare-grid .t-head .r-head { display: none; }
    #compare-grid .t-head .btn { display: none; }
    #compare-grid .r-content { display: table; height: auto; table-layout: fixed; width: 100%; border-collapse: collapse; }
    #compare-grid .t-row { display: table-row; }
    #compare-grid .r-head,
    #compare-grid .th,
    #compare-grid .td { position: static; width: auto !important; border: 1px solid #fff; border-width: 0 0 1px 1px; }
    #compare-grid .t-body .th,
    #compare-grid .t-body .td { padding: 20px 0 15px; border: 1px solid #fff; border-width: 0 0 0 1px; }
    #compare-grid .th,
    #compare-grid .td { font: inherit !important; text-align: inherit !important; vertical-align: top; }
    #compare-grid .t-body a { font: 400 13px/20px "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin"; position: static; display: block; margin: 5px 0 0; }
    #compare-grid .t-body:nth-child(even) .r-head,
    #compare-grid .t-body:nth-child(even) .th,
    #compare-grid .t-body:nth-child(even) .td { border-color: #f4f4f4; }

    #compare-grid .t-body .r-head { border-width: 0 0 1px 0; }
    #compare-grid .th { border-left: 0 !important; }

    #compare-grid .t-head img { display: none; }

    .form .currency-totals .inp-coupon,
    .form .currency-totals .totals { float: none; max-width: none; width: 100%; margin: 0 auto; max-width: 400px; }
    .form .currency-totals .inp-coupon .inp-row { max-width: none; }
    .form .currency-totals .totals td:first-child { padding-left: 10px; }

    .form .radio-grp { margin: 0; display: block; }
    .form .radio-grp label { display: block; width: 100%; padding: 20px; margin: 0 0 10px; }
    .form .radio-grp label:after { left: 20px; top: 20px; }

    .reload-form .how-card label .content { max-width: none; float: none; padding: 25px 0 0; }
    .reload-form .how-card label .logo { right: 20px; top: 10px; width: 32%; left: auto; }
    .reload-form .how-card label .logo img { margin: 0 auto; padding: 0; float: right; }


    .reload-form .load-summ { float: none; width: auto; margin: 0 0 20px; padding: 20px 10px 5px 10px; }
    .reload-form .detail-summ dt { max-width: none; min-width: 0; width: auto; }
    .reload-form .load-summ dt.title { display: block; }

    /*reload-complete*/
    .pay-now-section .col-left, .pay-now-section .col-right { width: 100%; }
    .pay-now-section .col-left > .inner { border: 3px solid #222; }
    .pay-now-section .col-right > .inner { padding: 20px 0; }
    .pay-now-section .banklink-list li { width: 15%; margin-right: 1.666666666666%; }
    .pay-now-section .module-help { margin: 0; }

    /*contact*/
    .call-section { margin-top: 30px; }
    .call-section .col-left,
    .call-section .col-right { width: 100%; }
    .call-section .col-left .inner { border-right: 0; padding-bottom: 40px; }
    .contact-form-section .btn { width: 100%; }
    .call-section .col-right .inner { padding-left: 0; }
    .call-section .col-left .inner { padding-right: 0; }
}

@media only screen and (max-width:767px) {
    .xchg-rates > .currency-choose { padding: 30px 0 0; margin: 0 12px; }
    .currency-calc table { position: relative; margin: 52px auto 72px; }
    .currency-calc .eq { padding: 0; width: 40px; }
    .currency-calc .currency { padding: 20px 0 20px 0; }
    .currency-calc td.rate { padding: 10px 0; width: 100%; position: absolute; top: -52px; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .currency-calc td.rate-trg { padding: 20px; width: 100%; position: absolute; top: 100%; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    .currency-calc .rate { text-align: center; }
    .currency-calc .rate div div { display: inline-block; overflow: hidden; text-align: left;  }
    .currency-calc .rate img { display: inline-block; height: 32px; margin: 0 20px 0 0; float: none; }

    .currency-calc .pointer { display: none; }
    .feature-std-template .col-left{ width:100%;}
    .feature-std-template .col-right{ width:100%;}
    .feature-std-template .col-left .inner{ padding-right:0;}
    
    .feature-grid.vertical {margin: 0 auto; max-width: 484px}
    .feature-grid.vertical article { width: 50%; max-width: 242px}

}

@media only screen and (max-width:650px) {

    #footer .top { padding-bottom: 0; }
    #footer .top .links { clear: both; }
    #footer .bot { background: #222; padding-top: 20px; }
    #footer .bot .xchg-rates h4 { display: none; }
    #footer .bot .xchg-rates,
    #footer .bot .disclaimer { float: none; margin: 0 auto 20px; width: auto; min-width: 60%; }
    #footer .bot .xchg-rates tbody { color: #ececec; }

    #footer .xchg-rates { border-top: 1px solid #393939; border-color: rgba(255, 255, 255, 0.1); margin: 0 auto; padding: 20px 0; }
    #footer .bot .xchg-rates thead th { padding-left: 6px; }
    #footer .bot .xchg-rates tbody th { padding: 0 6px; width: 20px; }
    #footer .bot .xchg-rates tbody th span { display: none; }
    #footer .bot .xchg-rates tbody th img { display: block; width: 25px; }

    .hp-hero .top h1 { text-transform: uppercase; font-size: 40px; }
    .hp-hero .top h1 strong { font-size: 30px; }

    .page-head h1 { font-size: 40px; }
    .page-head .top p { font-size: 15px; line-height: 22px; }

    #feature-lockin h2 { font-size: 40px; }
    #feature-lockin p { font-size: 15px; line-height: 22px; }

    #feature-curr { padding: 22px 10px; }
    #feature-curr .img { margin: 0 auto -40px; top: -40px; }
    #feature-curr h2 { font-size: 40px; }
    #feature-curr p { font-size: 15px; line-height: 22px; }

    .navstack.standard.img-left { padding: 50px 0; }
    .navstack.standard.img-left h2 { font-size: 40px; }
    .navstack.standard.img-left p { font-size: 15px; line-height: 22px; }
    .navstack.standard.img-left .img { margin: -108px 0 -38px; width: 38%; }
    .navstack.standard.img-left .bot { clear: both; float: none; width: auto; padding: 0; }

    .bubble-wrap { text-align: left; float: none; margin: 0 auto 20px auto;background: none;  min-height: 0; max-width: none; }
    .bubble-wrap .bubble-inner .bot  { display: block; float: none; margin: 0 auto; text-align: center; width: auto; padding: 0; }
    .bubble-wrap .bubble-inner {padding: 30px;background: none; text-align: center }
    .bubble-wrap .bubble { background: #ffffff;background-image: none; -ms-border-radius: 5px;border-radius: 5px; height: auto }
    .hp-hdiw h2 { color: #ffffff }
    /*General*/
    .text-2-col { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; }

    /* how-get-card-step */
    .how-get-card-step-section { background: none; }
    .how-get-card-step { margin-bottom: 10px; }
    .how-get-card-step li { padding: 20px; padding-left: 0; }
    .how-get-card-step .col-1 { width: 30%; }
    .how-get-card-step .col-2 { width: 70%; padding: 0; }
    .how-get-card-step .col-3 { width: 70%; margin-left: 30%; }
    .how-get-card-step .deliver-word { padding-right: 10px; }
    .how-get-card-step h2 { font-size: 65px; }

    /*fees-limits*/
    .quick-overview { background: none; padding: 0; }
    .quick-overview .col-1,
    .quick-overview .col-2 { width: 100%; border-top: 1px solid #ccc; }
    .quick-overview .col-1 .inner,
    .quick-overview .col-2 .inner { padding: 15px 0; }
    .fees-limits-head .img-wrap { display: none !important; }

    /*using-your-card*/
    #buying-online { padding: 50px 0; padding: 32px 10px; }
    #buying-online h2 { font-size: 30px; width: 100%; }
    #buying-online p { font-size: 15px; line-height: 22px; }
    #buying-online .img { display: none; }
    #buying-online .bot { clear: both; float: none; width: auto; padding: 0; }
    #buying-online .mid { width: 100%; padding: 0 8px 0 0; text-align: center; }
    #buying-online ul { float: none; width: 100%; table-layout: fixed; margin: 20px auto; }
    #buying-online .top, #buying-online .mid, #buying-online .bot { max-width: none; text-align: center; width: 100%; padding: 0; }
    #buying-online .btn { width: 100%; }

    .feature-grid.four-wide { padding-top: 30px; padding-bottom: 30px; }
    .feature-grid.four-wide .group article { width: calc(50% - 2px); }
    .feature-grid.four-wide .group article .inner { margin-bottom: 2px; }
    .feature-grid.four-wide .group article.last .inner { margin-bottom: 20px; }
    .feature-grid.four-wide article.title p { font-size: 15px; }
    .feature-grid.four-wide article.title h3 { font-size: 30px; }
    .feature-grid.four-wide article.title { text-align: center; }


    /* form */
    .form .inp-row { margin: 0 0 15px; }
    .form .t-inp-row { margin: 0 0 15px; }
    .form .t-inp-row > .inp-wrap:last-child { padding-right: 0; }

    .form .inp-t10 { width: 10%; float: left; padding: 0 10px 0 0; }
    .form .inp-t38 { width: 38%; float: left; padding: 0 10px 0 0; }
    .form .inp-t50 { width: 50%; float: left; padding: 0 10px 0 0; }
    .form .inp-t62 { width: 62%; float: left; padding: 0 10px 0 0; }
    .form .inp-t90 { width: 90%; float: left; padding: 0 10px 0 0; }
    .form .inp-t100 { width: 100%; float: left; padding: 0; }
    .form .inp-t100:after { content: ''; clear: both; display: table; }
    .form .inp-wrap .note { padding: 0; }

    .form .restrict-width { max-width: 400px; margin: 0 auto; }

    .form .btn-row .btn-back { position: static; float: left; margin: 0 10px 0 0; left: auto; }
    .form .btn-row .btn-next { overflow: hidden; display: inline-block; margin: 0 auto; max-width: 160px;}

    .currency-choose { margin-left: auto; margin-right: auto; max-width: 350px; }
    .form .currency-amt .t-row { position: relative; }
    .form .currency-amt .rate { position: absolute; left: 0; top: 80px; border-bottom: 0 !important; padding: 0 !important; width: 100%; }
    .form .currency-amt .del { position: absolute; right: 10px; top: 80px; border-bottom: 0 !important; padding: 0 !important; }
    .form .currency-amt .currency { width: 44%; }
    .form .currency-amt .eq { width: 12%; }
    .form .currency-amt .cur2 { text-align: right; }

    .form .AUD .currency-amt .AUD,
    .form .USD .currency-amt .USD,
    .form .SGD .currency-amt .SGD,
    .form .GBP .currency-amt .GBP,
    .form .EUR .currency-amt .EUR,
    .form .NZD .currency-amt .NZD,
    .form .HKD .currency-amt .HKD,
    .form .JPY .currency-amt .JPY,
    .form .CAD .currency-amt .CAD,
    .form .THB .currency-amt .THB,
    .form .AED .currency-amt .AED { height: 135px; }

    .reload-form { padding: 50px 0 30px; }
    .reload-form h2 { font-size: 30px; margin: 0 0 25px; }
    .reload-form h3 { margin: 25px 0 15px; }

    .error-msg-fw .error-msg { padding: 12px 0 12px 45px; background-position: 0 15px; }
}

@media only screen and (max-width:850px) {
    .popup-V2-block header .inner { padding-right: 30px; }
    .popup-V2-block header .header-content { display: block; font-size: 34px; margin: .5em auto 0; text-align: center; width: auto; }
}

@media only screen and (max-width:767px) {
    .popup-V2 { padding: 20px; }
    .popup-V2-block header .inner { padding: 20px; }
    .popup-V2-block header .header-content { display: block; font-size: 34px; margin: .5em 0 0; text-align: center; width: auto; }
    .popup-V2-block header .popup-closebtn { right: 11px; top: 11px; width: 30px; height: 30px; }
    .popup-V2 .popup-V2-content { /*max-height: calc(100vh - 160px);*/ }
    .popup-V2 .popup-V2-content .inner { padding: 20px; }

    .popup-V2.activate-login-popup .action { padding: 20px; }
    .popup-V2.activate-login-popup .action-wrapper { height: auto; }
    .popup-V2.activate-login-popup .alternate-actions .action div span { display: inline; }
}

@media only screen and (max-width:480px) {
    .form-V2 .inp-row-card-number .inp-wrap { margin-right: 4px; max-width: 62px; }

    .popup-V2 { padding: 10px; }
    .popup-V2-block header .header-content { font-size: 21px; }
    .popup-V2 .popup-V2-content .inner { padding: 20px; }

    .popup-V2.activate-login-popup .action-wrapper { display: block; height: auto; width: auto; }
    .popup-V2.activate-login-popup .action-wrapper .action { padding: 20px; display: block; }
    .popup-V2.activate-login-popup .action-wrapper .action + .action { border-width: 1px 0 0 0; }

    #popup-activate-V2 .steps-completed .complete-tick { font-size: 60px; margin: 0.2em auto; }
    #popup-activate-V2 .steps-completed .complete-msg { font-size: 24px; margin: 1em 0; }

    #popup-activate-V2 .steps-completed .complete-msg span { display: inline; }
}
