@media only screen and (max-width: 767px) {

    .container {
        width: 100%;
    }

    .card {
        margin: 15px;
       /* border-radius: 0px;*/
        padding:15px;
    }

    .card-heading {
        display: none;
    }

    .cust-id {
        margin: 0px;
    }

        .cust-id label {
            display: none;
        }

    .cif-slide {
        margin: 10px 0px;
    }

    .details-block {
        width: 100%;
    }

    .proceed {
        width: auto;
       /* margin: 0px;*/
        /*text-transform: uppercase;*/
        /*border-radius: 0px;*/
        margin-top:10px;
    }

    .btn-wrap {
      /*  position: fixed;*/
        bottom: 0%;
        left: 0;
        width: 100%;
        margin: 0px;
    }

    .proceed.disable.light {
        background-color: #a3a3a3;
    }

    .form-container {
        padding: 10px 20px;
    }

    .lower-card {
        width:100%;
        padding: 30px 6px;
    }

    .address-container {
        position: relative;
       /* right: 20px;*/
    }

    select.input-document {
        width: 100%;
        margin: 5px 0px;
    }

    .input-upload .input-main {
        display: block;
    }

    .input-upload label {
        margin: 5px 0px;
    }

    .noteTxt {
        margin: 20px 22px;
    }

    .error {
        margin: 0px 22px;
    }

    .msg {
        padding: 16px;
    }

        .msg p {
            margin: 10px 10px;
            white-space: nowrap;
        }

    .popup-overlay.active {
        width: 100%;
    }

    .popup-content {
        width: 270px;
        left: 12%;
    }

    a.confirm, a.change-details {
        padding: 4px 20px;
        font-size: 12px;
    }
}