.shop-advantages {
	background: #264a9f;
	width: 100%;
	padding-bottom: 5px;
}
.shop-advantages ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 5px;
}
.shop-advantages li {
	list-style: none;
	color: white;
}
.shop-advantages li a {
    color: white;
}
.top-bar {
    background: white;
}
.sin-custom-header-wrapper {
}
.sin-custom-header-wrapper .header-row {
    max-width: 1440px;
    margin: 0 auto;
}
span.icon.icon-avatar svg use,
span.icon.icon-bag svg use,
span.icon.icon-heart svg use,
span.icon.icon-stack svg use {
}


.shop-advantages li::before {
	content: url(/frontend/svg/checkmark.svg);
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}



@media (max-width: 575px) {
    .header-logo-picture img {
        max-width: 180px;
    }

    li.breadcrumb-item span {
        font-size: 10px !important;
        color: grey;
        font-weight: normal;
    }

    .breadcrumb svg {
        top: 3px;
    }
	li.benefit3, li.benefit4 {
		display: none;
	}
}


@media (min-width: 576px) and (max-width: 991px) {

}

@media (min-width: 576px) and (max-width: 767px) {
	.shop-advantages ul {
		flex-wrap: wrap;
	}
}

@media (min-width: 768px) {
	nav.top-bar-nav {
		max-width: 1400px;
		margin: 0 auto;
		padding-top: 1rem;
	}
    .main-navigation-link:hover, .main-navigation-link.is-open {
        color: #ffffff;
    }
    .main-navigation-link.active {
        color: white;
        font-weight: 700;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	header.header-main {
		padding-top: 25px;
	}	
}

@media (max-width: 991px) {
	
	.sin-custom-header-wrapper {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	

	.shop-advantages ul {
		flex-wrap: wrap;
		width: 95%;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		padding: 10px 5% 0 5%;
	}
	.shop-advantages li {
        margin: 0 5px 2.5px 5px;
        text-align: center;
		font-size: 10px;
	}
	.sin-custom-header-wrapper .header-row {
		padding: 0;
	}
	#mainNavigation .container {
		padding: 0 !important;
		margin: 0 auto;
	}

	.b.cms-section-sidebar-sidebar-content.col-lg-4.col-xl-3 {
		top: 185px;
	}
}

@media (min-width: 992px) {
	
	.sin-custom-header-wrapper {
		padding-top: 20px;
	}
	.col-md-4.header-minimal-contact a {
		margin-right: 10px;
	}
	picture.header-logo-picture {
		min-width: 260px;
	}

}