/* Default max-vh classes for mobile (below 576px) */
@media (max-width: 575px) {
    .max-vh-xs-10 { max-height: 10vh!important; }
    .max-vh-xs-20 { max-height: 20vh!important; }
    .max-vh-xs-30 { max-height: 30vh!important; }
    .max-vh-xs-40 { max-height: 40vh!important; }
    .max-vh-xs-50 { max-height: 50vh!important; }
    .max-vh-xs-60 { max-height: 60vh!important; }
    .max-vh-xs-70 { max-height: 70vh!important; }
    .max-vh-xs-75 { max-height: 75vh!important; }
    .max-vh-xs-80 { max-height: 80vh!important; }
    .max-vh-xs-90 { max-height: 90vh!important; }
    .max-vh-xs-100 { max-height: 100vh!important; }
}

/* Small devices (sm, min-width: 576px) */
@media (min-width: 576px) {
    .max-vh-sm-10 { max-height: 10vh!important; }
    .max-vh-sm-20 { max-height: 20vh!important; }
    .max-vh-sm-30 { max-height: 30vh!important; }
    .max-vh-sm-40 { max-height: 40vh!important; }
    .max-vh-sm-50 { max-height: 50vh!important; }
    .max-vh-sm-60 { max-height: 60vh!important; }
    .max-vh-sm-70 { max-height: 70vh!important; }
    .max-vh-sm-75 { max-height: 75vh!important; }
    .max-vh-sm-80 { max-height: 80vh!important; }
    .max-vh-sm-90 { max-height: 90vh!important; }
    .max-vh-sm-100 { max-height: 100vh!important; }
}

/* Medium devices (md, min-width: 768px) */
@media (min-width: 768px) {
    .max-vh-md-10 { max-height: 10vh!important; }
    .max-vh-md-20 { max-height: 20vh!important; }
    .max-vh-md-30 { max-height: 30vh!important; }
    .max-vh-md-40 { max-height: 40vh!important; }
    .max-vh-md-50 { max-height: 50vh!important; }
    .max-vh-md-60 { max-height: 60vh!important; }
    .max-vh-md-70 { max-height: 70vh!important; }
    .max-vh-md-75 { max-height: 75vh!important; }
    .max-vh-md-80 { max-height: 80vh!important; }
    .max-vh-md-90 { max-height: 90vh!important; }
    .max-vh-md-100 { max-height: 100vh!important; }
}

/* Large devices (lg, min-width: 992px) */
@media (min-width: 992px) {
    .max-vh-lg-10 { max-height: 10vh!important; }
    .max-vh-lg-20 { max-height: 20vh!important; }
    .max-vh-lg-30 { max-height: 30vh!important; }
    .max-vh-lg-40 { max-height: 40vh!important; }
    .max-vh-lg-50 { max-height: 50vh!important; }
    .max-vh-lg-60 { max-height: 60vh!important; }
    .max-vh-lg-70 { max-height: 70vh!important; }
    .max-vh-lg-75 { max-height: 75vh!important; }
    .max-vh-lg-80 { max-height: 80vh!important; }
    .max-vh-lg-90 { max-height: 90vh!important; }
    .max-vh-lg-100 { max-height: 100vh!important; }
}

/* Extra large devices (xl, min-width: 1400px) */
@media (min-width: 1400px) {
    .max-vh-xl-10 { max-height: 10vh!important; }
    .max-vh-xl-20 { max-height: 20vh!important; }
    .max-vh-xl-30 { max-height: 30vh!important; }
    .max-vh-xl-40 { max-height: 40vh!important; }
    .max-vh-xl-50 { max-height: 50vh!important; }
    .max-vh-xl-60 { max-height: 60vh!important; }
    .max-vh-xl-70 { max-height: 70vh!important; }
    .max-vh-xl-75 { max-height: 75vh!important; }
    .max-vh-xl-80 { max-height: 80vh!important; }
    .max-vh-xl-90 { max-height: 90vh!important; }
    .max-vh-xl-100 { max-height: 100vh!important; }
}

.height_masonry_1 { height: 90px; }
.height_masonry_2 { height: 180px; }
.height_masonry_3 { height: 270px; }
.height_masonry_4 { height: 360px; }
.height_masonry_5 { height: 450px; }
.height_masonry_6 { height: 540px; }
.height_masonry_7 { height: 630px; }
.height_masonry_8 { height: 720px; }

@media(max-width: 1280px){
    .height_masonry_1 { height: 75px; }
    .height_masonry_2 { height: 150px; }
    .height_masonry_3 { height: 225px; }
    .height_masonry_4 { height: 300px; }
    .height_masonry_5 { height: 375px; }
    .height_masonry_6 { height: 450px; }
    .height_masonry_7 { height: 525px; }
    .height_masonry_8 { height: 600px; }
}

@media(max-width: 992px){
    .height_masonry_1 { height: 60px; }
    .height_masonry_2 { height: 120px; }
    .height_masonry_3 { height: 180px; }
    .height_masonry_4 { height: 240px; }
    .height_masonry_5 { height: 300px; }
    .height_masonry_6 { height: 360px; }
    .height_masonry_7 { height: 420px; }
    .height_masonry_8 { height: 480px; }
}

@media(max-width: 768px){
    .height_masonry_1 { height: 40px; }
    .height_masonry_2 { height: 80px; }
    .height_masonry_3 { height: 120px; }
    .height_masonry_4 { height: 160px; }
    .height_masonry_5 { height: 200px; }
    .height_masonry_6 { height: 240px; }
    .height_masonry_7 { height: 280px; }
    .height_masonry_8 { height: 320px; }
}

@media(max-width: 575px){
    .height_masonry_1 { height: 144px; }
    .height_masonry_2 { height: 144px; }
    .height_masonry_3 { height: 144px; }
    .height_masonry_4 { height: 144px; }
    .height_masonry_5 { height: 144px; }
    .height_masonry_6 { height: 144px; }
    .height_masonry_7 { height: 144px; }
    .height_masonry_8 { height: 144px; }
}