.staffmenu-nav {
    display: inline-block;
    padding: 0;
    margin: 0 0 0;
    position: relative;
    top: 14px;
    background: transparent !important;
    float: left;
}

.staffmenu-nav .navbar-nav {
    display: flex;
    display: -webkit-flex;
    background: transparent !important;
    flex-direction: row;
    list-style: none;
    flex-wrap:wrap;
}

    .staffmenu-nav .navbar-nav .nav-item {
        padding-right: 10px;
        text-transform: capitalize;
        color: #fff;
    }

        .staffmenu-nav .navbar-nav .nav-item:last-child {
            padding-right: 0;
        }

        .staffmenu-nav .navbar-nav .nav-item a {
            color: inherit;
            border: 1px solid #305c95;
            padding: 4px 24px 6px;
            line-height: 20px;
        }

            .staffmenu-nav .navbar-nav .nav-item a:hover {
                color: #fff;
            }

.staffmenu-nav-collapse {
    width: calc(100% - 168px);
}


.header-profile-box {
    float: right;
}
.holiday-form-box-outer {
    box-shadow: 0 1px 30px rgb(0 0 0 / 15%);
    background: #fff;
    padding:10px;
}
.holiday-form-box {
    max-width: 500px;
    margin: 0 auto;
} 
.holiday-box {
    padding:10px;
}
    .holiday-box .heading {
      margin:0  0 15px;
    }
.holiday-form-box .modal-body {
    padding-top: 10px;
    padding-bottom: 0;
}
.holiday-col {
  margin:0  0 10px;
}

@media screen and (max-width:1366px) {
    .staffmenu-nav .navbar-nav .nav-item a {
        padding: 5px 16px;
    }
}
@media screen and (max-width: 1199px) {

    .staff-header {
     width:100%;
    }
    .custom-navbar-toggle {
        display: block !important;
    }

    .staffmenu-nav-collapse.collapse {
        display: none !important;
        
    }
    .staffmenu-nav-collapse {
        width: 100%;
        border-top: 1px solid #fff;
        padding-left:0;
        padding-right:0;
    }

        .staffmenu-nav-collapse.collapse.in {
            display: block !important;
            overflow: auto !important;
        }

        .header-profile-box {
            float: left;
            width: 100%;
        }

        .staffmenu-nav .navbar-nav .nav-item {
            width: 100%;
        }
     .staffmenu-nav .navbar-nav {
        flex-wrap: wrap;
        padding: 0;
        float: left;
        width: 100%;
        margin: 0 0 20px;
    }

        .staffmenu-nav .navbar-nav .nav-item {
            width: 100%;
            display: block;
            border-bottom: 1px solid rgba(255,255,255,0.2);
        }
            .staffmenu-nav .navbar-nav .nav-item a {
                padding: 5px 14px;
                width: 100%;
                display: inline-block;
                border: 0;
            }
    .staffmenu-nav { 
        width: 100%;
    }
    .header-profile-box {
        width: 100%;
        display: inline-block;
    }
        .header-profile-box li {
            width: 100%;
            display: block;
        }
    }