@charset "UTF-8";

@media screen and (min-width:1900px) and (max-width:9999px){
	.header-full{height:356px;background-position:0 bottom}
	.grid-mirror .attached-image{display:table-header-group;float:right;width:50%;margin-top:0;margin-left:20px}
	.classification-labels { margin:15px 0px 15px 0px; float: none; top: 0; }
	.footer-status .icon:before{content:"XXXL";color:#000}
	.footer-status .icon{background-color:#0fF;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Desktop screens wider than 1900 pixel"}
}
@media screen and (min-width:1600px) and (max-width:1899px){
	.header-full{height:356px;background-position:0 bottom}
	.grid-mirror .attached-image{display:table-header-group;float:right;width:50%;margin-top:0;margin-left:20px}
	.classification-labels { margin:15px 0px 0px 0px; }
	.footer-status .icon:before{content:"XXL";color:#000}
	.footer-status .icon{background-color:#0f0;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Desktop screens wider than 1600 pixel"}
}
@media screen and (min-width:1200px) and (max-width:1599px)
{
	.header-full{height:256px;background-position:0 bottom}
	.grid-mirror .attached-image{display:table-header-group;float:right;width:50%;margin-top:0;margin-left:20px}
	.classification-labels {margin:15px 0px 0px 0px; }
	.footer-status .icon:before{content:"XL"}
	.footer-status .icon{background-color:green;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Desktop screens wider than 1280 pixel"}
}
@media screen and (min-width:1000px) and (max-width:1199px){
	.header-full{height:250px;background-position:0 bottom}
	.footer-status .icon:before{content:"L"}
	.footer-status .icon{background-color:gold;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: Desktop screens 1000-1199 pixel width"}
}
@media screen and (min-width:800px) and (max-width:999px)
{
	.header-full{height:176px;background-position:0 bottom}
	.header-full .main-title{margin-top:10px;line-height:100%}
	.header-full .main-title .optional-line-break{display:block;margin-left:15px}
	.header-full .main-title .optional-line-break:after{margin-left:15px}
	.grid.split-1-1-1 .grid-item:nth-child(n+1),.grid.split-1-1-1 .grid-item:nth-child(n+2){width:50%}
	.grid.split-1-1-1 .grid-item:nth-child(n+3){width:50%;clear:both}
	.grid-mirror{display:inline-table;width:calc(100% - 50px)}
	.grid-mirror .text-bbox{display:table-footer-group}
	.grid-mirror .text-bbox h1,.grid-mirror .text-bbox h2,.grid-mirror .text-bbox h3,.grid-mirror .text-bbox p{width:100%}
	.page h1.title.slogan,.page h2.title.slogan,.page h3.title.slogan{font-size:64px;line-height:130%}
	.footer-status .icon:before{content:"M"}
	.footer-status .icon{background-color:orange;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: Desktop screens 800-999 pixel width"}
}
@media screen and (min-width:600px) and (max-width:799px){
	.grid.split-1-1-1 .grid-item:nth-child(n+1),.grid.split-1-1-1 .grid-item:nth-child(n+2),.grid.split-1-1-1 .grid-item:nth-child(n+3),body{width:100%}
	.header-full{height:156px;background-position:top left}
	.main-header-holder-alter .main-title-holder .main-title{font-size:22px}
	.grid-mirror{display:inline-table;width:calc(100% - 50px)}
	.grid-mirror .text-bbox{display:table-footer-group}
	.grid-mirror .text-bbox h1,.grid-mirror .text-bbox h2,.grid-mirror .text-bbox h3,.grid-mirror .text-bbox p{width:100%}
	.page h1.title,.page h1.title.slogan,.page h2.title,.page h2.title.slogan,.page h3.title,.page h3.title.slogan,.page p.title{font-size:44px;line-height:130%}
	.page h1.subtitle,.page h2.subtitle,.page h3.subtitle,.page p.subtitle{font-size:34px;line-height:130%}
	.page h1.lead,.page h2.lead,.page h3.lead,.page p.lead{font-size:24px;line-height:120%}
	.page p.copy{font-size:18px;line-height:130%}
	.page p.caption{font-size:15px;line-height:120%}
	.grid-mirror .attached-image{display:table-header-group;float:right;width:40%;margin-top:0;margin-left:20px}
	.page h1.title .picto{background-image:url(../pics/sprite/W-3A4143/40.png);background-position:40px 40px;width:40px;height:40px;margin-top:7px}
	.page h1.title .picto.webshop{background-position:-160px -440px}
	.footer-status .icon:before{content:"S"}
	.footer-status .icon{background-color:red;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Mobile with larger screens 600-800 pixel"}
}
@media screen and (min-width:400px) and (max-width:599px){
	.grid.split-1-1-1 .grid-item:nth-child(n+1),.grid.split-1-1-1 .grid-item:nth-child(n+2),.grid.split-1-1-1 .grid-item:nth-child(n+3),body{width:100%}
	.page h1.title,h2{text-align:center}
	.header-full{height:156px;background-position:top left}
	.main-header-holder-alter .main-title-holder .main-title{white-space:nowrap}
	.main-header-holder-alter .main-title-holder .main-title .optional-line-break{white-space:normal}
	.main-header-holder-alter .main-title-holder .main-title .slogan-2nd-line{display:none}
	.grid-mirror{display:inline-table;width:calc(100% - 50px)}
	.grid-mirror .text-bbox{display:table-footer-group}
	.grid-mirror .text-bbox h1,.grid-mirror .text-bbox h2,.grid-mirror .text-bbox h3,.grid-mirror .text-bbox p{width:100%}
	.page h1.title,.page h2.title,.page h3.title,.page p.title{font-size:44px;line-height:110%}
	.page h1.title.slogan,.page h2.title.slogan,.page h3.title.slogan{font-size:30px;line-height:110%}
	.page h1.subtitle,.page h2.subtitle,.page h3.subtitle,.page p.subtitle{font-size:34px;line-height:105%}
	.page h1.lead,.page h2.lead,.page h3.lead,.page p.lead{font-size:24px;line-height:110%}
	.page p.copy{font-size:18px;line-height:110%}
	.page p.caption{font-size:15px;line-height:110%}
	.grid-mirror .attached-image{display:table-header-group;float:right;width:50%;margin-top:0;margin-left:20px}
	.page h1.title{line-height:120%}
	.page h1.title .picto{background-image:url(../pics/sprite/W-3A4143/64.png);background-position:64px 64px;display:block;width:64px;height:64px;float:none;margin:1px 0 15px calc(50% - 32px)}
	.page h1.title .picto.webshop{background-position:-256px -704px}
	.count-of-product{float:none!important;width:100%!important;margin:9px 0 30px!important}
	.footer-status .icon:before{content:"XS"}
	.footer-status .icon{background-color:brown;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Mobile with smaller screens 400-599 pixel"}
}
@media screen and (max-width:399px){
	.grid.split-1-1-1 .grid-item:nth-child(n+1),.grid.split-1-1-1 .grid-item:nth-child(n+2),.grid.split-1-1-1 .grid-item:nth-child(n+3),body{width:100%}
	.header-full{height:156px;background-position:top left}
	.main-header-holder-alter .main-title-holder .main-title{display:none}
	.grid-mirror{display:inline-table;width:calc(100% - 50px)}
	.grid-mirror .text-bbox,.grid-mirror .text-bbox .copies{display:table-header-group}
	.grid-mirror .text-bbox h1,.grid-mirror .text-bbox h2,.grid-mirror .text-bbox h3,.grid-mirror .text-bbox p{width:100%}
	.grid-mirror .text-bbox .image-attached{display:table-footer-group}
	.page h1.title{font-size:26px;line-height:120%;text-align:center}
	.page h2.title,.page h3.title,.page p.title{font-size:22px;line-height:120%}
	.page h1.title.slogan,.page h2.title.slogan,.page h3.title.slogan{font-size:24px;line-height:130%; }
	.page h1.subtitle,.page h2.subtitle,.page h3.subtitle,.page p.subtitle{font-size:22px;line-height:120%; max-width: 90%; }
	.page h1.lead,.page h2.lead,.page h3.lead,.page p.copy,.page p.lead{font-size:18px;line-height:120%}
	.page p.caption{font-size:15px;line-height:120%}
	.grid-mirror .attached-image{float:none;width:100%;margin-top:0}
	.page h1.title .picto{background-image:url(../pics/sprite/W-3A4143/64.png);background-position:64px 64px;display:block;width:64px;height:64px;float:none;margin:1px 0 15px calc(50% - 32px)}
	.page h1.title .picto.webshop{background-position:-256px -704px}
	.footer-status .icon:before{content:"XXS"}
	.footer-status .icon{background-color:#000;color:#fff;padding:1px 0}
	.footer-status:before{content:"Responsive theme applied: for Mobile with very small screens 0-399 pixel"}
}