.banner-about-top { position:relative; background-position: center center; background-repeat: no-repeat; background-size: cover; width:94%; margin:0 auto; margin-top:30px }
.banner-about-top:before { content:""; background: #2A0F07; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index: 10; opacity: 0.5; }
.banner-about-top .w1410 { height:100%; z-index:15; min-height: 520px; position: relative; }
.about-banner-title { position:absolute; left:0; bottom: 100px; }
.about-banner-title h1 { font-size: 60px; font-weight: 700; line-height: 1.2em; color:#fff; margin-bottom: 10px; }
.about-banner-title p { font-size: 32px; font-weight: 300; letter-spacing: 4px; color: #fff; }
.btn-tab { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; background: rgba(255, 252, 255, 0.6); z-index: 15; padding: 10px 0; }
.btn-tab a { position:relative; display:inline-block; font-size: 18px; font-weight: 500; line-height: 1.5; padding-left: 30px; margin: 0 30px; }
.btn-tab a:before { content:""; display:block; width:15px; height:15px; background:url(../images/icon_specs.png) no-repeat; position: absolute; left: 0; top: 5px; background-size: auto 100%; }
.btn-tab a:hover{color:#ea5520}
.btn-tab a:nth-child(1):before {
 background-position: left center;
}
.btn-tab a:nth-child(2):before {
 background-position: -28px center;
}
.btn-tab a:nth-child(3):before {
 background-position: -55px center;
}
.btn-tab a:nth-child(4):before {
 background-position: -83px center;
}
/**/
.background-white { background:#fff }
.specs-inner { padding: 80px 0; }
.specs-inner h2 { display: block; font-size: 32px; font-weight: 700; line-height: 1.4em; margin-bottom: 10px; }
/**/
.dimensions_ulist { }
.dimensions_ulist ul { width: calc(100% + 20px); margin-left: -10px; }
.dimensions_ulist li { width: calc(25% - 20px); margin: 10px; }
.dimensions_ulist img { display: block; width: 100%; height: auto; }
.dimensions_ulist h3 { font-size: 16px; font-weight: 700; display: block; line-height: 1.2em; padding: 0 10px; margin-top: 10px; margin-bottom: 5px; }
.dimensions_ulist p { font-size: 14px; line-height: 1.8em; display: block; padding: 0 10px; }
/**/
.materials_ulist { }
.materials_ulist ul { width: calc(100% + 20px); margin-left: -10px; }
.materials_ulist li { width: calc(16.66666666% - 20px); margin: 10px; }
.materials_ulist img { display: block; width: 100%; height: auto; }
.materials_ulist h3 { font-size: 16px; font-weight: 700; line-height: 1.4em; margin-top: 10px; margin-bottom: 5px; }
.materials_ulist p { font-size: 14px; opacity: 0.8; line-height: 1.4em; }
/**/
.features_ulist { }
.features_ulist ul { width: calc(100% + 20px); margin-left: -20px; }
.features_ulist li { width: calc(25% - 20px); margin: 10px; }
.features_ulist img { display: block; width: 100%; height: auto; }
.features_ulist h3 { font-size: 16px; font-weight: 700; line-height: 1.4em; margin-top: 10px; margin-bottom: 5px; }
.features_ulist p { font-size: 14px; opacity: 0.8; line-height: 1.4em; }
/**/
.specs-video { }
.specs-video-lt { position:relative; width: 50%; cursor: pointer; }
.specs-video-lt img { display:block; width:100%; height:auto; width:100% }
.specs-video-lt video { position:absolute; left:0; top:0; z-index:10; display:none; width:100%; height:100% }
.specs-video-lt:before { width: 100%; height: 100%; content: ""; display: block; position: absolute; left: 0; top: 0; background: url(../images/icon_video_white.png) no-repeat center center; background-size: 70px 70px; z-index:15; }
.specs-video-rt { width:50%; display: flex; align-items: center; padding-left:60px; justify-content: flex-start; }
.video-desc { }
.video-desc h5 { display: block; color: #8D8D8D; line-height: 1.4em; font-size: 16px; font-weight: 700; }
.video-desc h2 { font-size: 42px; font-weight: 700; margin: 10px 0; }
.video-desc p { font-size: 30px; line-height: 1.4em; }
/**/
.video_flex { margin-top: 60px; }
.video_flex li {width: calc(50% - 80px);float: left;margin: 0 40px;padding-left: 170px;position: relative;}
.video_flex li:before{width:105px;height:105px;background:url(../images/icon_s1.png) no-repeat;content:"";display:block;position:absolute;left:0;top:0;}
.video_flex li b { font-size: 26px; font-weight: 700; line-height: 1.4em; }
.video_flex li p { font-size: 16px; line-height: 1.4em; opacity: 0.8; }
.video_flex li:nth-child(2):before{background-image:url(../images/icon_s2.png)}
/**/
.specs-microbecare { background: url(../images/specs_map.jpg); background-position: center; background-size: cover; height: 480px; align-items: center; justify-content: flex-start; display: flex;position:relative; background-attachment: fixed;}
.specs-microbecare:before{content:"";display:block;width:100%;height:100%;z-index:10;background:#000;opacity:0.5;position:absolute;left:0;top:0}
.specs-microbecare .w1410{position:relative;z-index:15}
.specs-microbecare p { font-size: 30px; line-height: 1.4em; color: #FFFFFF; margin-bottom: 20px; width: 60%;}
.specs-microbecare h2 { font-size: 60px; color: #FFFFFF; font-weight: 700; margin-bottom: 10px; }
.specs-microbecare a { border: 2px solid #fff; border-radius: 2px; color: #fff; font-size: 16px; font-weight: 700; display: inline-block; padding: 8px 15px; }
/**/
@media(max-width:1495px){
.banner-about-top{width:100%;margin:0}
.banner-about-top .w1410{width:100%;}
.about-banner-title{left:40px}
.specs-microbecare .w1410{width:100%;padding:0 40px}
}
@media(max-width:1300px){
.specs-inner{padding:60px 20px}
.banner-about-top .w1410{min-height:450px;}
}
@media(max-width:1100px){
.banner-about-top .w1410{min-height:400px;}
.about-banner-title h1{font-size:42px}
.about-banner-title p{font-size:22px}
.specs-microbecare h2{font-size:42px}
.specs-microbecare p{font-size:22px}
}
@media(max-width:1080px){
.materials_ulist li{width:calc(25% - 20px)}
.video_flex li{padding-left:140px;width:calc(50% - 20px);margin:0 10px}
}
@media(max-width:800px){
.banner-about-top .w1410{min-height:360px;}
.about-banner-title h1{font-size:32px}
.about-banner-title p{font-size:18px}
.video-desc h2{font-size:32px;margin:5px 0}
.video-desc p{font-size:18px}
.specs-video-lt{width:100%;margin-bottom:20px}
.specs-video-rt{width:100%;padding-left:0;display:block;}
.video_flex li{width:100%;margin:0;min-height:105px;margin-top:20px}
.video_flex{margin-top:20px}
 .specs-microbecare p{width:100%}
 .specs-microbecare{height:400px}
 .specs-microbecare h2{font-size:32px}
.specs-microbecare p{font-size:18px}
}
@media(max-width:768px){
 .materials_ulist li{width:calc(50% - 20px)}
 .features_ulist li{width:calc(50% - 20px)}
 .dimensions_ulist li{width:calc(50% - 20px)}
 .specs-inner{padding:40px 10px}
 .specs-inner h2{font-size:24px}
 .btn-tab a{margin:0 15px}
 .specs-microbecare .w1410{width:100%;padding:0 30px}
 .specs-microbecare{height:360px}
}
@media(max-width:640px){
.video_flex li:before{width:80px;height:80px;background-size:cover}
.video_flex li{padding-left:100px;min-height:80px}
.video_flex li b{font-size:22px}
.banner-about-top .w1410{ min-height: 300px;}
.about-banner-title{left:30px;}
.specs-video-lt:before{background-size:40px 40px}
.specs-microbecare a{display:none}
 .specs-microbecare{height:300px}
}
@media(max-width:450px){
   .btn-tab a{font-size:16px}
   .btn-tab a{margin:0 10px}
   /**/
  .materials_ulist li{width:100%;margin:10px 0}
 .features_ulist li{width:100%;margin:10px 0}
 .dimensions_ulist li{width:100%;margin:10px 0}
.features_ulist ul,.materials_ulist ul,.dimensions_ulist ul{margin-left:0;width:100%}
.video_flex li:before{width:50px;height:50px;background-size:cover}
.video_flex li{padding-left:70px;min-height:50px}
.video_flex li b{font-size:22px}
}