/* ==========================================
GAMMES
========================================== */

.fenetres-gammes{
background:#050505;
padding:90px 0;
}

.fenetres-gammes-container{
max-width:1400px;
margin:auto;
padding:0 30px;
}

.fenetres-gammes-header{
text-align:center;
margin-bottom:50px;
}

.fenetres-gammes-tag{
display:block;
color:#e30613;
font-size:13px;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
}

.fenetres-gammes-header h2{
color:#fff;
font-size:42px;
font-weight:700;
}

.fenetres-slider{
overflow:hidden;
position:relative;
}

.fenetres-slider-track{
display:flex;
transition:transform .4s ease;
}

.fenetre-card{
flex:0 0 25%;
padding:0 10px;
box-sizing:border-box;
}

.fenetre-card-inner{
background:#313943;
border-radius:8px;
overflow:hidden;
height:100%;
}

.fenetre-card img{
width:100%;
height:220px;
display:block;

}

.fenetre-card-content{
padding:20px;
}

.fenetre-card-content h3{
color:#fff;
font-size:22px;
margin-bottom:12px;
}

.fenetre-card-content p{
color:#d7d7d7;
line-height:1.6;
}

.fenetres-slider-dots{
text-align:center;
margin-top:25px;
}

.fenetres-slider-dots span{
width:10px;
height:10px;
display:inline-block;
border-radius:50%;
background:#555;
margin:0 5px;
cursor:pointer;
}

.fenetres-slider-dots span.active{
background:#e30613;
}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:1024px){

```
.fenetre-card{
    flex:0 0 50%;
}


}

@media(max-width:768px){


.fenetres-gammes{
    padding:60px 0;
}

.fenetres-gammes-container{
    padding:0 15px;
}

.fenetres-gammes-header h2{
    font-size:22px;
    line-height:1.3;
    padding:0 10px;
}

.fenetre-card{
    flex:0 0 100%;
    width:100%;
    padding:0;
}

.fenetre-card-content{
    padding:20px;
}

.fenetre-card-content h3{
    font-size:28px;
}

.fenetre-card-content p{
    font-size:16px;
}


}