@charset "utf-8";
@media screen and (max-width:1600px) {
	.sec-left-img {width: 46%;}
}
@media screen and (max-width:1440px) {
.scroll-down #menu {margin-top: -100px;}
.alumini-roal {left: 74px;bottom: 30px;}
.alumini-roal img {width: 80%;}
.sec3-left-wrap {left: -120px;  height: 620px;overflow:hidden;}
.alumini-sec3 {bottom: 230px;}
.eolienne-sec3 {bottom: 183px;}
}


@media screen and (max-width:1366px) {
	.scroll-down {margin-top: -50px;}
    .sec-right-img {width: 46%;}
    .sec-middle-img img {width: 40%;}
    .app1 {right: 45px;top: 10px;}
    .app-content p {font-size: 13px;line-height: 21px;}
    .app-content h2 {font-size: 30px;}
    .app-content {padding: 15px 15px;}  
    .app2 {right: 53px;top: 195px;}
    .app3 {left: 75px;top: 264px;}
    .sustainability{margin-top: 30px;}
    .sustainability {font-size: 30px;}
    .sec-third-img {  left: -80px;  width: 53%;}
    .sec-4-title {margin-top: 0px;}
    .alumin-left-text {font-size: 15px;line-height: 22px;}
.alumin-right {font-size: 15px;line-height: 20.44px;width: 39%;min-height: 90px;}    
.alumin-left {width: 58%;min-height: 90px;}
.alumin-left-img {padding: 15px;width:15%;}
.alumin-left-text {font-size: 15px;line-height: 22px;padding-top: 22px;padding-right: 50px;width: 85%;}
.aluminium-enjoy {margin-bottom: 15px;}
.three-discount li h1 {font-size: 24px;}
.three-discount li {padding: 10px 10px;}
.three-discount li p {font-size: 15px;}
.three-discount li {min-height: 80px;}
#section4 .innovation-app {margin-bottom: 42px;}
.address {font-size: 15px;line-height: 22px;margin-top: 45px;}
.coming-soon h2 {font-size: 14px;line-height: 26px;}
.coming-soon h3 {font-size: 15px;line-height: 22px;margin-bottom: 30px;}
.coming-soon {min-height: 269px;padding: 30px 35px 0;}
.al-img {top: 75px;}
.al-img img {width: 30%;}

.sec-left-wrap {height: 520px;overflow:hidden;}
.al-sec1 {margin-left: 75px;}
.al-sec1 img {width: 80%;}
.alumini-sec1 {bottom: 120px;}
.car-sec1 {bottom: 180px;right: 75px;}
.car-sec1 img {width: 80%;}
.man-sec1 {left: 90px;top: 120px;}
.man-sec1 img {width: 80%;}
.girl-sec1 {bottom: 60px;left: 270px;}
.little-girl-sec1 {bottom: 261px;left: 210px;}



.sec3-left-wrap {left: -90px;height: 480px;width: 46%;}
.al-sec3 {margin-left: 0;left: 110px;}
.al-sec3 img {width: 80%;}
.alumini-sec3 {bottom: 170px;}
.alumini-sec3 img {width: 80%;}
.eolienne-sec3 {bottom: 133px;left: 40px;}
.eolienne-sec3 img {width: 80%;}
.alumini-roal {left: 74px;bottom: 30px;}
.alumini-roal img {width: 70%;}
.worker-sec3 {bottom: 50px;left: 190px;}
.worker-sec3 img {width: 80%;}



}

@media screen and (max-width:1280px) {
    .sec-middle-img img {width: 50%;}
    .app-content h2 {font-size: 22px;}
    .app3 {  left: 75px;  top: 354px;}
    .app2 {right: 10px;top: 275px;}
    .app1 {right: -5px;top: 40px;}
    .sustainability {font-size: 22px;line-height: 29px;}
    .alumin-right {min-height: 101px;}+
    .sec3-left-wrap {left: -40px;}
}

