.syncroit-catsquares-2small-1big {
    width: 100%;
    margin-top: 1.2%;
    font-size: 0px;
    height: 100%
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-inner {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item { 
    position: relative;
    width: 32.45%;
    display: inline-block;
    height: 100%;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item.left {
    float: right;
    width: 66.3%;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item.right {
    float: left;
    width: 32.45%;
    margin-bottom: 0px;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item a {
      display: block;
    width: 100%;
    height: 100%;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item a.top,
.syncroit-catsquares-2small-1big .syncroit-catsquares-item a.bottom {
    width: 100%;
    height: 47.7%;
}

.syncroit-catsquares-2small-1big .syncroit-catsquares-item a.top {
    margin-bottom: 3.95%;
}

.syncroit-catsquares-2small-1big .syncro-catsquares-image-background {
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.syncroit-catsquares-2small-1big .syncro-catsquares-image-background img {
    width: 100%;
    height: 100%;
}

.syncroit-catsquares-2small-1big .right .syncro-catsquares-image-background img {
    width: 100%;
    height: 100%;
}

.syncroit-catsquares-2small-1big .syncro-catsquares-image-background img:hover {
    opacity: 0.7;
}

.syncroit-catsquares-2small-1big .syncro-catsquares-background-image img:hover {
    opacity: 0;
}

@media (max-width: 768px) {

    .syncroit-catsquares-2small-1big .syncroit-catsquares-item a.top {
        padding-bottom: 0;
        margin-bottom: 3.95%;
    }
}

@media (max-width: 580px) {

    .syncroit-catsquares-2small-1big {
        margin-top: 0;
    }

    .syncroit-catsquares-2small-1big .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-2small-1big .syncroit-catsquares-item a {
        width: 100% !important;
    }
}

