@media(max-width:320px) {

    body {
        overflow-y: auto !important;
    }

    .pulse-button {
        padding: 6px 6px !important;
    }

    #notificationDropdown {
        display: none !important;
    }

    .user_welcome {
        display: none !important;
    }
}

@media(max-width:992px) {
    .mains {
        margin: 0px!important;
    }
}

@media(max-width:525px) {

    body {
        overflow-y: auto !important;
    }

    .pulse-button {
        padding: 12px 12px !important;
    }

        .pulse-button a {
            font-size: 14px;
            text-align: center;
        }

    #notificationDropdown {
        margin-right: 5px;
    }



    .user_welcome {
        display: none !important;
    }

    .img-circular {
        width: 30px !important;
        height: 30px !important;
    }

    #FilterByDate {
        margin: 6px 0px;
    }

    #calenEndDate {
        padding: 4px 2px !important;
    }

    #calenStartDate {
        padding: 4px 2px !important;
    }

    .radio-buttons-row {
        padding-left: 0px !important;
    }

    .ad-use-c {
        margin-top: 30px !important;
        margin-right: 6px !important;
    }

        .ad-use-c a {
            font-size: 14px;
            padding: 5px !important;
        }

    .infor {
        margin-left: 15px;
        margin-top: 5px;
    }

    .infor-2 {
        margin-top: 15px;
    }

    .setup {
        margin-left: 10px;
    }

    .label {
        margin-right: 10px;
        margin-bottom: 1rem;
    }

    .company-name {
        display: none;
    }

    #arr-btn {
        display: none;
    }
    .social_media_button {
        margin-bottom: 10px;
        margin-top:10px;
    }
}



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

    body {
        overflow-y: auto !important;
    }

    .login-image {
        display: none;
    }

    .main_logo {
        position: static;
        left: 0;
    }

    .main_logo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .inputWithIcon {
        position: relative;
        width: 100%;
    }

    .sidebar.close.small-screen {
        width: 0;
    }

        .sidebar.close.small-screen ~ .home-section {
            width: 100%;
            left: 0;
            z-index: 100;
        }

    .dash-body {
        flex-wrap: wrap;
    }

    .body-center-bg {
        background-color: #F3F4FF;
        height: 100%;
    }
    /* .sidebar.close {
  display: none;
}
.sidebar.close .home-section {
  left: 0px;
  width: 100%;
} */
    .add_member {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }

    .input-button {
        flex-wrap: wrap;
    }

        .input-button a:nth-child(2) {
            padding: 12px 15px;
        }

        .input-button a {
            padding: 12px 12px;
            font-size: 14px;
        }

    .profile-img .file {
        width: 82%;
    }

    /*.logo-details {
        display: none;
    }*/
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body {
        overflow-y: auto !important;
    }

    .login-image {
        display: none;
    }

    .main_logo {
        position: static;
        left: 0;
    }

    .inputWithIcon {
        position: relative;
        width: 100%;
    }

    .dash-body {
        flex-wrap: wrap;
    }

    .dash-company {
        height: 0px;
    }

    .body-center-bg {
        background-color: #F3F4FF;
        height: 100%;
    }

    .add_member {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }
    /* .sidebar.close {
  display: none;
}
.sidebar.close ~ .home-section {
  left: 0px;
  width: 100%;
} */

    .me-3 {
        margin-right: 0rem !important;
    }

    .nofication a {
        padding-right: 0px;
    }

    .home-section .home-content .fa-align-left {
        margin: 0px !important;
        font-size: 22px;
        margin-left: 14px;
    }

    .home-section .home-content {
        margin-left: 12px;
    }

    .strip-holder {
        display: none !important
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 160px !important;
    }

    .img-circular {
        width: 40px;
        height: 40px;
    }

    .sidebar .logo-details img {
        height: 40px;
        min-width: 40px;
    }

    .dashboard_button {
        padding: 10px 14px;
        font-size: 14px;
    }

    .table-data-bg .sorting {
        padding-right: 15px !important;
    }

    .content-box h3 {
        font-size: 12px;
    }

    .content-box p {
        font-size: 14px;
    }

    .dash-body h1 {
        font-size: 20px;
    }

    #AjaxLoader {
        display: none !important;
    }

    .mb-4.new-wid {
        margin-bottom: 1rem !important;
    }

    a:not([href]):not([tabindex]) {
        color: white !important;
    }

    .btn-outline-primary {
        border: none !important;
    }

    .dona-btn {
        margin-top: 8px
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: unset !important;
    }

    .home-right ul.dropdown-menu.show {
        display: block;
        margin: -14px 14px !important;
    }

    .company-body h1 {
        font-size: 20px;
    }

    .members-add a {
        color: white !important;
        border: none !important;
        margin-right: 5px;
        margin-bottom: 10px;
        font-size: 11px !important;
    }

    .ad-use-c {
        width: 44% !important;
    }

    .dash-bg {
        padding: 25px 0px;
    }

    .set-event-width {
    }

    .set-event-width {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .company-body {
        overflow-y: auto;
    }

    .input-button a {
        padding: 12px 24px;
        font-size: 14px;
    }
    /* calendra */
    /*   .fc-left {
        display:flex;
        flex-wrap: wrap !important;
        justify-content:space-evenly !important;
        gap:1px !important;
    }*/
    .fc-toolbar .fc-right {
        display: inline-table !important;
        margin-top: 9px !important;
        margin-bottom: 10px !important;
        float: unset !important;
    }

    .fc-toolbar .fc-left {
        display: inline-table !important;
        float: unset !important;
    }

    .company-body h1 {
        font-size: 18px;
        /*margin-left: 10px !important;*/
    }
}