@media screen and (max-width:1170px) {
    .inner_width {width: 760px;}
	#menu li a {padding: 8px;font-size: 12px;}
    .sec-right-img {right: 0;}
    .scroll-down {margin-top: -20px;}
    .innovation-app img {width: 70%;}
    .sustainable-txt img {width: 57%;}
    .sec-middle-img img {width: 70%;}
    .app1 {right: -130px;top: -10px;}
    .app1-arrow {left: -70px;top: 80px;width: 70px;}
    .app2 {right: -155px;top: 235px;width: 280px;}
    .app3 {left: -85px;top: 324px;width: 280px;}    
    .sec-left-img {width: 62%;}
    .scroll-down {margin-top: -90px;}
    .sec-third-img {left: -80px;width: 71%;}
    #myStat2, #myStat3, #myStat4, #myStat5, #myStat6 {margin: 0 18px;}
    .circle-info-half {line-height: 21px!important;font-size: 18px;}
    .alumin-left {width: 58%;min-height: 90px;}
    .alumin-left-img {padding: 27px 10px 0;width: 15%;}
    .alumin-left-text {font-size: 14px;line-height: 22px;padding-top: 14px;padding-right: 20px;width: 85%;}
    .innovation-app img {width: 48%;}
    .three-discount li {width: 234px;}
    .three-discount li {min-height: 100px;}
    .three-discount li h1 {margin-top: 16px;}
    .alumin-left {min-height: 110px;}
    .alumin-left-img {padding: 27px 20px 0 10px;width: 22%;}
    .alumin-left-text {padding-top: 14px;padding-right: 20px;width: 78%;}
    .coming-soon {min-height: 250px;padding: 20px 25px 0;}
    

.sec-left-wrap {width: 70%;left: -120px;}    
.alumini-sec1 {bottom: 120px;}
.car-sec1 {bottom: 176px;right: -45px;}
.man-sec1 {left: 100px;top: 150px;}
.girl-sec1 {bottom: 60px;left: 270px;}
.little-girl-sec1 {bottom: 261px;left: 210px;}
.scroll-down {margin-top: 0;}
.brand-logo {width: 20%;}
.skip a {padding: 8px;font-size: 12px;}
.skip {margin-left: 10px;}

.sec3-left-wrap {left: -40px;height: 400px;width: 55%;margin-left: -20px;margin-top: 50px;}
.al-sec3 {margin-left: 0;left: 80px;}
.al-sec3 img {width: 60%;}
.alumini-sec3 {bottom: 170px;right: -22px;}
.alumini-sec3 img {width: 50%;}
.eolienne-sec3 {bottom: 103px;left: 0px;}
.eolienne-sec3 img {width: 80%;}
.alumini-roal {left: 74px;bottom: 10px;}
.alumini-roal img {width: 60%;}
.worker-sec3 {bottom: 50px;left: 160px;}
.worker-sec3 img {width: 66%;}
.third-right {width: 40%;}
.sec-3-title {font-size: 14px;}
    
}
    
    
@media screen and (max-width:1024px) {
    .sec-middle-img img {width: 55%;}
    .app1 {right: -90px;top: -20px;}
    .sec-middle-img {margin-top: 30px;}
	.app2 {right: -105px;top: 155px;width: 280px;}
    app3 {left: -85px;top: 224px;}
    .coming-soon h2 {margin-bottom: 20px;}
    .app3 {left: -65px;top: 184px;width: 280px;}
    .app3-arrow {right: -138px;top: 70px;}
}
@media screen and (max-width:990px) {
}
@media screen and (max-width:960px) {
    .sec-left-wrap {width: 53%;left: -90px;height: 300px;}
    .al-sec1 {margin-left: 75px;}
    .al-sec1 img {width: 60%;}
    .alumini-sec1 {bottom: 40px;left: 40px;}
    .alumini-sec1 img {width: 50%;}
    .car-sec1 {bottom: 75px;right: -105px;}
    .car-sec1 img {width: 50%;}
    .man-sec1 {left: 90px;top: 100px;}
    .man-sec1 img {width: 50%;}
    .girl-sec1 {bottom: 10px;left: 206px;}
    .girl-sec1 img {width: 60%;}
    .little-girl-sec1 {bottom: 131px;left: 170px;}
    .little-girl-sec1 img {width: 60%;}
    .app2 {right: -75px;width: 250px;}
}



