.tbm-item.submenu-open > .tbm-submenu {
  display: block; /* Or your preferred animation */
}
div .insitute_name #main_nav > ul{
  margin-left: 0 !important;
}
#kp-search-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.kp-top-right-items ul {
  display: block !important;
}

.kp-top-right-items ul li {
  display: inline-block !important;
}
div#kp-search-bar {
height: auto;
/* background: #ccc; */
padding: 10px;
/* border-radius: 10px; */
}
.kp_insitute_nav_bar ul{
  margin: 0 !important;
}

div#kp-search-bar .block-search{
  border: 2px solid #f37006;
  padding: 10px;
  border-radius: 6px;
}

#kp-search-bar .form-control {
  width: 98.5%;
}
#block-npti-visitorsaks {
  list-style: none;
}
@media (max-width: 992px) {
  .kp-search-bar-btn{
    position: fixed;
    right: 2%;
    top: 13%;
  }
  #kp-search-bar .form-search{
    width: 97%;
  }
  div#kp-search-bar .block-search{
    border:1px solid #f37006;
    padding: 10px;
    border-radius: 6px;
  }
}
/* Media query for devices with a screen width of 768px or more (tablets and larger screens) */


/* Media query for devices with a screen width of less than 768px (mobile screens) */
@media (max-width: 767px ) {
  #kp-search-bar {
    display: none; /* Hide by default */
    top: 5%;
  }

  .kp-search-bar-btn.kp-mobile {
    display: none;
  }
  .kp-search-bar-btn.kp-mobile #kp-search-icon {
    display: none;
  }

  .kp-search-bar-btn {
    position: absolute;
    right: 0;
    top: 5px
  }

  #kp-search-bar .form-control {
    width: 95%;
  }

  .kp-navbarCllops {
    display: flex;
    justify-content: flex-start;
    height: auto;
  }

  .kp-navbarCllops nav {
    width: 96vw;
  }

  .region-primary-menu {
    margin-top: 2.5% !important;
    margin-bottom: .8% !important;
  }

  .tbm-button-container {
    width: 2rem !important;
    height: 1.5rem !important;
  }

  .tbm-button-container span {
    height: 0.275rem !important;
  }

  .tbm-collapse {
    margin-top: 5% !important;
  }
  .tbm.tbm--mobile .tbm-button{
    margin: -11px 0 0 0 !important;
  }
  #kp-search-icon{
    transform: translateY(10%);
  }
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile {
    display: flex; align-items: start;
  }
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile > .container-fluid{
    width: calc(100% - 50px) !important;
  }
  div#kp-search-bar .block-search{
    border:1px solid #f37006;
    padding: 10px;
    border-radius: 6px;
  }
  #kp-search-bar .form-search{
    height: 10%;
  }
  
}

@media (max-width: 480px) {
  .region-primary-menu {
    margin-top: 2.5% !important;
    margin-bottom: .8% !important;
  }
  .tbm-collapse {
    margin-top: 9.3% !important;
  }
  .tbm-collapse  ul {
    margin-top:1% !important;
  }
  .tbm.tbm--mobile .tbm-button{
    margin: -7px 0 0 0 !important;
  }
  #kp-search-icon{
    transform: translateY(0%);
  }
  .kp-search-bar-btn{
    position: absolute;
    right: 0;
    top: 5px;
  }
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile {
    display: flex; align-items: start;
  }
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile > .container-fluid{
    width: calc(100% - 50px) !important;
  }
  div#kp-search-bar .block-search{
    border:1px solid #f37006;
    padding: 10px;
    border-radius: 6px;
  }
  #kp-search-bar .form-search{
    height: 10%;
    width: 90%;
  }
  .kp-nav-bar-mobile .container-fluid{
    margin: 0;
  }
  .folder {
    margin-bottom: 20px;
  }
  .header-news-ticker p {
    font-size: 11px !important;
  }
  .latest-news-strip{
    position: relative;
    max-height: 48px;
    width: 143px;
    height: 1px;
  }
}
@media (width:768) {
  .header-news-ticker{
    position: absolute !important;
    z-index: 1 !important;
    clip-path: polygon(0 0, 100% 0, 70% 100%, 50% 100%, 0 100%) !important;
  }
  .kp-search-bar-btn {
    position: absolute !important;
    right: 0% !important;
    top: 10px !important;
  }
  #kp-search-icon {
    transform: translateY(0%) !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  
  .kp-search-bar-btn {
    position: absolute;
    right: 0%;
    top: 4px;
  }
 
  #kp-search-icon{
    transform: translateY(0%);
  }
 
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile {
    display: flex; align-items: start;
  }
  .navbar.navbar-expand-md.p-2.kp-nav-bar-mobile > .container-fluid{
    width: calc(100% - 50px) !important;
    margin: 0;
  }
  
  .kp_course_nav_bar ul{
    margin: 0 !important;
  }
  div#kp-search-bar .block-search{
    border:1px solid #f37006;
    padding: 10px;
    border-radius: 6px;
  }
  #kp-search-bar .form-search{
    height: 10%;
  }

}