/* Responsive Start Here:- */

@media (max-width: 110rem){
    .mob-text-muted{
        font-size:.7375rem
    }
    .mob-p-3{
        padding: 1rem .735rem !important;
    }

    .mob-pr-2{
        padding-right: .25rem;
    }

    .mob-px-4{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .mob-p-4{
        padding: 1rem !important;
    }

    .taskTime li span {
        padding: .75rem;
        min-width: 70%;
        top: -3.5rem;
    }
    .taskTime .taskTitle {
        font-size: .75rem;
    }
    .taskTime li::before {
        width: 82%;
    }
    .taskTime .task-primary.active::before{
        width: 85%;
        transform: translate(3rem, .75rem);
    }
    .taskTime .task-primary.active::after {
        transform: translate(2.75rem, .5rem);
    }
}
@media (max-width: 110rem){
    /* Cases Page css */

    .table-borderless td {
        min-width: 15rem;
    }

    /* Calendar Page Css  */
    .fc-header-title h2 {
        font-size: 1rem !important;
        margin-top: .675rem !important;
    }
    .calendarSearch {
        width: 12rem;
    }
    .fc-header-right {
        width: 58%;
    }
    .detail-tab .nav-tabs .nav-link {
        margin-right: .5rem;
        padding: .675rem;
    }
    /* Staff List Detail Page Css */
    .ajenda .user-title{
        max-width: 14rem;
    }
    .evnt-btn-half{
        right: -.25rem;
    }
    .detail-client-title {
        font-size: .765rem !important;
    }
    .tab-icon-expense-text{
        margin-left: .5rem !important;
    }
    .tab-icon-expense-text p {
        font-size: .875rem;
    }
    .map-btn-group button{
        padding: .35rem .5rem;
    }
}
@media (max-width: 90.625rem){
    .sidebar {
        min-width: 12.5rem;
        max-width: 12.5rem;
    }
    .main{
        margin-left: 12.5rem;
    }
    .main, .fixed-nav {
        margin-left: 12.5rem;
    }
    .sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
        margin-right: .5rem;
    }
    .sidebar-link, a.sidebar-link {
        font-size: .75rem;
    }
    .sidebar-submenu::before {
        right: 2.5rem;
    }
    .sidebar-item:hover .collapse:not(.show) {
        right: -12rem;
        top: -2rem;
    }
    .mob-pr-2{
        padding-right: 0;
    }
    .mob-text-muted {
        font-size: 0.6875rem;
    }
    .h3, h3 {
        font-size: 1.25rem;
    }
    .taskTime li span{
        min-width: auto;
    }
    .taskTime li .left-7 {
        transform: translate(5rem);
    }

    /* Case Detail Page Css */
    .detail-tab .nav-tabs .nav-link {
        padding: .5rem;
    }
    .card-main-title {
        font-size: 1rem;
    }

    /* Calendar Page Css */

    .fc-header-right {
        width: 65%;
    }

    /* Staff Deatail Page Css */

    .permission .user-title {
        font-size: 1.15rem;
    }
    .ajenda .user-title{
        max-width: 12rem;
    }
    .detail-client-title {
        font-size: .75rem;
    }

    /*Calendar Event Map Cs*/
    .map-btn-group button{
        font-size: .75rem;
        padding: .35rem .5rem;
    }
}

@media (max-width: 85.3125rem){
    .mob-text-muted {
        font-size: 0.525rem !important;
    }
    .mob-px-2{
        padding-left:.5rem !important;
        padding-right: .5rem !important;
    }
    .h4, h4 {
        font-size: .875rem;
    }
    .hr-image .avatar{
        width:  1.875rem;
        height:  1.875rem;
        line-height:  1.875rem;
    }
    .hr-1{
        left: 1rem;
    }
    .hr-2{
        left: 2rem;
    }
    .hr-3{
        left: 3rem;
    }
    .hr-4{
        left: 4rem;
    }
    .hr-5{
        left: 5rem;
    }
    .hr-6{
        left: 6rem;
    }
    .hr-7{
        left: 7rem;
    }
    .hr-8{
        left: 8rem;
    }
    .hr-9{
        left: 9rem;
    }
    .taskTime li {
        padding: 1rem;
    }
    .taskTime li::before {
        width: 72%;
    }
    .taskTime li span {
        top: -3rem;
    }

    /* Case Detail Page Css */
    .card-main-title {
        font-size: .875rem;
    }
    .mob-plast-5{
        padding-bottom: 1.875rem !important;
    }
    .tab-icon-expense-text p {
        font-size: 1rem;
    }

}