.grid-item {
    width: 33%
}

.grid {
    margin: 0 auto
}

.triangle-div {
    display: none!important
}

.pagination {
    align-items: center;
    justify-content: center
}

.pagination .current {
    background-color: #c22828;
    border-radius: 50px;
    color: #fff
}

.pagination span {
    width: 45px;
    text-align: center;
    height: 45px;
    display: inline-block;
    color: #c22828;
    font-family: Monserrat;
    font-size: 24px;
    font-weight: 400;
    padding-top: 5px;
    text-decoration: none!important
}

.pagination span a {
    text-decoration: none!important;
    color: #23232f
}

.pagination span a:hover {
    color: #c22828
}

.modal-body {
    width: auto;
    height: auto;
    max-height: 100vh
}

.modal-body img {
    width: auto;
    max-height: 95vh
}

.modal-dialog {
    max-width: 70%;
    max-height: 100vh
}

@media (max-width: 768px) {
    .grid-item {
        width:100%
    }

    .modal-dialog {
        max-width: 85%;
        margin: 20px auto
    }
}