@media (max-width :768px)  {

    .logo img {
  height: 50px;
  width: 220px;
}

     .toggle-icon {
        display: flex;
       
    }

    .menu {
        padding: 0;
    }

    .search {
        display: none;
    }

    .banner-text {
        font-size: 30px;
    }

       .navbar {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 90px;
        left: 0;
        background-color: #282434;
        color: white;
        width: 90%;
        padding: 20px;
        text-align: left;
        z-index: 9;
    }

    .navbar.active {
        display: flex;
    }

    .navbar ul {
        flex-direction: column;
        gap: 15px;
        padding: 20px 0;
        color: white;
       text-align: left;
    }

    .navbar ul li {
         border-bottom: 1px solid white;
         padding: 10px;
         
    }

    .navbar ul li a {
        font-size: 18px;
        color: pink;
        text-align: right;
        }
    

     .social-icons i{
        display: none;
     }

     .dropdown-menu  {
        display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border-radius: 8px;
  
  min-width: 160px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 100;
     }



.dropdown-menu li a {
        color: red;
     }

     .dropdown-menu li a:hover {
         background: black;
  color: #f67280;
     }


}