@media(max-width:768px){
    .loginform {
    margin: 2px 2px 2px 2px;
}
.loginform form {
    padding:  4px 4px 4px 4px;;
}
#navigation{display: none;}
}
    @media (max-width: 991.98px) {
 .topbar i {
    font-size: 25px;
    display: inline-block;
    text-align: left;
}
.hidden-lg{display: block;}
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  .profile-icon img {
    width: 25px;
    height: 25px;
    border-radius: 100px;
    display: inline-block;
}
.nav-scroller {
    position: relative;
    z-index: 2;
    margin: 37px 0px 0px 0px;
    height: 65px;
    overflow-y: hidden;
}
.position-fixed{display: none;}
.dropdown-menu.show {
    display: block;
    left: 0px;
    right: 0px;
    padding: 10px;
}

  .hidden-sm{display: none;}
}