.syncroit-catsquares {
    width: 100%;
    margin-top: 1.2%;
    font-size: 0px;
    position: relative;
}

.syncroit-catsquares .syncroit-catsquares-inner {
    display: inline-block;
    width: 100%;
    height: 100%
}

.syncroit-catsquares .syncroit-catsquares-item { 
    position: relative;
    width: 32.454%;
    display: inline-block;
}

.syncroit-catsquares .syncroit-catsquares-item.left {
    float: left;
}

.syncroit-catsquares .syncroit-catsquares-item.center {
    margin: 0 1.32%;
}

.syncroit-catsquares .syncroit-catsquares-item.right {
    float: right;
    margin-bottom: 0px;
}

.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 a.top {
    margin-bottom: 3.74%;
}

.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;
    }

    div.syncro-catsquares-image-background img:hover {
        opacity: 1 !important;
    }
}

@media (max-width: 580px) {

    .syncroit-catsquares {
        margin-top: 0;
    }

    .syncroit-catsquares .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 .syncroit-catsquares-item a {
        width: 100% !important;
    }

    .syncroit-catsquares .syncroit-catsquares-item.center {
        margin: 0;
    }
}