@media screen and (max-width:900px) {
}

@media screen and (max-width: 800px) {
    
    .sec-left-wrap {width: 63%;left: 0;height: 300px;}
    .al-sec1 {margin-left: 60px;}
    .al-sec1 img {width: 50%;}
    .alumini-sec1 {bottom: 50px;left: 20px;}
    .alumini-sec1 img {width: 50%;}
    .car-sec1 {bottom: 85px;  right: -20px;}
    .car-sec1 img {width: 50%;}
    .man-sec1 {left: 80px;top: 90px;}
    .man-sec1 img {width: 44%;}
    .girl-sec1 {bottom: 10px;left: 186px;}
    .girl-sec1 img {width: 60%;}
    .little-girl-sec1 {bottom: 141px;left: 150px;}
    .little-girl-sec1 img {width: 60%;}
    .sec-right-img {width: 40%;margin-right: 70px;}
    .scroll-down {margin-top: 60px;}
    .sec-middle-img img {width: 40%;}
    .sec-middle-img {margin-top: 40px;}
    .app1 {right: 10px;}
    .app2 {right: 15px;  width: 200px;top: 140px;}
    .app2-arrow {left: -72px;top: 50px;}
    .app3 {left: 15px;top: 104px;width: 210px;}
    .sec3-left-wrap {left: 50px;width: 55%;margin-left: -20px;margin-top: 50px;}
    .al-sec3 {margin-left: 0;  left: 70px;}
    .alumini-sec3 {bottom: 170px;right: -22px;}
	.coming-soon h4 {font-size: 22px;}
    .link-txt {font-size: 14px;line-height: 21px;}
    .link-img {margin-bottom: 20px;}
    .coming-soon {min-height: 230px;}
    .third-right {width: 37%;margin-right: 40px;}
    .scroll-down #menu {  margin-top: 0;}
    
}
@media screen and (max-width:768px) {
    .sec-right-img {right: 70px;width: 40%;}
    .sec-left-img {width: 44%;left: 60px;}
    .scroll-down {margin-top: 0;}
    .app3 {left: 45px;top: 84px;width: 230px;}
    .app3-arrow {right: -88px;top: 90px;width: 90px;}
    .app2 {right: 50px;top: 175px;width: 250px;}
    .app2-arrow {left: -72px;top: 90px;}
    .app1{right: 20px;top: 0;}
    .app1-arrow {left: -70px;top: 80px;width: 70px;}
    .third-right {margin-right: 110px;}
    .brand-logo {padding-left: 20px;}
    .aluminium-enjoy {padding: 0 20px;}
    .three-discount {padding: 0 20px;}
    .three-discount li {width: 224px;}
    .coming-soon {margin-left: 20px;}
    .address {padding-left: 20px;}
    .go-alumin {margin-right: 70px;}
    .sec-middle-img img {   margin-top: 50px;}
    .third-right {  margin-right: 40px;}
}

