@media (max-width: 549px){
    
    #logo img {
        max-height: 70px !important;
        width: auto !important;
    }
    
    header#header .stuck img.logo-mobile {
        display: block !important;
        max-height: 54px !important;
    }


    

}



@media only screen and (max-width: 900px) {

    #main .flickity-page-dots{
        display:none;
    }


	.banner-slider .banner__content h2 strong{
		font-size: 19px !important;
	}

	.banner-slider .banner__content p{
	    margin: 0;
        font-size:12px !important;
	}


    .banner-slider a.button.primary.btn-banner {
        background: #a40c10;
        border-radius: 0;
        padding: 1px 17px;
        font-family: "Bebasneue Bold";
        font-size: 10px;
        margin: 0;
    }
	


    a.is-small {
        padding-top: 2px !important;
    }
    .benh-tottri a span{
    	visibility:hidden;
    }
    .mobile-background {
        display: none;
    }
    

    .template-background img {
        display: none;
    }

    section#banner__single img {
        width: 100% !important;
        height: 100%;
    }

    section#banner__single .banner-container {
        position: unset !important;
        margin-top: 10px;
    }

    section#banner__single {
        margin-bottom: 10px !important;
        height: auto;
    }

    section#banner__single .banner-title {
        font-size: 25px !important;
        position: unset !important;
        width: 100%;
    }

    span.select2.select2-container.select2-container--default {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .top-category .list-category .list-category-avatar {
        width: 100%;
        height: 150px;
    }

    .banner-slider .flickity-viewport {
        height: 200px !important;
    }

    .text-box .banner-title{
    	
margin: 0;
    } 

    header#header .stuck img {
        display: none;
    }

    header#header .stuck img.logo-mobile {
        display: block !important;
    }

    /*8logo**/
    img.header_logo.header-logo {
        display: none;
    }

    img.logo-mobile {
        display: block;
        position: unset !important;
        width: 120px !important;
    }

    .nav > li.has-icon > a > i {
        min-width: 1em;
        color: #fff !important;
        font-size: 40px !important;
    }

    .cau-hoi .faqSection {
        background-size: unset !important;
    }

    .cau-hoi .faqSection .faqSection-question {
        margin-top: 0px !important;
    }

    .cau-hoi .faqSection .faqSection-question .text {
        font-size: 15px;
        line-height: 20px;
        max-height: initial;
        padding: 0 10px;
    }

    .cau-hoi .faqSection .faqSection-question {
        box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.1);
    }

    .cau-hoi .faqSection .username {
        background: transparent !important;
        box-shadow: unset;
    }

    .tu-van-suc-khoe .suc-khoe-content .sk-content p {
        font-size: 14px;
        margin: 20px 0 20px 0;
    }

    .cau-hoi .faqSection .text-bubble.left {
        margin-top: 0px !important;
    }

    .cau-hoi .faqSection .text-bubble.left {
        box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.1);
        margin-top: 15px;
    }

    .cau-hoi .faqSection .text-bubble .anser {
        font-size: 17px;
        line-height: 28px;
        padding: 0 10px;
    }

    .cau-hoi .faqSection .btn-cs {
        font-size: 14px;
        padding: 4px;
    }

    .row.equal-hieght {
        margin-bottom: 30px;
    }

    .cau-hoi .faqSection a.btn-cs.all {
        line-height: 43px;
        height: 43px;
        width: 90px;
        float: left;
        display: block;
        text-align: center;
        padding: 0px !important;
    }

    /**contact**/
    .hoi-dap .background-hd .img-bs {
        display: none;
    }

    .hoi-dap .background-hd .img-mobile {
        display: block;
        max-width: 45%;
        margin: auto;
        padding-bottom: 20px;
    }

    .hoi-dap .background-hd .text-bs h2.bs-title {
        font-size: 23px;
    }

    .hoi-dap .background-hd .text-bs p.bs-description {
        font-size: 14px;
        margin: 10px 0 10px 0;
    }

    .hoi-dap .background-hd .text-bs a {
        padding: 0.3em 0.5em;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
    }

    /**blog**/
    .blog__content {
        padding: 30px 0 30px 0 !important;
    }

    div#faqSectionUsername b {
        display: none !important;
    }

    /**suc-khoe**/
    .tu-van-suc-khoe {
        padding: 20px 0 40px 0 !important;
    }

    .tu-van-suc-khoe .suc-khoe-content {
        width: 94% !important;
        position: unset;
        padding: 10px;
        border: solid 5px #a40c10;
        text-align: center;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        padding: 15px;
        padding-bottom: 40px;
        margin: auto
    }

    .tu-van-suc-khoe .suc-khoe-background {
        display: none;
    }

    .tu-van-suc-khoe .mobile-background {
        display: block;
    }

    /**benh*tri**/
    .benh-tottri .benh-tri-background {
        display: none;
    }

    .benh-tottri .benh-tri-mobile {
        display: block;
        padding-bottom: 164.06%;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
    }

    .benh-tottri .benh-tri-2 {
        width: 150px;
        height: 80px;
        position: absolute;
        bottom: 51%;
        left: 7.5%;
        transform: rotate(-10deg);
    }

    .benh-tottri .benh-tri-4 {
        width: 150px;
        height: 80px;
        position: absolute;
        bottom: 51%;
        right: 13%;
        transform: rotate(11deg);
    }

    .benh-tottri .benh-tri-1 {
        position: absolute;
        width: 150px;
        height: 80px;
        top: 21%;
        transform: rotate(0deg);
        left: 8.5%;
    }

    .benh-tottri .benh-tri-3 {
        width: 150px;
        height: 80px;
        top: 23%;
        right: 10%;
        transform: rotate(-2deg);
    }

    .benh-tottri a {
        height: 100%;
        width: 100%;
        text-transform: uppercase;
        color: #fff;
        font-family: "Bebasneue bold";
        font-size: 16px;
        display: block;
    }

    /**footer**/
    .logo-footer img {
        width: 50%;
    }

    footer#footer .footer-top p.footer-caption {
        color: #a40c10;
        font-size: 12px;
    }

    /**menu**/
    #mega-menu-wrap-header-left .mega-menu-toggle + #mega-menu-header-left, #mega-menu-wrap-header-right .mega-menu-toggle + #mega-menu-header-right {
        display: block !important;
    }

    .mega-menu-toggle {
        display: none !important;
    }

    /**category**/
    .top-category .list-category-grid {
        width: 100% !important;
        float: left;
        height: auto !important;
        display: inline-block;
        margin: 10px 3.5px 10px 3.5px;
        border-bottom: 0px !important;
    }

    .list-category-info {
        display: none;
    }

    .top-category .list-category-grid .list-category-avatar {
        width: 100% !important;
    }

    .top-category .list-category-content {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .list-category-grid .list-category-content a h2 {
        font-size: 24px;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .list-category-grid .list-category-info span {
        margin-right: 0px !important;
        width: 100%;
        display: block;
        margin: 5px 0 0 0;
    }

    .top-category .list-category-grid .list-category-avatar {
        height: 150px;
        margin-bottom: 10px;
    }

    .top-category .list-category-grid .list-category-avatar img {
        height: 100%;
    }

    /*8single**/
    section#banner__single {
        margin-bottom: 10px !important;
        height: auto;
    }

    section#banner__single .banner-title {
        font-family: 'Bebasneue Bold', sans-serif;
        color: #fff;
        font-size: 30px;
    }

    section#banner__single .banner-container {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .header-single .header-left, .header-single .header-right {
        width: 100% !important;
        text-align: left !important;
    }

    .header-single .header-right span.iconcolor {
        margin-left: 0px !important;
    }

    section#single-content .single__content h1 {
        color: #1e9ac3;
        font-size: 30px;
    }

    /**kiem-tra-suc-khoe**/
    section#header-tip {
        display: none;
    }

    section#kt-content .ktra-form {
        border: 0px !important;
        padding: 20px;
        margin: 20px 0 0 0;
    }

    section#kt-content input.input-text {
        width: 100% !important;
    }

    /**menu**/
    .header__main-menu.header-left {
        width: 100%;
    }

    #mega-menu-wrap-header-left #mega-menu-header-left > li.mega-menu-item {
        margin-right: 0px !important;
        width: 100% !important;
        background: #a40c10;
    }

    div#mega-menu-wrap-header-left ul li a {
        padding: 0px !important;
        text-align: left !important;
        display: block;
        background: transparent !important;
        line-height: 40px !important;
    }

    .mfp-content {
        background: #a40c10 !important;
        opacity: 1 !important;
    }

    .header__main-menu.header-right {
        width: 100% !important;
    }

    #mega-menu-wrap-header-right #mega-menu-header-right > li.mega-menu-item {
        margin-left: 0px !important;
        width: 100% !important;
        background: #a40c10 !important;
    }

    #mega-menu-wrap-header-right #mega-menu-header-right > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        text-align: left !important;
    }

    #mega-menu-wrap-header-right #mega-menu-header-right > li.mega-menu-item > a.mega-menu-link {
        text-align: left !important;
        padding: 0px !important;
        line-height: 40px !important;
    }

    .mfp-content ul.mega-sub-menu li a {
        background: transparent !important;
        text-align: left !important;
        display: block;
    }

    #mega-menu-wrap-header-right .mega-menu-toggle + #mega-menu-header-right {
        background: transparent !important
    }

    .mfp-content li.html.custom.html_top_right_text {
        border: 0px !important;
    }

    .mfp-content .nav-sidebar.nav-vertical > li + li {
        border-top: 0px !important;
    }

    .mfp-content li.html.custom.html_top_right_text {
        padding: 0px 10px 0 10px;
    }

    .mfp-content li.html.custom.html_topbar_right {
        padding: 0px 10px 0 10px;
    }

    .mfp-content ul.mega-sub-menu {
        background: rgba(0, 0, 0, 0.1) !important;
    }

    .mfp-content .nav-sidebar.nav-vertical > li + li {
        border-top: 0px !important;
        padding: 20px 10px 0px 10px;
    }

    #mega-menu-wrap-header-left #mega-menu-header-left > li.mega-menu-flyout ul.mega-sub-menu {
        width: 100% !important;
        padding-left: 10px;
        margin-top: 0px !important;
    }

    #mega-menu-wrap-header-right #mega-menu-header-right > li.mega-menu-flyout ul.mega-sub-menu {
        width: 100% !important;
        padding-left: 10px;
    }

    /**benh-tri**/
    .benh-tottri .benh-tri-info {
        display: none !important;
    }

    /**template content**/
    .footer-template .mobile-background {
        display: block;
    }

    section#footer-template {
        background: unset !important;
        position: unset !important;
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    .template-background .template-container {
        width: 96% !important;
        position: unset !important;
        padding: 30px 0 30px 0;
        border: 5px solid #a40c10;
        margin: 30px auto;
    }

    /**popup**/
    .popup .background-popup {
        width: 100%;
        margin: 30px auto;
        display: inline-block;
        background: #a40c10;
        position: relative;
    }

    .popup .background-body {
        background: #a40c10;
        width: 100%;
        position: unset !important;
        padding-bottom: 0px !important;
    }

    .popup .background-body .form-popup {
        width: 100%;
        position: unset !important;
        top: 23%;
        padding: 10px;
    }

    .popup .background-body .form-popup .form-content h2 {
        color: #fff;
        text-align: center;
        font-size: 26px;
        margin: 30px 0 10px 0 !important;
    }

    .popup .background-body button.close {
        position: absolute;
        right: -19px;
        color: #fff;
        font-size: 23px;
        top: -11px;
        margin: 0px !important;
    }

    .popup .background-body .form-content.button-custom {
        text-align: center;
        margin: 20px 0 0 0 !important;
    }

    #mega-menu-wrap-header-left #mega-menu-header-left > li.mega-menu-item > a.mega-menu-link {
        cursor: pointer;
        vertical-align: unset;
        display: unset;
    }
}

