@media (max-width: 767px) {
    .controls-vada {
        padding-right: 0px;
    }

    .resp-font-size {
        font-size: 14px;
    }

    .payment-info-row .controls, .form-definition-row .controls {
        margin-left: 0px;
    }

    .payment-info-row-card > .control-group > .controls {
        margin-left: 0px;
    }

    .form-horizontal .control-group {
        margin-bottom: 8px;
    }

    /*.piece.piece-multiple.span3 {
        width: 63px;
    }*/

    .cardinfo-inline {
        margin-bottom: 8px;
        width: 82px!important;
        float: left!important;
        margin-right: 5px;
    }

    #paymentTree {
        margin-top: -31px;
        left: 0px;
    }

    .popover {
        left: 17px!important;
    }

    .paymentForm fieldset:first-of-type {
        margin-top: 0px;
    }

    /*.btn-radio-label {
        width: auto !important;
    }*/

    .account-item {
        float: none;
        width: 100%;
    }

    .current-account-list ul li input[type="radio"] {
        float: left;
        margin-top: 2px!important;
    }

    /*.contractCheck {
        margin-left: 0px;
    }*/

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

    .payment-info-row > .payment-section {
        margin-top: 0px;
    }

    .instalmenttypesicon {
        display: block;
        margin-top: 3px;
    }

    .btn-radio-label.recurring-period-type-label {
        margin-bottom: 10px;
    }

    .form-horizontal .control-label {
        text-align: left;
    }

    #rec-interval, #rec-freqtype {
        width: 48.055249%;
        display: inline-block;
    }

    #rec-interval {
        margin-right: 4px;
    }

    #rec-freqtype {
        float: right;
    }

    #lbl-rec-interval {
        width: 100%;
    }
}

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

    .card-textbox-width {
        width: 90px !important;
    }

    .card-cvc {
        margin-left: -87px !important;
        margin-top: 20px;
    }

    .payment-info-row .controls-cvv, .form-definition-row .controls-cvv {
        margin-left: 80px;
    }

    .card-cvc-textbox {
        width: 91px !important;
    }

    .btn-radio-label {
        width: auto !important;
    }

    .payment-options-btn {
        height: 30px !important;
    }

    .date-textbox-width {
        width: 75px !important;
    }

    .pureamount-size {
        width: 81% !important;
    }

    .amount-label-width {
        width: 55px !important;
    }

    .payment-item-width {
        width: 110px !important;
    }

    .btn-radio-label.recurring-period-type-label {
        width: 100%!important;
        margin-left: 0px;
    }
    .commission-label {
        margin-left:0px !important;
        width:93% !important;
    }
}

@media (max-width: 646px) {
    #div3dArea.clickable {
        height: 60px;
    }

    #rec-3D-img {
        margin-top: 7px;
    }

    #is3dCheckboxContainer {
        width: 71%;
    }
}

@media (max-width: 768px) and (min-width: 480px) {
    .payment-options-btn {
        height: 30px !important;
    }
}

@media (max-width: 480px) {
    #mycreditcards-inner {
        display: none;
    }

    #mycreditcards-outer {
        display: block;
    }

        #mycreditcards-outer a {
            float: left;
        }


    .modal-body {
        max-height: none;
        /*overflow-y:visible;*/
    }

    #lblPureAmount {
        font-weight: bold;
        font-size: 18px;
    }

    .resp-font-size {
        font-size: 16px;
    }

    .current-accounts-title em {
        font-size: 12px;
        margin-left: 0px;
        width: 100% !important;
        display: block;
    }

    .payment-section-first {
        margin-top: 0px;
    }

    .payment-section.instalment-type-section {
        margin-top: 0;
    }

    .instalmentType-label {
        margin-bottom: 0px!important;
        height: 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        line-height: 30px;
        border-bottom: none;
    }

        .instalmentType-label:first-child {
            -webkit-border-radius: 4px 4px 0px 0px;
            -moz-border-radius: 4px 4px 0px 0px;
            border-radius: 4px 4px 0px 0px;
        }

        .instalmentType-label:last-child {
            -webkit-border-radius: 0px 0px 4px 4px;
            -moz-border-radius: 0px 0px 4px 4px;
            border-radius: 0px 0px 4px 4px;
            border-bottom: 1px solid #bbbbbb;
        }

    input.InstallmentType {
        margin-top: 8px!important;
    }

    .instalmenttypesicon {
        display: block;
        margin-top: 6px;
    }

    .modal-header .close {
        margin-top: -3px;
    }

    .payment-info-row .control-label {
        width: 100%;
    }

    .commission-label {
        margin-left:0px !important;
        width:93% !important;
    }
}

@media (max-width: 398px) {
    #div3dArea.clickable {
        height: 80px;
    }

    #rec-3D-img {
        margin-top: 17px;
    }

    #is3dCheckboxContainer {
        width: 68%;
    }

    .validation-summary-errors ul li p, .validation-summary-succes ul li p, .validation-summary-info ul li p {
        font-size: 15px;
    }

    .validation-summary-succes ul, .validation-summary-errors ul, .validation-summary-info ul {
        margin-top: 10px;
    }

    
}

@media (max-width: 388px) {
    #div3dArea.is3drequired {
        height: 60px;
    }
}

@media (max-width: 359px) {
    .btn-radio-label {
        margin-left: 0px!important;
    }
}

@media (max-width: 348px) {
    .rdPaymentItemAvailibility {
        width: 100%!important;
        box-sizing: border-box!important;
        /**behavior: url(/scripts/boxsizing.htc);*/
    }

    /*.piece-multiple.span3 {
        width: 52px !important;
    }*/

    .rdPaymentItemAvailibility {
        margin-bottom: 0px!important;
        height: 40px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        line-height: 30px;
        border-bottom: none;
    }

        .rdPaymentItemAvailibility:first-child {
            -webkit-border-radius: 4px 4px 0px 0px;
            -moz-border-radius: 4px 4px 0px 0px;
            border-radius: 4px 4px 0px 0px;
        }

        .rdPaymentItemAvailibility:last-child {
            -webkit-border-radius: 0px 0px 4px 4px;
            -moz-border-radius: 0px 0px 4px 4px;
            border-radius: 0px 0px 4px 4px;
            border-bottom: 1px solid #bbbbbb;
        }

    input[name="rdPaymentItemAvailibility"] {
        margin-top: 8px!important;
    }
    .commission-label {
        width:90% !important;
    }
}