#banniere .bannercontainer{position:relative;height:100vh;}

#banniere .banner{    height: 100vh !important;}

#banniere .apex-slider-shadow.apex-slider-shadow3{display:none;}



#banniere .caption {
    z-index: 999;
    width: 100%;
    line-height: normal !important;
    white-space: normal !important;
}

 #banniere .inner_caption>div{
    padding: 40px;width:80%;
}
#banniere .inner_caption{width:50%;height:100vh;display:flex;align-items:flex-end;justify-content:flex-end;}

#banniere .title_banner {
    font-size: 4em;
    position: relative;
    margin: 20px 0px;
    display: block;
    font-family: 'Alfa Slab One', cursive;
    color: #000;
}
#banniere .pays{
color: #000;
font-weight:bold;
display: block;
font-size: 20px;
font-weight:bold;
}

#banniere .caption p{
    font-size: 15px;
    font-family: roboto;
    font-weight: lighter;
    color: #000;
    line-height: 23px;
    text-align: justify;
}
 #banniere .plus {
    display: block;
    width: 45px;
    height: 45px;
    background: #000;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 992px)
{

}


@media (max-width: 992px)
{
#banniere .inner_caption>div{width:100%;}
}

@media (max-width: 767px)
{
#banniere .bannercontainer{height:400px !important;}
#banniere .banner {height:400px !important;}
#banniere .slotholder:after{width:100%;}
#banniere .slotholder:before{display:none;}
#banniere .inner_caption {
    width: 100%;
    height: 400px;
  
}
#banniere .title_banner {
    font-size: 20px;
}
#banniere .inner_caption>div{width:100%;}


 #banniere .caption {
  
    top: 20px !important;
}
}