@media screen and (max-width: 768px) {
    /* form global style */
    [ng-form] md-select > .md-select-value,
    form md-select > .md-select-value {
        padding: 3px 10px;
        border: 1px solid #ccc;
        background-color: #fff;
    }
    form md-select:not([disabled]):focus > .md-select-value,
    [ng-form] md-select:not([disabled]):focus > .md-select-value {
        padding-bottom: 3px;
        border-bottom-color: #1976d2;
    }
    form md-input-container > .md-errors-spacer,
    [ng-form] md-input-container > .md-errors-spacer {
        display: none;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] {
        padding: 6px !important;
        border: none;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] *:focus {
        outline: none;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] table[ng-switch-when="month"] tr > td {
        padding: 1px;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.btn-sm {
        margin: 0px -1px -1px 0px;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.btn-info,
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.active {
        border-color: transparent;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.active {
        background-color: #727272;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.btn-info {
        background-color: #1976d2;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.btn-info > span,
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button.active > span {
        color: #fff;
    }
    form md-input-container ul.dropdown-menu[uib-datepicker-popup-wrap] tr > td > button > span:not(.text-muted){
        font-weight: 600;
    }
    form .input-field,
    [ng-form] .input-field {
        position: relative;
    }
    form .input-field > input[validator] + span,
    [ng-form] .input-field > input[validator] + span {
        position: absolute;
        left: 0px;
        bottom: -18px;
    }
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0px 4px 4px 0px;
        -moz-border-radius: 0px 4px 4px 0px;
        -webkit-border-radius: 0px 4px 4px 0px;
    }
    .form-group > label:not(.radio-inline) {
        display: block;
    }
    .form-inline .form-group > label {
        display: inline;
    }
    label > .label-control {
        margin-bottom: 8px;
    }
    /* form element style */
    form .md-block {
        margin-top: 15px;
    }
    form .md-block > label {
        color: #424242 !important;
    }
    md-checkbox.md-default-theme.md-checked .md-icon,
    md-checkbox.md-checked .md-icon {
        background-color: #007AFF;
    }
    md-input-container {
        margin: 20px -10px 0px;
        padding: 10px;
    }
    md-input-container.md-icon-left {
        padding-right: 10px;
    }
    md-input-container.md-icon-left > md-icon {
        left: 8px;
        color: #929292;
    }
    form md-input-container label:not(.md-container-ignore) {
        left: inherit;
        font-size: 12px;
    }
    md-radio-group {
        display: inline-block;
        width: 100%;
    }
    md-radio-group > label {
        display: block;
    }
    md-radio-group md-radio-button {
        display: inline;
        margin-right: 20px;
    }
    md-radio-group md-radio-button:last-child {
        margin: 0px;
    }
    .md-char-counter {
        color: #929292;
    }
    /* input group button style */
    .input-group > .form-control + span:not(.input-group-btn) {
        position: absolute;
        bottom: -20px;
        right: 0;
        z-index: 2;
    }
    .input-group > .form-control:focus + span:not(.input-group-btn):not(.input-group-addon) {
        display: none;
    }

    .input-group > .form-control + span.input-group-addon {
        position: static;
    }
}