

/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

.masonryitem {
    width:calc(5.56% - 7px) !important;
}

@media (max-width: 3400px) {
    .masonryitem {
        width:calc(5.88% - 7px) !important;
    }
}


@media (max-width: 3200px) {
    .masonryitem {
        width:calc(6.25% - 7px) !important;
    }
}


@media (max-width: 3000px) {
    .masonryitem {
        width:calc(6.67% - 7px) !important;
    }
}


@media (max-width: 2800px) {
    .masonryitem {
        width:calc(7.14% - 7px) !important;
    }
}


@media (max-width: 2600px) {
    .masonryitem {
        width:calc(7.69% - 7px) !important;
    }
}


@media (max-width: 2400px) {
    .masonryitem {
        width:calc(8.33% - 7px) !important;
    }
}


@media (max-width: 2200px) {
    .masonryitem {
        width:calc(9.09% - 7px) !important;
    }
}


@media (max-width: 2000px) {
    .masonryitem {
        width:calc(10% - 7px) !important;
    }
}


@media (max-width: 1800px) {
    .masonryitem {
        width:calc(11.11% - 7px) !important;
    }
}


@media (max-width: 1600px) {
    .masonryitem {
        width:calc(12.5% - 7px) !important;
    }
}


@media (max-width: 1400px) {
    .masonryitem {
        width:calc(14.29% - 7px) !important;
    }
}


@media (max-width: 1200px) {
    .masonryitem {
        width:calc(16.67% - 7px) !important;
    }
}


@media (max-width: 1000px) {
    .masonryitem {
        width:calc(20% - 7px) !important;
    }
}


@media (max-width: 800px) {
    .masonryitem {
        width:calc(25% - 7px) !important;
    }
}


@media (max-width: 600px) {
    .masonryitem {
        width:calc(33.33% - 7px) !important;
    }
}


@media (max-width: 400px) {
    .masonryitem {
        width:calc(50% - 7px) !important;
    }
}