#header,
#header_mobile,
#slide,
#dakhoa__slide-mobile,
#copy,
.index-feedbacks,
#footer_mobile {
    display: none;
}
@media only screen and (min-width: 901px) {
    #header {
        display: block;
    }
    #slide {
        display: block;
    }
    #copy {
        display: block;
    }
}
@media only screen and (max-width: 900px) {
    #header_mobile {
        display: block;
    }
    #dakhoa__slide-mobile {
        display: block;
    }
    .index-feedbacks {
        display: block;
        text-align: center;
    }
    #footer_mobile {
        display: block;
    }
}
@media only screen and (max-width: 900px) {
    #dakhoa__slide-mobile > img {
        aspect-ratio: auto 640 / 360;
    }
    #motto {
        padding-top: 10px !important;
    }
    #titleBaiviet{
        background: linear-gradient(270deg, #02685B  0%, #02685B  100%);
        padding: 0px 10px;
    }

    #thong_tin_bai_viet {
        margin-top: 15px !important;
    }
    .dakhoa__motto-container-row {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0px !important;
        gap: 10px !important;
        flex-wrap: none !important;
    }
    .dakhoa__motto-container-row > a {
        width: 22% !important;
    }
    .dakhoa__motto-container-row-card {
        width: 100% !important;
        padding: 10px 0px !important;
    }
    .dakhoa__motto-container-row-card > amp-img {
        width: 60px !important;
        height: 60px !important;
    }
    .dakhoa__motto-container-row-card > div {
        font-size: var(--font-size-10) !important;
        margin-top: 2px !important;
        line-height: 13px !important;
    }
    .dakhoa__motto-container-body {
        flex-wrap: wrap !important;
        padding: 0 10px !important;
    }
    .dakhoa__motto-container-body > img {
        width: 100% !important;
    }
    .dakhoa__motto-container-body-right {
        width: 100% !important;
        margin-top: 10px !important;
    }
    .dakhoa__motto-container-title1 > h5 {
        font-size: var(--font-size-16) !important;
    }
    .dakhoa__motto-container-title > h5 {
        font-size: var(--font-size-16) !important;
    }
    #why {
        padding-bottom: 0px !important;
    }
    .dakhoa__why-container-title {
        font-size: var(--font-size-16) !important;
    }
    .dakhoa__why-container-body {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .dakhoa__why-container-body-card {
        width: 100% !important;
    }
    .dakhoa__dominance-container > img {
        width: 100% !important;
    }
    .dakhoa__dominance-container-body-card {
        padding: 0 10px !important;
    }
    .dakhoa__dominance-container-body-card > span {
        font-size: var(--font-size-14) !important;
    }
    .dakhoa__dominance-container-body {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .dakhoa__specialist-container-body {
        padding-top: 10px !important;
        flex-wrap: wrap !important;
    }
    .dakhoa__specialist-container-body-left {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 10px !important;
    }
    .dakhoa__specialist-container-body-left-card {
        width: 25% !important;
        padding: 4px 0 0 0px !important;
    }
    .dakhoa__specialist-container-body-left-card-body {
        width: 75% !important;
        height: 71px !important;
    }
    .dakhoa__specialist-container-body-left-card-body > div {
        font-size: 10px !important;
        margin-top: 4px !important;
    }
    .dakhoa__space-container-body {
        flex-wrap: wrap !important;
    }
    .dakhoa__space-container-body-left {
        width: 100% !important;
    }
    .dakhoa__space-container-body-right {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important;
    }
    .dakhoa__space-container-body-right > div{
        width: 46% !important;
    }
    .dakhoa__space-container-body-right > div > img {
        width: 100% !important;
        height: auto !important;
    }
    .dakhoa__space-container-carousel {
        width: 100% !important;
    }
    .dakhoa__procedure-container-top {
        justify-content: center !important;
    }
    .dakhoa__procedure-container-top-card {
        width: 48% !important;
    }
    .dakhoa__procedure-container-top-card > span {
        font-size: var(--font-size-14) !important;
    }
    .dakhoa__procedure-container-tuvan {
        padding: 0px !important;
    }
    .dakhoa__procedure-container-tuvan-right {
        width: 56% !important;
    }
    .dakhoa__procedure-container-tuvan-right > h5 {
        font-size: var(--font-size-12) !important;
    }
    .dakhoa__procedure-container-tuvan-right > div > input {
        font-size: var(--font-size-12) !important;
        padding: 0 10px !important;
        height: 40px !important;
    }
    .dakhoa__procedure-container-tuvan-right > div > button {
        height: 40px !important;
        width: 50px !important;
        right: -20px !important;
        font-size: 16px !important;
    }
    .dakhoa__feedback-container {
        margin-top: 0px !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    .dakhoa__feedback-container-top {
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: 10px !important;
    }
    .dakhoa__feedback-container-left {
        width: 100% !important;
        padding: 10px !important;
    }
    .dakhoa__feedback-container-left-form {
        padding: 10px 0px !important;
        width: 100% !important;
    }
    .dakhoa__feedback-container-left-form-input {
        display: flex !important;
        margin-top: 10px !important;
        width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .dakhoa__feedback-container-left-form-input > input {
        width: 80% !important;
        height: 40px !important;
    }
    .dakhoa__feedback-container-left-form-1 {
        gap: 10px !important;
        width: 100% !important;
    }
    .dakhoa__feedback-container-left-form-1 > div {
        transform: translate(0, 0) !important;
        width: 42% !important;
    }
    .dakhoa__feedback-container-left-form-1 > div > label {
        display: none !important;
    }
    .dakhoa__feedback-container-right {
        display: none !important;
    }
    .dakhoa__feedback-container-left-form-button > button {
        height: 40px !important;
    }
    #footer {
        padding-bottom: 80px;
    }
    .dakhoa__footer-container-top {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 15px !important;
    }
    .dakhoa__footer-container-top-left {
        width: 100% !important;
    }
    .dakhoa__footer-container-top-center {
        padding: 0 10px !important;
        width: 100% !important;
    }
    .dakhoa__footer-container-top-center > ul {
        margin-top: 2px !important;
    }
    .dakhoa__footer-container-top-right > ul {
        margin-top: 2px !important;
    }
    .dakhoa__footer-container-top-right {
        padding: 0 10px !important;
        width: 100% !important;
    }
    .footer_container_bottom > button {
        width: 200px !important;
        font-size: var(--font-size-16) !important;
    }
    .footer_container_bottom {
        width: 100% !important;
    }
    .footer_container_bottom > div > img {
        width: 100% !important;
        height: auto !important;
    }
    #footer_mobile {
        background-image: url(../images/background/footer_mobile.webp);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 80px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
    }
    .footer_mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        width: 100%;
    }
    .footer_mobile > a {
        width: 25%;
        display: block;
        height: 70px;
    }
    .glow-on-hover {
        width: 320px !important;
        height: 130px !important;
        margin: 0px !important;
    }
    .view {
        text-align: center !important;
        width: 100% !important;
        height: 226px !important;
    }
    .view_button {
        top: 72% !important;
    }
    .titleBaiViet_container {
        
        font-size: var(--font-size-20) !important;
        padding: 0px !important;
    }
    .slide_footer {
        padding: 10px !important;
        background: #f2f2f2 !important;
    }
    .slide_footer > div {
        color: var(--background-color-000C76) !important;
        text-transform: capitalize !important;
        font-size: var(--font-size-16) !important;
        font-weight: var(--font-weight-400) !important;
    }
    .container {
        line-height: 25px !important;
    }
    .baiviet_container_footer_hr {
        margin-left: 27% !important;
    }
    .dakhoa__motto-container-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0px !important;
    }
    .dakhoa__motto-container-title > img {
        width: 100px !important;
        height: 20px !important;
    }
    .baiviet_container_footer_hotro_card {
        display: none !important;
    }
    #title {
        height: 50px !important;
    }
    .title__container {
        height: 50px !important;
        justify-content: center !important;
        font-size: 20px !important;
    }

    .dakhoa__motto-fox {
        position: unset !important;
    }

    .dakhoa__why-container-body-card-right > h5{
        font-size: var(--font-size-14) !important;
    }
    .dakhoa__specialist-container-body-right-card-h5 {
        font-size: var(--font-size-14) !important;
    }

    .dakhoa__specialist-container-body-right-card-span{
        font-size: var(--font-size-14) !important;
    }

    .baiviet_container-row{
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .baiviet_container-row-left {
        width: 100% !important;
    }

    .baiviet_container-row-right{
        width: 100% !important;
    }
   
}