/* Responsive */

@media screen and (max-width: 520px) {
	.mobile-50 {
		display: flex;
		flex-wrap: wrap;
		margin: -4px;
	}

	.mobile-50 article.product-st1 {
		margin: 4px;
		padding: 8px;
		width: calc(50% - 8px);
	}
	
	.product-top-bar-top .filter {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	
	footer .copyright,
	footer .politics {
		margin-bottom: 8px;
	}
	
	.theme-article .aside-title { text-align: unset; }
}

@media screen and (min-width: 521px) {
	body {
		font-size: 18px;
letter-spacing: .1px;

        font-weight:400
	}
	
	.top-bar-main .logo-container { margin-left: 20px; }
	
	.product-top-bar-top .result { display: block; }
	
	.current-categories,
	.product-list {
		display: flex;
		flex-wrap: wrap;
		margin: -8px;
	}
	
	.card-product-list,
	.items-layout {
		display: flex;
		flex-wrap: wrap;
		margin: -8px;
	}
	
	.current-categories .article,
	.product-list article {
		margin: 8px;
		width: calc(33.33% - 16px);
	}
	
	.current-categories .article,
	.card-product-list article,
	.items-layout .article {
		margin: 8px;
		width: calc(50% - 16px);
	}

	.owl-carousel.current-categories .article {
		margin: 4px;
		max-width: calc(50% - 8px);
    	min-width: calc(50% - 8px);
	}
	
	.img-layout .card-content { width: 400px; }
	
	.articles-list .article {
		align-items: center;
		display: flex;
	}
	
	.articles-list .card-block-1,
	.articles-list .card-block-2 {
		-ms-flex: 1 1 0;
		flex: 1 1 0;
	}
	
	.articles-list .card-img-bg { padding-top: var(--ratio-1-1); }
	
	.articles-list .card-block-2 { padding: 16px; }
	
	.mod_empty { max-width: 350px; }
	
	.mod_empty .mod-svg {
		min-width: 250px;
		width: 250px;
	}
	
	footer .smenu-tree > ul > li { width: calc(33.33% - 16px); }
}

@media screen and (min-width: 721px) {
	.product-list article { width: calc(25% - 16px); }
	
	.current-categories .article,
	.items-layout .article {
		width: calc(33.33% - 16px);
	}
	
	.owl-carousel.current-categories .article {
		max-width: calc(33.33% - 8px);
    	min-width: calc(33.33% - 8px);
	}
	
	.category-navigator-links .article { width: calc(20% - 8px); }
	
	.sections-display .article {
		align-items: center;
		display: flex;
		padding: 80px 0;
	}
	
	.sections-display .card-block-1 {
		left: -50px;
		position: relative;
		width: 66.66667%;
	}
	
	.sections-display .article:nth-child(2n) { flex-direction: row-reverse; }
	
	.sections-display .article:nth-child(2n) .card-block-1 {
		left: unset;
		right: -50px;
	}
	
	.sections-display .card-block-2 {padding: 50px;
		margin-top: 0;
		text-align: unset;
		width: 100%;
	}
	
	.footer-nav {
		display: flex;
		flex-wrap: wrap;
	}
	
	.footer-nav .article { width: calc(25% - 16px); }
	
	.footer-nav .article:first-child { width: 25%; }
	
	.footer-nav .article + .article { margin-left: 16px; }
	
	.footer-copyright .container {
    	align-items: center;
		display: flex;
	}
	
	.copyright { margin-right: 24px; }
	
	.signature { margin-left: auto; }
	
	.product-details-wrapper { flex-direction: row; }
	
	.gallery-wrapper { width: 50%; }
	
	.gallery-wrapper,
	.product-details-box {
		padding: 24px;
	}
	
	.product-info {
		margin-left: 8px;
		margin-top: 0;
		width: calc(50% - 8px);
	}
	
	.product-details-bottom {
		align-items: stretch;
		display: flex;
		margin-top: 24px;
	}
	
	.sidebar,
	.faq-sidebar {
		width: 350px;
	}

	.more-details {
		margin-right: 24px;
		min-height: 568px;
		width: calc(100% - 374px);
	}
	
	.more-details + .sidebar,
	.faq-sidebar + .faq-content {
		margin-top: 0;
	}
	
	.find-an-error {
		align-items: center;
		display: flex;
	}

	.find-an-error a {
		margin-left: 8px;
		margin-top: 0;
	}
	
	.share-window .social-media .social-media-content > a { width: calc(25% - 16px); }
	
	.faq-answer,
	.product-tabs-content {
		padding: 24px;
	}
	
	.faq-group-items { padding: 24px 0; }
	
	.blog-row {
    	align-items: flex-start;
		display: flex;
	}
	
	.blog-posts { width: calc(100% - 374px); }
	
	.blog-sidebar {
		margin-left: 24px;
		margin-top: 0;
		position: sticky;
		top: 70px;
		width: 350px;
	}
	
	.social-media-links .card-text { display: block; }
	
	.social-media-links article { padding: 8px 16px; }
	
	.faq-section > .container {
		align-items: flex-start;
		display: flex;
		flex-direction: row-reverse;
	}
	
	.faq-sidebar {
		position: sticky;
		top: 70px;
	}
	
	.faq-content {
		margin-right: 24px;
		width: calc(100% - 374px);
	}
}

@media screen and (min-width: 921px) {
	header {
		min-height: 72px;
		padding: 0;
	}
	
	header .search-head-box { height: 71px; }
	
	header .smenu-tree { display: block; }
	
	.no_root .body-wrapper,
	.box-cart-step,
	.page-error-404 .wrapper {
		margin-top: 72px;
	}
	
	.page-error-404 .wrapper {
		padding-bottom: 80px;
		padding-top: 80px;
	}
	
	.top-bar-left,
	.top-bar-right {
		flex: 1 1 0;
		-ms-flex: 1 1 0;
		padding: 0 24px;
	}

	.top-bar-right { justify-content: flex-end; }
	
	.category-navigator-links .article { width: calc(20% - 8px); }

	.section { padding-top: 48px; }
	
	.aside-title { font-size: 32px; }
	
	.title-faq { font-size: 32px; }
	
	.ftext h1 { font-size: 48px; }

	.ftext h2 { font-size: 40px; }

	.ftext h3 { font-size: 32px; }

	.ftext h4,
	.ftext h5,
	.ftext h6 {
		font-size: 28px;
	}
	
	.ftext p + h1,
	.ftext p + h2,
	.ftext p + h3,
	.ftext p + h4,
	.ftext p + h5,
	.ftext p + h6,
	.ftext ul + h1,
	.ftext ul + h2,
	.ftext ul + h3,
	.ftext ul + h4,
	.ftext ul + h5,
	.ftext ul + h6 {
    	margin-top: 40px;
	}
	
	.ftext .table { margin: 40px 0; }
	
	.ftext table { white-space: unset; }
	
	.product-top-bar { top: 72px; }
	
	.container,
	.slideshow .card-block-2 > div,
	.navigate,
	.img-layout .card-block-2 > div {
		padding: 0 40px;
	}
	
	.mod_empty p {
		margin: 0 auto;
		max-width: 70%;
	}
	
	.articles-list .card-img-bg { padding-top: var(--ratio-4-3); }
	
	.articles-list .card-block-2 { padding: 24px; }
	
	.card-product-list article,
	.items-layout .article {
		width: calc(33.33% - 16px);
	}
	
	.items-layout.st2 .article { width: calc(25% - 16px); }
	
	.slideshow .card-block-2 { min-height: calc(580px + 72px); }
	
	.slideshow .card-icon {
		display: flex;
		margin-top: 32px;
	}
	
	.slideshow .card-title { font-size: 64px; }
	
	.slideshow .card-btn-more { margin-top: 32px; }
	
	.sections-display .sub-title,
	.sections-display .btn-more {
		font-size: 21px;
	}

	.sections-display .card-title { font-size: 56px; }

	.sections-display .intro-text { font-size: 24px; }

	.quality-seals .card-content {
		flex-direction: row;
    	text-align: unset;
	}
	
	.quality-seals .card-text {
		margin-left: 16px;
		margin-top: 0;
	}
	
	.quality-seals .card-title { font-size: 14px; }
	
	.faq-content,
	.more-details {
		margin-right: 8px;
		width: calc(100% - 358px);
	}
	
	.owl-carousel.current-categories .article {
		max-width: calc(25% - 8px);
		min-width: calc(25% - 8px);
	}
	
	footer .smenu-tree > ul > li { width: calc(25% - 16px); }
}

@media screen and (min-width: 1321px) {
	.owl-nav { display: block; }
	
	.card-product-list article { width: calc(25% - 16px); }
	
	footer .smenu-tree > ul > li { width: calc(20% - 16px); }
}

/* END Responsive */