@media(min-width:1024px) {
	body {
		font-size: 1rem
	}

	body .anchor {
		padding-top: 190px;
		margin-top: -190px
	}

	.component .h1,
	.component h1 {
		font-size: 2.5rem
	}

	.component .h2,
	.component h2 {
		font-size: 2rem
	}

	.component .h3,
	.component h3 {
		font-size: 1.5rem
	}

	.component .h4,
	.component h4 {
		font-size: 1.25rem
	}

	.component .h5,
	.component h5 {
		font-size: 1.125rem
	}

	.component .btn-link,
	.component .copy,
	.component .link,
	.component .strong,
	.component .view-all-link,
	.component a,
	.component ol li,
	.component ol li strong,
	.component p,
	.component strong,
	.component ul li,
	.component ul li strong,
	.ncms-webcomp {
		font-size: 1rem
	}

	.accordion-item:first-of-type {
		padding-top: 16px
	}

	.accordion-item:last-of-type {
		padding-bottom: 16px
	}

	.accordion-item-label-button {
		font-size: 1.25rem
	}

	.action-teaser .action-content .h2,
	.action-teaser .action-teaser-body {
		-webkit-line-clamp: 2
	}

	.action-teaser .sec-btn>div {
		margin-top: unset
	}

	.become-a-customer {
		font-size: 1rem;
		padding: 0 16.6666666667% 36px
	}

	.become-a-customer .headline {
		font-size: 2rem;
		margin-top: 27.04px;
		margin-bottom: 3.04px
	}

	.become-a-customer .subheadline {
		font-size: 1rem
	}

	.become-a-customer .desc .documents {
		font-size: 1.25rem
	}

	.become-a-customer .sec-label {
		font-size: 1.125rem
	}

	.become-a-customer .login-text {
		font-size: 1rem;
		margin-top: 11.84px
	}

	.become-a-customer .step-container {
		margin-top: 42px
	}

	.become-a-customer .step-container .step .icon-cont img {
		height: 150px
	}

	.blog-footer,
	.blog-footer .category .facet-list .field-title a {
		font-size: 1rem
	}

	.related-blogs.content h2 {
		font-size: 2rem;
		margin-top: 9.04px;
		margin-bottom: 23.04px;
		padding-left: calc(16.8% + 12px);
		padding-right: calc(16.8% + 12px)
	}

	.related-blogs.content .field-headline {
		font-size: 1.125rem
	}

	.related-blogs.content .blog {
		max-width: calc(33.33333% - 12px);
		flex: 0 0 calc((100% - 136px)/3);
		width: calc((100% - 136px)/3)
	}

	.related-blogs.content .blog:first-child:nth-last-child(2),
	.related-blogs.content .blog:first-child:nth-last-child(2)~.blog {
		flex: 0 0 calc(50% - 18px);
		width: calc(50% - 18px)
	}

	.related-blogs.content .blog:first-child:nth-last-child(3),
	.related-blogs.content .blog:first-child:nth-last-child(3)~.blog {
		flex: 0 0 calc((100% - 48px)/3);
		width: calc((100% - 48px)/3)
	}

	.blog-carousel-light .left,
	.blog-carousel-light .left-layer,
	.blog-carousel-light .right,
	.blog-carousel-light .right-layer {
		top: 94px
	}

	.blog-carousel-light .left-layer,
	.blog-carousel-light .right-layer {
		display: block;
		mix-blend-mode: normal;
		z-index: 1;
		width: 60px
	}

	.blog-carousel-light .right-layer {
		background: linear-gradient(90deg, rgba(242, 245, 248, .8) 0, rgba(242, 245, 248, .95) 100%)
	}

	.blog-carousel-light .left-layer {
		background: linear-gradient(-90deg, rgba(242, 245, 248, .8) 0, rgba(242, 245, 248, .95) 100%)
	}

	.loaded-blogs .search-result-list li {
		width: calc(33.3333333333% - 12px)
	}

	.blog-section-wrapper .field-headline a {
		font-size: 1.125rem;
		margin-bottom: 5.07px
	}

	.blog-section-wrapper .field-description {
		font-size: 1rem;
		margin-bottom: 5.84px
	}

	.blog-section-wrapper .blog-category .facet-list a {
		font-size: 1rem
	}

	.load-more .button,
	.load-more input[type=button] {
		font-size: 1.125rem
	}

	.custom-tabfilter .facet-dropdown-tab,
	.custom-tabfilter .paddles {
		display: block
	}

	.custom-tabfilter .facet-dropdown-select {
		font-size: 1rem;
		display: none
	}

	.custom-tabfilter+.search-results.loading-in-progress .search-result-overlay::after {
		margin: 5% auto 0
	}

	.search-results.loading-in-progress .search-result-overlay::after {
		margin: -180px auto 0;
		position: absolute
	}

	.brand-logo-tiles a,
	.brand-logo-tiles>div {
		height: 125px;
		min-width: calc(14.2% - 10px)
	}

	.brand-logo-tiles a:nth-child(n+6),
	.brand-logo-tiles>div:nth-child(n+6) {
		flex: 1
	}

	.brand-logo-tiles a:nth-child(n+8),
	.brand-logo-tiles>div:nth-child(n+8) {
		flex: 0 1 calc(14.244% - 10px)
	}

	.custom-breadcrumb-component {
		display: block;
		border-radius: 0;
		margin: 0 auto;
		padding: 18px 12px 6px 24px;
		max-width: 1440px
	}

	.custom-breadcrumb-component ol {
		list-style: none;
		padding: 0;
		margin-bottom: 0
	}

	.custom-breadcrumb-component li {
		display: inline-block;
		margin-right: 6px
	}

	.custom-breadcrumb-component li a svg:not(:root) {
		margin-left: 10px;
		overflow: hidden;
		position: relative;
		top: -1px;
		vertical-align: middle
	}

	.custom-breadcrumb-component li a:focus svg:not(:root) path,
	.custom-breadcrumb-component li a:hover svg:not(:root) path {
		fill: #0059e4
	}

	.custom-breadcrumb-component li.active strong,
	.custom-breadcrumb-component li:last-child strong {
		color: #002d72;
		font-weight: 700
	}

	::slotted(.metrox-account-switch-ux) {
		margin-left: 17.5rem
	}

	.bucket-header {
		min-height: 64px
	}

	.bucket-header>.component-content {
		height: 64px
	}

	.bucket-header .site-header-brand {
		height: 64px;
		flex-wrap: inherit
	}

	.bucket-header .site-header-login,
	.bucket-header .slots {
		position: relative;
		z-index: 1;
		flex: 1 0 auto;
		order: unset;
		margin: 0 12px 0 0;
		text-align: right
	}

	.bucket-header .mobile-header {
		flex: 1;
		width: inherit;
		order: unset
	}

	.bucket-header .site-header-bucket-wrapper {
		height: 100%
	}

	.bucket-header .site-header-bucket-wrapper .site-header-bucket span {
		font-size: 1rem;
		line-height: 36px
	}

	.bucket-header .site-header-bucket-wrapper .site-header-bucket {
		margin: 12px 12px 12px 0;
		padding: 0 24px
	}

	.bucket-header .site-header-bucket-wrapper .site-header-bucket:first-of-type {
		margin-left: 0
	}

	.bucket-header .scroll-action-container-left,
	.bucket-header .scroll-action-container-right {
		display: block;
		padding: 24px 12px;
		line-height: 1;
		z-index: 1;
		cursor: pointer
	}

	.bucket-header .scroll-action-container-left .scroll-action.scroll-left,
	.bucket-header .scroll-action-container-right .scroll-action.scroll-left {
		left: 0;
		box-shadow: #002d72 8px 0 6px 20px
	}

	.bucket-header .scroll-action-container-left .scroll-action.scroll-right,
	.bucket-header .scroll-action-container-right .scroll-action.scroll-right {
		right: 0;
		box-shadow: #002d72 -8px 0 6px 20px
	}

	.bucket-header .scroll-action-container-left .scroll-action.scroll-right svg,
	.bucket-header .scroll-action-container-right .scroll-action.scroll-right svg {
		transform: rotate(180deg)
	}

	.bucket-header .scroll-action-container-left .scroll-action svg *,
	.bucket-header .scroll-action-container-right .scroll-action svg * {
		fill: #fff
	}

	.bucket-header .scroll-action-container-left.hideArrow,
	.bucket-header .scroll-action-container-right.hideArrow {
		cursor: default
	}

	.bucket-header .scroll-action-container-left.hideArrow .scroll-action.scroll-left,
	.bucket-header .scroll-action-container-left.hideArrow .scroll-action.scroll-right,
	.bucket-header .scroll-action-container-right.hideArrow .scroll-action.scroll-left,
	.bucket-header .scroll-action-container-right.hideArrow .scroll-action.scroll-right {
		box-shadow: none;
		cursor: default
	}

	.bucket-header .scroll-action-container-left.hideArrow svg *,
	.bucket-header .scroll-action-container-right.hideArrow svg * {
		fill: #002d72
	}

	.bucket-header .site-header-logo {
		height: 100%;
		min-width: 129px;
		margin-left: 24px;
		order: unset
	}

	.bucket-header .site-header-logo img {
		margin-top: -6px;
		max-height: 32px
	}

	.bucket-header .buckets {
		width: inherit;
		order: unset
	}

	.bucket-header .buckets .site-header-bucket-wrapper {
		padding-top: 12px;
		padding-left: 0
	}

	.bucket-header .buckets .scroll-action-container-left,
	.bucket-header .buckets .scroll-action-container-right {
		display: block;
		padding: 24px 12px;
		line-height: 1;
		z-index: 1;
		cursor: pointer
	}

	.bucket-header .buckets .scroll-action-container-left .scroll-action,
	.bucket-header .buckets .scroll-action-container-right .scroll-action {
		height: 12px;
		width: 7px;
		background-image: url(https://cdn.metro-group.com/nextcms/svgs/bucket-header-arrow.svg);
		box-shadow: #002d72 8px 0 6px 20px
	}

	.bucket-header .buckets .scroll-action-container-left .scroll-action.scroll-left,
	.bucket-header .buckets .scroll-action-container-right .scroll-action.scroll-left {
		left: 0
	}

	.bucket-header .buckets .scroll-action-container-left .scroll-action.scroll-right,
	.bucket-header .buckets .scroll-action-container-right .scroll-action.scroll-right {
		right: 0;
		transform: rotate(180deg)
	}

	.bucket-header .buckets .scroll-action-container-left.hideArrow,
	.bucket-header .buckets .scroll-action-container-right.hideArrow {
		cursor: default
	}

	.bucket-header .buckets .scroll-action-container-left.hideArrow .scroll-action.scroll-left,
	.bucket-header .buckets .scroll-action-container-left.hideArrow .scroll-action.scroll-right,
	.bucket-header .buckets .scroll-action-container-right.hideArrow .scroll-action.scroll-left,
	.bucket-header .buckets .scroll-action-container-right.hideArrow .scroll-action.scroll-right {
		box-shadow: none;
		cursor: default;
		background-image: none
	}

	.catalog,
	.catalogs-search-results li,
	.upcoming-catalog {
		width: calc(25% - 12px);
		margin-bottom: 0
	}

	.catalogs-container .catalog strong,
	.catalogs-container .upcoming-catalog strong,
	.catalogs-search-results .upcoming-catalog strong,
	.catalogs-search-results li strong,
	.see-more {
		font-size: 1rem
	}

	.category-teaser .component-content {
		flex-direction: column;
		align-items: start;
		height: 0;
		padding-bottom: 100%
	}

	.category-teaser .title-bottom {
		-webkit-line-clamp: 2
	}

	.category-teaser .teaser-image {
		margin: 0 12px 12px auto
	}

	.category-teaser img {
		width: 74px;
		height: 74px;
		margin: 0 12px 12px auto
	}

	.component-category-teaser-row .content-section-title {
		font-size: 1.25rem;
		margin-top: 24.3px;
		margin-bottom: 10.3px
	}

	.category-teaser-carousel a {
		display: block;
		height: 0;
		padding-bottom: 100%
	}

	.category-teaser-carousel .component-content {
		position: absolute;
		padding: 0;
		height: 100%
	}

	.category-teaser-carousel .section-title {
		padding-right: 0
	}

	.category-teaser-carousel .category-teaser {
		flex: 0 0 calc(16.66% - 12px)
	}

	.hero-category-teaser .category-teaser-carousel .category-teaser {
		flex: 0 0 calc(33.33333% - 12px)
	}

	.content-component .h2 {
		margin-top: 27.04px;
		margin-bottom: 11.04px
	}

	.content-component .h3 {
		margin-bottom: 11.76px
	}

	.content-component .teaser-cont {
		margin: 30px -18px 36px
	}

	.content-component .teaser-cont.full-width {
		gap: 36px
	}

	.content-component .teaser-cont.full-width>div {
		flex: 1 0 0%;
		min-width: 20%
	}

	.content-component .teaser-cont.image-left img,
	.content-component .teaser-cont.image-left-right img,
	.content-component .teaser-cont.image-right img {
		max-height: 800px
	}

	.content-component .teaser-cont h4 {
		margin-top: 18px;
		margin-bottom: 14px
	}

	.content-component .teaser-cont li+li,
	.content-component .teaser-cont p+p {
		margin-top: 9.75px;
		top: auto
	}

	.content-component .default-column .full-width>div:first-child:last-child .image-wrapper img,
	.content-component .one-column .full-width>div .image-wrapper img {
		max-height: 800px
	}

	.content-component .one-column .full-width>div {
		flex: 0 1 100%;
		width: 100%
	}

	.content-component .two-column .full-width>div {
		flex: 0 1 calc(50% - 36px);
		width: calc(50% - 36px)
	}

	.content-component .three-column .full-width>div {
		flex: 0 1 calc(33.333% - 36px);
		width: calc(33.333% - 36px)
	}

	.content-component .four-column .full-width>div {
		flex: 0 1 calc(25% - 36px);
		width: calc(25% - 36px)
	}

	.content-teaser h2 {
		margin-top: 27.04px;
		margin-bottom: 11.04px
	}

	.content-teaser .field-section-description {
		margin-bottom: 5.84px
	}

	.content-teaser .teasers>div {
		min-width: 240px;
		max-width: 100%
	}

	.content-teaser .teasers>div:nth-child(n+4) {
		max-width: 25%
	}

	.content-teaser .teasers>div:nth-child(4),
	.content-teaser .teasers>div:nth-child(n+4) {
		max-width: 25%;
		min-width: 25%
	}

	.content-teaser .teasers .h4 {
		margin-top: 10.3px;
		margin-bottom: 10.3px
	}

	.cookie-management .category {
		flex: 1 1 0
	}

	.cms.consent-disclaimer .consent div.field-text {
		margin-right: 24px
	}

	.cms.consent-disclaimer .consent .show-toggle {
		font-size: 1rem
	}

	.ncms-webcomp .consent .field-text,
	.ncms-webcomp .consent .field-text p,
	.ncms-webcomp .consent .field-text p:first-child {
		font-size: 16px
	}

	.component-error-page h1,
	.rich-text .component-error-page h1 {
		font-size: 2.5rem;
		margin-bottom: .8px
	}

	.facet-list span.field-title>a {
		font-size: 1rem
	}

	.box .box__input .upload-text {
		display: block
	}

	.site-footer .footer-contact .footer-contact-additional-text {
		width: unset
	}

	.modal-content {
		width: 100%;
		max-width: 950px
	}

	.modal-content .modal-header,
	.modal-content .sitecore-form {
		padding: 0 120px
	}

	.modal-content .sitecore-form form input[type=submit] {
		width: auto
	}

	.modal-content .sitecore-form form input {
		width: 100%
	}

	.modal-content .sitecore-form form .field-validation-error {
		width: 75%
	}

	.event-notification {
		height: 40px
	}

	.event-notification .notification-section .icon-alert,
	.event-notification .notification-section .icon-close,
	.event-notification .notification-section .icon-success {
		background-size: 26px
	}

	.event-notification .notification-section .icon-close {
		background-size: 16px
	}

	.chef-quote .h2 {
		margin-top: 27.04px;
		margin-bottom: 15.04px
	}

	.chef-quote-signature {
		margin-bottom: 29.84px
	}

	.intro .component-content>h1:first-child {
		padding-top: 11px
	}

	.intro .component-content>:last-child.intro-description,
	.intro .component-content>:last-child.login-group {
		padding-bottom: 16px
	}

	.intro .intro-description+.intro-image {
		padding-top: 15px
	}

	.intro .register-button-group+.intro-footnote {
		padding-top: 7px
	}

	.intro .register-button-group+.intro-image {
		padding-top: 36px
	}

	.intro .login-group .login-text {
		font-size: 1rem
	}

	.intro .login-group+.intro-image {
		padding-top: 17px
	}

	.intro .login-group+.intro-footnote {
		padding-top: 0
	}

	.intro .intro-teasers>div {
		margin-bottom: 0;
		flex: 0 1 calc(25% - 12px)
	}

	.intro .intro-teaser img {
		margin-right: 12px
	}

	.global-footer-component a,
	.global-footer-component a:active,
	.global-footer-component a:hover {
		font-size: 1rem
	}

	.hero-carousel {
		margin-right: 0;
		margin-left: 0
	}

	.hero-carousel .carousel-next,
	.hero-carousel .carousel-prev,
	.hero-carousel::after,
	.hero-carousel::before {
		display: block;
		position: absolute;
		height: 100%;
		z-index: 1;
		width: 48px;
		top: 0;
		cursor: pointer
	}

	.hero-carousel .carousel-container {
		max-height: 460px;
		overflow: auto;
		padding-left: 0
	}

	.hero-carousel .carousel-container>.hero-teaser {
		max-width: 100%;
		margin-right: 0
	}

	.hero-carousel .hero-teaser .hero-teaser-content {
		padding-left: calc(2.8846153846vw + 18.4615384615px)
	}

	.hero-carousel .carousel-navigation {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center
	}

	.hero-carousel .carousel-navigation-item,
	.hero-carousel .carousel-navigation-list {
		display: inline-block
	}

	.hero-carousel .carousel-navigation-button {
		display: inline-block;
		width: 40px;
		height: 40px;
		position: relative;
		background-clip: content-box;
		font-size: 0;
		margin: 0 6px;
		cursor: pointer
	}

	.hero-carousel .carousel-navigation-button::after {
		top: 19px;
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 0 30px 0 #000;
		height: 2px;
		margin-top: 1px
	}

	.hero-carousel .carousel-navigation-button.active::after {
		margin-top: 0;
		background: #fff;
		box-shadow: 0 0 30px 0 #000;
		height: 4px
	}

	.hero-category-teaser .component-content {
		display: flex
	}

	.hero-category-teaser .component-content .online-shop {
		padding-right: 12px;
		flex: 0 0 50%
	}

	.hero-category-teaser .component-content .metro-store {
		padding-left: 12px;
		flex: 0 0 50%
	}

	.hero-teaser-new {
		height: 462px
	}

	.hero-teaser-new .content-container .field-sub-headline {
		font-size: calc(.9615384615vw + 6.1538461538px);
		overflow: hidden;
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.hero-teaser .badge {
		margin-bottom: calc(2.4038461538vw - 13.6153846154px)
	}

	.hero-teaser .h1 {
		font-size: calc(2.4038461538vw + 15.3846153846px)
	}

	.hero-teaser .panel-body .h4 {
		-webkit-line-clamp: 2;
		font-size: calc(.9615384615vw + 6.1538461538px);
		margin-top: calc(1.5144230769vw - 8.3076923077px);
		margin-bottom: calc(6.7307692308vw - 68.9230769231px)
	}

	.hero-teaser .hero-teaser-content {
		width: calc(23.3173076923vw + 125.2307692308px);
		padding-top: calc(2.8846153846vw - 5.5384615385px);
		padding-bottom: calc(-1.4423076923vw + 56.7692307692px);
		padding-left: calc(2.8846153846vw - 5.5384615385px)
	}

	.hero-teaser .hero-teaser-content::after {
		width: calc(10.3365384615vw - 17.8461538462px)
	}

	.hero-teaser .teaser-branded {
		height: calc(37.0192307692vw - 73.0769230769px)
	}

	.hero-teaser .angle-of-success-area .logo-wrapper {
		height: calc(9.6153846154vw - 5.4615384615px);
		width: calc(33.6538461538vw - 20.6153846154px)
	}

	.hero-small-wrapper,
	.hero-tiles .hero-big-wrapper {
		flex: 0 1 50%
	}

	.hero-tile .product-image {
		min-width: 152px
	}

	.hero-tile .badge {
		max-width: 350px
	}

	.hero-tile span.h2 {
		-webkit-line-clamp: 3;
		width: 70%
	}

	.hero-tile .product-info img {
		width: 152px;
		height: 152px
	}

	.header-login-button .field-button-text {
		height: 64px;
		font-size: 1rem
	}

	.header-login-button .idam-svg,
	.header-login-button .spinner {
		width: 32px;
		margin-right: 12px
	}

	.image-teaser-component .h2 {
		margin-top: 15.04px;
		margin-bottom: 11.04px
	}

	.image-teaser-component .section-body {
		margin-bottom: 13.84px
	}

	.login-notification.component {
		background: #fff;
		padding: 19px 12px 12px;
		border-radius: 0;
		box-shadow: 0 1px 8px 0 rgba(0, 20, 50, .2);
		position: absolute;
		right: 0;
		top: 64px;
		width: 320px;
		z-index: 10
	}

	.login-notification.component .component-content {
		flex-direction: column;
		display: block
	}

	.login-notification.component.show {
		display: block !important
	}

	.login-notification.component .field-text,
	.login-notification.component .field-title {
		margin-bottom: 12px;
		text-align: left
	}

	.login-notification.component ol,
	.login-notification.component ul {
		margin-left: 20px
	}

	.login-notification.component .btn-primary {
		display: block;
		margin-bottom: 6px;
		height: auto
	}

	.login-notification.component .no-thanks {
		cursor: pointer;
		width: 100%;
		display: block;
		text-align: center
	}

	.header-login-button .field-button-text.login-notification--show {
		position: relative;
		text-align: left
	}

	.header-login-button .field-button-text.login-notification--show:after {
		content: "";
		position: absolute;
		z-index: 11;
		left: 50%;
		margin-left: -10px;
		bottom: -12px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 10px 10px;
		border-color: transparent transparent #fff
	}

	.management-details-wrapper .management-info {
		min-width: 400px
	}

	.sitecore-form {
		padding: 24px 16.6666666667% 36px
	}

	.sitecore-form span:not(.field-validation-valid) {
		width: 75%
	}

	.sitecore-form form h2 {
		font-size: 2rem
	}

	.new-store-locator .more-stores {
		display: block
	}

	.new-store-locator .header {
		padding-bottom: 32px;
		margin-bottom: 12px
	}

	.new-store-locator .store-locator-tabs-wrapper {
		flex-wrap: nowrap;
		padding: 0;
		background-color: unset
	}

	.new-store-locator .store-locator-tabs-wrapper label {
		display: none
	}

	.new-store-locator .store-locator-tabs-wrapper .content {
		display: block;
		padding-top: 0
	}

	.new-store-locator .details-store-item {
		margin: 0 -12px;
		padding: 0 12px
	}

	.new-store-locator .details-store-item:not([open]):hover {
		background-color: #e6f0ff;
		border-color: transparent
	}

	.new-store-locator .listview,
	.new-store-locator .mapview {
		opacity: 1;
		position: relative;
		top: 0;
		pointer-events: unset
	}

	.new-store-locator .listview {
		flex: 1 0 345px;
		background-color: #fff;
		padding: 0 12px;
		max-height: 598px;
		overflow-y: scroll;
		scrollbar-width: none
	}

	.new-store-locator .listview::-webkit-scrollbar {
		display: none
	}

	.new-store-locator .mapview {
		flex-basis: 0 1 auto;
		margin-left: 12px;
		margin-right: 0
	}

	.new-store-locator .map-content {
		height: 598px
	}

	.new-store-locator .store-locator-results {
		height: 100%
	}

	.new-store-locator .store-locator-results>div:first-of-type {
		border: 0
	}

	.new-store-locator .store-filter-area {
		margin-bottom: 32px
	}

	.new-store-locator .show-more,
	.new-store-locator .store-info-modal,
	.new-store-locator .store-info-modal.visible {
		display: none
	}

	.notification {
		height: 40px
	}

	.notification .notification-section .icon {
		padding: 6px 12px 6px 10px
	}

	.notification .notification-section .icon svg {
		height: 24px;
		width: 24px
	}

	.notification .notification-section .icon-alert,
	.notification .notification-section .icon-information {
		background-size: 26px;
		background-position-y: center
	}

	.notification .notification-section .close {
		padding: 10px 12px
	}

	.notification .notification-section .fields-container {
		overflow-x: hidden;
		white-space: nowrap;
		text-align: center;
		display: inline-flex;
		vertical-align: middle;
		font-size: 16px;
		padding: 6px 0
	}

	.notification .notification-section .fields-container .info {
		margin: auto 0 auto 12px
	}

	.notification .notification-section .fields-container .desc {
		text-overflow: ellipsis;
		overflow-x: hidden;
		margin: auto 0 auto 12px
	}

	.notification .notification-section .fields-container>a {
		font-size: unset;
		line-height: unset;
		display: unset;
		margin: auto 0 auto 12px
	}

	body main .notification .notification-section .icon {
		padding: 6px 12px 6px 10px
	}

	body main .notification .notification-section .fields-container {
		padding: 6px 12px 6px 0
	}

	.brand-teaser-row>div {
		min-width: calc(25% - 12px);
		max-width: calc(33.333% - 12px)
	}

	.brand-teaser-row>div:first-child:nth-last-child(3) {
		flex: 0 calc(33.333% - 12px)
	}

	.product-teaser .product-teaser-container {
		width: 226px;
		min-width: 226px
	}

	.product-teaser .product-teaser-container img {
		margin-top: 14px;
		width: 144px;
		height: 144px
	}

	.product-teaser .product-teaser-container .h4 {
		font-size: 16px
	}

	.product-teaser .product-teaser-container .stock-container .stock-status {
		vertical-align: middle
	}

	.product-teaser .product-teaser-container .field-price-primary {
		font-size: 1.5rem
	}

	.product-teaser .product-teaser-container .discount {
		font-size: 12.5px;
		line-height: 18px
	}

	.product-teaser .product-teaser-container .product-dropdown>span {
		font-size: 1rem
	}

	.product-teaser-tabbed .products-div.product-teaser {
		grid-template-columns: repeat(5, minmax(175px, 1fr))
	}

	.promotion-teaser-v2 .promotion-teaser {
		max-width: calc(33.3333333% - 12px)
	}

	.promotion-teaser-v2 .promotion-teaser .content {
		padding: 24px 24px 36px
	}

	.promotion-teaser-v2 .promotion-teaser .content .text {
		font-size: 1rem
	}

	.recipe .ingredient-container .field-amount-label {
		flex: 1 0 33%
	}

	.recipe .ingredient-container .field-ingredient-label {
		flex: 1 0 66%
	}

	.recipe .ingredient-row .inner-ingredient-container {
		flex: 1 0 33%
	}

	.recipe .ingredient-row .field-ingredient {
		flex: 1 0 66%
	}

	.recipe-overview .featured-recipe .h1,
	.recipe-overview .featured-recipe .h2,
	.recipe-overview .featured-recipe p,
	.recipe-overview .time-to-cook .h1,
	.recipe-overview .time-to-cook .h2,
	.recipe-overview .time-to-cook p {
		margin: 12px 16.6666666667%
	}

	.all-recipes img {
		height: 200px
	}

	.all-recipes dl dt {
		flex: 1 0 33%
	}

	.all-recipes dl dd {
		flex: 1 0 66%
	}

	.all-recipes .recipe-teaser-container {
		width: calc(25% - 12px)
	}

	.content-component h1,
	.documentation-content-block .description-text h1,
	.rich-text h1,
	html:not([class]) body h1 {
		margin-bottom: .8px
	}

	.content-component h2,
	.documentation-content-block .description-text h2,
	.rich-text h2,
	html:not([class]) body h2 {
		margin-bottom: 3.04px
	}

	.content-component h3,
	.documentation-content-block .description-text h3,
	.rich-text h3,
	html:not([class]) body h3 {
		margin-bottom: 2.76px
	}

	.content-component h4,
	.documentation-content-block .description-text h4,
	.rich-text h4,
	html:not([class]) body h4 {
		margin-bottom: 4.3px
	}

	.content-component h5,
	.documentation-content-block .description-text h5,
	.rich-text h5,
	html:not([class]) body h5 {
		margin-bottom: -.93px
	}

	.content-component a,
	.content-component b,
	.content-component em,
	.content-component ol li,
	.content-component p,
	.content-component small,
	.content-component span,
	.content-component strong,
	.content-component ul li,
	.documentation-content-block .description-text a,
	.documentation-content-block .description-text b,
	.documentation-content-block .description-text em,
	.documentation-content-block .description-text ol li,
	.documentation-content-block .description-text p,
	.documentation-content-block .description-text small,
	.documentation-content-block .description-text span,
	.documentation-content-block .description-text strong,
	.documentation-content-block .description-text ul li,
	.rich-text a,
	.rich-text b,
	.rich-text em,
	.rich-text ol li,
	.rich-text p,
	.rich-text small,
	.rich-text span,
	.rich-text strong,
	.rich-text ul li,
	html:not([class]) body a,
	html:not([class]) body b,
	html:not([class]) body em,
	html:not([class]) body ol li,
	html:not([class]) body p,
	html:not([class]) body small,
	html:not([class]) body span,
	html:not([class]) body strong,
	html:not([class]) body ul li {
		font-size: 1rem
	}

	.content-component p,
	.documentation-content-block .description-text p,
	.rich-text p,
	html:not([class]) body p {
		margin-bottom: 12px
	}

	html:not([class]) body .documents {
		font-size: 1.25rem
	}

	#content-search-count .results-count {
		font-size: 1.5rem
	}

	.component.search-results.highlighted .container-text {
		width: 55%
	}

	.seasonal-wrapper .promotion-teaser-v2 {
		max-width: 409px
	}

	.seasonal-wrapper .promotion-teaser-v2 .promotion-teaser .content {
		padding-top: 20px
	}

	.seasonal-wrapper .products-div {
		flex: 0 1 auto;
		max-width: calc(100% - 409px)
	}

	.seasonal-wrapper .products-div .swipable {
		background: unset
	}

	.section-title .default-section-text {
		font-size: 1.25rem
	}

	.section-title .component-hide,
	.section-title .component-show,
	.section-title .view-all-link {
		font-size: 1rem
	}

	.icon-teaser-row h2 {
		margin-top: 27.04px
	}

	.icon-teaser-row .field-description {
		margin-top: 13.84px
	}

	.icon-teaser-row .h5 {
		margin-top: 5.07px;
		margin-bottom: 5.07px
	}

	.site-footer .col-xs-12.col-sm-4.col-md-3>.component-footer,
	.site-footer .component-content {
		margin: auto
	}

	.site-footer .component.column-splitter>div {
		flex: 1 0 25%
	}

	.site-footer .h5 {
		font-size: 1.125rem
	}

	.site-footer .footer-navigation-data .field-link a {
		font-size: 1rem
	}

	.site-footer-minimal .component.column-splitter .contact-minimal .component-content,
	.site-footer-minimal .component.column-splitter>div:nth-of-type(3) {
		flex: 1 0 50%
	}

	.site-footer-minimal .component.column-splitter .contact-minimal .component-content>div:nth-child(2),
	.site-footer-minimal .component.column-splitter>div:nth-of-type(3)>div:nth-child(2) {
		display: block
	}

	.site-footer-minimal .component.column-splitter .footer-contact-minimal .footer-contact-additional-text {
		display: none
	}

	.site-footer-minimal .component.column-splitter .footer-contact-minimal .footer-minimal-additional-text {
		display: block;
		padding-top: 20px
	}

	header .sub-header-store .store-div .store-selector-toggle>i {
		margin: -2px 10px 0 0
	}

	header .sub-header-store .store-div .brandbar-popover-store-big {
		width: calc(100vw - 24px);
		max-width: 1440px;
		margin: auto
	}

	header .sub-header-store .store-div .store-locator-labels-row {
		width: calc(100vw - 24px);
		max-width: 1440px
	}

	header .sub-header-store .store-div .popover-well.row>div:first-child {
		padding-top: 0
	}

	header {
		min-height: 128px
	}

	header .site-sub-header {
		height: 64px;
		z-index: 4
	}

	header .site-sub-header>.component-content {
		max-width: 1440px;
		display: flex;
		align-items: center;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 3;
		background: #cce0ff
	}

	header .site-sub-header>.component-content::before {
		content: "";
		position: absolute;
		top: 0;
		left: -1000px;
		right: -1000px;
		height: 64px;
		background: #cce0ff;
		z-index: 1
	}

	header .site-sub-header>.component-content::after {
		content: "";
		position: absolute;
		right: 0;
		width: 1px;
		background-color: #cce0ff;
		height: 100%;
		z-index: 1
	}

	header .site-sub-header>.component-content .sub-header-area:not(.right) {
		position: static;
		width: auto;
		flex: 1 0 auto
	}

	header .site-sub-header>.component-content .sub-header-area.right {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 64px;
		flex: none;
		z-index: 2
	}

	header .site-sub-header>.component-content .sub-header-container {
		padding: 12px 0 12px 24px
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search):not(:first-child) {
		padding: 0 24px
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search):not(:first-child).sub-header-search {
		padding: 0
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search)+div {
		border-left: 1px solid #002d72
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search)+div.sub-header-search {
		border: none
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search):last-child::after {
		border-right: 1px solid #002d72
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search):last-child .support-div {
		cursor: pointer
	}

	header .site-sub-header>.component-content .sub-header-container>div:not(.sub-header-search):last-child .support-div:empty {
		cursor: none;
		position: absolute;
		right: 0;
		width: 1px;
		height: 100%;
		background: #cce0ff;
		z-index: 1
	}

	header .site-sub-header>.component-content .sub-header-container .sub-header-nav.is-visible {
		display: none
	}

	header .site-sub-header>.component-content .sub-header-container .sub-header-search {
		flex: 1;
		flex-basis: 50%;
		max-width: 50%
	}

	header .site-sub-header>.component-content .sub-header-container .sub-header-search+div {
		margin-left: auto;
		border: none
	}

	header .site-sub-header>.component-content .sub-header-support .support-icon {
		width: 32px;
		height: 32px
	}

	header .site-sub-header .sub-header-store .component.store-selector {
		display: unset
	}

	.site-footer .social-share-buttons {
		width: auto
	}

	.social-widget-two-column .h2 {
		margin-top: 15.04px;
		margin-bottom: 11.04px
	}

	.store-departments .department {
		min-width: 289px
	}

	.store-detail-page .store-opening-hours .store-white-box.expanded {
		padding: 30px 8.3333333333%
	}

	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .days-container .days,
	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .days-container .time,
	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .time-container .days,
	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .time-container .time {
		font-size: 1rem
	}

	.store-flyout-notification .notification {
		display: block;
		position: unset;
		width: 100%
	}

	.store-flyout-notification .notification::before {
		display: none
	}

	.store-flyout-notification .notification .icon::before {
		background-size: 24px 24px;
		width: 24px;
		height: 24px
	}

	.store-flyout {
		margin: 0;
		background: 0 0;
		box-shadow: unset;
		width: auto;
		position: unset
	}

	.store-flyout .details-body {
		max-height: calc(65vh + 60px);
		height: auto
	}

	.store-flyout .store-search {
		position: absolute
	}

	.store-flyout .store-search .details-body {
		top: 52px
	}

	.store-flyout .store-search .store-found-label {
		margin-top: 12px;
		background-color: #fff
	}

	.store-flyout .store-search .store-found-label:hover {
		background: #e6f0ff
	}

	.store-flyout .store-search .field-back {
		color: #33435b
	}

	.store-flyout .store-search .field-back:hover {
		color: #0059e4
	}

	.store-flyout .arrow::after {
		content: "";
		border: 8px solid transparent;
		border-bottom-color: #fff;
		color: transparent;
		z-index: 10;
		position: absolute;
		left: 18px;
		bottom: -12px;
		display: none
	}

	.store-flyout details[open] .overlay-flyout {
		display: none
	}

	.store-flyout details[open] .arrow::after {
		display: block
	}

	.store-flyout .flyout-btn {
		padding: 0 24px
	}

	.store-flyout .flyout-btn[open]>.title {
		background: unset
	}

	.store-flyout .flyout-btn[open]>.title::before {
		background-image: url(https://cdn.metro-group.com/nextcms/svgs/location_hover.svg)
	}

	.store-flyout .flyout-btn[open]>.title:after {
		display: none
	}

	.store-flyout .flyout-btn .title {
		justify-content: flex-end;
		user-select: none;
		background: #cce0ff;
		box-shadow: unset
	}

	.store-flyout .flyout-btn .title::before {
		background-image: url(https://cdn.metro-group.com/nextcms/svgs/location_hover.svg);
		background-size: 32px 32px;
		width: 32px;
		height: 32px
	}

	.store-flyout .flyout-btn .title:after {
		display: none
	}

	.store-flyout .flyout-btn .field-store-name {
		max-width: 250px
	}

	.store-flyout .flyout-details {
		display: none;
		width: 320px;
		position: absolute;
		overflow-y: visible;
		z-index: 1;
		max-height: calc(65vh + 60px);
		right: 0;
		top: 53px
	}

	.store-flyout .details-area {
		position: unset
	}

	.store-flyout .store-found-label {
		display: none
	}

	.store-flyout .back::before {
		background-image: url(https://cdn.metro-group.com/nextcms/svgs/back-blue.svg)
	}

	.ncms-webcomp.p-metrox .store-flyout {
		z-index: 1040;
		padding-top: 0
	}

	.ncms-webcomp.p-metrox .store-flyout .flyout-details {
		top: unset
	}

	.ncms-webcomp.p-metrox .store-flyout .store-flyout-notification {
		margin-top: unset
	}

	.fuel-prices {
		font-size: 1rem
	}

	.fuel-prices .price {
		min-width: 295px
	}

	.fuel-prices .field-name {
		font-size: 1.125rem
	}

	.tables {
		font-size: 1rem
	}

	.tables .component-content .comp-box .inside-container {
		margin: auto 8.3333333333%
	}

	.teasers-list .teasers>div {
		min-width: 240px;
		max-width: calc(25% - 9px)
	}

	.teasers-list .teasers>div:nth-child(n+4),
	.teasers-list .teasers>div~div {
		max-width: calc(25% - 9px)
	}

	.teasers-list .teasers>div:nth-child(4),
	.teasers-list .teasers>div:nth-child(n+4) {
		max-width: calc(25% - 9px);
		min-width: calc(25% - 12px)
	}

	.teasers-list .teasers .btn-link,
	.teasers-list .teasers .btn-outline {
		display: inline-block
	}

	.content-teaser.teasers-list .teasers>.category-teaser-tile {
		max-width: calc(25% - 12px)
	}

	.tile-image-teaser-row-container .main-description,
	.tile-image-teaser-row-container .main-link {
		font-size: 16px;
		line-height: 1.5
	}

	.component.container .component-content .component .tile-image-teaser .tile-content,
	.tile-image-teaser .tile-content,
	.tile-image-teaser-row-container .image-section .image-box .image-link-container .image-link-label {
		font-size: 26px
	}

	.unified-results.search-catalog a {
		width: 16.6666666667%
	}

	.unified-results.search-catalog a>picture,
	.unified-results.search-catalog img {
		height: 308px
	}

	.unified-search-header {
		padding: 24px;
		text-align: center
	}

	.unified-search-header .headline {
		font-family: CAMetro, Impact, Charcoal, sans-serif;
		font-size: 2.5rem;
		line-height: 1.29;
		color: #002d72;
		text-transform: uppercase
	}

	.unified-search-header .copy {
		padding-bottom: 6px
	}

	.account-user {
		position: static
	}

	.account-user .account-profile {
		height: 64px;
		max-width: 320px;
		padding-right: 24px;
		margin-left: auto
	}

	.account-user .account-profile.open:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 20px;
		color: transparent;
		border: 8px solid transparent;
		border-bottom-color: #fff
	}

	.account-user .user-icon {
		margin-right: 12px
	}

	.account-user .user-icon svg {
		width: 32px
	}

	.account-user .user-details {
		font-size: 1rem
	}

	.account-user .username {
		overflow: hidden;
		display: -webkit-box;
		max-width: 100%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}

	.account-user .user-business {
		font-weight: 400 !important
	}

	.account-user .account-flyout {
		right: 0;
		top: 100%;
		bottom: inherit;
		min-width: 320px;
		height: inherit;
		position: absolute;
		display: none;
		box-shadow: 0 1px 8px 0 rgba(0, 20, 50, .2);
		max-height: calc(100vh - 5rem)
	}

	.account-user .account-flyout.open {
		display: flex
	}

	.account-user .account-flyout .idam-logout.emp {
		border-bottom: none
	}

	.account-user .account-flyout .overlay-flyout {
		display: none
	}

	.account-user .unavailableUserContainer {
		margin-top: 0
	}

	.account-user .white-section {
		position: static;
		width: inherit;
		height: auto;
		overflow-x: hidden;
		overflow-y: overlay
	}

	.account-user .white-section::-webkit-scrollbar {
		background: 0 0;
		width: 8px;
		margin: 4px
	}

	.account-user .white-section::-webkit-scrollbar-track {
		background: 0 0;
		border: none;
		display: none
	}

	.account-user .white-section::-webkit-scrollbar-thumb {
		background: 0 0;
		border-radius: 8px
	}

	.account-user .white-section:hover::-webkit-scrollbar-thumb {
		background: rgba(186, 186, 192, .8)
	}

	.account-user .greet-section {
		background: #fff;
		color: #002d72
	}

	.account-user .greet-section .close-button,
	.account-user .greet-section.hide-on-desktop {
		display: none
	}

	.account-user .switch-account {
		transition: background-color 150ms
	}

	.account-user .switch-account:hover {
		background: #0047b6
	}

	.account-user .idam-logout:focus,
	.account-user .idam-logout:hover {
		background: #f2f7ff
	}

	.account-user .idam-logout:focus svg,
	.account-user .idam-logout:hover svg {
		fill: #0059e4
	}

	.account-user .bottom-link:focus,
	.account-user .bottom-link:hover {
		background: #f2f7ff
	}

	.account-user .secondary-flyout,
	.account-user .submenu {
		position: absolute
	}

	.account-user .secondary-flyout.sec-top,
	.account-user .submenu.sec-top {
		top: 0
	}

	.nav-ncms {
		height: 60px
	}

	.nav-ncms .c-mainNavigation {
		max-width: 1440px;
		position: relative;
		margin: auto;
		height: 60px;
		display: flex;
		justify-content: space-between
	}

	.nav-ncms .m-mainNavigation {
		display: inline-flex;
		position: relative;
		height: 60px;
		flex: 1
	}

	.nav-ncms .m-mainNavigation li a:hover {
		border-bottom: none
	}

	.nav-ncms .m-mainNavigation li:last-of-type .col-nav>div,
	.nav-ncms .m-mainNavigation li:last-of-type .mega-nav>div {
		margin-right: 0
	}

	.nav-ncms .m-mainNavigation::after {
		content: unset !important
	}

	.nav-ncms .slides {
		position: absolute;
		left: 0;
		right: 0;
		padding: 0 24px;
		margin: 0;
		display: flex;
		width: 100%;
		overflow-y: auto;
		box-sizing: border-box !important
	}

	.nav-ncms .slides li {
		display: flex;
		flex: 0 0 auto
	}

	.nav-ncms .slides li .colddCnt.lvl1Cnt {
		position: absolute
	}

	.nav-ncms .slides li:last-child .colddCnt.lvl1Cnt {
		right: 0
	}

	.nav-ncms .slides li:last-child:nth-child(1) .colddCnt.lvl1Cnt,
	.nav-ncms .slides li:last-child:nth-child(2) .colddCnt.lvl1Cnt {
		right: auto
	}

	.nav-ncms .slides.ddHeight {
		height: 100vh
	}

	.nav-ncms .left,
	.nav-ncms .right {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		flex: 0;
		display: flex;
		transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
		width: 0;
		margin-bottom: 1px;
		height: 59px
	}

	.nav-ncms .left.interactive,
	.nav-ncms .right.interactive {
		visibility: visible;
		transition: opacity 250ms ease-in-out, visibility 250ms ease-in-out;
		opacity: 1;
		width: 80px
	}

	.nav-ncms .left .left-layer,
	.nav-ncms .left .right-layer,
	.nav-ncms .right .left-layer,
	.nav-ncms .right .right-layer {
		display: none
	}

	.nav-ncms .left div,
	.nav-ncms .right div {
		flex: 0 0 56px
	}

	.nav-ncms .left svg,
	.nav-ncms .right svg {
		width: 30px;
		height: 60px
	}

	.nav-ncms .left {
		left: 0;
		padding-right: 24px;
		background: linear-gradient(90deg, #fff 0, #fff 70%, rgba(255, 255, 255, 0) 100%)
	}

	.nav-ncms .right {
		right: 0;
		padding-left: 24px;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, #fff 30%, #fff 100%)
	}

	.nav-ncms .slots {
		display: inline-flex
	}

	.nav-ncms .nav-modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		margin-top: 60px;
		right: 0;
		bottom: 0;
		height: 100vh
	}

	.nav-ncms .m-main-navigation {
		position: fixed;
		z-index: 3;
		width: 100%;
		height: 60px;
		background-color: #fff;
		display: block !important
	}

	.nav-ncms .m-main-navigation::after {
		position: absolute;
		bottom: 0;
		border-bottom: 1px solid rgba(0, 20, 50, .1);
		box-shadow: 0 1px 3px 0 rgba(0, 20, 50, .2);
		content: "";
		width: 100%
	}

	.nav-ncms.isExperienceEditor .left,
	.nav-ncms.isExperienceEditor .right {
		background: #fff;
		width: 100px;
		border: 3px dotted #f00
	}

	.nav-ncms.isExperienceEditor .left svg path,
	.nav-ncms.isExperienceEditor .right svg path {
		fill: red
	}

	.nav-ncms.isExperienceEditor .left.interactive,
	.nav-ncms.isExperienceEditor .right.interactive {
		background: #fff;
		width: 100px
	}

	.nav-ncms.isExperienceEditor .right {
		flex-direction: row
	}

	.nav-ncms.isExperienceEditor .left {
		flex-direction: row-reverse
	}

	.frmLftNav {
		left: unset
	}

	.frmRgtNav {
		transition: unset;
		transform: unset
	}

	.toLftNav {
		left: unset
	}

	.toRgtNav {
		transition: unset;
		transform: unset
	}

	.col-nav,
	.mega-nav {
		display: flex
	}

	.col-nav>div,
	.mega-nav>div {
		height: inherit
	}

	.col-nav .bckBtn,
	.mega-nav .bckBtn {
		display: none
	}

	.col-nav input[type=radio]:checked+.lvl0lbl::before,
	.mega-nav input[type=radio]:checked+.lvl0lbl::before {
		border-bottom: 4px solid #0059e4
	}

	.col-nav input[type=radio]:checked+.lvl1LnCnt,
	.col-nav input[type=radio]:checked+.lvl2LnCnt,
	.mega-nav input[type=radio]:checked+.lvl1LnCnt,
	.mega-nav input[type=radio]:checked+.lvl2LnCnt {
		background-color: #e5effe
	}

	.col-nav input[type=radio]:checked+.lvl1LnCnt>.lvl1Lbl,
	.col-nav input[type=radio]:checked+.lvl1LnCnt>.lvl2Lbl,
	.col-nav input[type=radio]:checked+.lvl2LnCnt>.lvl1Lbl,
	.col-nav input[type=radio]:checked+.lvl2LnCnt>.lvl2Lbl,
	.mega-nav input[type=radio]:checked+.lvl1LnCnt>.lvl1Lbl,
	.mega-nav input[type=radio]:checked+.lvl1LnCnt>.lvl2Lbl,
	.mega-nav input[type=radio]:checked+.lvl2LnCnt>.lvl1Lbl,
	.mega-nav input[type=radio]:checked+.lvl2LnCnt>.lvl2Lbl {
		font-weight: 900;
		color: #002d72
	}

	.col-nav .ddCnt,
	.mega-nav .ddCnt {
		display: none;
		max-height: calc(100% - 200px);
		height: 65vh;
		margin: 0
	}

	.col-nav .ddCnt::before,
	.mega-nav .ddCnt::before {
		background: rgba(255, 255, 255, .8);
		box-shadow: 0 4px 4px 0 rgba(0, 20, 50, .2);
		content: "";
		display: block;
		height: calc(100% + 1px);
		left: 0;
		position: absolute;
		width: 100%
	}

	.col-nav .ddCnt>div,
	.mega-nav .ddCnt>div {
		background-color: #fff;
		border-right: 1px solid #e6e8eb;
		border-bottom: 1px solid #fff;
		flex-direction: column;
		max-height: 65vh;
		overflow: hidden;
		overflow-y: scroll;
		z-index: 2
	}

	.col-nav .ddCnt>div.lvl3Cnt,
	.mega-nav .ddCnt>div.lvl3Cnt {
		border: none
	}

	.col-nav .colddCnt.lvl1Cnt,
	.mega-nav .colddCnt.lvl1Cnt {
		min-width: 230px
	}

	.col-nav .colddCnt.lvl1Cnt .lvl0Nav,
	.mega-nav .colddCnt.lvl1Cnt .lvl0Nav {
		padding: 8px 45px 8px 24px
	}

	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt {
		height: auto;
		line-height: 40px
	}

	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk {
		padding-right: 12px;
		line-height: 1.5
	}

	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt:hover,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt:hover {
		color: #0059e4;
		background-color: #f2f7ff
	}

	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt:hover .lvl1Lbl,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt:hover .lvl1Lbl {
		color: #0059e4
	}

	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk:active,
	.col-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk:focus,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk:active,
	.mega-nav .colddCnt.lvl1Cnt>.lvl1LnCnt .navLnk:focus {
		font-weight: 700;
		color: #002d72;
		background-color: #e6f0ff
	}

	.col-nav .lvl1Cnt,
	.col-nav .lvl2Cnt,
	.col-nav .lvl3Cnt,
	.mega-nav .lvl1Cnt,
	.mega-nav .lvl2Cnt,
	.mega-nav .lvl3Cnt {
		display: none;
		left: inherit
	}

	.col-nav .lvl0lbl,
	.col-nav .lvl1Lbl,
	.col-nav .lvl2Lbl,
	.col-nav .lvl3lbl,
	.mega-nav .lvl0lbl,
	.mega-nav .lvl1Lbl,
	.mega-nav .lvl2Lbl,
	.mega-nav .lvl3lbl {
		padding: 8px 45px 8px 24px;
		white-space: inherit;
		overflow: inherit
	}

	.col-nav .lvl0lbl:hover,
	.col-nav .lvl1Lbl:hover,
	.col-nav .lvl2Lbl:hover,
	.col-nav .lvl3lbl:hover,
	.mega-nav .lvl0lbl:hover,
	.mega-nav .lvl1Lbl:hover,
	.mega-nav .lvl2Lbl:hover,
	.mega-nav .lvl3lbl:hover {
		color: #0059e4;
		text-align: left
	}

	.col-nav .lvl0lbl,
	.mega-nav .lvl0lbl {
		width: auto;
		height: inherit;
		line-height: 60px;
		padding: 0;
		font-size: 18px
	}

	.col-nav .lvl0lbl::before,
	.mega-nav .lvl0lbl::before {
		border-bottom: 4px solid transparent;
		position: absolute;
		content: "";
		width: 100%;
		bottom: 0
	}

	.col-nav .lvl0lbl:hover,
	.mega-nav .lvl0lbl:hover {
		background: 0 0;
		color: #002d72
	}

	.col-nav .lvl0lbl:hover::before,
	.mega-nav .lvl0lbl:hover::before {
		border-bottom: 4px solid #e5effe
	}

	.col-nav .lvl0lbl::after,
	.mega-nav .lvl0lbl::after {
		display: none
	}

	.col-nav .lvl0lbl~.colddCnt.lvl1Cnt,
	.col-nav .lvl0lbl~.colddCnt.lvl2Cnt,
	.col-nav .lvl0lbl~.colddCnt.lvl3Cnt,
	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt,
	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt,
	.col-nav .lvl0lbl~.ddCnt .lvl3Cnt,
	.mega-nav .lvl0lbl~.colddCnt.lvl1Cnt,
	.mega-nav .lvl0lbl~.colddCnt.lvl2Cnt,
	.mega-nav .lvl0lbl~.colddCnt.lvl3Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl3Cnt {
		height: auto;
		max-height: 65vh;
		overflow-x: unset;
		position: relative;
		top: unset;
		width: auto;
		margin: unset;
		bottom: unset
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt {
		flex: 0 0 33.33333%
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele .navLnk:active,
	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele .navLnk:focus,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele .navLnk:active,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele .navLnk:focus {
		color: #002d72;
		background: #e6f0ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover {
		background-color: #f2f7ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl:hover,
	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .navLnk,
	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .navLnk:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .navLnk,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .navLnk:hover {
		color: #0059e4;
		background: #f2f7ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl {
		color: #0059e4
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl::after,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover .lvl1Lbl::after {
		filter: brightness(2.5)
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover input[type=radio]:checked+.lvl1LnCnt .lvl1Lbl,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover input[type=radio]:checked+.lvl1LnCnt .lvl1Lbl {
		color: #002d72
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover input[type=radio]:checked+.lvl1LnCnt .lvl1Lbl::after,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt>.lvl1Ele:hover input[type=radio]:checked+.lvl1LnCnt .lvl1Lbl::after {
		filter: brightness(1)
	}

	.col-nav .lvl0lbl~.ddCnt .lvl1Cnt .lvl0Nav:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl1Cnt .lvl0Nav:hover {
		background-color: #fff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt {
		flex: 0 0 33.33333%
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele .navLnk:active,
	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele .navLnk:focus,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele .navLnk:active,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele .navLnk:focus {
		color: #002d72;
		background: #e6f0ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover {
		background-color: #f2f7ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl:hover,
	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .navLnk,
	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .navLnk:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .navLnk,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .navLnk:hover {
		color: #0059e4;
		background: #f2f7ff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl {
		color: #0059e4
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl::after,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover .lvl2Lbl::after {
		filter: brightness(2.5)
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover input[type=radio]:checked+.lvl2LnCnt .lvl2Lbl,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover input[type=radio]:checked+.lvl2LnCnt .lvl2Lbl {
		color: #002d72
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover input[type=radio]:checked+.lvl2LnCnt .lvl2Lbl::after,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt>.lvl2Ele:hover input[type=radio]:checked+.lvl2LnCnt .lvl2Lbl::after {
		filter: brightness(1)
	}

	.col-nav .lvl0lbl~.ddCnt .lvl2Cnt .lvl1Nav:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl2Cnt .lvl1Nav:hover {
		background-color: #fff
	}

	.col-nav .lvl0lbl~.ddCnt .lvl3Cnt,
	.mega-nav .lvl0lbl~.ddCnt .lvl3Cnt {
		flex: 0 0 33.33333%
	}

	.col-nav .lvl0lbl~.ddCnt .lvl3Cnt>.lvl3Ele .lvl3lbl,
	.mega-nav .lvl0lbl~.ddCnt .lvl3Cnt>.lvl3Ele .lvl3lbl {
		padding-top: 4px;
		padding-bottom: 4px
	}

	.col-nav .lvl0lbl~.ddCnt .lvl3Cnt .lvl2Nav:hover,
	.mega-nav .lvl0lbl~.ddCnt .lvl3Cnt .lvl2Nav:hover {
		background-color: #fff
	}

	.col-nav .lvl0lbl~.colddCnt.lvl1Cnt,
	.mega-nav .lvl0lbl~.colddCnt.lvl1Cnt {
		box-shadow: 0 4px 4px 0 rgba(0, 20, 50, .2);
		height: auto;
		overflow-x: hidden;
		width: auto
	}

	.col-nav .lvl0lbl>a,
	.mega-nav .lvl0lbl>a {
		position: static;
		line-height: 60px;
		display: inherit;
		padding-left: 0;
		font-size: 18px
	}

	.col-nav .lvl0lbl::after,
	.col-nav .lvl1Lbl.chld::after,
	.col-nav .lvl2Lbl.chld::after,
	.mega-nav .lvl0lbl::after,
	.mega-nav .lvl1Lbl.chld::after,
	.mega-nav .lvl2Lbl.chld::after {
		top: calc(50% - 7px)
	}

	.col-nav .lvl0Nav,
	.col-nav .lvl1Nav,
	.col-nav .lvl2Nav,
	.col-nav .lvl3Nav,
	.mega-nav .lvl0Nav,
	.mega-nav .lvl1Nav,
	.mega-nav .lvl2Nav,
	.mega-nav .lvl3Nav {
		padding: 0 24px;
		display: block;
		overflow: inherit;
		white-space: inherit;
		line-height: 40px
	}

	.col-nav .lvl2Cnt,
	.col-nav .lvl3Cnt,
	.mega-nav .lvl2Cnt,
	.mega-nav .lvl3Cnt {
		height: inherit;
		position: inherit;
		width: inherit;
		flex: 0 0 33.33333%
	}

	.col-nav .lvl2Cnt .lvl2Ele:hover,
	.col-nav .lvl2Cnt>.lvl1Nav:hover,
	.mega-nav .lvl2Cnt .lvl2Ele:hover,
	.mega-nav .lvl2Cnt>.lvl1Nav:hover {
		background: #e6f0ff
	}

	.col-nav .lvl2Cnt .lvl2Ele:hover .lvl2Lbl,
	.col-nav .lvl2Cnt>.lvl1Nav:hover .lvl2Lbl,
	.mega-nav .lvl2Cnt .lvl2Ele:hover .lvl2Lbl,
	.mega-nav .lvl2Cnt>.lvl1Nav:hover .lvl2Lbl {
		color: #0059e4
	}

	.col-nav .lvl2Cnt,
	.mega-nav .lvl2Cnt {
		z-index: inherit
	}

	.col-nav .lvl2Cnt .lvl1Nav:hover,
	.mega-nav .lvl2Cnt .lvl1Nav:hover {
		background: #fff
	}

	.col-nav .lvl3Cnt,
	.mega-nav .lvl3Cnt {
		z-index: inherit
	}

	.col-nav .lvl1Cnt,
	.col-nav .lvl2Cnt,
	.col-nav .lvl3Cnt,
	.mega-nav .lvl1Cnt,
	.mega-nav .lvl2Cnt,
	.mega-nav .lvl3Cnt {
		padding: 12px 0
	}

	.ncms-webcomp .col-nav .ddCnt,
	.ncms-webcomp .mega-nav .ddCnt {
		max-height: calc(100% - 300px)
	}

	.ncms-webcomp .nav-ncms .slot-store ::slotted(div) {
		display: none
	}
	

}

@media(min-width:1200px) {

	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left
	}

	.col-lg-12 {
		width: 100%
	}

	.col-lg-11 {
		width: 91.66666667%
	}

	.col-lg-10 {
		width: 83.33333333%
	}

	.col-lg-9 {
		width: 75%
	}

	.col-lg-8 {
		width: 66.66666667%
	}

	.col-lg-7 {
		width: 58.33333333%
	}

	.col-lg-6 {
		width: 50%
	}

	.col-lg-5 {
		width: 41.66666667%
	}

	.col-lg-4 {
		width: 33.33333333%
	}

	.col-lg-3 {
		width: 25%
	}

	.col-lg-2 {
		width: 16.66666667%
	}

	.col-lg-1 {
		width: 8.33333333%
	}

	.col-lg-pull-12 {
		right: 100%
	}

	.col-lg-pull-11 {
		right: 91.66666667%
	}

	.col-lg-pull-10 {
		right: 83.33333333%
	}

	.col-lg-pull-9 {
		right: 75%
	}

	.col-lg-pull-8 {
		right: 66.66666667%
	}

	.col-lg-pull-7 {
		right: 58.33333333%
	}

	.col-lg-pull-6 {
		right: 50%
	}

	.col-lg-pull-5 {
		right: 41.66666667%
	}

	.col-lg-pull-4 {
		right: 33.33333333%
	}

	.col-lg-pull-3 {
		right: 25%
	}

	.col-lg-pull-2 {
		right: 16.66666667%
	}

	.col-lg-pull-1 {
		right: 8.33333333%
	}

	.col-lg-pull-0 {
		right: auto
	}

	.col-lg-push-12 {
		left: 100%
	}

	.col-lg-push-11 {
		left: 91.66666667%
	}

	.col-lg-push-10 {
		left: 83.33333333%
	}

	.col-lg-push-9 {
		left: 75%
	}

	.col-lg-push-8 {
		left: 66.66666667%
	}

	.col-lg-push-7 {
		left: 58.33333333%
	}

	.col-lg-push-6 {
		left: 50%
	}

	.col-lg-push-5 {
		left: 41.66666667%
	}

	.col-lg-push-4 {
		left: 33.33333333%
	}

	.col-lg-push-3 {
		left: 25%
	}

	.col-lg-push-2 {
		left: 16.66666667%
	}

	.col-lg-push-1 {
		left: 8.33333333%
	}

	.col-lg-push-0 {
		left: auto
	}

	.col-lg-offset-12 {
		margin-left: 100%
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}

	.col-lg-offset-9 {
		margin-left: 75%
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}

	.col-lg-offset-6 {
		margin-left: 50%
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}

	.col-lg-offset-0 {
		margin-left: 0
	}
}

@media(min-width:1232px) {
	.image-teaser-component .teasers .h2 {
		font-size: 26px
	}

	.seasonal-wrapper .promotion-teaser-v2 {
		max-width: 395px
	}

	.seasonal-wrapper .products-div {
		max-width: calc(100% - 395px)
	}
}

@media(min-width:1280px) {

	.brand-logo-tiles a,
	.brand-logo-tiles>div {
		height: 120px;
		min-width: calc(11% - 10px)
	}

	.brand-logo-tiles a:nth-child(n+8),
	.brand-logo-tiles>div:nth-child(n+8) {
		flex: 1
	}

	.brand-logo-tiles a:nth-child(n+10),
	.brand-logo-tiles>div:nth-child(n+10) {
		flex: 0 1 calc(11.058% - 10px)
	}

	.hero-tiles .hero-big-wrapper {
		flex: 0 1 57.9%;
		display: flex
	}

	.hero-small-wrapper {
		flex: auto
	}

	.hero-tile {
		display: flex
	}

	.hero-tile .btn-primary {
		position: absolute;
		bottom: 24px;
		width: auto;
		max-width: 230px;
		z-index: 1;
		left: 213px;
		margin-left: -12px
	}

	.hero-tile .hero-tile-content {
		height: auto;
		max-width: 470px
	}

	.hero-tile-image {
		flex: 0 1 50%;
		display: block;
		position: relative
	}

	.hero-tile-image::after {
		border-style: solid;
		border-width: 530px 0 0 131px;
		border-color: transparent transparent transparent #fff;
		content: "";
		left: 0;
		height: 100%;
		position: absolute;
		top: 0
	}

	.hero-tile-image img {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	.hero-tile .product-image {
		margin-right: 24px
	}

	.hero-tile-content {
		flex: 0 1 64.65%;
		padding: 24px 0 24px 24px
	}

	.hero-tile.hero-tile-small img {
		aspect-ratio: 584/250
	}

	.hero-tile span.h2 {
		width: 80%
	}

	.hero-tile .btn-primary.btn-sm {
		bottom: 12px;
		right: 24px;
		left: auto;
		width: auto;
		padding: 9px 22px;
		line-height: 1.5;
		position: static;
		margin: auto auto 24px 0;
		display: block
	}

	.hero-tile .product-info {
		margin-top: auto;
		margin-bottom: 0
	}

	.hero-tile .product-price {
		padding-bottom: 64px
	}

	.sitecore-form span:not(.field-validation-valid) {
		width: 66%
	}

	header .sub-header-store .store-div .brandbar-popover-store-big {
		width: calc(100vw - 40px);
		max-width: 1440px;
		margin: auto
	}

	header .sub-header-store .store-div .store-locator-labels-row {
		width: calc(100vw - 40px);
		max-width: 1440px
	}

	.component.container .component-content .component .tile-image-teaser .tile-content,
	.tile-image-teaser .tile-content,
	.tile-image-teaser-row-container .image-section .image-box .image-link-container .image-link-label,
	.tile-image-teaser-row-container .main-title {
		font-size: 32px
	}

	.col-nav .ddCnt,
	.mega-nav .ddCnt {
		width: 75%
	}

	.col-nav .lvl2Cnt,
	.col-nav .lvl3Cnt,
	.mega-nav .lvl2Cnt,
	.mega-nav .lvl3Cnt {
		flex: 0 0 25%
	}
}

@media only screen and (min-width:1296px) {
	header .sub-header-store .store-div .popover-well.row>div:first-child {
		padding-top: 11px
	}
}

@media(min-width:1440px) {
	.action-teaser .action-content .h2 {
		margin: 0 16.6666666667% 10px
	}

	.action-teaser .action-teaser-body {
		margin: 0 16.6666666667%
	}

	.catalog,
	.catalogs-search-results li,
	.upcoming-catalog {
		width: calc(20% - 12px)
	}

	.catalogue-teaser .teaser-cont {
		padding: 32px 16.6666666667%
	}

	.content-component .main-cont {
		padding: 0 16.6666666667%
	}

	.content-teaser .teasers>div {
		min-width: 280px
	}

	.content-teaser .content-section>a,
	.content-teaser .content-section>h2,
	.content-teaser .content-section>p {
		padding: 0 calc(16.6666666667% + 12px)
	}

	.event-notification {
		margin: 12px auto 0
	}

	.chef-quote .comp-box {
		padding: 0 calc(16.6666666667% + 24px)
	}

	.hero-carousel .hero-teaser .hero-teaser-content {
		padding-left: 60px
	}

	.hero-teaser-new .content-container .field-sub-headline {
		font-size: 20px
	}

	.hero-teaser .badge {
		margin-bottom: 21px
	}

	.hero-teaser .h1 {
		font-size: 50px
	}

	.hero-teaser .panel-body .h4 {
		font-size: 20px;
		margin-top: 13.5px;
		margin-bottom: 28px
	}

	.hero-teaser .hero-teaser-content {
		width: 461px;
		padding: 36px 0 36px 36px
	}

	.hero-teaser .hero-teaser-content::after {
		width: 131px
	}

	.hero-teaser .hero-teaser-content .btn-primary {
		display: inline-block
	}

	.hero-teaser .teaser-branded {
		height: 460px
	}

	.hero-teaser .angle-of-success-area .logo-wrapper {
		height: 133px;
		width: 464px
	}

	.hero-transactional .hero-big-wrapper,
	.hero-transactional .hero-small-wrapper {
		max-height: 512px
	}

	.hero-tile .btn-primary {
		left: 322px;
		bottom: 36px
	}

	.hero-tile .product-image {
		min-width: 251px
	}

	.hero-tile-content {
		padding: 36px 0 36px 36px
	}

	.hero-tile .btn-primary.btn-sm {
		margin-bottom: 36px
	}

	.hero-tile .product-info img {
		width: 251px;
		height: 251px
	}

	.image-teaser-component .h2,
	.image-teaser-component .section-body,
	.image-teaser-component>a {
		padding: 0 calc(16.6666666667% + 12px)
	}

	.image-teaser-component .teasers .h2 {
		font-size: 32px
	}

	.notification {
		margin: 12px auto 0
	}

	.product-teaser .products-div .btn-left {
		left: 0
	}

	.product-teaser .products-div .btn-right {
		right: 0
	}

	.product-teaser .swipable {
		margin: 0;
		padding: 0
	}

	.product-teaser-tabbed .products-div.product-teaser {
		grid-template-columns: repeat(6, minmax(175px, 1fr))
	}

	.seasonal-wrapper .promotion-teaser-v2 {
		max-width: 464px
	}

	.seasonal-wrapper .products-div {
		max-width: calc(100% - 464px)
	}

	.icon-teaser-row .field-description,
	.icon-teaser-row h2 {
		padding: 0 calc(16.6666666667% + 24px)
	}

	.sw-main {
		padding: 6px 16.6666666667% 30px
	}

	.store-departments .swipable-arrows {
		margin: 0
	}

	.store-departments .departments {
		width: 100%;
		left: 0;
		padding: 0
	}

	.store-departments .department {
		min-width: 318px
	}

	.store-detail-page .h1 {
		padding: 0 calc(16.6666666667% - 12px)
	}

	.store-detail-page .store-opening-hours .store-white-box {
		padding: 0 16.6666666667%
	}

	.store-detail-page .store-opening-hours .store-white-box.expanded {
		padding: 30px 16.6666666667%
	}

	.fuel-prices .prices.slides {
		width: calc(100% + 12px);
		left: 0
	}

	.fuel-prices .price {
		min-width: 330px
	}

	.fuel-prices .price:first-child {
		margin-left: 0
	}

	.fuel-prices.interactive .prices.slides {
		left: -12px;
		width: calc(100% + 24px)
	}

	.fuel-prices.interactive .price:first-child {
		margin-left: 12px
	}

	.tables .component-content .comp-box .inside-container {
		margin: 0 16.6666666667%
	}

	.teasers-list .teasers>div {
		min-width: 280px
	}

	.col-nav .ddCnt,
	.mega-nav .ddCnt {
		width: calc(1440px*.75);
		margin-left: calc((100% - 1440px)/2);
		margin-right: auto
	}
}

@media(min-width:1920px) {
	.action-teaser.dark-blue .action-teaser-body {
		padding: 0 12%
	}
}


@media(min-width:1024px) {
	.homepage header {
		min-height: 65px;
	}
}