@media (max-width: 1300px) {
    .upload-photo {
        width: 100% !important;
    }
}

@media (max-width: 1400px) {}

@media (max-width: 1440px) {}

@media (max-width: 1700px) {}

@media (max-width: 768px) {

    .login-form button {
        padding: 0px !important;
    }
}

@media (max-width: 1024px) {}

@media (max-width: 991.98px) {
}

/* HEADER PAGE */

@media (max-width: 1441px) {
    .background-decorator {
        right: 0px;
    }
}

@media (max-width: 1025px) {
    .background-decorator {
        right: 0px;
    }
}


/* Dashboard Page*/
@media (min-width: 768px) and (max-width: 1024px) {
    .right-sidebar {
        margin-top: 30px;
        padding: 0px !important;
    }
}

@media (min-width: 512px) and (max-width: 768px) {
    .hero-dashboard .row {
        margin: 0px !important;
    }
}

@media (min-width: 320px) and (max-width: 512px) {
    .hero-dashboard .row {
        margin: 0px !important;
    }

    .right-sidebar {
        margin-top: 30px;
        padding: 0px !important;
    }

    #preview-container div {
        padding: 0px !important;
    }

    h1,
    h2 {
        line-height: unset !important;
    }

    .title {
        margin: 15px 0px;
    }

    .denied-photo-reason {
        margin-top: 10px !important;
    }

    /* Login Page Mobile */

    .form-check-input[type=checkbox] {
        margin-bottom: 20px !important;
    }

    .navbar #search-container {
        margin: unset !important;
    }

    /* Account Page Mobile */
    .account-info h1 {
        margin-bottom: 25px !important;
        font-size: 30px !important;
    }

    .right-sidebar {
        margin-top: 10px !important;
    }

    .upload-photo-header .modal-content {
        width: 100% !important;
    }

    /* Approved Photos Page Mobile */

    .denied-photo div {
        padding: 0px !important;
    }

    .pt-60 {
        padding-top: 20px;
    }
}

.navbar>.container {
    display: block !important;
}




/* IMAGES */

/* .image-grid {
    display: grid;
    grid-template-columns: repeat(5, 225px);
    gap: 7px;
    justify-content: center;
    margin-top: 20px;
}

.image-grid img.main-image-class {
    width: 225px;
    height: 255px !important;
    object-fit: cover;
}

@media (max-width: 480px) {
    .image-grid {
        grid-template-columns: 1fr 1fr;
    }

    .image-grid img.main-image-class {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1300px) {
    .image-grid {
        grid-template-columns: repeat(4, 225px);
        justify-content: start;
    }
}

@media (max-width: 1050px) {
    .image-grid {
        grid-template-columns: repeat(3, 225px);
        justify-content: center;
    }
}

@media (max-width: 800px) {
    .image-grid {
        grid-template-columns: repeat(2, 225px);
    }
}

@media (max-width: 500px) {
    .image-grid {
        grid-template-columns: repeat(2, 200px);
    }
} */


.image-grid {
    display: grid;
    grid-template-columns: repeat(5, 225px);
    gap: 7px;
    justify-content: center;
    margin-top: 20px;
}

/* .image-grid img.search-image-class {
    width: 100%;
    height: 255px;
    object-fit: cover;
} */

/* Large Laptop */
@media (max-width: 1399.98px) {
    .favorites-photo-grid {
        grid-template-columns: repeat(5, 200px) !important;
    }

    .upload-photo-grid {
        grid-template-columns: repeat(3, auto) !important;
    }

    .delete-all-button {
        margin-right: -12px !important;
    }
}


.delete-all-button {
    margin-right: -40px;
}

@media (max-width: 1199.98px) {
    .image-grid {
        grid-template-columns: repeat(4, 225px);
        justify-content: center;
    }

    .favorites-photo-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }

    .upload-photo-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Tablet */
@media (max-width: 991.98px) {
    .image-grid {
        grid-template-columns: repeat(3, 200px);
    }

    .favorites-photo-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .approve-photo-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .upload-photo-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* Small Tablet */
@media (max-width: 767.98px) {
    .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .image-grid img.main-image-class {
        height: 172px !important;
    }

    .favorites-photo-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .approve-photo-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .upload-photo-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .image-grid img.main-image-class {
        height: 172px !important;
    }


    /* FAV GRID */
    .favorites-photo-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* UPLOAD PHOTO GRID */
    .upload-photo-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 7px !important;
    }

    /* APPROVED PHOTO GRID */

    .approve-photo-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        justify-self: center;
    }

    .photo-wrapper {
        height: 100% !important;
        width: 100% !important;
    }
}