@media (min-width: 768px) {
     .has-submenu:hover .submenu {
         display: flex;
     }

     a.unvisible {
         pointer-events: visible;
     }
 }

 @media (max-width: 767px) {
     .nav__data .nav__toggle {
         display: block;
     }

     div.nav__menu {
         position: absolute;
         padding-top: 13px;
         top: 0rem;
         left: 0;
         width: 85%;
         height: 101vh;
         background: linear-gradient(180deg, #2d0f54, #101114);
         transform: translateX(-100%);
         opacity: 0;
         visibility: hidden;
         transition: all 0.5s ease-in-out;
     }

     .actives a {
         color: #fff !important;
     }

     .footer-links ul {
         display: block;
         align-items: center;
     }

     .nav__menu ul.menu-list {
         display: block;
     }

     .nav__menu ul.menu-list li.menu-link {
         padding: 13px 0px;
     }

     .nav__menu ul.menu-list li.menu-link a {
         color: #fff;
         font-weight: 400;
         font-size: 17px;
     }

     ul.fooer-menu-list {
         display: block !important;
         padding: 20px 0 0px !important;
     }

     .has-submenu .submenu {
         position: static;
         display: none;
         background-color: #2d0f54;
         box-shadow: none;
         padding-left: 15px;
     }

     .has-submenu.open .submenu {
         display: flex;
     }

     .has-submenu.open .submenu-arrow {
         transform: rotate(180deg);
     }

     ul.footerlist {
         display: block;
         text-align: justify;
     }

     .menu-links-login {

         width: 110px;
         margin-bottom: 13px;

     }

     .menu-links-download {

         width: 110px;

     }

     .toggle-box {
         width: 100%;
         max-width: 100%;
     }

     .img-box img {
         width: 100%;
     }

     h1.all-h1 {
         color: #fff;
         font-size: 22px;
         text-align: center;
     }

     .has-submenu .submenu {
         position: absolute;
         top: 100%;
         left: 0px;
         background-color: #1a1a1a;
         min-width: 247px;
         display: none;
         flex-direction: column;
         padding: 0px;
         border-radius: 6px;
         list-style: none;
         box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
         z-index: 999;
     }

     .deskshow {
         display: none !important;
     }

     .mobshow {
         display: block;
     }

     .for-flex {
         padding-top: 11px;
         margin: auto;
         display: flex !important;
         justify-content: space-between;
     }

     a.unvisible {
         pointer-events: visible;
     }
 }

 @media (max-width: 600px) {
     .container {
         padding: 25px 20px;
     }

     h1 {
         font-size: 28px;
     }

     .about-heading {
         font-size: 20px;
     }

     p {
         font-size: 16px;
     }

     ul.footerlist {
         display: block;
         text-align: justify;
     }

     .menu-links-login {

         width: 110px;
         margin-bottom: 13px;

     }

     .menu-links-download {

         width: 110px;

     }

     .toggle-box {
         width: 100%;
         max-width: 100%;
     }

     .img-box img {
         width: 100%;
     }

     h1.all-h1 {
         color: #fff;
         font-size: 22px;
         text-align: center;
     }

     a.unvisible {
         pointer-events: visible;
     }
 }