@media (max-width: 1000px) {
      .hand__item {
        flex: 0 0 65%;
        max-width: 65%;
      }
	  .hand {
		 max-width: 1000px; 
	  }
    }

    @media (min-width:1000px) and (max-width:1320px) {
      .hand__item {
        flex: 0 0 25%;
        max-width: 25%;
      }
	  .hand {
		 max-width: 1000px; 
	  }
    }

    @media (min-width:1320px) and (max-width:1640px) {
      .hand__item {
        flex: 0 0 20%;
        max-width: 20%;
      }
	  .hand {
		 max-width: 1320px; 
	  }
    }
	
	@media (min-width: 1640px) {
      .hand__item {
        flex: 0 0 15%;
        max-width: 15%;
      }
	  .hand {
		 max-width: 1640px; 
	  }
    }

	.hand {
      position: relative;
      overflow: hidden; 
      margin: 0 auto;
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 30px;
      padding-top: 30px;
    }

    .hand__wrapper {
      display: flex;
      transition: transform 0.6s ease;
      padding-left: 0px;
      padding-right: 50px;
      padding-bottom: 20px;
    }

    .hand__item {
      margin-top: 5px;
      padding-left: 5px;
      padding-right: 5px;
    }

    .hand__control {
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      color: #fff;
      text-align: center;
      bottom: 0;
      background: #ffffff;
    }

    .hand__control:hover,
    .hand__control:focus {
      color: #ffffff;
      text-decoration: none;
      outline: 0;
    }

    .hand__control_left {
      left: 0;
    }

    .hand__control_right {
      right: 0;
    }

    .hand__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .hand__control_left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .hand__control_right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .hand__content_header {
      position: relative;
    }

    .hand__content_img {
      display: block;
      height: auto;
      max-width: 80%;
      box-shadow: 0 0 1px black;
      border-radius: 5px;
    }

    .hand__content_section {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #ffb300; 
      color: white;
      padding: 4px 10px;
      font-size: 15px;
      border-radius: 0 0 0 5px;
      margin-left: 20px;
    }

    .hand__content_title {
      font-family: fonts;
      background: transparent;
      color: black;
      white-space: normal;
      font-size: 15px;
      line-height: 1.3;
      padding: 10px 15px;
      margin: 0;
      height: 52px;
    }

    .hand__content_footer {
      background: #f5f5f5;
      display: flex;
      padding: 20px 15px;
      color: #616161;
    }

    .hand__content_avatar {
      flex: 0 0 40px;
      max-width: 40px;
    }

    .hand__content_photo {
      display: block;
      height: auto;
      max-width: 100%;
      border-radius: 50%;
    }

    .hand__content_author {
      margin-left: 8px;
      line-height: 40px;
    }

    .hand__content_icon {
      height: 18px;
      margin-top: 12px;
      margin-left: auto;
    }

    .hand__content_views {
      margin-left: 4px;
      line-height: 40px;
    }

    .hand__indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0;
    }

    .hand__indicators li {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 10px;
      height: 10px;
	  border-radius: 20px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: grey;
      background-clip: padding-box;
      opacity: .5;
      transition: opacity .6s ease;
    }

    .hand__indicators li.active {
      opacity: 1;
	  background-color: black;
    }