@media screen and (max-width:768px) {

       /* ===========================
       NAVBAR
    =========================== */


       nav {
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 75px;
           padding: 0 20px;
           display: flex;
           justify-content: space-between;
           align-items: center;
           transition: transform 0.3s ease;
           z-index: 1000;
       }

       /* Hide navbar */
       nav.nav-hidden {
           transform: translateY(-100%);
       }

       .logo img {
           width: 65px;
       }

       .menu-toggle {
           display: block;
           font-size: 32px;
           cursor: pointer;
           color: #0B2A5B;
           user-select: none;
       }

       nav ul {
           position: absolute;
           top: 75px;
           left: 0;
           width: 100%;
           background: #fff;
           gap: 2px;
           display: flex;
           flex-direction: column;

           max-height: 0;
           overflow: hidden;

           transition: .35s ease;

           box-shadow: 0 8px 20px rgba(0, 0, 0, .12);

           z-index: 999;
       }

       nav ul.active {
           max-height: 500px;
       }

       nav ul li {
           width: 100%;
           list-style: none;
           border-bottom: 1px solid #eee;
       }

       nav ul li:last-child {
           border: none;
       }

       nav ul li a {
           display: block;
           padding: 18px;
           text-align: center;
           text-decoration: none;
           color: #0B2A5B;
       }
       .btnenq {
           display: none;
       }


   }