@media (min-width: 1200px) {
    /* .container {
      max-width: 1140px;
    } */
}

@media (max-width: 1174px) {
    .button--item__button {
        display: block;
        padding-bottom: 20px;
    }

    .button--item__button button {
        margin: 14px 0;
    }

    #searchbanner input {
        width: 600px;
    }

    .button--item {
        padding-top: 5px;
    }

    /* #searchbanner button {
      width: 40px; 
    } */
}

/* Truy vấn phương tiện cho các màn hình có chiều rộng tối đa là 768px */
@media (max-width: 768px) {

    html,
    body {
        font-size: 13px;
    }

    .hr {
        left: 0;
    }

    .header {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 0;
        /* Căn toàn bộ nội dung về phía trái */
        /* padding: 20px 10px; */
        /* Điều chỉnh khoảng cách theo mong muốn */
    }

    .header--all {
        flex-direction: column;
        /* Xếp các phần tử theo chiều dọc */
        align-items: flex-start;
        /* Căn các phần tử về phía trái */
        padding: 20px 10px;
        /* Điều chỉnh khoảng cách */
    }

    .header--menu ul {
        display: flex;
        /* justify-content: flex-start; */
    }

    .header--menu ul li a {
        color: #546682;
        font-size: 16px;
        /* font-weight: 600; */
    }

    #searchbanner {
        display: none;
    }

    #searchbanner input {
        width: 220px;
        height: 30px;
    }

    #searchbanner button {
        width: 100%;
        width: 40px;
        /* Giới hạn chiều rộng tối đa */
        height: 30px;
    }

    .search-icon-banner {
        font-size: 22px;
    }

    .footer h4 {
        padding-top: 20px;
    }

    form.nosubmit {
        width: 70%;
    }

    .border--text--right {
        padding: 12px;
    }

    .border--text__box {
        overflow-x: hidden;
        padding: 13px;
    }

    .border--text__box h3 {
        font-size: 16px;
        text-align: center;
    }

    .all-nosubmit h3 {
        font-size: 18px;
    }

    #thucpham .text--scroll--border {
        padding: 0 5px;
        height: 80px;
        border-right: none;
    }

    /* page 4 */
    .hr--blue {
        width: 240px;
    }

    .nav--content--text h3 {
        font-size: 24px;
    }

    .content--item--box a {
        font-size: 18px;
    }

    .content--justify__h3 {
        font-size: 24px;
    }

    /* page 5 */
    .about--title p {
        font-size: 14px;
    }

    .content--item--color h3 {
        font-size: 18px;
    }

    /* page 6 */

    /* page 7 */
    .info--img--about h3 {
        font-size: 22px;
    }

    .info--img--about__button button {
        width: 140px;
        height: 40px;
    }

    .info--img--about__button button {
        margin-top: 10px;
    }

    /* page 8 */
    .nav--content--single h2 {
        font-size: 22px;
    }

    .nav--content--page8--img___left h3 {
        font-size: 18px;
    }

    .item--post__text h4 {
        font-size: 18px;
    }

    .post--noibat__text p {
        font-size: 16px;
    }

    .hr--dashed {
        margin-top: 50px;
    }

    .nav--content--single--recording audio {
        width: 245px;
    }

    /* page 9 */
    .seclect--time button {
        margin: 5px 0;
    }

    .img--qc--page9__img {
        padding-top: 10px;
    }

    .tinchuyenmuc__time h4 {
        font-size: 22px;
    }

    /*page 11  */
    .grid-container {
        grid-template-areas:
            "item--one"
            "item--two"
            "item--three"
            "item--four"
            "item--five";
        grid-template-columns: 1fr;
        /* Một cột cho màn hình nhỏ */
    }

    .share--save {
        margin-bottom: 10px;
    }

    .content--page11--muc .css--btn {
        margin-bottom: 10px;
        padding: 8px;
    }

    .all--border--text {
        margin-left: 0px;
    }

    /* page 15 */
    button.res--page15--btn {
        width: 150px !important;
    }

    /* page16 */
    form.example input[type="text"] {
        width: 80%;
    }

    form.example button {
        width: 20%;
    }

    .nav--content-right {
        margin-top: 20px;
    }

    .show--input {
        margin-bottom: 20px;
    }

    /* page 18 */
    .all--button--page18 button {
        margin-top: 10px;
    }

    .all--check {
        padding-left: 10px;
    }

    /* Tin tuc */
    .nav--menu__ul li a {
        font-size: 14px;
    }

    .nav--menu {
        min-height: 40px;
    }
}

@media (max-width: 540px) {
    .info--img--about {
        margin-top: 30px;
    }

    /* page home */
    .dichvu--thongtin--slider {
        text-align: center;
        margin-bottom: 30px;
    }

    .dichvu--icon {
        margin: 0 auto;
    }

    .dichvu--thongtin--h4 {
        text-align: center;
    }

    #searchbanner input {
        width: 150px;
        height: 30px;
    }

    ul#ul--dichvu {
        text-align: center;
    }

    .border--text--right {
        margin-top: 20px;
    }

    /* page 2 */
    .icon--item--box h5 {
        font-size: 16px;
    }

    .nav--content-right h3 {
        padding-top: 30px;
        text-align: center;
    }

    .button--item__button button {
        border: 1px solid #3c3c3c;
        height: 40px;
        width: 250px;
    }

    .icon--item--box {
        padding-bottom: 30px;
    }

    /* page3 */
    /* .nav--content--text h3 {
        text-align: center;
    } */

    /* page4 */
    .content--item--color ul li a {
        font-size: 15px;
    }

    .hr--blue {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .content--item--color {
        padding-top: 30px;
    }

    /* page6 */
    .nav--content--page6 h3 {
        padding-top: 30px;
        text-align: center;
    }

    /* page7 */
    .info--img--about__button button {
        width: 120px;
        height: 30px;
    }

    /* page 8 */
    .post--noibat__small--img {
        width: 80%;
    }

    .nav--content--left__img img {
        width: 65%;
    }

    .img--qc-page8 {
        margin-bottom: 30px;
    }

    .hr--dashed {
        margin-top: 20px;
    }

    .nav--content--single--recording audio {
        width: 300px;
    }

    /* page 9 */
    /* .seclect--time button{
      margin: 0 !important;
    } */
    .tinchuyenmuc__time h4 {
        font-size: 20px;
    }

    .content--page11--muc .css--btn {
        padding: 5px;
    }

    .bt-form-contact-simple .form-input {
        width: 320px;
        padding: 10px 15px;
        border-radius: 12px;
        border: 1px solid #cbd5e1;
        background-color: white;
    }

    .contact-item .form-group-wrap {
        display: block;
    }

    .nav--content--text h3 {
        font-size: 18px;
    }

    .hr--bg--blue--page13 {
        border: 2px solid var(--primary);
        width: 200px;
    }

    /* page 11 */
    .all--border--text {
        margin-left: 100px;
    }

    /* page 14 */
    .content--table--sort form input {
        margin-bottom: 20px;
    }

    /* page16 */
    form.example input[type="text"] {
        width: 80%;
    }

    form.example button {
        width: 20%;
    }

    /* page17 */
    .captcha-container input.form-control--w {
        width: 100% !important;
    }

    /* page 18 */
    form.example button {
        width: 10%;
    }

    .captcha-container label {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content--item--box a {
        font-size: 16px;
    }

    .about--title__item p {
        font-size: 14px;
    }

    .about--title__item li {
        font-size: 14px;
    }

    .widget-sidebar {
        margin-top: 20px;
    }

    .banner2 {
        margin: 40px 0;
    }
}