/* ==========================================================================
   *Medium devices (tablets, 1320px and down)*
   ========================================================================== */
   @media (max-width: 1400px) {
      
   }


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   .tos__ul li { padding: 0 9px;}
   .footer__right--block { margin-left: -20px;}
}


/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 991px) {
   h2 { font-size: 36px !important; line-height: 40px !important;}
   h3 { font-size: 28px !important; line-height: 36px !important;}
   .header-wraper { padding: 0px;}
   .logo { padding: 10px 0;}
   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu a.menu-toggle { display:block; z-index:1;  top: -56px; right:10px; background:#3b6ce5; border: 2px solid #ffffff; padding-top: 2px;}
   .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;}
   .header-right { margin-right: 50px;}
   .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;}
   
   .footer__layerswitch { text-align: center;}
   .footer__links { text-align: center;}
   .footer__payment { text-align: center;}
   .footer__payment--list { margin: auto;}
   .footer__right--block { margin: 30px 0 0 0;}

   .hero__section { min-height: auto; padding: 125px 0 110px;}
   .footer__left--block { margin-right: 0;}
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   .hero__content { text-align: center; padding: 35px 25px 40px 25px; background: rgb(1 17 44 / 55%);}
   .hero__content p { margin-bottom: 25px;}
   .hero__content h2 br { display: none;}
   .footer__links { margin-top: 25px;}
   .footer__layerswitch { margin-top: 25px;}
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */
@media (max-width: 480px) {
    
}