@media (max-width:1200px){
  .mobile-menu .mobile-top-menu .social{
    display:none;
  }
  .mobile-menu .mobile-top-menu{
      margin-left: 30px !important;
  }
  .mobile-menu > ul > li a{
    text-decoration:none;
  }
  .mobile-menu ul.sub-menu {
    display: none;
    position: initial;
    background: #dadada;
    margin: 0 -10px;
    padding: 10px 15px;
  }
}
@media (min-width:768px) and (max-width:991px){
  header.position-top .d-none{
    display:block !important;
  }
  header.position-top .social{
    display:none;
  }
}
@media (min-width:520px) and (max-width:768px){
  .mobile-menu .mobile-top-menu{
      top: initial !important;
      bottom: 3% !important;
      margin-left: 30px !important;
  }
}