/*--media width min-width 992---*/
@media (min-width: 992px){

    .navbar .nav-item{
        margin: 0 10px;
    }
}

/*--media width max-width 992---*/
@media (max-width: 991px){
    .navbar-dropdown{
        order: 3;
    }
    .top-menu .navbar-collapse{
order: 5;
    }
    .navbar-brand img{
        width: 60px;
    }
    .navbar-toggler{
        order: 4;
    }
    header {
        padding: 5px 0;
      }
      .notification-tp-menu {
        margin-left: auto;
      }
      .navbar > .container-fluid .navbar-toggler{
        margin-left: 10px;
      }
}

/*--media width max-width 567px---*/
@media (max-width:567px){
.graph-col img{
    width: 80px;
}
.notification-tp-menu .dropdown-menu{
    width:200px;
    }
}