.items {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-top: -10px;
}
.items .item {
	flex: 1 0 500px;
  box-sizing: border-box;
  color: #171e42;
  padding: 10px;
	margin-left: 10px;
	margin-top: 15px;
}

.items img{
	display: flex;
	flex-wrap: wrap;
	overflow:hidden;
	width: 100%;
}
@media screen and (max-width:650px) {
	.items .item {
    max-width: calc(100% - 10px);
  }
}

@media (min-width: 830px) {
  .items .item {
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1040px) {
  .items .item {
    max-width: calc(50% - 10px);
  }
}

@media (min-width: 1250px) {
  .items .item {
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1460px) {
  .items .item {
     max-width: calc(33.33333% - 10px);
  }
}
@media (min-width: 1670px) {
  .items .item {
    max-width: calc(25% - 10px);
  }
}
/*
@media (min-width: 410px) {
  .items .item {
    max-width: calc(50% - 10px);
  }
  
}
@media (min-width: 620px) {
  .items .item {
    max-width: calc(33.33333% - 10px);
  }
}
@media (min-width: 830px) {
  .items .item {
    max-width: calc(25% - 10px);
  }
}
@media (min-width: 1040px) {
  .items .item {
    max-width: calc(20% - 10px);
  }
}
@media (min-width: 1250px) {
  .items .item {
    max-width: calc(16.66667% - 10px);
  }
}
@media (min-width: 1460px) {
  .items .item {
    max-width: calc(14.28571% - 10px);
  }
}
@media (min-width: 1670px) {
  .items .item {
    min-width: calc(12.5% - 10px);
  }
}
*/