@media (max-width: 1200px) {
    #about .committee-member .image{
        width: 220px;
        height: 250px;
    }
}

@media (max-width: 991px) {
    footer .col-item {
        justify-content: flex-start;
    }
    #about .committee-member .image img {
        top: -23px;
    }
}

@media (max-width: 768px) {
    #vision .vision-content {
        width: 90%;
    }
    .contact-content {
        width: 100% !important;
    }
    .title {
        width: 90%;
    }
    .img-icon {
        width: 20px;
        height: 20px;
    }
    /* header .images .images-row {
        flex-direction: column;
    }
    header .images .images-row .image-box,
    header .images img.twoImg {
        width: 100%;
    } */
    #latest-news .latest-news-carousel {
        height: 350px;
    }
    .news-card {
        max-height: 300px;
    }
    .news-card .image {
        height: 180px;
    }

    header .images img.threeImg {
        height: 260px;
    }
    header .images img.twoImg {
        height: 320px;
    }
    header .images img.oneImg {
        height: 250px;
    }
    header .images .icon-img {
        width: 30px;
        height: 30px;
        box-shadow: 0 0 0 7px rgb(200 169 119 / 40%);
    }
    #about .committee-member .image {
        width: 190px;
        height: 220px;
    }
    #blog .col-md-4 {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .main-page-header .badge {
        padding: 5px 10px;
    }
    header .images img.twoImg {
        height: 230px;
    }
    header .images img.oneImg {
        height: 150px;
    }
    nav .logo {
        width: auto;
        display: inline-block;
        height: 60px;
        padding: 0px 0;
    }

    .arbitration .search-container {
        width: 100%;
    }
    .arbitration .group-select select {
        width: fit-content;
        border: none;
        appearance: none;
        border-radius: 10px;
        color: var(--main-color);
        cursor: pointer;
        padding: 5px 5px 5px 30px;
    }

    /* Background */
    header#header::before,
    #systems::before,
    #decisions::before,
    #forms::before,
    .arbitration::before,
    #blog::before {
        display: none;
    }

}