@media (max-width: 767.98px) {
    .navbar-brand img {
        max-width: 175px;
    }
    #navbar-main {
        margin-top: 10px;
    }
    .header-curved {
        padding-bottom: 105%;
    }
    .header-curved-caption {
        padding: 10% 0;
    }
    .middle-border {
        content: "";
        width: 80%;
        height: 2px;
        background: #000;
        margin: 40px 0;
    }
    #pagination-container ul li a,
    #pagination-container ul li span {
        padding: 5px 10px;
    }
}
@media (max-width: 991.98px) {
    .header-curved {
        padding-bottom: 60%;
    }
    .header-curved-title {
        font-size: 24px;
    }
    .header-curved-text {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 1199px) {
    .pagination {
        height: 50px;
        padding: 0 10px;
        border-radius: 25px;
    }
    .page-numbers {
        padding: 0 15px;
        font-size: 16px;
        line-height: 50px;
    }
}