@media (min-width:992px){
.sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {transition: all .4s;}
.sidebar-mini.sidebar-collapse .main-sidebar{transition: all .4s;}
.layout-fixed .main-sidebar, .layout-fixed .main-sidebar:hover{transition: all .4s;}
.layout-fixed .main-sidebar{transition: all .4s;}
}
@media (max-width:1600px){
.table td, .table th {padding: 5px 6px;font-size: 14px;}
label{font-size: 14px;}
.form-control{font-size: 15px;}
    .appointment-number {
        font-size: 15px;
    }

    .appointment-title {
        font-size: 13px;
        margin-left: 8px;
    }
    .stat-label {
        font-size: 10px;
    }

    .stat-value {
        font-size: 18px;
    }
}
@media (max-width:1366px) {
    .appointment-number {
        font-size: 14px;
    }
    .appointment-title{font-size:12px;}
    .appointment-box {
        padding: 15px;
    }
    }
@media (max-width:1200px) {
    .appointment-title{font-size:16px;}
    .appointment-number{font-size:24px;}
    .stat-label{font-size:12px;}
    .appointment-box {
        padding: 20px;
    }
}
    @media (max-width: 767px) {
        .card .border-right-sm-0 {
            border-right: none !important;
            border-bottom: 1px solid #dee2e6 !important;
            padding-bottom: 5px;
        }

        .card .border-right-0 {
            border: none !important;
        }
    }

    @media (max-width: 575px) {
        .card .border-right-0 {
            border-bottom: 1px solid #dee2e6 !important;
            padding-bottom: 5px;
        }
    }

    @media (max-width:480px) {
        .login-page, .register-page {
            width: 100%;
        }

        .login-box-body, .register-box-body {
            padding: 15px;
        }
    }