.btn-menu,
#over,
#hotline-mobile {
    display: none;
}
/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    html,
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
    }
    .main__slide.slide_pc {
        display: none !important
    }
    .main__slide.slide_mb {display: block !important}
    .equip__slide .owl-nav .owl2-prev,
    .equip__slide .owl-nav .owl2-next,
    header nav .text_menu .title,
    header .main__nav li.current::after,
    .main__slide .owl-nav .owl2-next,
    .main__slide .owl-nav .owl2-prev {
        display: none;
    }
    .btn-menu {
        display: block;
    }
    header .fixed__nav #CommonMenuMain,
    header .fixed__nav.active #CommonMenuMain {
        height: 100%;
        width: 250px;
        position: fixed;
        padding-top: 15px;
        display: none;
        background-color: #0070b7;
        top: 0;
        left: 0;
        z-index: 999;
    }
    header .fixed__nav #CommonMenuMain.active,
    header .fixed__nav.active #CommonMenuMain.active {
        display: block;
    }
    header .main__nav li,
    header .main__nav li:first-child {
        float: none;
        margin: 0;
    }
    header .fixed__nav.active .main__nav li.home a img,
    header .fixed__nav .main__nav li.home a img {
        display: none;
    }
    header .fixed__nav .main__nav li a,
    header .fixed__nav.active .main__nav li a {
        height: auto;
    }
    header .main__nav li a,
    header .main__nav li.home a,
    header .fixed__nav.active .main__nav li a {
        font-size: 17px;
        line-height: 40px;
        display: block;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0;
        color: #fff;
        text-transform: uppercase;
    }
    header .fixed__nav {
        width:calc(100% - 30px);
        left: 15px;
        right: unset;
        top: 25px;
    }
    header nav {
        min-height: 80px;
        border-radius: 40px;
    }
    header nav .logo .khungAnh {
        height: 80px;
        width: 80px;
    }
    .partner_H {
        display: none;
    }
    .btn-menu {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 24px;
    }
    .btn-menu span {        width: 22px;
        height: 16px;
        position: relative;
        display: block;
    }
    .btn-menu span::before,
    .btn-menu span::after,
    .btn-menu span b {
        content: "";
        position: absolute;
        width: 22px;
        height: 2px;
        background: #fff;
        left: 0;
        transition: all 0.4s ease-in;
    }
    .btn-menu span::before {
        top: 0;
    }
    .btn-menu span::after {
        top: 7px;
    }
    .btn-menu span b{
        top: 14px;
    }
    .btn-menu.active span::before {
        top: 7px;
        transform: rotate(45deg);
    }
    .btn-menu.active span::after {
        transform: scale(0);
        opacity: 0;
    }
    .btn-menu.active span b {
        top: 7px;
        transform: rotate(-45deg);
    }
    #over {
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 8;
        background: rgba(0, 0, 0, 0.6);
    }
    #over.active {
        display: block;
    }
    header {
        z-index: 9;
    }
    .welcome .welcome__left,
    .welcome .welcome__right {
        width: auto;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    .welcome .welcome__left {
        margin-bottom: 20px;
    }
    .welcome .welcome__right .round {
        position: unset;
        width: auto !important;
        margin-bottom: 15px;
    }
    .hotline_fix_duoi {
        display: none;
    }
    #hotline-mobile {
        display: block;
        transform: translateY(13px);
    }
    #hotline-mobile a {
        position: unset;
        background-color: unset;
        font-size: 20px;
        line-height: 24px;
        padding: 0;
    }
    #hotline-mobile p {
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        font-weight: 700;
    }
    .welcome {
        padding: 30px 0;
    }
    .welcome .welcome__left .h0070b7 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .welcome .welcome__left .h999 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .welcome .welcome__left .welcome__mess {
        line-height: 20px;
    }
    .welcome .welcome__left .social {
        margin: 15px 0 10px 0;
    }
    .work__intro__item {
        width: auto;
        float: none;
    }
    .work__intro__item .des__bg {
        padding: 15px;
        height: auto;
    }
    .work__intro__item .des__bg .title {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .prdct__home__item .khungAnh {
        width: auto;
        float: none !important;
    }
    .prdct__home__item .desc {
        width: auto;
        height: auto;
        float: none;
        padding: 15px 10px;
    }
    .prdct__home__item .desc .see__detail {
        position: unset;
        margin-top: 10px;
    }
    .prdct__home__item {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }
    .odd .prdct__home__item .desc::before,
    .odd .prdct__home__item .desc::after {
        display: none;
    }
    .project {
        padding: 30px 0 50px 0;
    }
    .slide__feature__project .owl2-dots {
        bottom: -56px;
    }
    .equip ul.tabs li {
        display: block;
        margin-bottom: 5px;
        text-align: center;
        border: 1px solid #aaa !important;
    }
    .sect__title,
    .equip ul.tabs {
        padding-left: 15px;
        padding-right: 15px;
    }

    #ContentFooter {
        width: auto;
    }
    .news__item .desc {
        width: auto;
        height: auto;
        float: none;
    }
    .news__item .khungAnh {
        float: none;
        width: auto;
    }
    .news__item {
        width: auto;
        float: none;
        margin-left: 15px !important;
        margin-right: 15px !important;
        margin-bottom: 15px;
    }
    .gallery .gallery__title .fl::after {
        display: none;
    }
    .gallery .left,
    .gallery .right {
        width: auto;
        float: none;
    }
    .product__item {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
    .equip__slide .product__item:nth-child(2n) {margin-right: 0}
    .product__item .khungAnh::before {
        padding-bottom: 66%;
    }
    .gallery .left {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }
    .gallery .right {
        padding-left: 15px;
        padding-right: 15px;
    }
    #BaoCommonFooter {
        padding: 30px 15px;
    }
    .office_ds .item_of {
        width: auto;
        float: none;
        margin-right: 0;
    }
    .breadcumb__w .khungAnh {
        height: 330px;
    }
    .breadcumb__w .breadcumb,
    .intro__list {
        padding-left: 15px;
        padding-right: 15px;
    }
    .intro__list .left {
        width: auto;
        float: none;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .intro__list .right {
        width: auto;
        float: none;
    }
    .link_ft a {
        display: inline-block;
    }
    .content article.fl,
    .content article.fr {
        width: auto;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
    }
    .datetime__n__size .fr {
        display: none;
    }
    .news__tool .fr {
        float: none;
        padding-left: 5px;
    }
    .breadcumb__w .breadcumb ul li{
        display: none;
    }
    .breadcumb__w .breadcumb ul li:nth-child(1),
    .breadcumb__w .breadcumb ul li:last-of-type {
        display: inline-block;
    }
    .sect__title__gr .more,
    .project__slide .owl-nav .owl2-prev,
    .project__slide .owl-nav .owl2-next {
        display: none;
    }
    .news__item__02 {
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
    }
    .news__item__02 .title {
        height: auto;
    }
    #container .content {
        padding: 35px 0;
    }
    #container .content .sect__title__gr02,
    .news__gr02,
    .lastest__news,
    .row__new,
    .album__title,
    .album__date,
    .album__detail {
        padding-left: 15px;
        padding-right: 15px;
    }
    .lastest__news .lastest {
        width: auto;
        float: none;
        margin-bottom: 20px;
    }
    .lastest__news .other {
        width: auto;
        float: none;
        padding-left: 0;
    }
    .col__news {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .youtube-player {
        max-width: 100%;
    }
    .album__item,
    .album__detail__item {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .album__detail__item {
        padding: 0;
    }
    .contact__form,
    .map02 {
        width: auto;
        float: none;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 20px;
    }
    .hotline_fix {height: 30px}
    .hotline_fix .phone_ft {float: none}
    .hotline_fix .phone_ft a {margin-right: 0;font-size: 9px;letter-spacing: -0.5px;line-height: 30px;width: 33%;display: block;float: left;text-align: center}
    .lienhe_ft {position: absolute;bottom: 100%;right: 0}
    .lienhe_ft a {font-size: 12px;padding: 0 10px}
    .lienhe_ft a#open_chat {width: 100px;color: transparent}
    .lienhe_ft a.ct_footer {padding-left: 40px;background-position: left 8px center}
    .lienhe_ft a.hl_footer {padding-left: 30px;background-position: left 5px center}
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    .product__item {width: auto}
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {}