@media all and (min-width: 992px) 
    {
	.dropdown-menu li{ position: relative; 	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
    }
    
    @media (max-width: 991px) {
      .dropdown-menu .dropdown-menu{
          margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
      }
    }
    
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
left:auto;
  right:100%;
  margin-top: -1px;
}
.dropdown-menu a {
    color: #212529;
    text-decoration: none;
}

.social-circle {
    width: 28px;
    height: 28px;
    padding: 0;
        display: flex;
    align-items: center;
    justify-content: center;
}