:root {
  --00a651: #0063b6;
  --037c3d: #2ec377;
}

@media (width <= 480px) {
  .contact .contact_top {
    flex-direction: column;
  }
  .contact .contact_top .contact_top-item-first {
    width: 100%;
  }
}
@media (min-width: 1180px) and (max-width: 1280px) {
  #Header .Header_top .Header_top-nav .top_nav--right .left {
    display: block;
  }
  #Header .Header_top .Header_bt-nav .Header_nav--link .Header_nav--link-img {
    width: 80px;
  }
  #Header .Header_top .Header_bt-nav .Header_nav--link .link_head {
    /*h3 {
        font-size: 2.6rem;
    }*/
    /*span {
        font-size: 1.2rem;
    }*/
  }
  #Header .Header_top .Header_bt-nav .Header_menu {
    gap: 2px;
  }
  #Header .Header_top .Header_bt-nav .Header_menu li a {
    font-size: 1.2rem;
  }
  .docter ul {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  #Header .Header_top .Header_top-nav .top_nav--right .left {
    gap: 7px;
    padding-left: 25px;
  }
  #Header .Header_top .Header_bt-nav .Header_nav--link .link_head {
    /*h3 {
        font-size: 2.1rem;
    }*/
    /* span {
        font-size: 1.4rem;
    }*/
  }
  #Header .Header_top .Header_bt-nav .Header_menu li a {
    font-size: 1.4rem;
  }
}
@media (max-width: 1178px) {
  .pd {
    padding-left: 20px;
    padding-right: 20px;
  }
  .pd .contact_bt {
    flex-direction: column;
  }
  .pd .contact_bt .left {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .pd .contact_bt .right {
    width: 100%;
  }
  .active {
    color: var(--037c3d);
  }
  .active i {
    color: #000;
  }
  .active #slideKhoa .slick-prev {
    display: none !important;
  }
  .active #slideKhoa .slick-next {
    display: none !important;
  }
  .active .Text-search {
    display: block;
    margin-right: 10px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_nav--link {
    margin-top: 30px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_nav--link a {
    max-width: 96%;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu {
    display: none;
  }
  .active #Header .Header_top .Header_bt-nav .menu-icon {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    font-size: 3rem;
    padding-right: 30px;
  }
  .active #Header .Header_top .Header_bt-nav .menu-icon i {
    color: #fff;
    padding: 10px;
  }
  .active #Header .Header_top .Header_bt-nav .mobile_opacity {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 102;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: opacityIn 0.4s linear;
  }
  .active #Header .Header_top .Header_bt-nav .mobile_close {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 103;
  }
  .active #Header .Header_top .Header_bt-nav .mobile_close i {
    font-size: 4rem;
    padding: 20px;
    color: #ccc;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 104;
    height: 100%;
    width: 70%;
    background-color: var(--00a651);
    animation: fadeIn 0.4s linear;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-x: auto;
    padding-top: 40px;
    padding-right: 0;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li {
    width: 100%;
    font-size: 2.4rem;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li a {
    color: #fff;
    padding-left: 40px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini {
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini li {
    padding: 8px 0;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini li a {
    color: #333;
    padding-left: 80px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini li .menu-mini {
    position: relative;
    right: 0;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .search {
    display: none;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap {
    left: 20px;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch {
    display: block;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch .ip {
    display: flex;
    flex-wrap: wrap;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch .ip input {
    font-size: 2rem;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-right: 10px;
    width: 65%;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch .ip .btnsearch {
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    color: #fff;
    background: rgba(28, 255, 0, 0.431372549);
    width: 25%;
    font-size: 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .active #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li:hover i {
    color: #fff;
  }
  .active #Header .Header_top .Header_bt-nav .menu-mobile:checked ~ .mobile_opacity,
  .active #Header .Header_top .Header_bt-nav .menu-mobile:checked ~ .mobile_close,
  .active #Header .Header_top .Header_bt-nav .menu-mobile:checked ~ .Header_menu-mobile {
    display: flex;
  }
  @keyframes opacityIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      transform: translateX(-100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .active .xemthem {
    padding: 1rem 2rem !important;
  }
  .active .search_top .item {
    width: 70% !important;
  }
  .active .Image-Search {
    width: 17% !important;
  }
  .active .container .video .video_nav .left {
    padding-left: 20px;
  }
  .active .container .video .video_nav .left .video_nav-link .img .play {
    top: 38%;
    left: 40%;
    width: 90px;
  }
  .active .container .video .video_nav .right {
    padding-left: 20px;
  }
  .active .container .video .video_nav .right .video_nav-link .img .play {
    width: 47px;
    top: 38%;
    left: 35%;
  }
  .active .container .health .health_nav .health_nav-list .health_nav-link {
    width: calc((100% - 30px) / 2);
  }
  .active .container .health .health_nav .health_nav-list .health_nav-link .health_nav-item {
    display: block;
  }
  .active .container .work .wide.daotao {
    flex-wrap: wrap;
  }
  .active .container .work .wide.daotao .GroupCate {
    width: calc((100% - 90px) / 2);
  }
  .active .container .work .wide.daotao .GroupCate:nth-child(3) {
    width: 100%;
  }
  .active .container .work .wide.daotao .GroupCate:nth-child(3) .GroupCate_Item a:first-child .link_img {
    width: 100%;
    height: 250px;
  }
  .active .container .work .wide.daotao .GroupCate:nth-child(3) .GroupCate_Item a .link_img {
    width: 40%;
    height: 140px;
  }
  .active .container .list_chuyenkhoa .wide {
    max-width: 96%;
  }
  .active .hoadong_container-link .hoatdong_conten .left {
    padding-left: 20px;
  }
  .active .hoadong_container-link .hoatdong_conten .right {
    padding-right: 20px;
  }
  .active .contact .contact_top .contact_bt {
    flex-direction: column;
  }
  .active .contact .contact_top .contact_bt .left {
    width: 100%;
  }
  .active .contact .contact_top .contact_bt .right {
    width: 100%;
  }
  .hoidap_2 .left .navbar .nav_bt {
    flex-wrap: wrap;
  }
  .hoidap_2 .left .navbar .nav_bt .right {
    width: 100%;
  }
  .docter .search {
    flex-wrap: wrap;
  }
  .docter ul li {
    width: calc((100% - 30px) / 2);
  }
  .docter_CT .docter_CT-top {
    flex-direction: column;
  }
  .docter_CT .docter_CT-top .top_left {
    gap: 20px;
    flex-direction: row;
    width: 100%;
  }
  .docter_CT .docter_CT-top .top_left .top_left-bt {
    width: auto;
    align-items: start;
  }
  .docter_CT .docter_CT-top .top_left .top_left-bt .bs {
    padding-left: 0;
  }
  .docter_CT .docter_CT-top .top_right {
    width: 100%;
  }
  .docter_CT .docter_CT-bt ul li {
    width: calc((100% - 30px) / 2);
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .img img {
    margin-top: 0 !important;
  }
}
@media (min-width: 740px) and (max-width: 1180px) {
  .lichkham table {
    width: 175%;
  }
  .lichkham table thead tr th {
    font-size: 1.7rem;
  }
  .lichkham table tbody tr td {
    font-size: 1.7rem;
  }
  #Header .Header_top .Header_top-nav .top_nav--right {
    flex-direction: column-reverse;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .right {
    justify-content: end;
    margin-top: 10px;
  }
  .Header_Slider .slick-dots {
    right: 45%;
  }
  .nav_conten-list .nav_conten {
    flex-wrap: wrap;
  }
  .nav_conten-list .nav_conten li {
    display: block;
    width: 33.3333333333%;
  }
  .container .knowledge .knowledge_slider .slick-next {
    right: 0;
  }
  .container .knowledge .knowledge_slider .knowledge_link .knowledge_img {
    height: 410px;
  }
  .container .slide-img .group.single-items .slick-prev, .container .slide-img .group.single-items .slick-next {
    display: none !important;
  }
}
@media (max-width: 739px) {
  #mvideo .parent .group {
    flex-direction: column;
  }
  #mvideo .parent .group item {
    width: 100% !important;
  }
  .lichkham table {
    width: 350%;
  }
  .lichkham table thead tr th {
    font-size: 1.5rem;
  }
  .lichkham table tbody tr td {
    font-size: 1.5rem;
  }
  #Header .Header_top .Header_top-nav .top_nav--right {
    width: 50%;
    flex-direction: column-reverse;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .left {
    gap: 15px;
    padding-left: 0;
    justify-content: center;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .right {
    gap: 0;
    margin-top: 10px;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .right li a {
    font-size: 1.3rem;
    padding: 10px 7px;
  }
  #Header .Header_top .Header_bt-nav {
    flex-direction: column;
  }
  #Header .Header_top .Header_bt-nav .Header_nav--link {
    padding: 10px 5px;
    gap: 10px;
  }
  #Header .Header_top .Header_bt-nav .Header_nav--link a .link_head h3, #Header .Header_top .Header_bt-nav .Header_nav--link a .link_head span {
    font-size: 1.9rem;
  }
  #Header .Header_top .Header_bt-nav .menu-icon {
    justify-content: end;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu {
    justify-content: flex-start;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li {
    font-size: 1.4rem;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini {
    top: auto;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini li {
    padding: 0;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .menu-mini li + li {
    border-top: solid 1px rgba(204, 204, 204, 0.2784313725);
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch .ip input {
    width: 55%;
    border-radius: 6px;
    border: solid 1px #ccc;
    outline: none;
    margin-right: 0;
  }
  #Header .Header_top .Header_bt-nav .Header_menu-mobile .Header_menu li .wrap #frmsearch .ip button {
    width: 17%;
    margin-left: 5px;
    border-radius: 8px;
    border: solid 1px #ccc;
    outline: none;
  }
  .Header_Slider .slick-dots {
    right: 40%;
  }
  .nav_conten-list .nav_conten {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .nav_conten-list .nav_conten li {
    display: block;
    width: 100%;
  }
  .container .video-dv .video-dv_nav {
    flex-direction: column;
  }
  .container .video-dv .video-dv_nav .video {
    width: 100%;
  }
  .container .video-dv .video-dv_nav .video .video_nav {
    flex-wrap: wrap;
    flex-direction: unset;
  }
  .container .video-dv .video-dv_nav .video .video_nav .left {
    width: 100%;
    padding-right: 20px;
  }
  .container .video-dv .video-dv_nav .video .video_nav .left .video_nav-link .img {
    height: auto;
  }
  .container .video-dv .video-dv_nav .video .video_nav .left .video_nav-link .img .play {
    top: 34%;
    left: 40%;
    width: 80px;
  }
  .container .video-dv .video-dv_nav .video .video_nav .right {
    width: 100%;
    flex-direction: row;
    gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container .video-dv .video-dv_nav .video .video_nav .right .video_nav-link {
    width: calc((100% - 20px) / 3);
  }
  .container .video-dv .video-dv_nav .video .video_nav .right .video_nav-link .img {
    height: 110px;
  }
  .container .video-dv .video-dv_nav .video .video_nav .right .video_nav-link .img .play {
    width: 30px;
  }
  .container .video-dv .video-dv_nav .service {
    width: 100%;
    padding-top: 0;
  }
  .container .video-dv .video-dv_nav .service .service_nav .service_nav-link {
    width: calc((100% - 45px) / 2);
    height: auto;
  }
  .container .video-dv .video-dv_nav .service .service_nav .service_nav-link h3 {
    padding: 20px;
  }
  .container .video-dv .video-dv_nav .service .service_nav .service_nav-link:nth-child(2) {
    border-top: none;
  }
  .container .news .news_nav .news_nav-link {
    width: 100%;
  }
  .container .knowledge .news_head {
    width: 100%;
    position: relative;
  }
  .container .knowledge .knowledge_slider {
    padding-top: 20px;
  }
  .container .knowledge .knowledge_slider .knowledge_link {
    flex-direction: column;
    padding-left: 0;
  }
  .container .knowledge .knowledge_slider .knowledge_link .knowledge_img {
    width: 93%;
    height: 280px;
  }
  .container .knowledge .knowledge_slider .knowledge_link .knowledge_nav {
    width: 72%;
  }
  .container .knowledge .knowledge_slider .slick-prev {
    top: 65%;
    left: 3%;
  }
  .container .knowledge .knowledge_slider .slick-next {
    top: 65%;
    right: 4%;
  }
  .container .health .health_nav .health_nav-list .health_nav-link {
    width: 100%;
  }
  .container .heart .heart_nav .heart_nav-list {
    flex-wrap: wrap;
  }
  .container .heart .heart_nav .heart_nav-list .heart_nav-link {
    width: 100%;
  }
  .container .grateful .grateful_nav .grateful_item .grateful_item-list {
    flex-direction: column;
  }
  .container .grateful .grateful_nav .grateful_item .grateful_item-list .item_link {
    width: 100%;
    padding: 0;
  }
  .container .grateful .grateful_nav .grateful_item .grateful_item-list .item_link .item_link-top {
    padding: 20px 20px 0 20px;
  }
  .container .grateful .grateful_nav .grateful_item .grateful_item-list .item_link .item_link-bottom {
    padding: 0 20px 20px 20px;
  }
  .container .thongbao .thongbao_nav {
    flex-direction: column;
  }
  .container .thongbao .thongbao_nav .left {
    width: 90%;
  }
  .container .thongbao .thongbao_nav .right {
    width: 90%;
  }
  .container .thongbao .thongbao_nav .right .news_head {
    text-align: center;
  }
  .container .list_chuyenkhoa .wide {
    max-width: 94%;
  }
  .container .list_chuyenkhoa .wide ul li {
    width: 100%;
  }
  .container .slide-img {
    max-width: 94%;
  }
  .container .slide-img .group .item {
    padding: 0;
  }
  .container .work .wide.daotao .GroupCate {
    width: 100%;
  }
  #footer .footer_conten .footer_conten-list .conten_right ul {
    min-width: 83vw;
  }
  #slideKhoa .wImage img {
    width: 35%;
  }
  #slideKhoa .wImage {
    border-radius: 10px;
  }
  #slideKhoa li {
    padding: 1px;
  }
  .Text-search {
    display: none;
  }
  .xemthem {
    width: 20%;
    padding: 1rem !important;
  }
  .hoadong_container-link .link-list {
    display: flex;
    flex-wrap: wrap;
  }
  .hoadong_container-link .hoatdong_conten {
    flex-direction: column;
  }
  .hoadong_container-link .hoatdong_conten .left {
    width: 100%;
    padding: 0;
  }
  .hoadong_container-link .hoatdong_conten .left ul li a, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li a {
    flex-direction: column;
  }
  .hoadong_container-link .hoatdong_conten .left ul li a .img, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li a .img {
    width: 100%;
  }
  .hoadong_container-link .hoatdong_conten .left ul li a .navbar, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li a .navbar {
    width: 100%;
    margin-left: 10px;
  }
  .hoadong_container-link .hoatdong_conten .left ul li a .navbar p, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li a .navbar p {
    display: none;
  }
  .hoadong_container-link .hoatdong_conten .left ul li:first-child a .img, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li:first-child a .img {
    width: 100%;
  }
  .hoadong_container-link .hoatdong_conten .left ul li:first-child a .navbar, .hoadong_container-link .hoatdong_conten .left .hoatdong1 li:first-child a .navbar {
    width: 100%;
  }
  .hoadong_container-link .hoatdong_conten .right {
    width: 100%;
  }
  .hoadong_container-link .new-category ul {
    display: flex;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .hoadong_container-link .new-category ul li {
    width: 100%;
  }
  .Image-Search {
    width: 20%;
  }
  .contact .contact_top .contact_top-item {
    width: 100%;
  }
  .contact .contact_bt {
    flex-direction: column;
  }
  .contact .contact_bt .left {
    width: 100%;
  }
  .contact .contact_bt .right {
    width: 100%;
    padding: 30px 0;
  }
  .hoidap {
    flex-direction: column;
  }
  .hoidap .left {
    width: 100%;
  }
  .hoidap .right {
    width: 100%;
  }
  .hoidap .right .right_question-top .modal .modal_item {
    width: 260px;
    height: 640px;
  }
  .hoidap_2 {
    flex-direction: column;
  }
  .hoidap_2 .left {
    width: 100%;
  }
  .hoidap_2 .left .navbar .nav_bt .right {
    gap: 20px;
  }
  .hoidap_2 .right {
    width: 100%;
  }
  .docter .search .search_select, .docter .search .search_select2 {
    width: 46%;
  }
  .docter ul li {
    width: 100%;
  }
  .docter_CT .docter_CT-top {
    flex-direction: column;
  }
  .docter_CT .docter_CT-top .top_left {
    gap: 20px;
    flex-direction: column;
    width: 100%;
  }
  .docter_CT .docter_CT-top .top_left .top_left-bt {
    width: auto;
    align-items: center;
  }
  .docter_CT .docter_CT-top .top_left .top_left-bt .bs {
    padding-left: 0;
  }
  .docter_CT .docter_CT-top .top_right {
    width: 100%;
  }
  .docter_CT .docter_CT-top .top_right .nav a {
    display: block;
  }
  .docter_CT .docter_CT-bt ul li {
    width: 100%;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .img {
    width: 90px;
    height: 90px;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .top-name p:first-child {
    font-size: 2.5rem;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .top-name p:last-child {
    font-size: 3.4rem;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-bt {
    font-size: 1.3rem;
    padding: 0;
  }
  #footer .footer_conten .footer_conten-list .content_center .center-top p {
    font-size: 1.3rem;
  }
}
@media (max-width: 420px) {
  #Header .Header_top .Header_top-nav .top_nav--right {
    flex-direction: column-reverse;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .left {
    gap: 8px;
    padding-left: 0;
    justify-content: center;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .right {
    gap: 0;
    margin-top: 10px;
  }
  #Header .Header_top .Header_top-nav .top_nav--right .right li a {
    font-size: 1.4rem;
    padding: 10px 6px;
  }
  #Header .Header_top .Header_bt-nav {
    flex-direction: column;
    padding-top: 32px;
  }
  #Header .Header_top .Header_bt-nav a .link_head h3 {
    font-size: 1.8rem;
  }
  #Header .Header_top .Header_bt-nav a .link_head span {
    font-size: 1.4rem;
  }
  #Header .Header_top .menu-icon {
    justify-content: end;
  }
  .hoidap_2 {
    flex-direction: column;
  }
  .hoidap_2 .left .navbar .nav_bt .right {
    gap: 10px;
  }
  .hoidap_2 .left .navbar .nav_bt .right .share {
    padding: 6px 10px;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .top-name p:first-child {
    font-size: 2.3rem;
  }
  #footer .footer_conten .footer_conten-list .conten_left .conten_left-top .top-name p:last-child {
    font-size: 3.2rem;
  }
}