@media only screen and (min-width: 991px) {
  .hidedesck {
    display: none;
  }
  .mobile-sticky-header {
    width: 100%;
    background: white;
    /* height: 72px; */
    position: fixed !important;
    top: 0px;
  }
  .height-nav-custom {
    height: 160px !important;
  }
  .full-height {
    height: 100% !important;
  }
  .navbar .navbar-collapsable .navbar-nav li.nav-item {
    display: flex;
  }
}

@media only screen and (max-width: 990px) {
  .a_navbar {
    display: contents !important;
  }
  .svg-bleu {
    display: none;
  }
  .bg-nav-wrapper {
    padding: 16px;
  }
  .it-header-slim-right-zone.height-nav {
    display: none !important;
  }

  .bg-nav-wrapper {
    height: 56px !important;
  }

  .it-header-slim-wrapper-content.height-nav {
    width: 100%;
    display: block;
    text-align: center;
  }

  .textdipartimento {
    font-size: 16px !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .it-brand-tagline.titlelogo {
    display: none;
  }

  .title-sportel {
    color: #003366;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  .title-sportel {
    font-size: 16px !important;
  }

  .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
    position: absolute;
    z-index: 3;
    right: 14px;
    top: 50%;
    margin-top: -22px;
    left: auto !important;
  }

  .it-right-zone {
    display: contents !important;
  }

  .shdow-nav {
    padding: 0px !important;
  }

  .it-header-center-wrapper {
    padding-left: 0px !important;
  }

  .it-header-slim-wrapper .it-header-slim-wrapper-content a .icon {
    display: none !important;
  }

  .it-brand-wrapper.sportel-logo svg,
  .sticky .sportel-logo svg {
    width: 36px !important;
    height: 40px !important;
  }

  .navbar .navbar-collapsable .menu-wrapper {
    background: #fff;
    position: relative;
    top: 0;
    bottom: 0;
    right: 48px;
    left: 0;
    pointer-events: all;
    overflow-y: auto;
    transform: none;
    transition: all 0.2s cubic-bezier(0.29, 0.85, 0.5, 0.99);
    z-index: 5;
    width: 100%;
    height: 100%;
  }

  .link-navs {
    height: 48px !important;
  }

  .navbar .navbar-collapsable.expanded .menu-wrapper {
    width: 100%;
  }

  .navbar .navbar-collapsable {
    top: 135px;
    width: 100%;
  }

  .it-header-navbar-wrapper .navbar .overlay {
    background: rgb(0 0 0 / 0%) !important;
  }
  /* .sticky .navbar .navbar-collapsable {
        top: 65px !important;
    }

    @media only screen and (max-width: 767px) and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-width: 320px) and (min-resolution: 144dpi) {
        .sticky .navbar .navbar-collapsable {
            top: 95px !important;
        }
    } */

  .custom-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    color: #fff;
    z-index: 1000;
  }

  .it-header-wrapper .it-nav-wrapper {
    width: 100%;
  }
  .sticky {
    height: 72px !important;
    display: block !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    top: 0px;
  }
  .mobile-sticky-header {
    width: 100%;
    background: white;
    height: 72px;
    position: fixed !important;
    top: 0px;
  }

  .mobile-vertical-menu {
    top: 70px !important;
  }
  .fixed-top-important {
    top: 128px !important;
  }
  /* .sticky {
	position: fixed !important;
	top: 0px;
	width: 100%;
	background: white;
	height: 72px;
	overflow: hidden;
	display: flex;
	align-items: center;
  
  } */

  .it-header-center-wrapper {
    height: 72px !important;
  }

  .shdow-nav {
    padding: 0px !important;
  }

  .sticky .link-navs {
  }

  .it-header-navbar-wrapper.theme-light-desk
    .navbar
    .navbar-collapsable
    .navbar-nav
    li
    a.nav-link {
    border-top: 1px solid #f2f7fc;
  }

  .input-group.with-icon {
    align-items: center;
    padding: 8px 24px;
    border: 1px solid #bfdfff;
    display: flex;
    margin: 0px !important;
    width: auto;
    border-radius: 4px;
    height: 56px;
    justify-content: space-between;
  }

  .form-control.rounded {
    box-shadow: none;
    border: none;
  }

  .input-group.with-icon > input::-ms-clear {
    display: none;
  }

  .input-group.with-icon > i {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 50%;
  }

  .input-group.with-icon > i,
  .input-group.with-icon.icon-right > i {
    right: 0.7rem;
  }

  .input-group.with-icon > input,
  .input-group.with-icon.icon-right > input {
    padding-right: 1.7rem;
  }

  .input-group.with-icon.icon-left > i {
    left: 0.7rem;
  }

  .input-group.with-icon.icon-left > input {
    padding-left: 1.7rem;
  }

  .input-group.with-icon.icon-shy > i {
    z-index: 1;
  }

  .form-control.rounded::placeholder {
    color: #768594;
    /* Change this to the desired color */
  }

  .navbar .navbar-collapsable .menu-wrapper .navbar-nav {
    padding: 10px 0 0;
    overflow: hidden;
  }

  #close-icon {
    display: none;
    /* Hide close-icon by default */
  }

  .hidedesck {
    padding: 0px 12px 32px 17px;
  }
  .navbar-nav {
    padding: 0px 12px 0px 12px !important;
  }

  .it-footer {
    z-index: 4 !important;
  }

  .navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link.active,
  .navbar .navbar-collapsable .navbar-nav li.nav-item button.nav-link.active {
    border-left: 4px solid #0066cc !important;
    background: #f2f7fc;
  }

  .nav-link:active {
    border-bottom: 0px solid #003366 !important;
  }

  .menu-wrapper .nav-link.link-navs.active {
    margin-bottom: 0px !important;
  }

  .nav-item:hover {
    /* border-bottom: 0px solid #003366; */
  }

  .navbar .navbar-collapsable .navbar-nav li a.nav-link.active {
    border-left: none !important;
  }

  .title-nav {
    line-height: 16px !important;
  }

  .nav-item:hover .nav-link .title-nav {
    /* margin-top: 0px !important; */
  }

  .it-header-wrapper .sticky.it-nav-wrapper .it-header-navbar-wrapper nav {
    padding-right: 12px !important;
  }

  .sticky .nav-item {
    margin-bottom: -5px;
    height: 48px;
  }

  .search-btn-mobile {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background-primary, #06c);
  }

  .mobile-search-result {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    position: fixed;
    /* top: 58px; */
    left: 50%;
    transform: translate(-53%, 0);
    z-index: 1;
    flex-direction: column;
  }

  .mobile-search-result-item {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    border-bottom: 1px solid var(--color-blue-97, #f2f7fc);
  }
  .mobile-search-result-item:active {
    background-color: #f2f7fc;
  }

  .mobile-search-result-type {
    color: var(--color-text-secondary, #2f475e);
    text-align: left;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; /* 120% */
    text-transform: uppercase;
  }

  .mobile-search-result-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8;
  }

  .mobile-search-result-text {
    margin: 0px !important;
    overflow: hidden;
    color: var(--color-text-secondary, #2f475e);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    display: -webkit-box;
    width: 248px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .mobile-search-result-text .search-word-found {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--color-background-primary, #06c);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
}

#mobile-search-input-text {
  border: none !important;
}
#mobile-search-input-text:active {
  border: none !important;
}

.search-btn-mobile {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background-primary, #06c);
  /* border-top-left-radius: 50% ;
    border-bottom-left-radius: 0; */
}

.search-btn-mobile svg path {
  fill: #f2f7fc;
}

.search-btn-mobile:disabled {
  background: #ffffff;
  transition: 1ms;
}
.search-btn-mobile:disabled svg path {
  fill: #0066cc;
}