.loc-catalog {
  position: relative;
  float: left;
  text-align: center;
  width: 94%;
}
.loc-item:hover {
	opacity: 0.7;
  }
  .loc-item {
    border-left: 2px solid white;
	border-right: 2px solid white;
  }

#icons-left {
  z-index: 100;
  width: 9%;
  max-width: 50px;
  position: absolute;
  left: 2%;
  top: 40%;
  /*background: #f5f5f5 url('../assets/img/baling/car_iz.png') no-repeat center center;
  width: 100px;
  height: 200px;*/
}

#icons-right {
  z-index: 100;
  position: absolute;
  right: 2%;
  width: 9%;
  max-width: 50px;
  top: 40%;
}

.loc-catalog i {
  font-size: 0em;
}

.loc-wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow-x: hidden;
  white-space: nowrap;
}

@media all and (min-width: 1200px) {
  .loc-wrap {
    width: calc(100vw + (2px * 4));
  }
  
  .loc-wrap, .loc-icons {
    height: calc(94vw/4);
	background-color: #070532;
  }
  
  .loc-item {
    width: calc(94vw/4);
	margin-left: -7px!important;
    height: auto;  
	z-index: 1;
	background-color: #070532;
  }
  
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  .loc-wrap {
    width: calc(100vw + (4px * 3));
  }
  
  .loc-wrap, .loc-icons {
    height: calc(94vw/3);
  }
  
  .loc-item {
    width: calc(90vw/3);
    height: auto;  
  }
}

@media all and (max-width: 991px) {
  .loc-wrap {
    width: calc(90vw + (4px * 2));
  }
  
  .loc-wrap, .loc-icons {
    height: calc(94vw/2);
  }
  
  .loc-item {
    width: calc(90vw/2);
    height: auto;  
  }
}

.loc-item {
  display: inline-block;
	margin: 0 2px;
}

.loc-icons {
  position: absolute;
  left: 0;
}