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

    .calendar td { font-size: 14px;}

    .notification-01 {     margin-left: 15px;
        position: absolute;
        left: 0;
        top: 21px;
    }

    /*.club-name {     margin-right: 85px;}*/

    .nav-bar-m .navbar-dark .navbar-nav .nav-link { border-left: none;
    border-right: none;}

    .notification-01 .dropdown-menu {     right: -40px;
    top: 50px;}

    .table-00 { overflow-x: auto;}

    .input-01 { margin-bottom: 15px;}

    .fc .fc-col-header-cell-cushion { padding: 0;}

    #calendar { font-size: 10px;}

    .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-radius: 5px;
        margin: 1px;
  }

    .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {     border-radius: 5px;
        margin: 1px;}

        .fc .fc-button-primary:disabled {     border-radius: 5px;
            margin-left: 1px;}

            .nav-bar-m .dropdown-menu {     max-width: fit-content;
                width: auto;}

                .sw > .nav { flex-direction: row !important;}

                .sw-theme-basic > .nav .nav-link.active::after { display: none;}

                .sw-theme-basic > .nav .nav-link.done::after { display: none;}

                .img-login-bg > img { width: 330px;}

                .notification-drop, .club-name, .exit-sys, .lang-sys { margin-left: 0;}

                .num-notification {right: 4px;
                top: -8px; }

                .notification-drop .btn-user-name {     padding: 5px 0;
                    max-width: 160px;
                    white-space: normal;}

                .nav-bar-m .navbar {     padding: 20px 15px;}

                .notification-01 .dropdown-menu {min-width: 280px !important;}
                .navbar-nav { padding-top: 20px;}
                .name-user { padding-top:5px;}
                .name-user > span { font-size: 13px;}

                .name-user > span  , .name-user > button { max-width: 120px;
                    white-space: normal;
                  
                    text-align: center;}
}



@media only screen and (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {


 
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
  

    .nav-bar-m .navbar-dark .navbar-nav .nav-link {     padding: 0 3px;
        font-size: 12px;}
    

  } 



 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .notification-01 {     margin-left: 15px;
        position: absolute;
        left: 0;
        top: 9px;
    }

  }