@media (max-width: 1024px) {
  .top-nav .menu.opened ul {
    margin-bottom: 1.5rem;
  }

  .top-nav .sub-menu-mobile .text-sm {
    display: none
  }

  .top-nav .menu.opened ul li.navlink {
    width: 85%
  }

  .top-nav .menu.opened ul li.navlink::after {
    right: 1.5rem;
  }

  .top-nav .menu.opened ul li ul li.menu-item {
    width: 100%;
    padding-top: 1.5rem;
  }

  .top-nav .menu.opened ul .sub-menu-mobile ul{
    margin: .5rem 0 1rem;
  }

  .top-nav .sub-menu-mobile .text-title {
    font-size: 16px;
  }

  .top-nav .sub-menu-mobile .text-sm {
    display: none
  }

  .top-nav .sub-menu-mobile .w-12 {
    width: 2.25rem;
  }

  .top-nav .sub-menu-mobile .h-12 {
    height: 2.25rem;
    border-radius: 0.25rem;
  }

  .top-nav .sub-menu-mobile .w-\[1\.875rem\] {
    width: 1.25rem;
  }

  .top-nav .sub-menu-mobile .h-\[1\.875rem\] {
    height: 1.25rem;
  }
}