@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html, body {font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-variation-settings:"wdth" 100;
    font-size:16px;
    color:var(--color-text);}
/*General*/
a {color:var(--color-text);}
a:hover {color: var(--color-text);}
h1, h2, h3, h4, h5, h6 {margin: 0;}
p {margin: 0;margin-bottom: 10px;}
label {margin: 0;padding: 0;}
ul {margin:0;padding:5px;}
li {list-style: none;padding-left:10px;}
a {text-decoration:none;}
    a:hover {text-decoration:none;}

#captcha {text-align:center;width:100%;}
form {display: table;width:100%;}
textarea {border-color: rgb(230, 230, 230);padding-left: 10px;}
.see-more, .button-form {width: 275px;text-align:center; background-color: var(--color-2);color: #fff;padding: 8px 40px;border-radius: 20px;display: flex;font-size: 18px;font-weight: 500;margin: 0 auto;justify-content: center;}
.see-more a, .button-form a {color: #fff;}
@media all and (max-width: 420px) {
    .see-more, .button-form {width: 90%;max-width: 300px;}
}
body {padding-top: 138px; background-image: url('/images/bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
table tr td p:last-child {margin-bottom: 0;}
/*Paging*/
#paging {display: flex;margin: auto;margin-top:20px;align-items: center;justify-content: center;flex-wrap: wrap;}
    #paging a, #paging span {width:auto;height: 30px;width: 30px;margin-right:15px;}
.pselected { display: inline-block;font-size:16px;font-weight: 600;}
.ipage-rr {display: inline-block;height: 30px;width: 30px;line-height: 30px;text-align:center;background: var(--color-2);color: #fff;border-radius: 50%;}
.ipage-r {display: inline-block;height: 30px;width: 30px;line-height: 30px;font-size:16px;text-align:center;font-weight: 600;}
.back, .pagemore, .next {display: flex;align-items: center;justify-content: center;color: var(--color-2);font-size: 20px;}
.pagelast{display: flex;align-items: center;justify-content: center;}
.pagefirst{display: flex;align-items: center;justify-content: center;}

/*View All*/
:root {
    --color-1: #ffe6f2;
    --color-2: #ab326c;
    --color-3: #787878;
    --color-4: #88ae65;
    --color-text:#333333;
    --bg-input: #f1f1f1;
    --bg-button: #88ae65;
    --color--blockquote :#88ae65;
    --width-height-info-service: 320px;
    --color-datetime: #7d7d7d;
    --width-content: 1080px;
    --width-content-page: 1138px;
}
header, .service-home, .news-events, .banner {background-color: #fff;}
.social-fixed{display:inline-block;position:fixed;bottom:80px;right:15px;width:40px;z-index:9}
.social-fixed a {display:flex;width:40px;margin-bottom:10px;align-items: center;justify-content:center}
.social-fixed a {background-color: var(--color-2);border-radius: 50%;width: 30px;height: 30px;}
.social-fixed a i {font-size: 20px;color: #fff;}
.social-fixed a img {height: 20px;}
.social-fixed a svg {fill: #fff;height: 20px;}
/*Header*/
header {position: fixed;width: 100%;top: 0;z-index: 999;font-weight: 500;}
.header-top {background-color: var(--color-1);font-size: 12px;}
.header-top > .container {display: flex;justify-content: space-between;align-content: center;align-items: center;}
.header-top-left {color: var(--color-2);display: inline-block;padding: 5px 0;}
.header-top-left a {display: flex;align-items: center;font-weight: 600;}
.header-top-left a i {margin-right: 5px;font-size: 16px;color: var(--color-2);margin-top: -2px;}
.header-top-right {display: flex;align-items: center;}
.header-top-right > div {margin-right: 20px;}
.header-top-right > div:last-child {margin-right: 0;}
.hot-line {font-weight: 600;padding: 2px 0;}
.hot-line span:first-child {font-weight: 600;margin-right: 5px;}
.hot-line a:last-child {font-weight: bold;font-size: 16px;color: var(--color-2);}
.result {display: flex;align-items: center;padding: 5px 0;}
.result i {margin-right: 5px;font-size: 16px;color: var(--color-2);margin-top: -2px;}
.result span {font-weight: 600;}
.language {display: flex;align-items: center;}
.language a, .language span {display: flex;align-items: center;padding: 5px;font-weight: 600;}
.language .language-active {background-color: var(--color-2);color: #fff;}
.header-main {padding: 25px 0;}
.header-main .container {display: flex;justify-content: space-between;align-items: center;}
.header-main .container .logo {height: 60px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.header-main .container .logo img {height: 100%; }
body.scrolled .header-main .container .logo {height: 40px;}
.header-main-right {display: flex;align-items: center;}
.header-main-right .search {margin-left: 20px;}
.search #fsm {position: relative;}
.search #fsm input {line-height: 32px;background-color: var(--bg-input);border-radius: 100px;border: 0;padding: 0 15px;font-size: 16px;max-width: 150px;}
.search #fsm input:focus-visible {outline: 0;max-width: 250px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.search #fsm input::placeholder {color:#b4b4b4; /* Firefox */}
.search #fsm input::-ms-input-placeholder { /* Edge 12 -18 */color:#b4b4b4;}
.search #fsm #searchico {font-size: 20px;color: var(--color-2);position: absolute;right: 10px;top: 55%;transform: translate(0, -50%);}
/*Language*/


/*Slider-Banner*/
.ls-slide > .des-bannerhome {position: absolute;left: 0;bottom: 70px;top: initial;font-size: 18px;color: #fff;width: 100%;}
.ls-slide > .des-bannerhome > div {width: 50%;margin-left: 50%;max-width: 600px;}
.ls-slide > .des-bannerhome h3 {font-size: 36px;font-weight: 500;color: #fff;margin-bottom: 20px;}
.ls-slide > .des-bannerhome .content-des-bannerhome {max-width: 440px;margin-bottom: 20px;}
.ls-slide > .des-bannerhome .button.see-more {border-radius: 100px;background-color: var(--color-2);color: #fff;font-weight: normal;padding: 10px 40px;display: inline-block}
.ls-slide > .des-bannerhome .button.see-more a {color: #fff;}
.ls-slide > .des-bannerhome .button.see-more {font-size: 18px;}
/*Login*/

/*Title*/

/*Login*/

/*HOmeContent*/
.info-home {background-color: var(--color-1);padding: 40px 0;position: relative;}
.info-home .col-md-3 {display: flex;flex-direction: column;align-items: center;}
.info-home-img {margin-bottom: 10px;}
.info-home-img img {height: 70px;}
.info-home-content {display: flex;flex-direction: column;align-items: center;}
.info-home-content .info-number {font-size: 48px;font-weight: 400;color: var(--color-2);display: flex;align-items: center;justify-content: center;}
.info-home-content .info-label {font-size: 18px;font-weight: 400;}
.info-home-content .info-number .number{color: var(--color-2);}
.info-home-content .info-number {color: var(--bg-button);}
.service-home {padding: 10px 0;position: relative;}
.service-home::before {content: '';height: 10px;background-image: url('/images/bg-line.png');background-repeat: repeat-x;background-position: center center;background-size: cover;position: absolute;top: 0;width: 100%;}
.service-home::after {content: '';height: 10px;background-image: url('/images/bg-line.png');background-repeat: repeat-x;background-position: center center;background-size: cover;position: absolute;bottom: 0;width: 100%;rotate: 180deg;}
body:not(.doctor-home) > .service-home::after {display: none;}
.service-container {display: flex;flex-direction: column;justify-content: space-between;align-items:center;position: relative;min-height: 900px;background-image: url('/images/bg-service.png');background-repeat: no-repeat;background-position: center;background-size: contain;}
.service-container .see-more {margin-bottom: 50px;}
.title-group {font-size: 40px;font-weight: 500;text-align: center;color: var(--color-2);margin-top: 30px;margin-bottom: 30px;}
.title-group > * {color: var(--color-2);}
.title-group > a:hover {color: var(--color-2);}
.info-service {position: absolute;top: 50%; transform: translate(0%, -50%);width: 100%;height: var(--width-height-info-service);}
.info-service .img-info-service {background-position: center;background-repeat: no-repeat;background-size: cover;height: var(--width-height-info-service);width: var(--width-height-info-service);border-radius: 50%;border: 10px solid #fff;position: absolute;z-index: 9;left: 50%;transform: translate(-50%, 0%);}
.info-service .content-info-service {background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(0%, -50%);width: 50%;height: var(--width-height-info-service);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    padding-left: calc(var(--width-height-info-service) / 2);
}
/* .info-service .content-info-service::before {content: '';height: var(--width-height-info-service);width: 160px;border-top-right-radius: 50%;border-bottom-right-radius: 50%;} */
.info-service .content-info-service p {margin: 10px 0;}
.list-info-service-item {width: 100%;height: 100%;}
.info-service-item {position: absolute;display: flex;align-items: center;max-width: 500px;}
.info-service-item .img-info-service-item {height: 150px;width: 150px;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50%;border: 10px solid var(--color-2)}
.info-service-item .content-info-service-item {padding-left: 20px;position: absolute;left: 150px;width: 300px;top: 50%;transform: translate(0, -50%);}
.info-service-item .content-info-service-item .title-content-info-service-item {font-size: 24px;font-weight: 400;color: var(--color-2);}
.info-service-item .content-info-service-item .title-content-info-service-item a {color: var(--color-2);}
.list-info-service-item > .info-service-item:nth-child(1) {left: 55%;top: 20%;}
.list-info-service-item > .info-service-item:nth-child(2) {left: 30%;top: 20%;}
.list-info-service-item > .info-service-item:nth-child(3) {left: 22%;top: 50%;transform: translate(0%, -50%);}
.list-info-service-item > .info-service-item:nth-child(4) {left: 30%;top: 66%;}
.list-info-service-item > .info-service-item:nth-child(5) {left: 55%;top: 66%;}
.list-info-service-item > .info-service-item:nth-child(2) .content-info-service-item
, .list-info-service-item > .info-service-item:nth-child(3) .content-info-service-item
, .list-info-service-item > .info-service-item:nth-child(4) .content-info-service-item {right: 150px;left: unset;text-align: right;padding-right: 20px;padding-left: 0;}
.doctor-home {background-color: var(--color-1);padding-bottom:40px;display: inline-block;width: 100%;}
.doctor-home .container {position: relative;padding: 0 40px;}
.doctor-home .container .swiper-container {max-width: var(--width-content);position: initial;margin-bottom: 40px;}
.doctor-item {position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.doctor-item-img {position: relative;}
.doctor-item-img .item-img {background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 140%;border-radius: 20px;border: 5px solid #fff;}
.doctor-item-info {position: relative;margin-top: 10px;}
.doctor-item-info .item-group {font-size: 16px;font-weight: 600;color: var(--color-2);}
.doctor-item-info .item-title {font-size: 18px;font-weight: 600;color: var(--color-2);}
.doctor-item-info .item-group a, .doctor-item-info .item-title a {color: var(--color-2);}
.item-des {margin-top: 15px;}
.swiper-button-prev i, .swiper-button-next i {font-size: 30px;color: var(--color-2);}
.doctor-home .swiper-button-next {right: -20px;top: 50%;transform: translate(-50%, 0px);}
.doctor-home .swiper-button-prev {right: initial;left: 20px;top: 50%;transform: translate(-50%, 0px);}

.news-events, .content-page-group {padding-bottom:40px;display: inline-block;width: 100%;}
.news-events .container, .content-page-group .container {max-width: calc(var(--width-content) + 60px);padding-left: 30px;padding-right: 30px;}
.news-events .container .row, .content-page-group .container .row {margin-left: -30px;margin-right: -30px;}
.news-events .container .row .col-md-4, .content-page-group .container .row .col-md-4 {padding-left: 30px;padding-right: 30px;}
.news-item {position: relative;margin-bottom: 30px;}
.news-item .img-news-item {background-position: center;background-repeat: no-repeat;background-size: contain;padding-top: 100%;}
.news-item .title-news-item {font-size: 24px;color: var(--color-2);margin-top: 15px;margin-bottom: 5px;}
.news-item .title-news-item a {color: var(--color-2);font-weight: 500;}
.news-item .datetime-news-item {font-size: 16px;color: var(--color-datetime);font-weight: 500;}
/*Content*/
.page-title-group {padding: 40px 0;position: relative;}
.page-title-group .container {display: flex;flex-direction: column;align-items: center;}
.page-title-group .container h1, .page-title-group .container h3 {color: #fff;font-size: 40px;font-weight: 500;}
.page-title-group .container:has(div.des-page-title-group) h1
, .page-title-group .container:has(div.des-page-title-group) h3 {margin-bottom: 20px;}
.page-title-group .container .des-page-title-group {max-width: 500px;color: #fff;font-size: 18px;text-align: center;font-weight: normal;}
.page-title-group .container .des-page-title-group a {font-weight: 700;color: #fff;}
.page-title-group::before {content: '';background-color: #0000005c;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.content-page {padding: 40px 0;background-color: #fff;}
.content-page .container {max-width: var(--width-content-page);}
.content-page .page-title {font-size: 36px;font-weight: 400;color: var(--color-2);margin-bottom: 40px;}
.content-page .article-date {margin-bottom: 5px;}
.page-content {display: flex;}
.page-content-left {width: 275px;}
.page-content-right {width: calc(100% - 275px);padding-left: 40px;}
.menu-page {padding: 0;margin-bottom: 20px;}
.menu-page:empty {margin-bottom: 0;}
.menu-page li {padding-left: 0;margin-bottom: 20px;}
.menu-page li a {font-size: 18px;color: var(--color-2);font-weight: 500;}
.page-content-section {position: relative;display: flex;width: 100%;margin-bottom: 40px;}
.page-content-section > div {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.page-content-left .see-more {width: auto;display: inline-block;}
.page-content-section.image-right {flex-direction: row-reverse;}
.page-content-section.image-left > div.page-content-section-img {padding-right: 40px;}
.page-content-section.image-right > div.page-content-section-img {padding-left: 40px;}
.page-content-section.full-content > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.page-content-section.full-content > div:first-child {margin-bottom: 20px;}
.page-content-section.full-content {flex-wrap: wrap;}
.page-content-section.full-content > div.page-content-section-img {order: 2;}
.page-content-section.full-content > div.page-content-section-text {order: 1;}

.page-content-section .swiper-slide .item-img {width: 100%;}
.page-content-section .swiper-slide .item-img img {width: 100%;}

.page-content-section .swiper-pagination-bullet-active {background: var(--color-2);}
.page-content-section .swiper-button-prev {right: inherit; left: 0;top: 50%;transform: translate(0%, -50%);}
.page-content-section .swiper-button-next {right: 0; left: inherit;top: 50%;transform: translate(0%, -50%);}
.page-content-section-text .page-content-section-text-title {font-size: 24px;margin-bottom: 20px;color: var(--color-2);}
.page-content-section-text ul, .article-content ul {padding: 0;margin-top: 20px;margin-bottom: 20px;}
.page-content-section-text ul li, .article-content ul li {padding-left: 50px;margin-bottom: 10px;position: relative;}
.page-content-section-text ul li::before, .article-content ul li::before {content: '';width: 20px;height: 20px;position: absolute;left: 15px;top: 3px;border-radius: 50%;border: 4px solid var(--color-2);}

.page-content-section-text blockquote {padding-left: 50px;color: var(--color--blockquote);font-style: italic;}
.page-content-section-img .des-page-content-section {font-size: 14px;font-style: italic;color: var(--color-3);}
.page-content-section-img .swiper-container {margin-bottom: 10px;}
.list-keywords {margin-top: 80px;display: flex;flex-wrap: wrap;}
.list-keywords .keyword-item {margin-right: 10px;background-color: #ebebeb;color: var(--color-3);padding: 3px 10px;border-radius: 20px;margin-bottom: 10px;}
.list-keywords .keyword-item a {color: var(--color-3);font-weight: 500;font-size: 14px;}
/* PAGE */
.article-date {font-size: 14px;color: var(--color-datetime);font-weight: 500;}
/*Article Group*/
.content-page-group {background-color: #fff;padding: 40px 0;}
#fm_contact {display: flex;flex-direction: column;align-items: center;}
.form-input {margin-bottom: 15px;width: 100%;}
.form-input input {border-radius: 20px;border:0px;padding: 10px 20px;width: 90%;max-width: 500px;}
.form-input input:focus-visible {outline: 0;}
.maps {display: flex;background-color: #fff;width: 100%;}
.maps p {margin-bottom: 0;width: 100%;}
.maps p iframe {float: left;}
.g-recaptcha {margin-bottom: 20px;}
.focus {background-color: #fff;}
.focus-item {position: relative;}
.focus-item .focus-item-img {display: flex;background-color: var(--color-4);}
.focus-item .focus-item-img div {width: 50%;height: 425px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.focus-item .focus-item-info {position: absolute;left: 0;top: 0;width: 100%;height: 425px;display: flex;align-items: center;}
.focus-item .focus-item-info .container {max-width: var(--width-content-page);display: flex;justify-content: flex-end;}
.focus-item .focus-item-info .container > div {width: 50%;color: #fff;padding-left: 80px;}
.focus-item .focus-item-info .container > div > h3 {margin-bottom: 20px;}
.focus-item .focus-item-info .container > div > .focus-item-info-des {margin-bottom: 20px;}
.focus-item .focus-item-info .container > div .see-more {background-color: var(--color-2);margin: initial;}
.focus .focus-item:nth-child(2n) .focus-item-img {justify-content: flex-end;}
.focus .focus-item:nth-child(2n) .focus-item-info .container {justify-content: flex-start;}
.focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-left: 0;padding-right: 80px;}
.related-articles {display: flex;flex-direction:column;margin-bottom: 30px;}
.related-articles .title-related-articles {font-size: 20px;line-height: 20px;color: var(--color-text);font-weight: 700;margin-bottom: 20px;}
.related-article-item {display: flex;flex-direction: column;margin-bottom: 20px;}
.info-related-article {display: flex;}
.img-related-article {width: 40%;}
.img-related-article .avatar-item {background-color: var(--color-2);background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 100%;}
.title-related-article {width: 60%;padding-left: 10px;}
.title-related-article a {font-size: 16px;color: var(--color-2);font-weight: 500;}
.datetime-related-article {font-size: 14px;color: var(--color-datetime);font-weight: 500;}
/*Article*/
.other-articles {margin-top: 40px;}
.other-articles-title {font-size: 20px;color: var(--color-text);font-weight: 700;margin-bottom: 20px;}
.article-content ul {padding: 0;margin-top: 20px;margin-bottom: 20px;}
.article-content ul li {padding-left: 50px;margin-bottom: 10px;position: relative;}
.article-content ul li::before {content: '';width: 20px;height: 20px;position: absolute;left: 15px;top: 3px;border-radius: 50%;border: 4px solid var(--color-2);}
.article-content blockquote {padding-left: 50px;color: var(--color--blockquote);font-style: italic;}
/*Attachment File*/
.attachment-file {margin-top: 40px;}
.attachment-title {font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.attachment-file-list {display: flex;flex-direction: row;flex-wrap: wrap;}
.attachment-file-item {margin-bottom: 10px;}
.attachment-file-item a {display: flex;margin-right: 20px;align-items: center;}
.attachment-file-item-icon img {height: 20px;margin-right: 10px;}
/*Attachment Photo*/
.attachment-photo {margin-top: 40px;}
.photo-gallery {margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.photo-gallery a {margin: 0 12px 12px 0;width: calc(20% - 12px) ;line-height: 0;}
.photo-gallery figure {display:none;}
a.photo-gallery__img--main {width: auto;height: auto;}
#photo-gallery-img {width:100%;padding-top:80%; background-size:cover!important; background-repeat:no-repeat!important;background-position: center!important; }
/*Doctor*/
.title-doctor-group {font-size: 36px;font-weight: 600;color: var(--color-2);margin-bottom: 40px;}
.content-page-group .doctor-item {margin-bottom: 30px;}
/*Footer*/
.contact-form {padding: 40px 0;color: #fff;text-align: center;font-size: 16px;font-weight: normal;display: flex;position: relative;}
.contact-form::before {content: '';background-color: #0000005c;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.des-contact-form {margin-bottom: 20px;}
.des-contact-form span:first-child {font-size: 24px;}
.des-contact-form a {color: #fff;white-space: nowrap;}
.contact-form form {margin-bottom: 20px;}
.note-contact-form {margin-bottom: 40px;font-style: italic;}

footer {background-color: var(--color-1);padding: 40px 0;font-size: 14px;font-weight: 500;}
footer .info-contact {margin-bottom: 40px;font-weight: 500;}
footer .info-contact .title-info-contact {font-size: 20px;font-weight: 700;margin-bottom: 10px;color: var(--color-2);}
/* <i class='bx bxs-time'></i> */
footer .info-contact > .content-info-contact p::before {font-family:boxicons;color: var(--bg-button);margin-right: 5px;font-size: 16px;}
/* footer .info-contact > .content-info-contact p {display: flex;align-items: center;flex-wrap: wrap;} */
footer .info-contact:nth-child(1) > .content-info-contact p:nth-child(2):before, footer .info-contact:nth-child(1) > .content-info-contact p:nth-child(3):before {content: '\ee17';}
footer .info-contact:nth-child(1) > .content-info-contact p:nth-child(4):before {content: '\ee66'; }
/* footer .info-contact:nth-child(1) > .content-info-contact p:nth-child(5):before {content: '\ed9f'; } */
footer .info-contact:nth-child(2) > .content-info-contact p::before {content: '\eec7';}
footer .info-contact:nth-child(2) > .content-info-contact table tr td {padding-right: 15px;}
footer .info-contact:nth-child(2) > .content-info-contact table tr td:first-child::before {content: '\eec7';font-family:boxicons;color: var(--bg-button);margin-right: 5px;font-size: 16px;}
footer .MST-info-contact::before {content: '\ea87';font-family:boxicons;color: var(--bg-button);margin-right: 5px;font-size: 16px;}
footer .GP-info-contact::before {content: '\ecb2';font-family:boxicons;color: var(--bg-button);margin-right: 5px;font-size: 16px;}
.list-group {padding: 0;}
.list-group li {margin-bottom: 10px;font-weight: 500;padding-left: 0;}
.list-group li:first-child {font-size: 20px;color: var(--color-2);font-weight: 700;}
.list-group li:first-child a {color: var(--color-2);}
.copy-right {text-align: center;padding: 15px 0;background-color: #fff;}
.copy-right p {margin-bottom: 0;}
/*Class ADD*/
@media (min-width: 576px){
    .container {max-width: 100%;}
}
@media (min-width: 768px){
    .container {max-width: 100%;}
}
@media (min-width: 992px){
    .container {max-width: 100%;}
}
@media (min-width: 1200px) {
    .container {max-width: 1200px;}
}
@media (min-width: 1300px) {
    .container {max-width: 1270px;}
}

/* Danh cho man hinh desktop */
@media all and (max-width: 1280px) {

}
/* Danh cho may tinh bang chieu ngang */
@media all and (max-width: 1024px) {
    .service-container {min-height: auto;background: none;display: inline;align-items: unset;}
    .info-service {position: relative;top: initial;transform: none;height: auto;margin-bottom: 20px;}
    .info-service .img-info-service {display: none;}
    .list-info-service-item {display: flex;flex-wrap: wrap;}
    .info-service .content-info-service {width: 100%;position: initial;padding: 0;display: inline;left: unset;top: unset;transform: none;height: auto;font-size: 14px;}
    .info-service .content-info-service p {margin: 0; margin-bottom: 5px;}
    .info-service-item {margin-bottom: 40px; position: unset;display: flex;flex-direction: column;align-items: unset;max-width: 50%;left: unset;top: unset;width: 50%;}
    /* .info-service-item::after {content: '';background-image: url('/images/info-item-line.png');background-repeat: no-repeat;width: 200px;height: 12px;background-position: left;background-size: contain;} */
    .info-service-item .content-info-service-item {margin-top: 10px; padding-left: 0;position: unset;left: unset;width: 100%;top: unset;transform: none;}
    .list-info-service-item > .info-service-item:nth-child(2) .content-info-service-item, .list-info-service-item > .info-service-item:nth-child(3) .content-info-service-item, .list-info-service-item > .info-service-item:nth-child(4) .content-info-service-item {right: unset;left: unset;text-align: left;padding-right: 0;padding-left: 0;}
    .list-info-service-item > .info-service-item:nth-child(1)
    , .list-info-service-item > .info-service-item:nth-child(2)
    , .list-info-service-item > .info-service-item:nth-child(3)
    , .list-info-service-item > .info-service-item:nth-child(4)
    , .list-info-service-item > .info-service-item:nth-child(5) {transform: none;padding-right: 20px;}
    .info-service-item .img-info-service-item {width: 300px;height: 300px;}
    .service-container .title-group {margin-bottom: 0;}
    .header-top > .container {padding: 0;}
    .focus-item .focus-item-info .container > div {padding-left: 15px;}
    .focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-right: 15px;}
}
@media all and (max-width: 800px) {
    /* .header-top {background-color: var(--color-2);}
    .header-top-left, .header-top-left a {color: #fff;}
    .header-top-left a i {color: #fff;}
    .header-top-right, .hot-line a:last-child, .result i, .language a {color: #fff;}
    .language .language-active {color: var(--color-datetime);} */
    .ls-slide > .des-bannerhome > div {width: calc(100% - 80px);max-width: 90%;margin:0;padding-left: 40px;padding-right: 40px;}
    .ls-slide > .des-bannerhome .button.see-more {width: calc(90% - 80px);}
    .info-home .col-md-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;}
    /* .info-home {background-color: var(--color-2);}
    
    .info-home-content .info-label {color: #fff;} */
    .service-container .see-more {margin-top: 20px;}
    .see-more, .button-form {background-color: var(--bg-button);}
    footer {background-color: var(--color-2);}
    footer .info-contact .title-info-contact{display: flex;flex-direction: column;color: #fff;}
    footer .info-contact  .content-info-contact, footer .info-contact  .content-info-contact a {color: #fff;}
    footer .info-contact .title-info-contact::after {margin-top: 5px;filter: brightness(0) invert(1);content: '';background-image: url('/images/info-item-line.png');background-repeat: no-repeat;width: 200px;height: 12px;background-position: left;background-size: contain;}
    .list-group li:first-child a{color: #fff;}
    .list-group li a{color: #fff;}
    .copy-right {padding-left: 15px;padding-right: 15px;}
    .page-content {display: flex;flex-wrap: wrap;}
    .page-content-left, .page-content-right {width: 100%;max-width: 100%;}
    .page-content-left {margin-bottom: 30px;}
    .list-keywords {margin-top: 30px;}
    .page-content-right {padding-left: 0;}
    /* .header-top-right > div.hot-line {display: none;} */
}
@media all and (max-width: 665px) {
    .info-service-item {max-width: 100%;width: 100%;}
    .focus-item .focus-item-img div {width: 100%;height: 350px;}
    .focus-item .focus-item-info .container > div {width: 100%;padding-left: 15px;padding-right: 15px;}
    .focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-left: 15px;padding-right: 15px;}
    .focus-item .focus-item-info {position: relative;background-color: var(--color-4);height: auto;padding-top: 20px;padding-bottom: 20px;}
}
/* Danh cho may tinh bang chieu doc */
@media all and (max-width: 600px) {
    .info-home-content .info-number {font-size: 30px;font-weight: 600;}
    .info-home-content .info-label {white-space: nowrap;font-size: 16px;}
    .page-content-section > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .page-content-section {flex-wrap: wrap;}
    .page-content-section.image-left > div.page-content-section-img, .page-content-section.image-right > div.page-content-section-img {padding: 0;}
}
/* Danh cho dien thoai */
@media all and (max-width: 480px) {
    .form-input input {width: 100%;}
    .header-top-left {display: none;}
    .header-top > .container {justify-content: flex-end;}
    .header-top-right > div {margin-right: 10px;}
}
@media all and (max-width: 320px) {
    

}