@media (max-width: 1200px) {
    .image-gallery {
        grid-template-columns: repeat(2, 300px);
        max-width: 1000px;
        gap: 15px !important;
    }

    .large {
        grid-column: 1 / -1 !important;
        width: 600px !important;
        height: 450px !important;
    }

    .tall {
        height: 450px !important;
        width: 300px !important;
        grid-row: span 1 !important;
    }

    .larger {
        grid-column: 1 / -1 !important;
        width: 600px !important;
        height: 450px !important;
    }

    .taller {
        height: 450px !important;
        width: 300px !important;
        grid-row: span 1 !important;
    }

    .regular {
        width: 300px !important;
        height: 300px !important;
    }
}


@media (max-width: 900px) {
    .image-gallery {
        grid-template-columns: repeat(2, 300px);
        max-width: 768px !important;
        gap: 15px !important;
    }

    .large {
        grid-column: 1 / -1 !important;
        width: 600px !important;
        height: 450px !important;
    }

    .tall {
        height: 450px !important;
        width: 300px !important;
        grid-row: span 1 !important;
    }

    .larger {
        grid-column: 1 / -1 !important;
        width: 600px !important;
        height: 450px !important;
    }

    .taller {
        height: 450px !important;
        width: 300px !important;
        grid-row: span 1 !important;
    }

    .regular {
        width: 300px !important;
        height: 300px !important;
    }

    .test.container {
        width: 500px !important;
    }

}

@media (max-width: 600px) {
    .image-gallery {
        grid-template-columns: repeat(1, 250px);
        max-width: 425px !important;
        gap: 5px !important;
    }

    .large {
        grid-column: 1 / -1 !important;
        width: 250px !important;
        height: 250px !important;
    }

    .tall {
        height: 250px !important;
        width: 250px !important;
        grid-row: span 1 !important;
    }


    .larger {
        grid-column: 1 / -1 !important;
        width: 250px !important;
        height: 250px !important;
    }

    .taller {
        height: 250px !important;
        width: 250px !important;
        grid-row: span 1 !important;
    }

    .regular {
        width: 250px !important;
        height: 250px !important;
    }

    .test.container {
        width: 425px !important;
    }

}

@media (max-width: 400px) {
    .test.container {
        width: 300px !important;
    }
}

@media (max-width: 1200px) {
    .designs.wrapper {
        width: 90%;
    }
}




.line {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    margin: 20px auto;
}


.regular.img {
    height: 450px !important;
}


@media (max-width: 1440px) {
    .returnbox {
        margin-left: 145px;
    }
}

@media (max-width: 1200px) {
    .returnbox {
        margin-left: 100px;
    }


}