/* ========================================== */
/* First Breakpoint from max-width= "1199px" */
/* ======================================== */

@media screen and (max-width: 1199px) {
    .revenue-info {
        font-size: 16px;
    } 
}




/* ========================================== */
/* Second Breakpoint from max-width= "991px" */
/* ======================================== */

@media screen and (max-width: 991px) {
    html[data-placement="horizontal"] .nav-container .logo .img, html[data-placement="horizontal"] .nav-container .logo img, html[data-placement="vertical"] .nav-container .logo .img, html[data-placement="vertical"] .nav-container .logo img {
        width: 70px;
        min-height: 50px;
    }

    html[data-placement="horizontal"] .nav-container.mobile-side-ready .nav-content .logo, html[data-placement="vertical"] .nav-container .nav-content .logo, html[data-placement="vertical"] .nav-container.mobile-side-ready .nav-content .logo {
        margin-bottom: 10px;
    }

    .page-title-container h1 {
        font-size: 18px;
    }

    .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
        font-size: 14px;
    }

    .revenue-info {
        font-size: 14px;
    }

    .btnadd {
        padding: 8px 20px;
        height: auto;
    }

    table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc{
        white-space: nowrap;
    }

    div.dataTables_wrapper div.dataTables_length{
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter{
        text-align: right;
    }


    .revenue-nav.nav {
        row-gap: 12px;
        justify-content: space-evenly;
    }


    /* ==================================== */
    .active-logs-acti .activity .logs .time {
        flex-basis: auto;
    }

    .active-logs-acti::after {
        /* left: 8%; */
        left: 130px;
        top: 21px;
    }

    .activity .logs .content::before {
        /* left: -8.2%; */
        left: -16px;
    }

    .active-logs-acti .activity:nth-child(even) .logs, .active-logs-acti .activity:nth-child(even) .logs .logs-type {
        justify-content: flex-start;
        flex-direction: row;
    }

    .active-logs-acti .activity:nth-child(even) .logs .logs-type .content::before {
        border-left-color: transparent;
        border-right-color: #3c8ce7;
        /* left: -8.2%; */
        left: -16px;
    }

    .active-logs-acti .activity .logs .time p {
        font-size: 16px;
    }
}



/* ================================================ */
/* Mobile First Breakpoint from max-width= "576px" */
/* ============================================== */

@media screen and (max-width: 576px) {

    html[data-placement="horizontal"] .nav-container .logo .img, html[data-placement="horizontal"] .nav-container .logo img, html[data-placement="vertical"] .nav-container .logo .img, html[data-placement="vertical"] .nav-container .logo img {
        width: 70px;
        min-height: 50px;
    }

    html[data-placement="horizontal"] .nav-container.mobile-side-ready .nav-content .logo, html[data-placement="vertical"] .nav-container .nav-content .logo, html[data-placement="vertical"] .nav-container.mobile-side-ready .nav-content .logo {
        margin-bottom: 0px;
    }

    .dashboard-gy .dashboard-top-cards {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    .dashboard-gy {
        row-gap: 1.8rem;
    }

    .revenue-nav.nav {
        column-gap: 0;
        row-gap: 12px;
        justify-content: space-evenly;
    }

    /* div.dataTables_wrapper div.dt-row {
        overflow: auto;
    } */

    div.dataTables_wrapper div.dataTables_length{
        margin-bottom:10px;
    }

    .page-title-container h1{
        font-size: 14px;
    }

    .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
        font-size: 10px;
    }

    .btn{
        font-size: 12px; 
        border-radius:6px;
    }

    .btnadd {
        padding: 6px 20px;
        height: auto;
    }

    .btn-icon.btn-icon-only {
        padding: 6px 10px;
        width: auto;
    }

    .form-select {
       padding-top:6px;
       padding-bottom:6px;
        font-size: 12px;
    }

    .form-select-title{
        font-size: 12px;
    }

    .detail-grid {
        grid-template-columns: 1fr ;
    }

    ul.detail-grid li p,ul.detail-grid li,.list-unstyled li{
        font-size: 12px;
        margin: 0;
    }

    ul.detail-grid li{
        margin:5px 0;
    }

    .about-info p,.avaliability p,.services-row p,.Caption,.contact-info{
        font-size: 12px;
    }

    .nav-pills .nav-link{
        padding: 6px 10px;
        font-size: 12px;
        border-radius: 6px;
    }

    .modal-title{
        font-size: 14px;
    }

    label[for="selectcat"]{
        font-size: 12px;
    }

    .modal-content .modal-body h4,.modal-title{
        font-size: 14px;
    }

    .modal-content .btn,.text-end .btn
    {
        padding: 6px 10px;
    }

    .btn-icon.btn-sm.btn-icon-only {
        padding: 5px;
        width:auto;
        height: auto;
    }

    .post-detail img{
        width:100% !important;
    }
 
    .post-detail .profile-img{
        width:4rem !important;
    }



    .label-small{
        font-size: 12px;
        margin-bottom:4px
    }

    .mapCity-event-list ul li p {
        font-size: 12px;
    }

    .mapCity-event-list#style-8::-webkit-scrollbar {
        width: 5px;
      }

      .revenue-msg{
        font-size: 12px;
      }

      .revenue-info{
        font-size: 12px;
      }

      .cta-1 {
        font-size: 16px;
    }

    .reset-password-info p,.register-info p,.login-info p{
        font-size: 12px;
    }

    .filled .form-control {
        font-size: 12px;
        min-height: 35px;
        padding-left: 25px;
        border-radius:6px
    }

    .forgot-btn{
        top:10px !important
    }

    .activity .logs {
        flex-wrap: wrap;
    }

    .active-logs-acti .activity .logs .time p {
        text-align: start;
        font-size: 12px;
    }

    .activity .logs .content {
        width: 75vw;
    }

    .active-logs-acti::after {
        /* left: 8%; */
        left: 20px;
        top: 21px;
    }

    .activity .logs .content::before {
        /* left: -8.2%; */
        left: -16px;
    }

    .active-logs-acti .activity:nth-child(even) .logs, .active-logs-acti .activity:nth-child(even) .logs .logs-type {
        justify-content: flex-start;
        flex-direction: row;
    }

    .active-logs-acti .activity:nth-child(even) .logs .logs-type .content::before {
        border-left-color: transparent;
        border-right-color: #3c8ce7;
        /* left: -8.2%; */
        left: -16px;
    }

    div.dataTables_wrapper div.dataTables_length{
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter{
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_length select {
        width: 100%;
    }

    .dashboard-card-title{
        font-size: 16px;
    }

    .form-control-xl {
        font-size: 16px;
        height: 35px;
    }

}


@media screen and (max-width: 500px) {
    .activity .logs .content {
        width: 60vw;
    }
}