@media screen and (max-width: 767px) {
.sec-left-img {width: 44%;left: 20px;margin-left: 20px;}
.inner_width {width: 100%;}
#menu {width: 100%;}
#menu {margin-top: 20px;}
.brand-logo {margin-top: 20px;}
.innovation-app {margin-top: 30px;}
.app1-arrow, .app2-arrow, .app3-arrow {display: none;}
.third-right {margin: 0 auto;width: 50%;float: none;}
#myStat3 {margin-bottom: 60px;}
.alumin-left {min-height: 150px;}
.three-discount li:nth-child(2) {margin: 0;margin-bottom:20px;}
.three-discount li {width: 100%;margin: 0;margin-bottom: 20px;}
.three-discount {margin-top: 10px;}
.coming-soon {margin-left: 0;margin: 0 auto;float: none;}
.go-alumin {width: 100%;margin: 0;margin-top: 50px;}
.social-icon {z-index: 100;}
    .app1,.app2,.app3 {position: relative;float: none;margin: 0 auto;  width: 50%;margin-bottom: 20px;  left: initial;
  right: initial;
  top: initial;}
    .sec-middle-wrap {padding-bottom: 50px;}
    .sec-middle-img img {  margin-top: 0;}
    .alumini-roal {bottom: 50px;}
    .worker-sec3 {  bottom: 80px;  left: 140px;}
    .alumini-sec3 {  bottom: 180px;  right: -62px;}
    .eolienne-sec3 {  bottom: 103px;  left: 10px;}
.sec3-left-wrap{display: none;}
.sec-third-img {display:block;}
.sec-third-img {  position: static;  width: 100%;  text-align: center;  margin: 30px 0px 0;}
.sec-third-img img {width: 210px;}
.three-discount li:last-child h1 {  width: 100%;  float: left;  padding-top: 0;  margin-bottom: 10px;}
.three-discount li:last-child p {width: 100%;padding-left: 0;  text-align: center;}
/*#wrapper .wow {visibility:visible !important;display:block !important;transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-webkit-transition:none !important;opacity:1 !important;}*/
.sec-right-img img {  width: 50%;}
.sec-right-img {  width: 100%;  position: static;  text-align: center;  margin: 0;}  
.sec-left-img {  width: 100%;  position: static;  margin: 0;  margin-top: 60px;  padding: 0 20px;  text-align: center;}
.sec-left-img img {  width: 50%;}
.right-img {  margin-bottom: 30px;}
.scroll-down {  margin-top: 30px;}


}

@media screen and (max-width:640px) {
}
@media screen and (max-width:568px) {
 	.alumin-left {width: 100%;min-height: initial;margin-bottom:20px;}
    .alumin-right{min-height: initial;width: 100%;}
    .brand-logo {width: 28%;}
    .alumin-left-img {  padding: 27px 20px 25px 10px;  width: 22%;}
    .alumin-left-text {  padding-top: 14px;  padding-right: 20px;  width: 72%;  padding-bottom: 15px;}
    .three-discount li {min-height: initial;}
    .three-discount li h1 {margin-top: 10px;  font-size: 19px;}
    .three-discount li p {  font-size: 13px;}
    .sec-4-title {font-size: 13px;}
}
@media screen and (max-width:480px) {
    .app1, .app2, .app3 {width: 70%;}
    .innovation-app img {  width: 68%;  }
    .sec-third-img {  left: 0;}
    .third-right {width: 70%;}
    .coming-soon {  width: 90%;  margin: 0 auto;  float: none;  position: relative;  padding-bottom: 20px;}
    .app-content h2 {font-size: 15px;}
    .brand-logo {width: 48%;}
	.innovation-app img {width: 85%;}
    .sec-4-title {  font-size: 12px;  padding: 0 20px;}
    #myStat2, #myStat3, #myStat4, #myStat5, #myStat6 {  margin: 0 18px;  min-height: 180px;  margin-bottom: 0;}
    #myStat3 {  margin-bottom: 0;}
}


@media screen and (max-width:380px) {
    .innovation-app {margin-top: 50px;}
    .sec-3-title {  font-size: 13px;  padding: 0 20px;}
    .third-right {  margin: 0 auto;  width: 100%;  float: none;  padding: 0 20px;}
    .sec-left-img {  margin-top: 90px;}
    .aluminium-enjoy {margin-top: 40px;}
    .coming-soon h2 span {font-size: 18px;}
    .coming-soon h2 {  margin-bottom: 10px;}
    .coming-soon h3 {  font-size: 12px;  line-height: 20px;  margin-bottom: 10px;}
    .coming-soon {  min-height: initial;}
    .arrow {  width: 50px;  height: 50px;  line-height: 50px;}
    .arrow img {  width: 28px;}
    .sec-3-title {  margin-top: 20px;}
}

@media screen and (max-width:320px) {
}