@media and (max-width: 767px) {
}
/* PC */
@media screen and (min-width: 1025px) {
    .bannermobile {
        display: none;
    }
    .title-one, .title-two, .title-three{
        padding-left:0;
    }

}
/*table co lon*/
@media screen and (max-width: 1024.99px) and (min-width: 992px) {
    .newjob__inline {
        grid-template-columns: repeat(2, auto);
    }
    .bannermobile {
        display: none;
    }

}
/*  Table và mobile */
@media screen and (max-width: 991px) {
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-body {
        margin-top: 0 !important;
    }
    .banner-group{
          padding: 0 48px;
    }
    .container-fluid .page-wrapper, .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }
    .bannermobile {
        display: none;
    }

    .banner-image {
        background-position: 67% 50% !important;
    }

    .banner-group {
    }

    .title-one {
        font-size: 30px;
    }

    .title-two {
        font-size: 40px !important;
    }

    .title-three {
        max-width: 59%;
        font-size: 30px;
    }

    .home__search-inner {
        width: 100%;
    }

    .newjob__group {
        flex: 1 1 48%;
    }

    .recruitment-inline {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container-wrapper {
        flex-direction: column;
    }

    .list-contact {
        margin-top: 12px;
    }
}

/* Mobie */
@media screen and (max-width: 767px) {
    #tuyenDungKhongViTri {
        padding-right: 0px;
    }

    .page-body {
        margin-top: 0 !important;
    }

    .container-fluid .page-wrapper, .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }

    .banner {
        display: none;
    }

    .bannermobile .banner-image {
        width: 100%;
        height: 820px;
        flex-shrink: 0;
        object-fit: cover;
        background: url('../../images/thumbs/banner_home_mobile.webp') lightgray 50% / cover no-repeat;
    }

    .bannermobile .title-1 {
        color: var(--TA-dark-blue, #003CAA);
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
    }

    .bannermobile .title-2 {
        color: #FFBA18;
        font-family: Inter;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 33.6px */
        letter-spacing: -0.56px;
    }

    .bannermobile .title-3 {
        color: var(--slate-500, #64748B);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 24px */
    }

    .bannermobile .banner-group {
        padding: 63px 24px;
        justify-content: normal;
        align-content: normal;
        gap: 0;
    }

    .home__search-inner {
        display: flex;
        padding: 8px;
        width:100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .home__search-group, .home__search-btn {
        width: 100%;
    }

    .home__search {
        margin-top: -54px;
        padding: 0 18px;
    }

    .newjob__group-title {
        margin-bottom: 4px;
    }

    .newjob-btn {
        width: none;
    }

    .newjob-text {
        padding: 0 0.5rem;
    }

    .hospitalsys-group {
        padding: 0 20px;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        grid-template-areas:
            "hinh1 hinh1 hinh1 hinh2 hinh2 hinh2 hinh2 hinh2"
            "hinh3 hinh3 hinh3 hinh3 hinh3 hinh4 hinh4 hinh4"
            "hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5"
            "hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5"
            "hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5 hinh5";
    }

    .hospitalsys-image {
        padding-bottom: 40px;
    }

    .hospitalsys-title {
        color: var(--slate-900, #0F172A);
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        line-height: 36px; /* 120% */
        padding: 40px 20px 0;
    }

    .hospitalsys-text p {
        color: var(--slate-600, #475569);
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; /* 24px */
        padding: 0 20px;
    }

    .recruitment {
        margin: 0;
        padding: 40px 24px;
    }

    .recruitment__inner {
    }

    .recruitment-title {
        color: var(--slate-900, #0F172A);
        font-size: 30px;
        font-weight: 600;
        line-height: 36px;
    }

    .recruitment-inline {
        margin-top: 32px;
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
    }
    .hospitalsys-text__inner {
        max-width: 100vw;
    }
        .hospitalsys-text__inner p img {
            max-width: 89vw;
        }


}