@media (max-width:767px) {
    .mobile-visible {
        display: inline !important;
    }

    .mobile-hidden {
        display: none !important;
    }

    .mobile-text-center {
        text-align: center;
    }

    .mobile-table-row {
        display: table-row !important;
    }

    .mb-w100p {
        width: 100%;
    }

    #page-box {
        padding-top: 40px;
    }

    .datepicker-container {
        width: 90%;
    }

    .datepicker-container>.datepicker-panel {
        width: 99%;
    }

    .navbar-nav>li>.dropdown-menu.lang-dropdown {
        width: 100%;
        margin: 0;
    }

    #custom-search-input>div {
        width: 100%;
    }

    .row.search-overdue-cards>div {
        padding: 0;
        margin-bottom: 5px;
    }

    #task-list>.panel .panel-body.confirm-delete-task {
        display: block;
    }

    #task-list>.panel .panel-body.confirm-delete-task.hide {
        display: none;
    }

    .g-recaptcha.g-recaptcha-fit-mobile {
        transform-origin: left top;
        -webkit-transform-origin: left top;
    }

    .popover {
        width: 100%;
    }

    .mob-no-pad {
        padding: 0;
    }

    .mob-no-margin {
        margin: 0;
    }

    .mob-mb-10 {
        margin-bottom: 10px;
    }

    .mob-pad-top-10 {
        padding-top: 10px;
    }

    .non-mob-round-btn {
        border-radius: 5px;
    }

    #delete-permit-modal #confirm-delete-btn+button {
        margin-left: 0;
    }

    .tickets-wrap .panel-title {
        padding: 0 2%;
    }

    .tickets-wrap .message {
        padding: 10px 3%;
    }

    .tickets-wrap .message .date {
        width: 100%;
        text-align: center;
    }

    .tickets-wrap .actions .btn.mb-w100p {
        width: 100%;
    }

    .tickets-wrap .status-message .alert {
        display: block;
        padding: 5px 0;
        text-align: center;
    }

    #list-vehicles-tabs li,
    #list-drivers-tabs li {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .mob-mb-50 {
        margin-bottom: 50px;
    }

    #fms-data-html>.row>.col-sm-6 {
        display: inline-block;
    }

    #ticket-modal .modal-body .dropdown>* {
        width: 100%;
    }

    #consent {
        position: absolute;
        left: 0;
        bottom: 60px;
        display: inline-block;
        width: 100%;
        height: 130px;
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        text-align: center;
        line-height: 40px;
    }

    #add-new-vehicle-modal .modal-footer #cancel {
        margin: 0;
    }

    #tvehicle,
    #drivers-table {
        overflow-x: auto;
    }

    #logout-box {
        margin: 0;
        margin-bottom: 10px;
        padding: 0 2%;
    }

    #full-download-message {
        -webkit-transition: background-color 2s ease-out, width 1s ease-out, height 1s ease-out;
-moz-transition: background-color 2s ease-out, width 1s ease-out, height 1s ease-out;
-o-transition: background-color 2s ease-out, width 1s ease-out, height 1s ease-out;
transition: background-color 2s ease-out, width 1s ease-out, height 1s ease-out;
    }

    #full-download-message.active {
        width: 90vw;
        height: 150px;
    }
}