@media (max-width: 767px) {
    .m-login.m-login--2 .m-login__wrapper .m-login__container {
        width: 100% !important;
        margin-top: 20px !important;
        padding: 40px 20px 40px 20px !important;
    }
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .m-login__form-left {
        padding-left: 0;
    }
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
        padding: 1.5rem 1rem;
    }

    .m-content {
        margin-top: 15px;
    }

    .btn-register img {
        width: 50px;
    }

    .btn-register p {
        font-size: 14px;
        font-weight: 600;
        margin-top: 40px;
        letter-spacing: 2px;
    }

    .m-widget7 .m-widget7__desc {
        margin-top: 4rem;
    }

    .label-version {
        margin-top: 0;
    }

    .logo-text {
        width: 60%;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .container-header {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .m-portlet.m-portlet--tabs .m-portlet__head {
        padding: 15px;
        height: auto;
    }

    .m-body .m-container.m-container--fluid .m-wrapper, .m-body .m-container.m-container--responsive .m-wrapper {
        padding: 0 !important;
    }

    .row-index {
        margin-top: 0;
    }

    .row-index .m-widget7 .m-widget7__desc {
        margin-top: 15px;
        font-size: 14px;
    }

    .row-index .btn-register p {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .row-index .m-portlet {
        margin-bottom: 1.2rem;
    }

    .m-form .form-control-label, .m-form .col-form-label, .m-form .m-form__group>label {
        padding-left: 15px;
    }

    .m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0;
        padding-top: 10px;
    }

    .m-subheader {
        margin-left: 10px !important;
        padding: 0px 20px 0 20px !important;
    }

    .m-body .m-content {
        padding: 0px 20px;
    }

    .page-title {
        margin-bottom: 20px;
    }

    .m-body .m-content {
        padding: 0px 20px !important;
    }

    .m-brand--mobile .logo {
        width: 80px;
    }

    .dataTables_length {
        display: none;
    }

    .m-portlet .m-portlet__body {
        padding: 10px;
    }

    table .btn {
        font-size: 5px;
        padding: 10px;
    }

    table input {
        padding: 5px;
        width: 40px;
    }

    .stock-input {
        width: 60px;
    }

    .p-0-m {
        padding: 0 !important;
    }


}