@media (max-width:992px) {
    .banner-content h1 {
        font-size: 45px;
    }
    
    .banner-content p {
        font-size: 16px;
    }

    .offk-bg {
        background: rgb(26, 26, 26);
    }
    
    .close-btn {
        color: white;
        font-size: 25px;
    }

    .close-btn:hover {
        color: #f8df73;
    }

    .close-btn:focus {
        outline: none;
        box-shadow: none;
        border: none;
    }

    .mobiledrop-menu {
        background: #fffbe5;
        border-radius: 0px;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
        font-weight: 400;
        padding: 0px;
        border: none;
      }
      
      .mobiledrop-menu li {
        border-bottom: 1px solid #49111c;
      }
      
      .mobiledrop-menu li:last-child {
        border-bottom: none;
      }
      
      .mobiledrop-menu li a {
        padding: 8px 15px;
      }
      
      .mobiledrop-menu li:hover a{
        color: #49111c;
        background: #fffbe5;
      }
      
      .mobiledrop-menu li a:hover {
        color: #fffbe5;
        background: #49111c;
      }

      .mobile-drop .droptext {
        width: 90%;
      } 

      .mobile-drop .dropicon {
        position: absolute;
        top: 10px;
        right: 0;
        width: 30px;
        color: white;
      } 

      .mobile-drop .dropdown-menu {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        background: transparent;
        font-size: 15px;
        font-family: "Barlow", sans-serif;
      }

      .mobile-drop .dropdown-menu li a {
        color: white;
      }

      .mobile-drop .dropdown-menu li a:hover {
        background: transparent;
        color: #f8df73;
      }

      .img-slider {
        height: 170px;
    }
}

@media (max-width:480px) {
    .banner-content h1 {
        font-size: 42px;
    }
    
    .banner-content p {
        font-size: 15px;
    }

    .banner-one {
        padding-top: 90px;
        min-height: 570px;
    }
    
    .banner-two {
        padding-top: 90px;
        min-height: 570px;
    }
    
    .banner-three {
        padding-top: 90px;
        min-height: 570px;
    }
}