.syncroit-catsquares {
  width: 100%;
  margin-top: 1.2%;
  font-size: 0px;
}

.syncroit-catsquares .syncroit-catsquares-inner {
  display: inline-block;
  width: 100%;
  height: 100%
}

.syncroit-catsquares .syncroit-catsquares-item { 
  position: relative;
  display: inline-block;
}

.syncroit-catsquares .syncroit-catsquares-item.left.singular {
  float: left;
  width: 32.454%;
}

.syncroit-catsquares .syncroit-catsquares-item.right.long {
  float: right;
  margin-bottom: 0px;
  width: 66.2%;
}

.syncroit-catsquares .syncroit-catsquares-item a {
	display: block;
  width: 100%;
  height: 100%;
}

.syncroit-catsquares .syncroit-catsquares-item a.top,
.syncroit-catsquares .syncroit-catsquares-item a.bottom {
  width: 100%;
  height: 100%;
}

.syncroit-catsquares .syncroit-catsquares-item img {
  width: 100%;
  height: 100%;
}

.syncroit-catsquares .syncroit-catsquares-item.right.long a.top {
  margin-bottom: 1.9%;
}

.syncroit-catsquares .syncro-catsquares-image-background img:hover{
	opacity: 0.7;
}

.syncroit-catsquares .syncro-catsquares-background-image img:hover {
  opacity: 0;
}

.syncroit-catsquares .syncro-catsquares-image-background {
  background-color: #fff;
}

@media (max-width: 768px) {

    .syncroit-catsquares .syncroit-catsquares-item a.top {
      padding-bottom: 0;
      margin-bottom: 3.95%;
    }
}

@media (max-width: 580px) {

    .syncroit-catsquares {
      margin-top: 0;
    }

    .syncroit-catsquares .syncroit-catsquares-item {
      width: 100% !important;
      margin-top: 3.8% !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      display: block;
      float: none !important;
    }

    .syncroit-catsquares .syncroit-catsquares-item a {
      width: 100% !important;
    }

    .syncroit-catsquares .syncroit-catsquares-item.right.long a.top {
      margin-bottom: 3.8%;
    }

    .syncroit-catsquares .syncroit-catsquares-item.center {
      margin: 0;
    }
}