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

    input.form-control {
        width: 100%;
    }

    textarea.form-control {
        width: 100%;
    }

    .select2 {
        width: 100%;
    }

    input[type="submit"] {
        display: block;
        width: 60%;

    }

    a.btn {
        display: block;
        width: 30%;

    }

    .delete-btn {
        display: block;
        width: 30%;
    }

    form > fieldset > pre {
        width: 100%;
    }

    h1 {
        font-size: 24px;
        font-weight: bold;
    }

    h2 {
        font-weight: bold;
    }

    .datatable-in-form {
        width: 100%;
        overflow: hidden;
    }

    .datatable-toolbar > .btn {
        width: 100%;
    }

    .datatable-screen-filler {
        position: absolute;
        top: auto;
        right: 0;
        bottom: auto;
        left: 0;
        overflow: scroll;
    }

    .dataTables_length {
        display: none;
    }

    .modal-footer .btn+.btn {
        display: block;
        width: 60%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;

    }
}