@media (min-width:330px) and (max-width:490px) { .col-1 { flex: 0 0 auto; width: 8.333333% } .col-2 { flex: 0 0 auto; width: 16.666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.333333% } .col-5 { flex: 0 0 auto; width: 41.666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.333333% } .col-8 { flex: 0 0 auto; width: 66.666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.333333% } .col-11 { flex: 0 0 auto; width: 91.666667% } .col-12 { flex: 0 0 auto; width: 100% } .sn-header-menu-mb-block-1 { display: flex; align-items: center } .sn-medical-team-item-mb-li-title h3 { font-size: 13px; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 5px!important } .modal-content-video-ytb { margin: 15% 5%; width: 90%; max-width: 380px } .modal-content-video-ytb iframe { width: 100%; height: 300px } .hidden-playout-pc { display: none } .hidden-playout-mb { display: block } .sn-header-menu-mb-block-1 a img { width: 50px } .sn-header-menu-mb-block-2 a img,.sn-footer-one-item { width: 150px } .sn-footer-one-item { display: none } .sn-main-title { font-size: 2rem } .mt-5 { margin-top: 1.5rem!important } .sn-service-item-ul-li-child .sn-service-item-content h3 { font-size: 11px; line-height: 20px } .sn-service-item-content { height: 30px } .sn-service-item-ul-li-child .sn-service-item-content { padding-top: 0; width: 100%; height: 50px } .sn-service-item-ul-li-child .sn-service-item-content blockquote { display: none } .sn-service-item-content a.button-see-more { display: none } .sn-service-item-content mt3 { margin-top: 0!important } .sn-international-item-ul-li-tow { height: 60px } .sn-international-item-ul-li:after { bottom: 53px; height: 20px } .tabs { display: block } .tab-buttons { width: 100%; padding: 0 } .tab-contents { padding: 1rem 2rem 2rem 2rem; width: 100% } .sn-news-content-right-image img { height: 120px; object-fit: fill } .sn-news-right-content h3 { padding-bottom: 10px; font-size: 16px } .flex-center-space:not(:first-child) { display: none!important } .sn-news-content-right { margin: 0 10px 5px } .sn-news-content-button { text-align: end; margin: 15px 0 } .bvjw-main-social-mb { position: fixed; bottom: 0; width: 100%; z-index: 999; text-align: center; font-size: .9em; color: var(--wp--preset--color--white); padding: 0 0 4px 0; line-height: 1.1em; background: #014a81 } .bvjw-main-social-mb ul { display: flex; overflow-x: auto; white-space: nowrap; padding: 0; margin: 0; list-style: none; padding: 3px 0 0 0; position: relative } .bvjw-main-social-mb ul li { flex: 0 0 calc(25% - 20px); margin-right: 1px; box-sizing: border-box; text-align: center; background: var(--wp--preset--color--white); padding: 5px } .bg-pink-mb a h6 { color: var(--wp--preset--color--main) } .bvjw-main-social-mb ul li:last-child { margin-right: 0 } .bvjw-main-social-mb ul li img { max-width: 100%; width: 50px; margin: auto; height: auto } .bg-pink-mb a { color: var(--wp--preset--color--white); font-size: 14px } .bvjw-main-social-mb::before,.bvjw-main-social-mb::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--wp--preset--color--main); cursor: pointer; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0,0,0,.35)0 5px 15px } .bvjw-main-social-mb::before { content: "❮"; left: 0; z-index: 99 } .bvjw-main-social-mb::after { content: "❯"; right: 0 } .bg-pink-mb a figure { margin: 0 } .sn-footer-main { margin-bottom: 80px } .modal-window { width: 80%; padding: 0 } .modal-window-container { display: block } .modal-window-form { width: 100% } .modal-window-img { margin: auto; text-align: center } .modal-window-img img { width: 70% } .popup-form { padding: 0 10px 10px } .modal-window-form-title h3 { padding-top: 10px } .sn-button-control { padding: 10px 30px; margin: 10px 0; font-size: 20px } .sn-header-menu-mb-search-mb { margin-top: 15px } .collapse-menu-a { display: block } #ontopBtn { bottom: 110px; right: 15px } .sn-video-play { width: 80px } .sn-video-content-right .sn-video-play { top: 25% } .sn-video-content-right-overflow-y { overflow-x: auto; white-space: nowrap; width: 100%; height: 300px; overflow-y: hidden; padding: 0 10px; scrollbar-width: thin; scrollbar-color: #054d7f55 transparent } .sn-video-content-right-image { margin: 0 } .overflow-y-row-mb { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px; padding-bottom: 5px } .overflow-y-row-mb-item { max-width: 250px; width: 100%; flex-shrink: 0 } .sn-video-right-content h3 a,.sn-news-right-content h3 a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; white-space: normal } .sn-video-content-right-overflow-y::-webkit-scrollbar { height: 6px } .sn-video-content-right-overflow-y::-webkit-scrollbar-thumb { background-color: #054d7f55; border-radius: 10px } .sn-video-content-right-overflow-y::-webkit-scrollbar-track { background: 0 0 } .sn-header-menu-mb-burger { cursor: pointer; display: flex; flex-direction: column; justify-content: space-around; width: 30px; height: 20px } .sn-header-menu-mb-burger-line { width: 100%; height: 3px; background-color: var(--wp--preset--color--main); transition: all .3s } .sn-header-menu-mb-burger.is-active .sn-header-menu-mb-burger-line:nth-child(1) { transform: rotate(45deg) translateY(7px) } .sn-header-menu-mb-burger.is-active .sn-header-menu-mb-burger-line:nth-child(2) { opacity: 0 } .sn-header-menu-mb-burger.is-active .sn-header-menu-mb-burger-line:nth-child(3) { transform: rotate(-45deg) translateY(-7px) } #mobileMenu { position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background-color: var(--wp--preset--color--white); z-index: 1010; padding: 10px 5%; box-shadow: rgba(17,17,26,.05)0 4px 16px,rgba(17,17,26,.05)0 8px 32px; transition: left .5s ease; overflow-y: auto; overflow-x: hidden; padding-bottom: 80px } #mobileMenu::-webkit-scrollbar { width: 8px } #mobileMenu::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 10px } #mobileMenu::-webkit-scrollbar-thumb { background-color: var(--wp--preset--color--main55); border-radius: 10px } #mobileMenu::-webkit-scrollbar-thumb:hover { background-color: #555 } #mobileMenu.is-active { left: 0 } .sn-header-menu-mb-hidden nav .sn-nav-list-brand-mb { padding-top: 10px } .sn-nav-link-mb { display: flex; justify-content: space-between; padding: 15px 10px; margin: 5px 0; border-radius: 12px; background-color: var(--wp--preset--color--main) } .sn-nav-link-mb * { color: var(--wp--preset--color--white) } .collapse-menu { display: none; padding-left: 20px; list-style: none } .collapse-menu.showCollapse { display: block } .sn-nav-active { background-color: var(--wp--preset--color--main) } .sn-nav-link-mb.sn-nav-active { color: #007bff } .collapse-menu { max-height: 0; overflow: hidden; transition: max-height .3s ease } .collapse-menu.showCollapse { max-height: 500px; background: var(--wp--preset--color--main55); padding: 10px; border-radius: 12px } .collapse-menu li { padding: 10px 0 } .sn-header-hidden-menu-logo { margin: auto; display: flex; justify-content: space-between; align-items: center } .sn-header-hidden-menu-logo img { width: 150px } .sn-header-hidden-menu-vi img { width: 60px } .sn-header-menu-mb-block { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff; box-shadow: 0 4px 6px rgba(0,0,0,.1); transition: padding-top .3s ease; padding-top: 0 } .sn-header-menu-mb-block.sticky { padding-top: 25px } .flex-center-space { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; padding: 10px 30px; background: var(--wp--preset--color--white) } .engbvjw-post-single-detail h2,.engbvjw-post-single-detail h3,.engbvjw-post-single-detail h4,.engbvjw-post-single-detail h5,.engbvjw-post-single-detail h6 { font-size: 1.2rem } .engbvjw-post-single-detail h3 { font-size: 1rem } .engbvjw-post-single-detail h4 { font-size: 1rem } .engbvjw-post-single-detail h5 { font-size: 1rem } .engbvjw-post-single-detail h6 { font-size: .8rem } .nav-name,.collapse-menu-a a { font-size: 1.2rem } .bvjw-block-height-50 { margin-top: 20%!important } .engbvjw-post-single-detail * img { padding: 1rem 0; max-width: 430px; width: 100% } .engbvjw-post-single-detail p { font-size: 1.1rem!important; line-height: 1.6; padding: 5px 0 } .bvjw_before_after_imges_content_row ul { grid-template-columns: repeat(1,1fr)!important } .breadcumbs { margin: 70px 0 0 0 } .engbvjw-post-main { margin-top: 20px; display: block } .engbvjw-post-single-detail .sapo { padding: 10px 0; line-height: 1.4; font-size: 1.1rem } .page-title-mb { margin-top: 3rem; max-width: 490px } .engbvjw-post-left-li { grid-template-columns: 1fr } .engbvjw-post-left-item .engbvjw-post-left-item-title h2 { text-align: center } .posts-tags .menu-select { width: 100%; text-align: center } .page-title-2-mb { max-width: 490px } .page-title-2-mb img { width: 100% } .padding-slider-mb-menu { margin-top: 40px } .modal_cn-content { margin: 30%auto 0 } .bvjw_before_after_cate_menu_mb { display: flex!important } .breadcumbs { margin-top: 10px } .engbvjw-post-right { max-width: 430px; width: 100% } .engbvjw-main-container { padding-right: 0; padding-left: 0; box-sizing: border-box } .bvjw-content-post-sidebar { padding: 10px } .engbvjw-post-main-contents { padding: 0 } .dmca-badge { text-align: right; max-width: 100px } .engbvjw-post-left { max-width: 430px; width: 100%; padding: 0 1.2rem } .container { box-sizing: border-box; padding-right: 0; padding-left: 0 } .breadcumbs { font-size: 1.2rem; line-height: 25px } .engbvjw-post-main-contents-title h2 { font-size: 1.4rem } .engbvjw-post-main-contents-title { text-align: center } .engbvjw-post-single-detail { text-align: start } .engbvjw-post-single-detail td { font-size: 1.1rem } .engbvjw-post-single-detail ul li { font-size: 1.1rem } } @media (min-width:576px) { .container { max-width: 540px } .col-sm { flex: 1 0 0%; max-width: 100% } .col-sm-1 { flex: 0 0 auto; width: 8.333333% } .col-sm-2 { flex: 0 0 auto; width: 16.666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.333333% } .col-sm-5 { flex: 0 0 auto; width: 41.666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.333333% } .col-sm-8 { flex: 0 0 auto; width: 66.666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.333333% } .col-sm-11 { flex: 0 0 auto; width: 91.666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .sn-news-content-right-margin { padding: 0 15px } .sn-news-content-right-image a img { height: 170px } .sn-news-right-content { padding: 0 5px } } @media (min-width:768px) and (max-width:990px) { .container { max-width: 720px } .col-md { flex: 1 0 0%; max-width: 100% } .col-md-1 { flex: 0 0 auto; width: 8.333333% } .col-md-2 { flex: 0 0 auto; width: 16.666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.333333% } .col-md-5 { flex: 0 0 auto; width: 41.666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.333333% } .col-md-8 { flex: 0 0 auto; width: 66.666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.333333% } .col-md-11 { flex: 0 0 auto; width: 91.666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .sn-medical-team-item-ul-li { height: 310px; padding: 2px } .sn-medical-team-item-ul-li-tow h3 { font-size: 15px } .sn-medical-team-item-ul-li-tow p { font-size: 11px } .sn-news-content-right-margin { padding: 0 10px } .sn-news-content-right-image a img { height: 240px } .sn-news-right-content { padding: 0 10px } .sn-choose-title h2 { font-size: 2rem } .sn-service-item-ul-li-child .sn-service-item-content h3 { font-size: 14px } .sn-service-item-ul-li-child:hover .sn-service-item-content { height: calc(90%) } .sn-header-logo { width: 150px } .sn-home-nav-two { padding: 0 10px; text-align: center } .sn-sub-menu { min-width: 350px } .sn-footer-one-item { width: 200px } .page-template .div-scroll-warp { right: 0 } .sn-news-content-right-image a img { height: 180px; object-fit: cover } .tabs { display: block } .tab-buttons { width: 80% } .tab-contents { width: 100% } .sn-form-main-left,.sn-form-main-right { max-width: 300px } .sn-banner-register-form-title h3.sn-main-title { padding: 0; font-size: 2.2rem } } @media (min-width:992px) { .container { max-width: 960px } .col-lg { flex: 1 0 0%; max-width: 100% } .col-lg-1 { flex: 0 0 auto; width: 8.333333% } .col-lg-2 { flex: 0 0 auto; width: 16.666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.333333% } .col-lg-5 { flex: 0 0 auto; width: 41.666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.333333% } .col-lg-8 { flex: 0 0 auto; width: 66.666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.333333% } .col-lg-11 { flex: 0 0 auto; width: 91.666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .sn-header-logo { width: 160px } .sn-home-nav-two a { font-size: 14px } .mt-5 { margin-top: 2.5rem!important } .sn-choose-title h2 { font-size: 2.5rem } .article-image { width: 40px } .sn-choose-main>.sn-choose-left:first-child,.sn-choose-main>.sn-choose-right:last-child { flex: 5 } .sn-choose-main { height: 90vh } .sn-medical-team-item-ul-li { height: 390px; padding: 5px } .sn-medical-team-item-ul-li-tow h3 { font-size: 17px } .sn-medical-team-item-ul-li-tow p { font-size: 14px } .sn-news-content-right-margin { box-sizing: border-box; padding: 0 20px } .sn-news-content-right-image a img { height: 100%; object-fit: cover } .sn-news-right-content { padding: 0 15px } .sn-footer-one-item { width: 150px } .engbvjw-iframes-custom-map { height: 300px } } @media (min-width:990px) and (max-width:1400px) { .container { max-width: 1140px } .col-xl { flex: 1 0 0%; max-width: 100% } .col-xl-1 { flex: 0 0 auto; width: 8.333333% } .col-xl-2 { flex: 0 0 auto; width: 16.666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.333333% } .col-xl-5 { flex: 0 0 auto; width: 41.666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.333333% } .col-xl-8 { flex: 0 0 auto; width: 66.666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.333333% } .col-xl-11 { flex: 0 0 auto; width: 91.666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .sn-medical-team-item-ul-li { height: 450px; overflow: hidden } .sn-service-item-ul-li-child:hover .sn-service-item-content { height: calc(46%); padding-top: 10px } .sn-header-nav-two li a { padding: 4px } .engbvjw-main-container { padding-right: 10%; padding-left: 10% } } @media (min-width:1410px) and (max-width:2190px) { .container { max-width: 1320px } .sn-header-logo { width: 180px } .col-xl-7 { flex: 0 0 auto; width: 58.333333% } .col-xl-5 { flex: 0 0 auto; width: 41.666667% } .col-xl-2 { flex: 0 0 auto; width: 16.666667% } .col-xl-4 { flex: 0 0 auto; width: 33.333333% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-12 { flex: 0 0 auto; width: 100% } .col-xxl { flex: 1 0 0%; max-width: 100% } .col-xxl-1 { flex: 0 0 auto; width: 8.333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .sn-medical-team-item-ul-li { height: 490px; overflow: hidden } .sn-medical-team-item-ul-li-tow h3 { font-size: 20px } .sn-medical-team-item-ul-li-tow p { font-size: 16px } .sn-service-item-ul-li-child:hover .sn-service-item-content { height: calc(50%); padding-top: 10px } }