#denim .bx-wrapper{position:relative;
width:100%;}

#denim .bx-wrapper img{position:relative;
width:100%;}

#denim .bx-wrapper .bx-viewport{}

#denim .bx-wrapper .bx-loading{}

#denim .bx-wrapper .bx-pager{display:none !important;}

#denim .bx-wrapper .bx-pager .bx-pager-item{}

#denim .bx-wrapper .bx-pager.bx-default-pager a{}

#denim .bx-wrapper .bx-pager.bx-default-pager a:hover{}

#denim .bx-wrapper .bx-pager.bx-default-pager a.active{}

#denim .bx-wrapper .bx-controls-direction a{}

#denim .bx-wrapper .bx-controls-direction a.disabled{}

#denim .bx-wrapper .bx-prev{    right:50px;
    cursor: pointer;
    background: #fff87f url(../../../Images/Prec_Noir.png) 50% 50% no-repeat;
    text-indent: -9999px;
    float: left;
    position: absolute;
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
    height: 45px;
    width: 45px;
    bottom: 45px;
 }

#denim .bx-wrapper .bx-prev:hover{
    background: #fff200  url(../../../Images/Prec_Noir.png) 50% 50% no-repeat;}

#denim .bx-wrapper .bx-next{    right:50px;
    cursor: pointer;
    background: #fff87f url(../../../Images/suiv_Noir.png) 50% 50% no-repeat;
    text-indent: -9999px;
    float: left;
    position: absolute;
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
    height: 45px;
    width: 45px;
    bottom: 00px;
 }

#denim .bx-wrapper .bx-next:hover{    background: #fff200 url(../../../Images/suiv_Noir.png) 50% 50% no-repeat;}

 @media screen   and (min-width:769px)  {
 #denim .bx-wrapper li {
    width: calc(55vw - 100px) !important;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    position: relative;
}
}
@media screen   and (max-width:768px)  {
  #denim .bx-wrapper li {
    width: calc(100vw - 100px) !important;
  margin-left:10px;
    text-align: center;
    position: relative;
   height:300px !important;
}
 #denim .bx-wrapper img {
    position: relative;
    max-width: 100%;
    height: 100%;
    width: auto !important;
}
}