.sfq-container {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 219px;
}

.sfq-box {
  flex: 1;
	height: 219px;
  overflow: hidden;
  transition: .5s;
  margin: 0;
/*  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);*/
  line-height: 0;
	background: #000;
}

.sfq-box > img {
  width: 100%;
  height: 219px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: .5s;
}


.sfq-box:hover {
  flex: 1 1 11%;
}

.sfq-box:hover > img {
  width: auto;
  height: 219px;
  transition: .5s;
}





/*<1300*/
@media screen and (max-width:1299px) 
{
	.sfq-box:hover {
  flex: 1 1 17%;
}
	

/*<1200*/
@media screen and (max-width:1199px) 
{
	.sfq-box:hover {
  flex: 1 1 20%;
}
		
	
/*<1100*/
@media screen and (max-width:1099px) 
{
	.sfq-box:hover {
  flex: 1 1 24%;
}
		
/*<1000*/
@media screen and (max-width:999px) 
{
	.sfq-box:hover {
  flex: 1 1 30%;
}		
/*<950*/
@media screen and (max-width:949px) 
{
	.sfq-box:hover {
  flex: 1 1 35%;
}	
/*<750*/
@media screen and (max-width:750px) 
{
	.sfq-box:hover {
  flex: 1 1 50%;
}		
/*<620*/
@media screen and (max-width:620px) 
{
	.sfq-container{display:none}
}