@media (max-width: 700px) {

    .clear,
    .clearfix:after {
        clear: both
    }

    a img,
    img {
        max-width: 100%;
        height: auto
    }

    body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        font-size: 15px
    }

    li,
    ul {
        list-style-type: none
    }

    .left {
        float: left
    }

    .right {
        float: right
    }

    .clearfix:after,
    .clearfix:before {
        content: " ";
        display: table
    }

    .alignRright {
        float: right;
        margin: 0 0 12px 15px
    }

    .alignLeft {
        float: left;
        margin: 0 15px 12px 0
    }

    .alignCenter {
        float: none!important;
        margin: 0 auto;
        display: block
    }

    a img,
    img {
        border: 0
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .config-errors h3 {
        padding: 10px 0;
        margin: 5px
    }

    .config-errors ul {
        padding: 0;
        margin: 0
    }

    .config-errors li {
        padding: 10px;
        margin: 5px;
        background-color: #FCC;
        border: 1px solid #C00;
        color: #333;
        font: 15px/20px arial, sans-serif
    }

    #app_common_modal .app_modal_body,
    #error_handler_overlay .error_handler_body {
        font-size: 14px;
        box-sizing: border-box;
        margin: 100px auto;
        background-color: #fff
    }

    .config-errors li strong {
        float: right
    }

    input[type=text],
    input[type=search],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=email],
    select,
    textarea {
        background: #FFF;
        border: 1px solid #a7abad;
        color: #222;
        height: 32px;
        line-height: 22px;
        width: 100%;
        font-size: 14px;
        padding: 3px 8px;
        outline: 0;
        font-family: Arial, sans-serif;
        font-weight: 400;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box
    }

    textarea {
        padding: 6px;
        height: 150px
    }

    select {
        line-height: 24px;
        padding: 4px;
        height: 32px
    }

    input[type=text]:focus,
    input[type=search]:focus,
    input[type=password]:focus,
    input[type=tel]:focus,
    input[type=email]:focus,
    select:focus,
    textarea:focus {
        background: #fff;
        box-shadow: 0 0 5px #51cbee;
        border: 1px solid #51cbee
    }

    input.has-error,
    select.has-error {
        border: 1px solid orange
    }

    input.no-error,
    select.no-error {
        border: 1px solid green
    }

    input.loading,
    select.loading {
        border: 1px solid #51cbee
    }

    .app-benchmark {
        position: fixed;
        width: 98%;
        left: 0;
        bottom: 0;
        padding: 5px 1%;
        background-color: #CCC;
        color: #333;
        text-align: right
    }

    #app_common_modal,
    #error_handler_overlay {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        z-index: 2147483647;
        background: #333;
        background: rgba(255, 255, 255, .8);
        display: none;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }

    #error_handler_overlay .error_handler_body {
        width: 95%;
        max-width: 600px;
        padding: 20px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 0;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        font-family: Verdana, Geneva, sans-serif;
        line-height: 1.42857143;
        color: #333;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    #app_common_modal_close,
    #error_handler_overlay_close {
        position: absolute;
        right: -10px;
        top: -10px;
        color: #FFF;
        background-color: #333;
        border: 2px solid #FFF;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        font-weight: 700;
        line-height: 30px;
        padding: 0;
        margin: 0
    }

    #app_common_modal .app_modal_body {
        min-width: inherit;
        width: 95%;
        max-width: 600px;
        min-height: 400px;
        padding: 2.5%;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 0;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        font-family: Verdana, Geneva, sans-serif;
        line-height: 1.42857143;
        color: #333;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box
    }

    #app_common_modal .app_modal_body iframe {
        min-height: 400px;
        width: 100%;
        border: 1px solid #d5d6ef
    }

    .exitpop-content {
        position: fixed;
        height: 400px;
        width: 708px;
        margin: -200px 0 0 -354px;
        top: 50%;
        left: 50%;
        text-align: left;
        padding: 0;
        border: none;
        z-index: 2147483647
    }

    .exitpopup-overlay {
        background: rgba(0, 0, 0, .6);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2147483647;
        display: none
    }

    .exitpop-content img {
        display: block;
        margin: 0 auto;
        position: relative;
        text-align: center;
        max-width: 100%;
        height: auto
    }

    .exitpop-discountbar {
        background-color: red;
        border-bottom: 4px dashed #fff;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: 700;
        height: 50px;
        line-height: 50px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 9999;
        display: none
    }

    .app-load-spinner {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100px;
        height: 100px;
        margin: auto;
        background-color: #333;
        border-radius: 100%
    }

    .float-left {
        float: left
    }

    .clear {
        line-height: 0;
        height: 0
    }

    .button,
    button,
    input[type=button],
    input[type=submit] {
        border: 0;
        width: 100%;
        display: block;
        cursor: pointer;
        position: relative;
        outline: 0;
        padding: 20px 15px;
        color: #fff;
        font-size: 20px
    }

    #loading-indicator::after,
    #loading-indicator::before {
        box-sizing: border-box;
        left: 50%;
        position: absolute;
        top: 50%
    }

    .defult {
        padding: 10px 15px
    }

    .defult form label {
        width: 175px;
        display: inline-block
    }

    .defult input[type=text],
    .defult input[type=search],
    .defult input[type=number],
    .defult input[type=password],
    .defult input[type=tel],
    .defult input[type=email],
    .defult select,
    .defult textarea {
        max-width: 275px
    }

    .defult .button,
    .defult button,
    .defult input[type=button],
    .defult input[type=submit] {
        max-width: 450px
    }

    .all-card-types li {
        float: left;
        margin-right: 20px
    }

    #loading-indicator {
        background-color: rgba(0, 0, 0, .5);
        bottom: 0;
        box-sizing: border-box;
        font-size: 1px;
        height: 100%;
        left: 0;
        margin: 0!important;
        padding: 0!important;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 2147483646
    }

    #loading-indicator::before {
        content: "";
        height: 70px;
        margin-left: -35px;
        margin-top: -70px;
        width: 70px;
        z-index: 2
    }

    #loading-indicator::after {
        background: #fff;
        border-radius: 5px;
        color: #000;
        content: "Processing, one moment please... ";
        font-family: arial;
        font-size: 17px;
        height: 110px;
        line-height: 98px;
        margin-left: -150px;
        margin-top: -75px;
        padding-top: 35px;
        text-align: center;
        width: 300px;
        z-index: 1
    }
    span.cb-inline-error {
        margin-top: 10px;
        font-weight: 100;
        color: #c00;
        display: block
    }

    form {
        padding: 10px
    }
}
@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}



@media screen and (max-width:480px) {
    #app_common_modal .app_modal_body {
        position: relative;
        overflow: inherit;
        -webkit-overflow-scrolling: touch;
        min-height: 300px!important;
        margin-top: 50px
    }
    #app_common_modal .app_modal_body iframe {
        min-height: 300px!important
    }
    #app_common_modal_close,
    #error_handler_overlay_close {
        top: 53px!important;
        right: 12px!important;
        line-height: 22px!important;
        width: 22px!important;
        height: 22px!important;
        font-size: 12px!important;
        z-index: 999!important;
        position: fixed!important
    }
}