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

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

.syncroit-catsquares-alternate .syncroit-catsquares-item { 
    position: relative;
    width: 32.454%;
    display: inline-block;
}

.syncroit-catsquares-alternate .syncroit-catsquares-item.left {
    float: left;
}

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

.syncroit-catsquares-alternate .syncroit-catsquares-item.right {
    float: right;
    margin-bottom: 0px;
}

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

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

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

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

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

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

.syncroit-catsquares-alternate .syncro-catsquares-background-image {
    background-size: cover;
}

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

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

@media (max-width: 768px) {

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

@media (max-width: 580px) {

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

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

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

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