.mobile-nav{
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  background-color: #DEEEF0 !important;
}

.mobile-nav .widget_media_image{
  text-align: center;
  margin: 3vh 0 !important;
}

.mobile-nav .site-mobile-menu li a
{
  border: none !important;
  font-size: 18px;
  line-height: 24px !important;
  text-transform: none;
  color: #000 !important;
}


#socialid
{
  display: inline-flex;
}


#socialid i.fa {
  font-size: 25px;
  margin: 0 19px;
  color: #646464;
}

.side-social
{
  text-align: center;
}

.site-mobile-menu li a
{
  display: block !important;
  color: #646464 !important;
  text-align: center;
}

.site-mobile-menu li
{
  margin-bottom: 12px;
}

.extra-menu
{
  display: none !important;
}

.site-mobile-menu li a
{
  min-height: auto !important;
  line-height: 1 !important;
}

.mobile-menu-tab.mobile-pages-menu.active
{
  margin-top: -7%;
}


@media (max-width:1440px)
{

  .extra-menu
  {
  display: block !important;
  }

}

@media (max-width: 1280px){
  .mobile-nav{
    display: grid;
    grid-auto-rows: minmax(380px, 480px);
  }

  .mobile-nav .mobile-menu-tab{
    order: 2;
  }

  .mobile-nav .widgetarea-mobile{
    order: 1;
  }
}


@media (max-width: 1024px)
{
  .mobile-menu-tab.mobile-pages-menu.active
  {
  margin-top: -10%;
  }

}

@media (max-width: 320px)
{
   .mobile-nav
  {
    width: 240px !important;
  }

}


@media (max-width: 768px)
{
  .mobile-nav .site-mobile-menu li a
  {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  

}