*,
    *::before,
    *::after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .container {
      width:700px;
      max-width: 100%;
      margin: 0 auto;overflow:hidden !important;
    }

    .slider__container {
      padding-left: 0;
      padding-right: 0;width:80%;
        overflow:visible !important;
    }

    .slider__items {
      counter-reset: slide;
    }

    .slider__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      counter-increment: slide;
      height: auto;
      position: relative;margin-left:5%;text-align:center;
    }
    .slider__item a img{max-width:100%;}

    .slider__item::before {
      /*content: counter(slide) "/5";*/
      position: absolute;
      top: 10px;
      right: 20px;
      color: #fff;
      font-style: italic;
      font-size: 32px;
      font-weight: bold;
      display: block;
    }
      .slider__control{opacity:0;}
    /*.slider__item:nth-child(1) {
      background-color: #f44336;
    }

    .slider__item:nth-child(2) {
      background-color: #987;
    }

    .slider__item:nth-child(3) {
      background-color: #3f51b5;
    }

    .slider__item:nth-child(4) {
      background-color: #03a9f4;
    }

    .slider__item:nth-child(5) {
      background-color: #000;
    }*/