@media only screen and (max-width: 768px) {
    body {
        overflow-y: auto !important;
    }

    .login-image {
        display: none;
    }

    .sidebar .nav-links {
        padding: 30px 0 100px 10px;
    }

    .main_logo {
        position: unset;
        left: unset;
        top: unset;
    }

    .mb-4 {
        margin-bottom: 0.8rem !important;
    }

    .login-center {
        height: auto;
        margin-top: 35px;
    }
    /* .main_logo {
   position: static;
    left: 0;
} */
    .main_logo {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        min-height: 210px;
    }

    .inputWithIcon {
        position: relative;
        width: 100%;
    }

    .dash-body {
        flex-wrap: wrap;
    }

    .body-center-bg {
        background-color: #F3F4FF;
        height: 100%;
    }

    .table-bordered > :not(caption) > * > * {
        font-size: 12px !important;
    }

    div.dataTables_wrapper div.dataTables_info {
        font-size: 10px !important;
    }

    .fc-day-grid-container {
        height: 430px !important
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width:768px) and (min-width: 768px) {
  /*  body {
        overflow-y: auto !important;
    }*/

    .marque-width strong {
        font-size: 17px !important;
    }
/*
    .sidebar {
        height: 100vh;
        position: sticky;
        top: 0;
    }*/

        .sidebar .logo-details {
            position: sticky;
            top: 0;
            z-index: 1;
        }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 154px !important;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 164px;
    }

    .box-section {
        height: 100%%;
    }

    .content-box p {
        font-size: 12px;
    }

    .content-box h3 {
        font-size: 12px;
    }

    .m-wid {
        max-width: 65% !important;
    }

    .slid-btn-class {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .ad-use-c {
        width: 35% !important;
    }

    .dash-bg {
        padding: 25px 0px;
    }

    .set-event-width {
        width: 101% !important;
        margin-top: 10px !important;
    }

    .add-gr-c {
        width: 100% !important
    }

    .cre-role-sec {
        width: 73% !important;
    }

    .cre-role-sec-1 {
        width: 24.333333% !important;
    }

    .add-me-sec {
        width: 26% !important;
    }

    .res-w-group {
        width: 75% !important;
    }

    .upd-announc-c {
        width: 90% !important;
    }
}

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


    body {
        overflow-y: auto !important;
        overflow-x: hidden;
    }

    .new-wid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 5 0 29% !important;
        max-width: 35% !important;
    }

    .content-box p {
        font-size: 13px;
    }

    .content-box h3 {
        font-size: 12px;
    }

    .m-wid {
        max-width: 50% !important;
    }

    .slid-btn-class {
        width: 37% !important;
    }

    .ad-use-c {
        width: 15% !important;
    }

    .dash-bg {
        padding: 25px 0px;
    }

    .set-event-width {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .add-gr-c {
        width: 40% !important
    }

    .add-gr-c {
        width: 100% !important
    }

    .cre-role-sec {
        width: 73% !important;
    }

    .cre-role-sec-1 {
        width: 24.333333% !important;
    }

    .add-me-sec {
        width: 16% !important;
    }

    .res-w-group {
        width: 75% !important;
    }

    .upd-announc-c {
        width: 100% !important;
    }
}

@media only screen and (min-width:1440px) and (max-width: 1440px) {
    /* .content-box h3 {
        font-size: 12px;
    }
    .sidebar {
        height: 100vh;
        position: sticky;
        
    }
*/
    .dash-bg {
        padding: 25px 0px;
    }

    .sidebar .logo-details {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .sidebar .logo-details {
    }

    .content-box p {
        font-size: 14px;
    }

    .m-wid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 33% !important;
    }

    .add-me-sec {
        width: 16% !important;
    }
}

@media only screen and (min-width:882px) and (max-width: 883px) {
    .sidebar {
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .m-wid {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 5 0 29% !important;
        max-width: 55% !important;
    }

    .sidebar .logo-details {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .set-event-width {
        width: 101% !important;
        margin-top: 10px !important;
    }

    .add-me-sec {
        width: 30% !important;
    }
}

@media only screen and (min-width:425px) and (max-width: 425px) {
    .fc-toolbar .fc-center {
        display: grid !important;
    }
}