/* theme header */
header#masthead {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000;
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: padding .5s
}
.ws-logo {
    display: block;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.ws-logo img {
    width:100%
}

.ws-logo:hover {
    opacity: 0.8;
}

.header-info {
	 position: relative;
    z-index: 5;
    background: #000;
}
.header-buttons svg {
  transition: fill .5s
}
.header-buttons a:hover {
    color: #ff4f00;
}
.header-buttons a:hover svg {
    fill: #ff4f00;
}
/**/
.header-buttons-mobile {
    width: calc(100vw - 40px)!important;
    margin-left: 20px;
    padding: 3px 0;
}

.header-buttons > *, .header-buttons .wrap-header_wishlist, .header-buttons .user-account {
    margin-left: 30px
}

@media screen and (min-width: 783px) {
    .admin-bar header#masthead {
        top:32px
    }
}
@media screen and (max-width: 782px) {
    .admin-bar header#masthead {
        top:46px
    }
}
/**/
.ws-logo > a:visited, .ws-logo > a:hover {
  text-decoration: none;
}
.header-top-info {
  background-color: #ff5303;
  padding: 10px 0;
  position: relative;
    z-index: 4;
}
.header-top-info ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
}
.header-top-info ul li {
  list-style-type: none;
  padding: 0 8px
}
.header-top-info ul li a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  display: block;
}
.header-top-info ul li a:hover {
  color: #ffbc41
}
.menu-top-shop-header-menu-container {
  margin:0 auto;
  max-width: 1200px
}
@media (min-width: 1024px) {
    body {
        padding-top: 116px
    }
    header#masthead .header-info {
        padding: 31px 0;
    }
    header#masthead.fixed .header-info {
        padding:8px 0 8px
    }
    .ws-logo {
        width: 300px;
    }
    header#masthead.fixed .ws-logo {
        width: 200px
    }

}
@media (min-width: 768px) and (max-width:1023px) {
    body {
        padding-top: 112px
    }
    header#masthead .header-info {
        padding: 31px 0;
    }
    header#masthead.fixed .header-info {
        padding:8px 0 8px
    }
    .ws-logo {
        width: 220px;
    }
    header#masthead.fixed .ws-logo {
        width: 180px
    }
}
@media (max-width:767px) {
    body {
        padding-top: 57px
    }
    header#masthead .header-info {
        padding: 12px 0;
    }
    .ws-logo {
        width: 200px;
    }
  	.header-info .col-auto:first-child {
  		padding-right:0
  	}
  	.header-info .col-auto:last-child {
  		padding-left:0
  	}
    .header-buttons > *, .header-buttons .wrap-header_wishlist, .header-buttons .user-account {
        margin-left:20px
    }
    .header-buttons > .menu-btn {
        margin-left: 24px
    }
    .header-search a.search-icon svg {
        width: 30px;
        height: 30px;
    }
    a.user-account svg {
        width: 28px;
        height: 28px
    }
    a.header-cart svg {
        top: -1px;
        position: relative;
        width: 30px;
        height: 33px
    }
    a.wrap-header_wishlist svg {
        width: 33px;
        height: 33px
    }
    .header-top-info {
        padding: 7px 0;
        width: 100%
    }
    .header-buttons-mobile a {
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-style: italic;
    }
    #menu-box .header-top-info ul {
        flex-wrap:wrap;
        padding: 0
    }
    .header-top-info ul li {
        flex-basis: 50%;
        padding: 3px 0;
    }
    .header-top-info ul li a {
        font-size: 13px;
    }
}
@media (min-width:575px) and (max-width:767px) {

}
@media (max-width:574px) {
    body {
        padding-top: 57px
    }
    .ws-logo {
        width: 160px;
    }
}