/***full hd , 4k**/

@media only screen and (min-width: 1920px) {
    section#banner__single {
    }

    section#banner__single img {
        width: 100% !important;
        margin-bottom: 30px !important;
        height: 100%;
    }

    .mobile-background {
        display: none;
    }
}

/* Landscape*/

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {
    ul#mega-menu-header-left li {
        width: 100px !important;
        margin-right: 13px !important
    }

    div#mega-menu-wrap-header-right ul li {
        width: 100px !important;
        margin-left: 13px !important
    }

    .mobile-background {
        display: none;
    }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) {
    ul#mega-menu-header-left li {
        width: 100px !important;
        margin-right: 13px !important
    }

    div#mega-menu-wrap-header-right ul li {
        width: 100px !important;
        margin-left: 13px !important
    }

    .mobile-background {
        display: none;
    }
}

@media only screen and (min-width: 1370px) and (max-width: 1440px) {
    section#footer-template {
        height: 600px;
    }

    .mobile-background {
        display: none;
    }

    .template-background .template-container {
        top: 23%;
    }
}

@media only screen and (min-width: 1920px) {
    section#footer-template {
        height: 800px;
    }

    .template-container .sk-title {
        text-align: center;
        font-size: 50px;
    }

    .template-container .sk-content p {
        text-align: center;
        font-size: 25px;
    }

    .template-container .sk-content p.sc-text {
        color: #a40c10 !important;
        font-size: 20px !important;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .template-container .sk-button a {
        background: #a40c10;
        padding: 10px 20px;
        border-radius: 5px;
        color: #fff;
        font-family: "Bebasneue Bold";
        font-size: 30px;
    }

    .mobile-background {
        display: none;
    }
    .template-background .template-container {
        top: 11% !important;
    }
}