.top-bar {
  color: #b2b2b2;
  background-color: #fff !important;
}
.top-bar .controls-list > li a:not(.btn),
.top-bar .controls-list > li a:not(.btn):hover {
  color: #b2b2b2 !important;
}
.top-bar .max-top-row {
  padding: 0;
}
.top-bar .controls-list-left {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}
.top-bar .controls-list-left li a {
  display: block;
  padding: 6px 30px;
  color: #b2b2b2;
}
.top-bar #controlsList {
  display: flex;
  margin-left: auto;
}
.nav-account .dropdown .dropdown-menu {
  background-color: #fff !important;
}
.nav-account .dropdown .dropdown-menu > li > a {
  border-color: #b2b2b2 !important;
}
.nav-wishlist-desktop .content {
  display: block;
}
.top-bar-images {
  display: flex;
  align-items: center;
}
.top-bar-images img {
  max-height: 35px;
  margin-right: 12px;
}
#controlsList > li > a,
#controlsList > li > .nav-basket > a,
#controlsList > li a.dropdown-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 6px 10px;
  color: #b2b2b2;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 992px) {
  .top-bar {
    border-bottom: 1px solid #dcdddf;
  }
  .top-bar .controls-list-left li a {
    font-weight: 700;
  }
  .top-bar .controls-list-left li:not(:last-of-type) a {
    border-right: 1px solid #dcdddf;
  }
  #controlsList > li:not(:last-of-type) > a,
  #controlsList > li:not(:last-of-type) > .nav-basket > a,
  #controlsList > li:not(:last-of-type) a.dropdown-toggle {
    border-right: 1px solid #dcdddf;
  }
  .main-navbar-collapsable ul.mainmenu > li > a {
    font-size: 1rem;
    font-weight: 400 !important;
  }
  .main-navbar-collapsable ul.mainmenu > li > ul > li {
    min-width: 220px;
  }
  .nav-wishlist-desktop .pl-material,
  .nav-main-icon {
    font-size: 24px;
    padding: 0 6px;
  }
}
@media (max-width: 991px) {
  #page-header .container-max {
    padding: 0 15px;
  }
  .top-bar #controlsList {
    flex: 0;
  }
  #controlsList > li > a,
  #controlsList > li > .nav-basket > a,
  #controlsList > li a.dropdown-toggle {
    text-align: center;
    justify-content: center;
    font-weight: 400;
    padding: 2px 6px;
    line-height: 1;
    color: #333 !important;
  }
  .top-bar .nav-main-icon {
    min-width: 100%;
  }
  .nav-account .dropdown .dropdown-menu {
    margin-top: 52px;
  }
  .nav-account .dropdown .dropdown-menu > li > a {
    color: #333 !important;
  }
}

.navbar > .container-max {
  padding-top: 20px;
  padding-bottom: 25px;
}
#mainTopMenuWrapper {
  background-color: #1f83c5;
  padding: 0;
  border-bottom: 0;
}
.main-navbar-collapsable ul.mainmenu > li > a {
  display: flex;
  align-items: center;
  color: #fff !important;
  padding: 0.6rem 0.4rem 0.2rem;
  font-weight: 700;
}

.main-navbar-collapsable ul.mainmenu > li > a .pl-material {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 0 4px;
  transform: rotate(90deg);
}

.main-navbar-collapsable ul.mainmenu > li:hover > a,
.main-navbar-collapsable ul.mainmenu > li.hover > a {
  top: 0;
}

.main-navbar-collapsable ul.mainmenu > li > a[href="/sale"] {
  background-color: #ff2114;
}

.main-navbar-collapsable ul.mainmenu > li:hover,
.main-navbar-collapsable ul.mainmenu > li.hover {
  background-color: transparent;
}

.main-navbar-collapsable ul.mainmenu > li > a:before {
  background-color: transparent;
  width: 100%;
  left: 0;
  bottom: -3px;
  padding-bottom: 3px;
  border-top: 3px solid #fff;
}
.main-navbar-collapsable ul.mainmenu > li:hover > a:before,
.main-navbar-collapsable ul.mainmenu > li.hover > a:before {
  z-index: 9999;
}
.main-navbar-collapsable ul.mainmenu > li > a:after {
  border-color: transparent transparent #fff transparent;
  left: calc(50% - 4px);
  bottom: 3px;
}
.main-navbar-collapsable ul.mainmenu > li > ul {
  margin-top: 3px;
}
.navbar .nav-search.search-desktop > .container-max {
  box-shadow: -2px 5px 6px 2px rgb(0 0 0 / 20%);
}
.nav-search.search-desktop .search-input {
  height: 51px;
}
.nav-search.search-desktop .search-submit {
  color: #fff;
  background-color: #1f83c5;
  padding: 12px 10px 9px;
}
.nav-images {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.nav-images img {
  height: 50px;
  margin-left: 25px;
}
.nav-images img:last-of-type {
  height: 55px;
}
.nav-images #ts_badge_container {
  display: none;
  padding-left: 10px;
}

