.imagefullWrap{
      background-color:rgba(0%,0%,0%,0.8);
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100vw;
      height: 100vh;
      z-index: 10;
}
.imagefullWrap.hidden{
    z-index: -1;
    opacity: 0;
}
.slick-track{
      height: 100%;
}
.slick-slider{
      height: 100%;
}
.slick-list{
      height: 100%;
}
.banner-slider{
      /*background-color: red;*/
      width:100vw;
      height: 100vh;
}

.banner-slider .each{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;


    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.banner-slider .each .thewrap{
    display: inline-block;
    position: relative;
}
.banner-slider .each img{
    max-width: 85vw;
    max-height: 85vh;
}
.imagefullWrap .cross{ 
     background-color: rgba(0%,0%,0%,0.2);
    box-shadow: 0px 0px 2px 2px rgba(0%,0%,0%,0.2);
    position: absolute;
    right: 20px;
    top: 20px;
    border: #FFF 2px solid;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    border-radius: 30px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
}
.table-cell{
      display:table-cell;
      vertical-align:middle;
      text-align:center;
}
.slick-dots{
    bottom: 20px;
}
.slick-dots li button:before{
    opacity: 1; 
    color: #FFF;
    
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #555;
}