@media (max-width: 979px) and (min-width: 768px) {

    .selected-title {
        font-size: 17px;
    }

    .selected-price {
        font-size: 17px;
    }

    .user-session-error-message {
        margin-left: 15px !important;
        width: 200px;
        margin-top: -10px;
        float: left;
        font-size: 13px;
    }

    .login-title {
        padding-top: 5px !important;
        padding-left: 34px;
    }
    .loginChangePassword-title {
        padding-top: 5px !important;
        padding-left: 34px;
    }

    .userinfnone {
        display: none !important;
    }

    .footer-span12 {
        width: 724px;
    }

    .content-page-width {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .captcha-group {
        padding-left:140px !important;
    }

    #Captcha {
        width:44px !important;
    }
}

@media (max-width: 767px) {

    .custommargin {
        margin-left: 67px !important;
        margin-top: -38px !important;
    }

    .downandup {
        margin-left: 450px !important;
        margin-top: -58px !important;
    }

    #ProcessArea {
        padding: 10px 5px;
        /*height: 30px;*/
    }

    .selected-title {
        font-size: 17px;
    }

    .selected-price {
        font-size: 17px;
    }

    .validation-summary-errors {
        margin: 0;
        margin-bottom: 10px;
        padding: 10px 10px 10px 85px !important;
    }

    .validation-summary-succes {
        margin: 0;
        margin-bottom: 10px;
        padding: 10px 10px 10px 85px !important;
    }

    .login-button {
        margin-right: 21px;
    }

    .user-session-error-message {
        margin-left: 191px !important;
        margin-top: -10px;
        font-size: 13px;
        width: 52%;
    }

    .login-title {
        padding-left: 34px;
        padding-top: 0px !important;
    }
    .loginChangePassword-title {
        padding-left: 34px;
        padding-top: 0px !important;
    }

    .userinfnone {
        display: none !important;
    }

    .login-label {
        width: 25% !important;
    }
    .loginChangePassword-lable {
        width: 25% !important;
    }

    .login-input {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

        .login-input input[type="text"], .login-input input[type="password"] {
            width: 94% !important;
            margin-left: 0px;
        }

    .loginBottomBtn {
        margin-top: -20px !important;
        width: 28% !important;
        display: inline !important;
    }

    .footer-span12 {
        width: 100%;
    }

    .content-page-width {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #rowProcessArea {
        margin-bottom: 10px;
    }

    .captcha-group {
        padding-left:193px !important;
    }
}

@media (max-width: 480px) {
    .remainingpaymentamountinfo {
        width: 92px;
        display: block;
    }

    table.recurring td {
        padding: 4px 4px;
    }

    table.recurring-detail td {
        padding: 2px 4px;
    }

    table.detail input[type="text"] {
        width: 40px !important;
        height: auto;
        padding: 0px;
        margin-bottom: 0px !important;
    }

    .btnDelete {
        width: 32px;
        height: 24px;
    }

        .btnDelete i {
            margin-left: -4px;
            margin-top: -2px;
        }

    .validation-summary-errors {
        margin: 0 !important;
        padding: 10px 0px 10px 0px !important;
        width: 100% !important;
        background-image: none !important;
    }

    .validation-summary-succes {
        margin: 0 !important;
        padding: 10px 0px 10px 0px !important;
        width: 100% !important;
        background-image: none !important;
    }
    /*.validation-summary-errors ul { padding:0 !important; margin:0 !important; }*/
    .selected-price {
        font-size: 15px;
    }

    .downandup {
        margin-left: 306px !important;
        margin-top: -58px !important;
    }

    #creditcardlist td i {
        display: none;
    }

    #TreeDZone {
        margin-top: 10px;
        border: none;
    }

    #TreeDArea {
        float: left;
        padding: 0px !important;
        font-size: 15px !important;
        height: 20px;
        text-align: left;
    }

    .threeD-image {
        max-width: 16%;
        float: right;
    }

    #TreeDArea input[type="checkbox"] {
        margin-right: 5px !important;
        margin-top: -3px !important;
    }

    .login-button {
        margin-right: 18px !important;
    }

    .content-page-width {
        width: 100%;
        margin-left: 0;
    }

    .user-session-error-message {
        margin-top: -15px;
        width: 200px;
        margin-left: 14px !important;
        font-size: 12px;
    }

    .userinfnone {
        display: none !important;
    }

    .login-label {
        width: 100% !important;
    }
    .loginChangePassword-lable {
        width: 100% !important;
    }
    #bankLogo {
        margin-left: 5px;
    }

    #ProcessArea {
        padding: 5px;
        /*height: 32px;*/
    }

    .selected-price {
        margin-left: 5px;
        display: inline-block;
        margin-top: 5px;
        font-size: 13px;
    }

    .custommargin {
        margin-left: 67px !important;
        margin-top: -38px !important;
    }

    .captcha-group {
        padding-left:11px !important;
    }

    #Captcha {
        width:167px !important;
    }

    .login {
        height: 315px !important;
    }
}

@media (max-width: 399px) {

    .custommargin {
        margin-top: -38px !important;
    }

    .downandup {
        margin-left: 217px !important;
        margin-top: -58px !important;
    }

    #creditcardlist td a {
        width: 50px;
    }

        #creditcardlist td a:first-child {
            margin-bottom: 1px;
        }

    .login-button {
        margin-right: 11px !important;
    }

    .user-session-error-message {
        color: red;
        margin-left: 15px !important;
        margin-top: -15px;
        font-size: 14px;
    }

    .userinfnone {
        display: none !important;
    }

    .loginBottomBtn {
        margin-top: 0px !important;
        width: 55% !important;
        display: block !important;
    }

    .captcha-group {
        padding-left:11px !important;
    }

    #Captcha {
        width:130px !important;
    }

    .login {
        height: 315px !important;
    }
}

.ui-widget.ui-widget-content.keypad-popup {
    padding: 3px;
    font-size: 30px !important;
}

.ui-widget button {
    margin: 2px;
}

.keypad-trigger {
    display:none !important;
}