.slider-habillages {
position:relative;
max-width:100%;	
height:500px;
min-height:200px;
max-height:700px;
margin-top:132px;
margin-left:0;
background-image: url("outremont-habillages-de-fenetres_001.jpg");
background-repeat: no-repeat;
background-size:cover;
background-position:right bottom;
display:block;
z-index:2;
}

.slider-habillages-image {
position:relative;
max-width:100%;	
height:500px;
min-height:200px;
max-height:700px;
object-fit:cover;
object-position:right bottom;
margin-top:0;
margin-left:0;
animation-name:habillages;
animation-delay:0.3s;
animation-duration:1.75s;
animation-iteration-count:1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
opacity:0.00;
z-index:3;
}

.slider-habillages-image-02 {
display:none;
}

.slider-habillages-logo-01 {
position:absolute;	
max-width:620px;
width:590px;
height:auto;
margin-top:65px;
margin-left:50px;
animation:habillages;
animation-delay:1.75s;
animation-duration:2.00s;
animation-iteration-count:1;
animation-timing-function: ease;
animation-fill-mode: forwards;
opacity:0.00;
z-index:5;
}

@keyframes habillages {
0% { left:-100%;opacity:0;}
5% { left:-100%;opacity:1;}
100% { left:0px;opacity:1;}
}







@media only screen and (max-width: 1800px) {

.slider-habillages {	
height:490px;
}

.slider-habillages-image {	
height:490px;
}

.slider-habillages-logo-01 {
width:535px;
margin-top:62px;
margin-left:58px;
}	

}



/* 1680 x 1050 */
@media only screen and (max-width: 1700px) {

.slider-habillages {
margin-top:131px;
height:475px;
}	

.slider-habillages-image {	
height:475px;
}

.slider-habillages-logo-01 {
width:515px;
margin-top:59px;
margin-left:55px;
}	

}





/* 1600 x 900 */
@media only screen and (max-width: 1600px) {

.slider-habillages {
margin-top:129px;
height:450px
}	

.slider-habillages-image {	
height:450px;
}

.slider-habillages-logo-01 {
width:490px;
margin-top:56px;
margin-left:52px;
}	

}



/* 1536 x 864 */
@media only screen and (max-width: 1550px) {
	
.slider-habillages {
margin-top:125px;
height:430px;
}

.slider-habillages-image {	
height:430px;
}

.slider-habillages-logo-01 {
width:460px;
margin-top:53px;
margin-left:50px;
}	

}




/* 1440 x 900 */
@media only screen and (max-width: 1460px) {
		
.slider-habillages {
margin-top:112px;
height:400px;
}

.slider-habillages-image {	
height:400px;
}

.slider-habillages-logo-01 {
width:435px;
margin-top:50px;
margin-left:45px;
}	

}




/* 1366 x 768 & 1366 x 760 */
@media only screen and (max-width: 1390px) {

.slider-habillages {
margin-top:110px;
height:380px;
}

.slider-habillages-image {	
height:380px;
}

.slider-habillages-logo-01 {
width:415px;
margin-top:47px;
margin-left:42px;
}	

}




/* 1280 x 800 */
@media only screen and (max-width: 1300px) {
	
.slider-habillages {
margin-top:110px;
height:350px;
}	
	
.slider-habillages-image {	
height:350px;
}

.slider-habillages-logo-01 {
width:380px;
margin-top:45px;
margin-left:38px;
}		

}





@media only screen and (max-width: 1200px) {

.slider-habillages {
margin-top:95px;
height:320px;
}	

.slider-habillages-image {	
height:320px;
}

.slider-habillages-logo-01 {
width:350px;
margin-top:43px;
margin-left:35px;
}		

}




@media only screen and (max-width: 1100px) {
	
.slider-habillages {
margin-top:94px;
height:300px;
}		
	
.slider-habillages-image {	
height:300px;
}

.slider-habillages-logo-01 {
width:330px;
margin-top:40px;
margin-left:32px;
}		

}






