#banniere_principale_ar .bannercontainer{}

#banniere_principale_ar .banner{}

 #banniere_principale_ar .bannercontainer{position:relative;}
 #banniere_principale_ar .banner{position:relative;}
#banniere_principale_ar .banner{position:relative;height: calc(100vh - 125px) !important;    width: 100%!important;}
#banniere_principale_ar .bannercontainer{position:relative;height: calc(100vh - 125px) !important;    width: 100% !important;float:right;}
#banniere_principale_ar .apex-slider-shadow .apex-slider-shadow1{height: 0 !important;}
#banniere_principale_ar .apex-slider img{height: calc(100vh - 125px) !important;}
#banniere_principale_ar .apex-slider .timer{display:none;}
#banniere_principale_ar .apex-slider-shadow.apex-slider-shadow1{display:none;}
#banniere_principale_ar .apex-slider .preloader{display:none !important;opacity:0;}
#banniere_principale_ar .apex-slider .caption{
    position: absolute;
    display: flex;
    left:0 !important;
    height: 100%;
    width: 100%;
    float:left;
    align-items: flex-end;
}
 #banniere_principale_ar .box-banner{
    clear: both;
    width: 100%;
    float: left;
}
#banniere_principale_ar .box-banner span {
    color: #fff;
    font-size: 40px;
    width: 60%;
    text-align: right;
    display: block;
    padding-bottom: 40px;
    white-space: pre-wrap;
    line-height: 3vh;
    float: left;
    text-shadow: 1px 2px #000;
}
#banniere_principale_ar .bullets {
    z-index: 21 !important;
    position: absolute;
    top: 0px !important;
    width: 8.33% !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    height: calc(100vh - 125px) !important;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.6);
    align-items: center;
    justify-content: center;
}
#banniere_principale_ar .bullet.selected{background:url('/Files/App_002/images/selected_bullet.png')no-repeat center;display:block !important;}
#banniere_principale_ar .bullet{background:url('/Files/App_002/images/bullet.png')no-repeat center;display:block !important;width:30px; height:30px !important;margin-bottom: 25px;transition: all .5s;}
#banniere_principale_ar .leftarrow.large.round, .rightarrow.large.round{display:none !important;}
@media only screen and (max-width: 1400px){
 #banniere_principale_ar .box-banner span {    font-size: 30px;}
}
@media only screen and (max-width: 992px){
#banniere_principale_ar .bullets {    width: 16.66666% !important;}
 #banniere_principale_ar .box-banner span {    font-size: 30px;text-align:center;}
 #banniere_principale_ar .box-banner p{font-size:17px;text-align:center;}
}
@media only screen and (max-width: 768px){
#banniere_principale_ar .banner{position:relative;height: 380px!important;    width: 100%!important;}
#banniere_principale_ar .bannercontainer{position:relative;height: 380px !important;    width: 100% !important;float:right;}
#banniere_principale_ar .apex-slider img{height: 380px !important;width:auto !important}
 #banniere_principale_ar .bullets {    height: 380px !important;}
#banniere_principale_ar .box-banner span { font-size: 15px;
    letter-spacing: 0px;
    width: 100%;
    text-align: center;}
 #banniere_principale_ar .box-banner p{font-size:14px;}
}