/* Mobile CSS to create a more user friendly checkout on mobile */

/* if media is screen and the maximum width is 1024px (most used for phones and tablets) */
@media screen and (max-width: 1024px) {

    .bettercheckout-body {
        text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -webkit-text-size-adjust: none !important;
    }

    li.heading, li.notice, #billing-business, .li-back, .customer-address label {
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: 2 !important;
        text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
        -moz-text-size-adjust: 100% !important;
        -webkit-text-size-adjust: none !important;
    }

    .bettercheckout-body .customer-address label {
        font-weight: bold !important;
    }

    .bettercheckout-body .main {
        font-size: 30px;
        line-height: 2;
    }

    .bettercheckout-body .main input {
        font-size: 26px;
        line-height: 1.5;
    }

    #bettercheckout-review-table .product-travelers select {
        min-width: 75px !important;
    }

    #bettercheckout-review-table .product-travelers #passport_name_information p {
        width: auto !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .bettercheckout-body li.heading, .bettercheckout-body li.notice {
        font-weight: normal !important;
        font-size: 30px;
        color: #555;
    }

    .bettercheckout-body .main h1 {
        font-size: 30px;
        line-height: 1.5;
    }

    .bettercheckout-body .main h2 {
        font-size: 30px;
        line-height: 1.5;
        background: none !important;
        background-color: #E0E0E0 !important;
    }

    .bettercheckout-body .main h3, .bettercheckout-body .main h4 {
        font-size: 30px;
    }

    .bettercheckout-body .main h2 span {
        background-color: #E0E0E0 !important;
        border: none !important;
        font-size: 30px !important
    }

    .bettercheckout-body .main label {
        margin-right: 20px;
        padding-right: 10px;
    }

    .bettercheckout-body button, #customer-login-btn span, .btn-checkout span {
        font-size: 30px !important;
    }

    .bettercheckout-body #customer-login-btn {
        float: left;
    }

    .bettercheckout-body #customer-login-btn span {
        height: 40px;
        width: 250px;
        line-height: 40px;
    }

    .bettercheckout-body .btn-checkout span {
        height: 100px;
        width: 100%;
        background: #319BD8;
        line-height: 100px;

    }

    #bettercheckout li.li-proceed {
        float: inherit !important;
        width: 100% !important;
        text-align: center !important;
    }

    #bettercheckout li.li-back {
        float: inherit !important;
        width: 100% !important;
    }

    #bettercheckout-customer-options .box-switcher {
        float: right !important;
    }

    .bettercheckout-body .main input, .bettercheckout-body .main select {
        min-height: 30px;
    }

    .bettercheckout-body .main select {
        font-size: 30px;
    }

    .bettercheckout-body .main input[type="radio"], .bettercheckout-body .main input[type="checkbox"] {
        min-width: 30px;
    }

    #bettercheckout-credentials, #bettercheckout-options, #bettercheckout-review-left, #bettercheckout-review-right {
        float: none !important;
        width: 100% !important;
    }

    #bettercheckout-options {
        margin: 0 !important;
    }

    #bettercheckout-review-table .product-travelers .names label {
        width: 160px !important;
    }

    #bettercheckout-review-table .btn-update {
        display: none;
    }

    #bettercheckout-review #bettercheckout-review-table img {
        display: none;
    }

    #bettercheckout-review-table a {
        font-size: 30px !important;
    }

    #bettercheckout-customer-options input.input-text {
        float: none !important;
        margin-left: 10px !important;
        width: 300px !important;
    }

    #bettercheckout-customer-options #box-register label, #bettercheckout-customer-options #box-customer label {
        width: 330px !important;
    }

    #bettercheckout-review-page .change {
        color: #707070;
    }

    /* Fonts are different on iPhone and iPad, use different rule */
    @media only screen and (-webkit-min-device-pixel-ratio: 1) {
       li.heading, li.notice, #billing-business, .li-back, .customer-address label {
           font-size: 30px !important;
       }
    }
}