/* 1024 x 768 */
@media only screen and (max-width: 1050px) {

.slider-habillages {
margin-top:0px;
height:290px;
}	

.slider-habillages-image {	
height:290px;
}

.slider-habillages-logo-01 {
width:310px;
margin-top:38px;
margin-left:30px;
}				

}




/* 960 x 600 */
@media only screen and (max-width: 980px) {

.slider-habillages {
height:270px;
}	

.slider-habillages-image {	
height:270px;
}

.slider-habillages-logo-01 {
width:290px;
margin-top:33px;
margin-left:22px;
}		

}




@media only screen and (max-width: 900px) {
	
.slider-habillages {
height:240px;
}	

.slider-habillages-image {	
height:240px;
}

.slider-habillages-logo-01 {
width:280px;
margin-top:30px;
margin-left:20px;
}		

}




/* 800 x 1280 & 768 x 1024 */
@media only screen and (max-width: 810px) {

.slider-habillages {
background-image: url("outremont-habillages-de-fenetres_mobile_001.jpg");	
max-width:100%;	
height:245px;
min-height:120px;
max-height:550px;
margin-left:0;
}


.slider-habillages-image {	
display:none;
}

.slider-habillages-image-02 {
position:relative;
max-width:100%;	
height:245px;
min-height:120px;
max-height:550px;
object-fit:cover;
object-position:right bottom;
margin-top:0;
margin-left:0;
animation-name:habillages;
animation-delay:0.3s;
animation-duration:1.75s;
animation-iteration-count:1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
opacity:0.00;
display:block;
z-index:3;
}

.slider-habillages-logo-01 {
width:270px;
margin-top:40px;
margin-left:25px;
}	

}





@media only screen and (max-width: 700px) {
	
.slider-habillages {
height:215px;
}	

.slider-habillages-image-02 {	
height:215px;
}

.slider-habillages-logo-01 {
width:250px;
margin-top:37px;
margin-left:23px;
}	


}





/* 600 x 960 */
@media only screen and (max-width: 620px) {

.slider-habillages {
height:200px;
}	

.slider-habillages-image-02 {	
height:200px;
}

.slider-habillages-logo-01 {
width:220px;
margin-top:35px;
margin-left:25px;
}	

}




@media only screen and (max-width: 550px) {
	
.slider-habillages {
height:190px;
}	

.slider-habillages-image-02 {	
height:190px;
}

.slider-habillages-logo-01 {
width:200px;
margin-top:30px;
margin-left:23px;
}	

}




/* 480 x 853 */
@media only screen and (max-width: 500px) {

.slider-habillages {
height:185px;
}	

.slider-habillages-image-02 {	
height:185px;
}

.slider-habillages-logo-01 {
width:190px;
margin-top:30px;
margin-left:21px;
}	

}




/* 412 x 732 & 414 x 736 (iPhone) */
@media only screen and (max-width: 430px) {

.slider-habillages {
height:160px;
}	

.slider-habillages-image-02 {	
height:160px;
}

.slider-habillages-logo-01 {
width:160px;
margin-top:25px;
margin-left:20px;
}	

}




/* 360 x 740 & 375 x 812 */
@media only screen and (max-width: 380px) {
	
.slider-habillages {
height:150px;
}	

.slider-habillages-image-02 {	
height:150px;
}

.slider-habillages-logo-01 {
width:145px;
margin-top:26px;
margin-left:19px;
}	

}




/* 320 x 568 */
@media only screen and (max-width: 330px) {

.slider-habillages {
height:140px;
}	

.slider-habillages-image-02 {	
height:140px;
}

.slider-habillages-logo-01 {
width:133px;
margin-top:23px;
margin-left:17px;
}	

}




@media only screen and (max-width: 300px) {

.slider-habillages {
height:138px;
}	

.slider-habillages-image-02 {	
height:138px;
}

.slider-habillages-logo-01 {
width:126px;
margin-top:23px;
margin-left:16px;
}	

}




@media only screen and (max-width: 280px) {

.slider-habillages {
height:130px;
}	

.slider-habillages-image-02 {	
height:130px;
}

.slider-habillages-logo-01 {
width:120px;
margin-top:23px;
margin-left:14px;
}	

}