.slider-pandeco {
position:relative;
max-width:100%;	
height:380px;
min-height:80px;
max-height:500px;
margin-top:132px;
margin-left:0;
margin-bottom:15px;
background-image:url("panneaux-decoratifs-outremont-montreal.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
opacity:1.00;
display:block;
z-index:2;
}

.slider-pandeco-logo-01 {
position:absolute;	
max-width:440px;
width:451px;
height:auto;
top:35px;
right:48px;
animation:pandeco;
animation-delay:0.35s;
animation-duration:1.25s;
animation-iteration-count:1;
animation-timing-function:linear;
animation-fill-mode: forwards;
opacity:0.00;
z-index:5;
}

@keyframes pandeco {
0% {opacity:0;}
100% {opacity:1.00;}
}







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

.slider-pandeco {	
height:370px;
}

.slider-pandeco-logo-01 {
width:420px;
top:35px;
right:47px;
}	

}



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

.slider-pandeco {
margin-top:131px;
height:365px;
}	

.slider-pandeco-logo-01 {
width:400px;
top:32px;
right:45px;
}	

}





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

.slider-pandeco {
margin-top:129px;
height:360px;
}	

.slider-pandeco-logo-01 {
width:370px;
top:30px;
right:43px;
}	

}



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

.slider-pandeco-logo-01 {
width:350px;
top:28px;
right:40px;
}	

}




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

.slider-pandeco-logo-01 {
width:330px;
top:25px;
right:38px;
}

}




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

.slider-pandeco {
margin-top:110px;
height:330px;
}	

.slider-pandeco-logo-01 {
width:305px;
top:24px;
right:37px;
}	

}




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

.slider-pandeco-logo-01 {
width:280px;
top:23px;
right:35px;
}		

}





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

.slider-pandeco {
margin-top:95px;
height:310px;
}	

.slider-pandeco-logo-01 {
width:260px;
top:22px;
right:32px;
}						

}




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

.slider-pandeco-logo-01 {
width:250px;
top:21px;
right:30px;
}			

}






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

.slider-pandeco {
background-position:center right;		
margin-top:0px;
height:280px;
}	

.slider-pandeco-logo-01 {
width:320px;
top:21px;
right:30px;
}					

}




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

.slider-pandeco {
height:260px;
}	

.slider-pandeco-logo-01 {
width:305px;
top:22px;
right:29px;
}				

}




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

.slider-pandeco-logo-01 {
width:280px;
top:21px;
right:28px;
}					

}




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

.slider-pandeco {
height:240px;
}	

.slider-pandeco-logo-01 {
width:260px;
top:21px;
right:27px;
}				

}





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

.slider-pandeco-logo-01 {
width:250px;
top:20px;
right:27px;
}			

}





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

.slider-pandeco {
height:250px;
}	

.slider-pandeco-logo-01 {
width:270px;
top:22px;
right:30px;
}	
	
}




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

.slider-pandeco-logo-01 {
width:260px;
top:22px;
right:28px;
}		

}




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

.slider-pandeco {
height:230px;
}	

.slider-pandeco-logo-01 {
width:250px;
top:22px;
right:27px;
}			

}




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

.slider-pandeco {
height:220px;
}	

.slider-pandeco-logo-01 {
width:240px;
top:22px;
right:26px;
}		

}




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

.slider-pandeco-logo-01 {
width:220px;
top:21px;
right:25px;
}		

}




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

.slider-pandeco {
height:180px;
}	

.slider-pandeco-logo-01 {
width:190px;
top:20px;
right:24px;
}		

}




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

.slider-pandeco {
height:170px;
}	

.slider-pandeco-logo-01 {
width:180px;
top:20px;
right:24px;
}	

}




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

.slider-pandeco {
height:150px;
}	

.slider-pandeco-logo-01 {
width:160px;
top:20px;
right:24px;
}	

}