@media only screen and (max-width:1400px){.side-left,.side-right{width:40px}
.header-foot{height:30px}
.scroll-down{margin-top:85px}
.col33{width:26%}
.col60{padding-left:30px;width:48%}
.first-content .tagline{margin-bottom:0}
.first-content .sub-tagline{margin-top:10px}
.first-content{top:40%}
.nav-header{padding:0 40px}
.nav-header .menu-icon-close{margin-top:13px}
.section-006 .section-3-im-2{padding-top:5%}
.section-006 .section-3-im-2 .content{padding:0 60px}
.section-2-im-4 .content{padding:0 60px}
.section-2-im-4{padding-top:5%}
.section-3-im-4{padding-top:5%}
.section-3-im-4 .content{padding:0 60px}
.section-4-im-1{padding-top:300px}
.section-4-im-2{padding-top:5%}
.section-4-im-1.shift-2{padding-top:5%}
.section-4-im-2 .content{padding:0 145px}
.vd-002_overlay:after{background-size:40%}
.vd-003_overlay:after{background-size:30%}
.vd-004_overlay:after{background-size:30%}
.section-5-im-2b .content{padding:0 145px}
.section-5-im-2b.shift{padding-top:11%}
.col33{width:26%}
.col60{padding-left:30px;width:48%}
.section-5-im-2 .block-title{margin-bottom:10px}
.section-5-im-2,.footer-col{padding-top:40px}
#fp-nav.right{right:10px}
.navigation{padding:90px 120px 0}
.navigation li a{font-size:20px;line-height:50px}
.navigation .image img{height:auto}
.navigation li.smlmen a{font-size:16px;line-height:30px}
.navigation li:nth-child(5){margin-bottom:30px}
}
@media only screen and (max-width:1279px){.header .nav{float:right;margin-left:0;margin-right:10px}
.header .nav li{margin:0 20px}
.max-wrapper{padding:0 15px}
.footer-col .col33{padding:0 15px}
.submitform label{width:33%}
.submitform li .input{width:66%}
.submitform button{margin-left:34%}
.fabimg:before,.fabimg:after{height:89.5%}
.fabimg.lrgimfb:before,.fabimg.lrgimfb:after{height:95%}
}
@media only screen and (max-width:1169px){.boxborder{padding:25px}
.bannercont h1{margin-bottom:15px}
.lrgbanner .max-wrapper{height:450px}
.video-wrap{width:82%}
.markets-page .sectpart .bannercont{width:45%;top:60%}
.markets-page .sectpart .boxborder{min-height:200px}
.submitform li .input{width:61%}
.submitform label{width:38%}
.submitform button{margin-left:39%}
.fabimg:before,.fabimg:after{height:87.5%}
.fabimg.lrgimfb:before,.fabimg.lrgimfb:after{height:94%}
.fabimg a:before,.fabimg a:after,.fabimg:before,.fabimg:after{display:none}
#svgsection{height:auto;position:static;background:#dfdfe1}
#svgsection:before{display:none}
#svgsection.hidesvgnav{position:static;bottom:inherit;height:auto;padding:120px 0;display:block;background:#dfdfe1}
#svgsection.hidesvgnav .navnumber{height:auto;opacity:1}
.marginTopXSmall{margin-top:30px}
}
@media only screen and (max-width:1023px){.foot-btn{min-width:130px}
.markets-page .sectpart .bannercont{width:50%;top:60%;right:5%}
.markets-page .sectpart:nth-child(2n+2) .bannercont{left:5%}
.submitform label{width:39%}
.submitform li .input{width:59%}
.submitform button{margin-left:40%}
#svgsection .max-wrapper{width:900px}
.gabarit4{height:55vh}
.gabarit5.fibrefil h3{font-size:28px;margin-bottom:5px}
.gabarit5.fibrefil .etape{margin-bottom:3px}
.fibres .column2:nth-child(1) h2{font-size:28px;line-height:30px}
.section-2-im-4 .content{padding:0 40px;}
.section-3-im-4 .content{padding:0 40px;}
}
@media only screen and (max-width:979px){.lrgbanner .bannercont{right:5%}
.lrgbanner .max-wrapper{height:400px}
.header .nav{display:none}
.our-capability-page .sectpart h1{right:20px;font-size:30px;margin-bottom:20px}
.bannercont{width:48%}
.bannercont h1{margin-bottom:5px;font-size:28px}
.foot-btn{margin-top:10px}
.footer-col{padding-bottom:20px}
.navigation{padding:90px 90px 0}
.navigation ul{float:right;width:50%;width:40%}
.navigation li{width:100%}
.navigation .col-50{width:60%}
.leftimgbord{padding-left:30px;padding-bottom:30px}
.markets-page .sectpart .bannercont{top:42%;right:5%;width:55%}
.padleftright200{padding-left:100px!important;padding-right:100px!important}
.address{width:320px;margin-left:20px; position: static;}
.map iframe{height:460px}
.career-page ul li{padding:20px}
.job-details .col-40{width:auto;margin-bottom:30px;float:none}
.job-details .col-50{float:none;width:auto}
.col-sm-01{padding:0}
.vission .bannercont{left:60%;bottom:-38%}
.vission .boxborder,.mission .boxborder{padding:35px}
.vission .col-50{width:60%}
.mission .col-50{width:60%}
.mission .bannercont{right:60%}
.about-page .max-wrapper,.vission .max-wrapper,.mission .max-wrapper{overflow:hidden}
.range-patter-left{margin-top:-68px;width:100px;height:132px}
.range-patter-right{width:100px;height:132px}
.our-capability-page .max-wrapper{overflow:hidden}
.fabtxt{font-size:30px;margin-bottom:0}
.col-50 .fabimg:nth-child(2){margin-top:17px}
#svgsection .max-wrapper{width:700px}
#path-circle{width:700px;margin:-30px 0 0 -350px}
#path-circle a:nth-child(3) circle{cx:350px}
#path-circle a:nth-child(4) rect{x:458px;y:-410px}
.first-tag{font-size:36px;letter-spacing:1px}
.gabarit5.fibrefil .texteEtape{width:100%}
.gabarit5 .column{width:100%;}
.gabarit5 .column2{width:100%;padding:30px 15px}
.gabarit5 .column2 p{max-width:100%}
.fibres .column2{max-width:50%;}
.marginTopXNormal{margin-top:50px;}
.gabarit4.fibres{height:400px;}
.section-001, .section-002,.section-003, .section-004 , .section-005 , .section-006{opacity:1;visibility:visible;position:relative;clear:both;float:left;width:100%;}
.section-001{min-height:550px;background:#000}
video#intro-video{position:absolute;}
.section-006, .section-002, .section-003, .section-004{height:1000px}
.vd-003{top:50%;position:absolute;width:100%;height:50%;}
.section-3-im-1{position:absolute;top:0;left:0;width:50%;height:25%;}
.section-3-im-3{position:absolute;top:0;left:auto;right:0;width:50%;height:25%;}
.section-006 .section-3-im-2{top:25%;width:100%;height:25%;padding:30px;}
.vd-002{top:54%;position:absolute;width:100%;height:46%;}
.section-2-im-1{top:0;left:0;width:50%;height:18%;}
.section-2-im-3{top:0;left:50%;width:50%;height:18%;}
.section-2-im-4{top:36%;width:100%;height:18%;padding:30px;left:0;}
.section-2-im-2{top:18%;left:0;width:100%;height:18%;}
.section-003 .section-3-im-1{top:0;left:0;width:50%;height:18%;}
.section-003 .section-3-im-2{top:18%;width:100%;height:18%;}
.section-003 .section-3-im-3{top:0;left:auto;right:0;width:50%;height:18%;}
.section-003 .section-3-im-4{top:36%;left:0;width:100%;height:18%;padding:30px}
.section-003 .vd-003{top:54%;width:100%;height:46%;}
.vd-004{top:40%;left:0;width:100%;height:60%;}
.section-4-im-1 , .section-4-im-2{top:0;left:0;width:50%;height:40%}
.section-4-im-2{left:50%;padding-top:20%;}
.section-4-im-2 .content{padding:0 30px;}
.section-4-im-1{padding-top:26%;}
.section-005 .vd-005 ,.section-005 .section-5-im-2b{display:none;}
.section-5-im-1{top:0;height:auto;}
.section-006 .section-3-im-2,
.section-003 .section-3-im-4,
.section-2-im-4{background-size:cover}
.vd-002_overlay::after{background-size:30%;}
.vd-003_overlay::after{background-size:30%;}
.section-003 .vd-003_overlay::after{background-size:24%;}
.mf-content.pos{left:0;text-align:center;width:100%;}
.inter{width:600px;}
.gabarit4{height:500px;}
.marginTopXNormal, .marginTopXSmall, .marginTopXSmall2{margin-top:0;}
.section-3-im-3{border-left:1px solid #fff;border-right:0;}
.section-2-im-2, .vd-002, .vd-004{border-right:0;}
.section-006{border-top:1px solid #fff;}
.vd-003, .vd-002{border-bottom:1px solid #fff;}
.navigation ul {margin-top: 0;}
.address {padding: 25px;}
.address li {margin-bottom: 15px; font-size: 0}
.address li a{font-size: 16px}
.pro-list ul li {float: left;width:33.333%;padding: 0 15px 30px;}
}
@media only screen and (max-width:767px){.footer-col .col33{width:auto;float:none;margin-bottom:20px}
.sm-logo img{margin-bottom:12px}
.our-capability-page .sectpart h1{font-size:24px;margin-bottom:20px}
.bannercont{width:60%}
.our-capability-page .sectpart{padding-bottom:40px;padding-top:40px}
.about-page,.our-capability-page,.markets-page,.career-page,.contctforms{padding-bottom:40px}
.leftimgbord{padding-left:20px;padding-bottom:20px}
.navigation{padding:46px 40px 0}
.lrgbanner .max-wrapper{height:380px}
.markets-page .sectpart .bannercont{width:auto;position:static;background:#fff;float:none}
.markets-page .sectpart{padding-bottom:40px;padding-top:40px}
.markets-page .sectpart:nth-child(2n+2){padding-bottom:40px}
.markets-page .sectpart:last-child{padding-bottom:40px}
body{overflow-x:hidden}
.markets-page .sectpart .boxborder{min-height:auto}
.markets-page .sectpart .boxborder p{display:block}
.whyusbox{float:none;width:100%;padding:10px}
.why-us-page{padding:40px 0}
.whyusbox:hover{box-shadow:none}
.address{width:280px;padding:45px 20px}
.career-page ul li{width:50%}
.job-details{padding:80px 0 60px}
.job-details h1{font-size:36px}
.job-details .col-50{padding:0}
.about-page .col-50,.vission .col-50,.mission .col-50{width:auto;float:none;margin-bottom:15px}
.rightimgbord{padding-right:20px;padding-bottom:20px}
.vission .bannercont,.mission .bannercont{position:static}
.vission{padding-top:60px}
.mission{padding-top:0}
.vission .boxborder,.mission .boxborder{padding:20px }
.about-us-video .first-content .tagline {
    font-size: 16px;
}
.about-us-video .first-content {
    top: 30%;
}

.vission .bannercont,.mission .bannercont{padding:0}
.mission .bannercont h1,.vission .bannercont h1{margin-bottom:12px}
.range-patter-left{margin-top:-35px;width:60px;height:80px;}
.range-patter-right{width:60px;height:80px}
#svgsection{display:none;}
.marginTopXNormal{margin-top:20px;}
.fibres .column2{padding:10px 15px;max-width:100%;}
.marginRightSmall{margin-right:0;}
.marginLeftSmall{margin-left:0;}
.relance p{line-height:34px;}.fibres .column2:nth-child(1) h2.droit{text-align:left;}
.savoirfaire .inside .column{width:80%;}
.fibres .column2:nth-child(1) h2{width:100%;}
.inter{font-size:38px;line-height:42px;}
#section-expertise01 #myVideo{height:450px;}
.header.exphead{background:none;}
.innovative-fabric-page, .collection-page{padding-bottom:0;}
.innovative-fabric-page .sectpart:last-child,
.collection-page .sectpart:last-child{padding-bottom:60px;}
}
@media only screen and (max-width:639px){.boxborder p{display:none}
.lrgbanner .bannercont{bottom:-42px}
.lrgbanner .max-wrapper{height:300px}
.about-page,.our-capability-page,.markets-page,.career-page,.contctforms{padding-top:85px}
.navigation li a{font-size:20px;line-height:40px;}
.navigation ul{margin-top:25px}
.boxborder{padding:20px}
.padleftright200{padding-left:50px!important;padding-right:50px!important}
.contctforms .field{width:100%;margin:0;margin-bottom:20px}
.contctforms .fields{margin-bottom:0}
.contctforms .field.wide{width:100%}
.contact-add h1,.contctforms h1{font-size:36px;margin-bottom:40px}
.col-50{width:auto;float:none}
.address{width:auto;position:static;margin:0;float:none;margin-bottom:30px;}
.contact-add{padding:50px 0}
.map iframe{height:350px}
.career-page ul li{float:none;width:auto}
.career-page h1{font-size:36px;letter-spacing:1px}
.submitform label,.submitform li .input{width:100%}
.job-details h1{font-size:30px;letter-spacing:0}
.submitform button{margin:0 auto;float:none;display:block;margin-top:10px}
.vission .boxborder p,.mission .boxborder p{display:block}
.about-page h1{font-size:30px}
.first-content .tagline{font-size:36px;}.section-001{min-height:400px;}
.mf-content{font-size:34px;}
.section-006 .section-3-im-2 .content, .section-2-im-4 .content, .section-3-im-4 .content, .section-4-im-2 .content{padding:0 30px;}
.inter{width:400px;}
.gabarit4 .inside h3{font-size:38px;line-height:38px;}
.savoirfaire .number img{max-width:80%}
.gabarit4 .inside h3{font-size:36px;line-height:38px;margin-bottom:15px;}
#section-expertise01{height:400px;}
.contact-add h2{margin-bottom:20px;}
.first-tag{font-size:26px;letter-spacing:1px;margin:0;}
#section-expertise01 #myVideo{height:400px}
.our-capability-page .sectpart h1{font-size:22px;margin-bottom:0;bottom:auto;top:20px;}
.address li {
   
    font-size: 18px;
}
.pro-list ul li {float: left;width:50%;padding: 0 15px 30px;}
}
@media only screen and (max-width:479px){.navigation .image{display:none}
.bannercont{width:70%}
.lrgbanner .bannercont{bottom:-35px}
.nav-header{padding:0 15px}
.lrgbanner .bannercont{bottom:10px;background:none;left:15px;right:auto;width:auto;padding:0}
.boxborder{padding:0;background:none}
.bannercont h1{color:#fff}
.lrgbanner .max-wrapper{height:230px}
.navigation li{text-align:center}
.navigation ul{width:100%}
.navigation li:nth-child(6){margin-bottom:0}
.navigation li.smlmen a {
    font-size: 20px;
    color: #000;
    line-height: 40px;
}
.about-page,.career-page,.contctforms{padding-top:40px}
.our-capability-page .sectpart h1{right:15px;font-size:20px}
.our-capability-page .sectpart{padding-bottom:20px;padding-top:20px}
.bannercont h1{color:#c5a46d}
.markets-page .sectpart .boxborder{padding:10px}
.padleftright200{padding-left:15px!important;padding-right:15px!important}
h1{font-size:30px;margin-bottom:20px}
.whyusbox h1{font-size:24px;margin-bottom:7px;padding-left:40px}
.whyusbox p{padding-left:40px}
.whyusbox .imgwhy{width:30px;height:30px;margin-top:0;border:1px solid #f5f5f5;background-image:none;background-color:#f5f5f5}
.whyusbox{margin-bottom:15px}
.map iframe{height:300px}
.address li{padding-left:45px}
.career-page h1{font-size:30px}
.submitform{padding:30px 15px}
.job-details h1{font-size:26px}
.range-patter-left{margin-top:-34px;width:50px;height:70px;margin-left:10px}
.range-patter-right{width:50px;height:70px;margin-right:10px}
.section-001{min-height:300px;}
.section-3-im-1 , .section-006 .section-3-im-3, .section-3-im-3,
.section-2-im-1, .section-2-im-2, .section-2-im-3, .section-003 .section-3-im-1, .section-003 .section-3-im-2, .section-003 .section-3-im-3{position:static;width:100%;height:200px;}
.section-006 .section-3-im-2 ,
.section-3-im-2,
.section-2-im-4,
.section-003 .section-3-im-4,
.section-4-im-1,
.section-4-im-2{width:100%;padding:30px 10px;position:static;height:auto;}.section-006 .section-3-im-2 .content, .section-2-im-4 .content, .section-3-im-4 .content,
.section-4-im-2 .content{padding:0 10px;}
.section-006, .section-002, .section-003, .section-004{height:auto;}
.vd-002 , .vd-003 , .section-003 .vd-003, .vd-004{position:relative;height:350px;}
.mf-content{font-size:28px;letter-spacing:1px;}
.mf-content span{letter-spacing:1px;}
.first-content .tagline{font-size:26px;letter-spacing:1px;}
.first-content .sub-tagline{letter-spacing:0;}
.savoirfaire .number img{width:45%;}
.relance p{padding:0 20px;}
.inter{font-size:30px;line-height:38px;width:300px}.relance.verticalCenterBefore:before{min-height:0;}
.relance p{width:90%}
.gabarit4{height:350px;}
.gabarit4 .inside h3{font-size:30px;line-height:30px;margin-bottom:15px;}
.section-2-im-1{border-right:0}
.section-006 .section-3-im-3, .section-2-im-2 , .section-3-im-2{border-bottom:1px solid #fff}
.section-3-im-3, .section-3-im-3, .vd-003{border-left:0}
.pro-list ul li {float: left;width:100%;padding: 0 15px 30px;}
}
@media only screen and (max-width:359px){.job-details h2{font-size:18px}
.mf-content span{font-size:14px;letter-spacing:0;}
}