@media screen and (min-width:768px)  {
.BannerPrincipal {
    position: relative;
    height: 88.5vh !important;
    /* padding-top: 12vh; */
 width:100% !important;

 
}
.BannerPrincipal  img{
    position: relative;
    height: 88.5vh !important;
width:100% !important;
}
 .banner {
    height: 88.5vh !important;
width:100% !important;
}

}
.

@media screen and (max-width:767px)  {
.BannerPrincipal {
    position: relative;
    height: 88.5vh !important;
    /* padding-top: 12vh; */

 
}
.BannerPrincipal  img{
    position: relative;
    height: 88.5vh !important;
width:100% !important;
}
 .banner {
    height: 88.5vh !important;
}
.leftarrow.large.round {
    margin-left: 20px;
    background: url(../Images/PrecedentBanner.png) no-repeat top left  !important;
    height: 72px !important;
}

.rightarrow.large.round {
    background: url(../Images/SuivantBanner.png) no-repeat top left  !important;
    margin-left: -20px;
    height: 72px !important;
}
}