.collection_fadhila{margin-bottom:60px;}
.ba-slider {
  position: relative;
  overflow: hidden;

 
  width: 100vw;

}
.ba-slider:after {transition:0.5s ease all;content:"";background: #00000087;position:absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;}
.ba-slider img {
 
display: block;
 
min-height: 100%;
 
width: 100%;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  z-index: 11111111;
  transition: 0.5s ease width;
}
.resize:after {content:"";background: rgba(0, 0, 0, 0.5);position:absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;transition: 0.5s ease all;}
.resize:hover:after{background: rgba(0, 0, 0, 0.2)} 
.ba-slider:hover:after{background: rgba(0, 0, 0, 0.2)} 
.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  margin-left: -2px;
  background: #fff;
  cursor: ew-resize;
  z-index: 9999999999;
  transition: 0.5s ease all;
}
.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 90px;
  height: 90px;
  margin: -31px 0 0 -45px;
  content: '\21d4';
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  background: url(../images/bntnav.png);
  background-size: contain;
  transition: 0.5s ease all;
}
.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}

.captioncollection {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1111;
    width: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.captioncollection.left{left:0px}
.captioncollection.right{right:0px;z-index: 11;}
.titlecollection{
    font-size: 40px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-weight: 600;
    letter-spacing: 3px;
}
.categories{
    color: #fff;
    font-size: 65px;
    display: block;
    text-align: center;
    font-family: 'biloxi_scriptregular';
    margin: 40px 0px;
    line-height: 50px;
}
.linkdecouvrir{
    color: #fff !important;
    display: block;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 0px;
    width: 50%;
    margin: 20px auto;
    text-decoration: none !important;
    transition: 0.5s ease width;
}

.linkdecouvrir:hover{width:100%;}

@media (MAX-width:1200px)
{
.titlecollection {
    font-size: 20px;
}
}

@media (MAX-width:767px)
{
.collection_fadhila   img{max-width:100%;}
.homme_block{margin-bottom:0px;position:relative;}
.femme_block{position:relative;}
.captioncollection {width:100%;}
.collection_fadhila  {background:#000;margin-bottom: 15px;}
.collection_fadhila  img{opacity:0.5;min-height: 190px;}
.categories{margin:0px;font-size: 40px;}
.linkdecouvrir{
    margin: 0 auto;
}

 .maillot_collection {
    overflow: hidden;
    padding: 20px 0px !important;
}

.maryoul_collection {
    padding: 80px 15px 40px  !important;
    position: relative;
}

.boxprod{
    transform: none !important;margin-bottom:20px;
}
}