img
{
    max-width: 100% ;
    width: 100% ;
    height: auto ;
}

.cycle-slideshow 
{
    max-width:100%;
    max-height:auto;
    height:auto;
    overflow:hidden;
    background: #2b5058;
    background:#aeb7b9;
    align-items: center;
}


.cycle-next{left:1px; float:left;}
.cycle-prev{right:1px; float:right;}
.cycle-prev, .cycle-next 
{
    font-size: 30px;
    color: #ffba00;
    display: inline-block;
    position:absolute;
    
    z-index: 900;
    cursor:pointer;
    background:#dcf4ff91;
    font-weight:bolder;
    padding:20px 10px;
    border-radius:3px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    bottom:50%;
    color:rgb(7 60 93);
}


.cycle-pager 
{     
   position:absolute;
   width:100%;
   display:block;
   text-align:center;
   bottom:0;
   cursor:pointer;
   font-size:0;
   padding:5px 0;
   background: #eeeeee36 ;
   z-index:900;
}


.cycle-pager span 
{
    width: 15px;
    height: 15px;
    background:#eee;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    text-indent: 100%;
    white-space: nowrap;
    color: none;
}

.cycle-pager .cycle-pager-active 
{
    background: #ffb300;
    background:rgb(7 60 93);
    background:#6782ac;
}


/*==========================*/

@media screen and (max-width: 700px)
{
  #set_galary , .cycle-slideshow
  {
   box-shadow: none;
  }

  .cycle-prev , .cycle-next 
  {
    font-size:20px;
    padding:0 6px;
    font-weight:bold;
    border-radius:0;
    background:none;
    color: rgb(111, 131, 144);
  }


  .cycle-pager
  {
    padding:2px 0;
  }


  .cycle-pager span 
  {
    width: 8px;
    height: 8px;
    margin:2px;
  }


}