/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1366px) {
   .main-menu>ul>li>a {
      font-size: 18px;
   }


}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {

   /* .main-menu {
      display: none;
   } */

   .logo {
      width: 100px;
   }


   .main-menu>ul>li>a {
      font-size: 15px;
   }

   .menu-list {
      padding-top: 20px;
   }

   .header__main {
      flex-direction: column;
      justify-content: center;
   }

   ol,
   ul {
      padding-left: 0;
   }

   .main-menu>ul {
      text-align: center;
   }

   .header {
      position: unset;
      padding: 10px 0;
      background-color: #fff;
   }

   .mobile-menu {
      display: block;
      background: #000000;
      position: relative;
      z-index: 9;
   }

   .mobile-menu a.menu-toggle {
      display: block;
      z-index: 1;
      top: 0px;
      right: 10px;
      background: #152a5c;
   }

   .mobile-menu ul.menu-list {
      display: none;
   }

   .mobile-menu>ul>li>span {
      display: none;
   }

   .mobile-menu>ul.menu-list>li>a.login {
      color: #fff;
      display: block;
      width: 100%;
      font-size: 14px;
      text-transform: uppercase;
      padding: 8px 0;
      background: none;
      display: inline-block;
      line-height: normal;
      position: relative;
      top: 0px;
      border-radius: 0px;
   }

   .mobile-menu>ul>li>a.active {
      color: #fff;
   }



   .mobile-menu>ul.menu-list {
      padding: 10px 0;
   }

   .mobile-menu>ul>li>a {
      font-size: 14px;
      text-transform: uppercase;
   }

   .mobile-menu ul.menu-list>li>ul>li>a {
      font-size: 14px;
   }

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list>li>ul {
      padding: 0;
   }

   .mobile-menu ul.menu-list>li>ul>li>ul {
      display: none;
      background: #505050;
      padding: 0;
   }

   .mobile-menu ul.menu-list>li>ul>li>ul>li>a {
      font-size: 14px;
   }

   /* Menu Second Level END 21-01-2021 */

   .mega-drop {
      padding: 0 15px;
      position: relative;
      z-index: 3;
      left: inherit !important;
      top: inherit !important;
      right: inherit !important;
      bottom: inherit !important;
      width: 100% !important;
      display: none;
      opacity: 1;
      transform: scale(1);
      pointer-events: auto;
      background: #1b1a1a;
      border-radius: 0px;
   }

   .mobile-menu ul>li>a {
      font-weight: 400;
   }

   .drop-links>li>a {
      font-size: 14px;
   }

   .drop-links li a:before {
      position: static;
      display: inline-block;
      margin-right: 20px;
   }
}