.navbar-mobile-menu .nav-search {
  flex: 1;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mobile-menu {
  border-bottom: 1px solid #b2b2b2;
}
.mobile-menu .navbar-toggle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: auto;
  margin: 0;
  padding: 10px 8px 0 0;
}
.mobile-menu .navbar-toggle .menu-text {
  position: relative;
  left: 0;
  top: 0;
  min-width: 100%;
  padding-top: 6px;
  font-weight: 700;
  font-size: 0.8rem;
}
.nav-search .search-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b2b2 !important;
  opacity: 1; /* Firefox */
}
.nav-search .search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b2b2b2 !important;
}
.nav-search .search-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b2b2b2 !important;
}
.nav-search .search-input {
  height: 40px;
}
.nav-search .search-submit {
  padding: 7px 10px 2px;
}

@media (min-width: 1200px) {
  #page-header .container-max {
    max-width: calc(100% - 60px) !important;
  }
  .nav-search.search-desktop {
    height: 71px !important;
  }
  .nav-search.search-desktop > .container-max {
    box-shadow: -2px 5px 6px 2px rgb(0 0 0 / 20%) !important;
  }
  .nav-search .search-input {
    font-size: 1.5rem;
    font-weight: 700;
    height: 71px !important;
  }
  .nav-search.search-desktop .search-submit {
    padding: 16px 16px 14px;
    font-size: 2.5rem;
  }

  .top-bar .controls-list-left li a {
    padding: 6px 30px;
  }

  #controlsList > li > a,
  #controlsList > li > .nav-basket > a,
  #controlsList > li a.dropdown-toggle {
    padding: 6px 20px;
  }
}

@media (min-width: 1520px) {
  /* Menu last item left direction */

  .main-navbar-collapsable.normalmenu ul.mainmenu > li:nth-last-child(2) > ul,
  .main-navbar-collapsable.normalmenu ul.mainmenu > li:last-of-type > ul {
    right: 0;
  }
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:nth-last-child(2)
    li.level1
    > ul,
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:last-of-type
    li.level1
    > ul {
    right: 100%;
    left: auto;
    box-shadow: -3px 3px 5px rgb(0 0 0 / 50%);
  }
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:nth-last-child(2)
    li.level1
    > a,
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:last-of-type
    li.level1
    > a {
    text-align: right;
  }
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:nth-last-child(2)
    li.level1.has-children
    > a:after,
  .main-navbar-collapsable.normalmenu
    ul.mainmenu
    > li:last-of-type
    li.level1.has-children
    > a:after {
    float: left;
    content: "\e903";
    margin-right: 10px;
  }
}

@media (min-width: 1550px) {
  .main-navbar-collapsable ul.mainmenu {
    justify-content: space-between;
  }
  .nav-images img:last-of-type {
    display: none;
  }
  .nav-images #ts_badge_container {
    display: block;
  }
}

@media (min-width: 1920px) {
  .nav-search.search-desktop {
    margin: 0 20px 0 60px;
  }
}

@media (max-width: 500px) {
  #controlsList > li > a span:not(.pl-material),
  #controlsList > li > .nav-basket > a span:not(.pl-material),
  #controlsList > li a.dropdown-toggle span:not(.pl-material) {
    font-size: 0.6rem;
  }

  #controlsList > li > a,
  #controlsList > li > .nav-basket > a,
  #controlsList > li a.dropdown-toggle {
    padding: 2px 4px;
  }
  #controlsList > li .nav-account:not(.service) a.dropdown-toggle {
    padding-right: 0;
  }
  #controlsList > li .nav-account:not(.service) a.dropdown-toggle .pl-material {
    padding-right: 0;
    padding-left: 0;
  }
  .top-bar .nav-main-icon {
    padding: 0 0.2rem;
  }
}

@media (max-width: 359px) {
  #controlsList > li > a span:not(.pl-material),
  #controlsList > li > .nav-basket > a span:not(.pl-material),
  #controlsList > li a.dropdown-toggle span:not(.pl-material) {
    display: none;
  }

  .nav-account .dropdown .dropdown-menu {
    margin-top: 37px;
  }

  #controlsList > li > a,
  #controlsList > li > .nav-basket > a,
  #controlsList > li a.dropdown-toggle {
    padding: 2px 0;
  }

  .top-bar {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  .top-bar .nav-main-icon {
    padding: 0 0.4rem;
  }
}