@media (max-width: 991px) {}

@media (max-width: 1024px) {
    /* --- Mobile both + Tablet portrait ----*/
    body.sub {
        padding-top: 0px;
        font-size: 14px;
    }
    .emailSubs {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .logo-bct {
        margin-top: 0px
    }
    .pageIntro .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .containTopMenu ul,
    .containBotMenu ul {
        overflow: auto;
        display: inline-flex;
        float: left;
        width: 100%;
    }
    .containBotMenu ul li,
    .containTopMenu ul li {
        display: inline-table;
    }
    .mainMenu {
        height: 54px;
        padding-top: 0px !important;
    }
    .lang {
        width: 60px;
        padding: 0px;
        border: none;
    }
    .lang a {
        padding: 0px;
    }
    .lang {
        top: 22px;
        left: 173px;
    }
    .sub .lang {
        top: 10px;
        left: 202px;
    }
    .hotline {
        margin-top: 10px;
    }
    .pageIntro {
        padding-top: 40px;
    }
    .btnMenu {
        /*position: absolute;*/
        /*top: 0px;*/
        /*right: 0px;*/
        /*font-size: 1.75em;*/
        /*border: solid 1px #02509a;*/
        /*padding: 0px 10px;*/
        /*border-radius: 3px;*/
        /*line-height: 35px;*/
        /*margin-top: 5px;*/
        float: right;
        font-size: 2em;
        margin-left: 20px;
    }
    .btnMenu:hover,
    .btnMenu:focus {
        color: #02509a;
    }
    .mm-menu.mm-theme-dark {
        background: #02509a;
    }
    .logo {
        padding-top: 5px;
    }
    .sub .logo {
        padding-top: 0px;
    }
    .listMember .memberItem {
        width: 32%;
    }
    .khachHangItem img {
        height: 100px !important;
    }
    .colLeft {
        margin-bottom: 20px;
    }
    .colLeft .headTitlePage {
        font-size: 1.5em;
    }
    .taiLieuItem {
        width: 33.333333%;
    }
    .paging {
        width: 100%;
        float: left;
        margin: 0px;
    }
    .daiLyFilter .col1 {
        width: 50%;
    }
    .daiLyFilter .col1:last-child {
        width: 100%;
    }
    .tinFirst .news .newsInfo {
        width: 100%;
        padding-left: 0px;
    }
    .tinFirst .news .photo {
        margin-bottom: 20px;
        width: 100%;
    }
    .productPage .spColLeft {
        width: 100%;
    }
    .spMenu {
        width: 33%;
        float: left;
        padding: 10px;
    }
    .spLeftBox {
        width: 33%;
        float: left;
        margin-left: 0.333333%;
    }
    .productPage .spColRight {
        width: 100%;
    }
    .indexHeadBanner {
        margin-top: 54px;
        height: auto !important;
    }
    .slider1 .item {
        height: 380px;
    }
    .sub .slider1 .item {
        height: auto;
    }
    .indexThuongHieu,
    .indexVideoClips,
    .indexCoDong,
    .indexSanPham,
    .indexAcQuy {
        height: auto !important;
    }
    .acQuy-box,
    .sanPham-box {
        margin: 50px 0px;
        margin-top: 450px;
        border-radius: 150px;
        height: auto;
        float: left;
        position: relative;
    }
    .acQuy-info,
    .sanPham-info {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 50px;
    }
    .acQuy-thumb,
    .sanPham-thumb {
        position: absolute;
        top: -400px;
        left: calc(50% - 185px);
    }
    .indexNews,
    .indexThuongHieu,
    .indexVideoClips,
    .coDongBox {
        padding: 50px 0px;
    }
    .indexThuongHieu .headDes,
    .coDongBox .headDes {
        margin-bottom: 40px;
    }
    .indexNews .news .photo {
        width: 100%;
        margin-bottom: 25px;
    }
    .indexNews .newsInfo {
        padding-left: 0px;
        width: 100%;
    }
    .indexNews .dateCol {
        width: 15%;
    }
    .indexNews .newsFirst {
        width: 80%;
    }
    .coDong-content {
        width: 98%;
    }
    .coDong-content .colum-left {
        width: 25%;
        margin-top: 30px;
    }
    .coDong-content .colum-right {
        width: 70%;
        margin: 30px 0 20px 20px;
    }
}

@media (max-width: 786px) {
    .bar-mobile {
        display: block;
    }
    .index-footer {
        margin-bottom: 44px;
    }
}

@media (max-width: 767px) {
    .sanPhamRow .sanPhamItem {
        width: 50%;
    }
    /* --- Mobile both ----*/
    .news-title-item span {
        width: 100%;
        display: inline-block;
    }
    .logoImg img {
        height: 42px !important;
    }
    .sub .logoImg img {
        height: 54px !important;
    }
    .sub .mainMenu {
        padding-top: 2px !important;
    }
    .sub .lang {
        left: 192px;
    }
    .btnMenu {
        margin-top: 3px;
    }
    .spLeftBox,
    .spMenu {
        width: 100% !important;
    }
    .hotline {
        display: none;
    }
    .pageIntro .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .slider3 .item {
        height: 150px !important;
    }
    .slider3 .item img {
        height: 100% !important;
        width: auto;
        max-width: inherit;
    }
    .breadcrumbs ul {
        padding: 5px 30px;
    }
    .containBotMenu ul li a,
    .containTopMenu ul li a {
        margin: 0px 10px;
    }
    .containBotMenu .container {
        padding: 0px;
    }
    .footerBottom {
        line-height: 25px;
        padding: 15px 0px;
        background: #122c47;
    }
    .containHeaderBar {
        font-size: 1em;
        line-height: 1.5;
        padding: 15px 0px;
    }
    .listNews .news .news-des,
    .listNews .news .news-title {
        height: auto;
    }
    .listMember .memberItem {
        width: 100%;
    }
    .donViItem {
        width: 100%;
    }
    .listDonVi .donViItem {
        width: 100%;
        padding: 10px;
    }
    .donViItem .photo {
        margin-bottom: 10px;
    }
    .HDQT .headTitle.headTitle2 span {
        padding: 0px 20px;
    }
    .HDQT .headTitle.headTitle2 {
        font-size: 1em;
    }
    .HDQT {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .colLeft {
        padding: 20px;
    }
    .taiLieuItem {
        width: 100%;
    }
    .listHTKH .panel-heading .panel-title a,
    .listHTKH .panel-heading .panel-title a.collapsed {
        line-height: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px !important;
    }
    .listHTKH .panel-heading .panel-title a:before,
    .listHTKH .panel-heading .panel-title a.collapsed:before {
        display: none;
    }
    .listHTKH .htkhPanel {
        padding: 15px;
    }
    .containBotMenu ul li,
    .containTopMenu ul li {
        line-height: 20px;
    }
    .containBotMenu ul li a,
    .containTopMenu ul li a {
        padding: 10px 0px;
    }
    .daiLyFilter .col1 {
        width: 100%;
        border: none !important;
        margin-bottom: 10px;
    }
    .daily-info {
        /* height: 100px; */
    }
    .tinFirst .news .newsInfo .info {
        width: 100%;
    }
    .tinFirst .news .newsInfo .news-title {
        font-size: 1.125em;
    }
    .contactPage .panel-default>.panel-heading a {
        line-height: 25px;
    }
    .contactLeft {
        margin-bottom: 20px;
    }
    .sanPhamDetailBox {
        padding: 10px;
    }
    .sanPhamItem .photo {
        width: 100%;
        float: left;
        /* height: 200px; */
    }
    #list-category .sanPhamRow .sanPhamItem {
        width: 50%;
        padding: 0px;
        border-left: solid 1px #ebebeb !important;
        border-right: solid 1px #ebebeb !important;
    }
    .sanPhamRow .sanPhamItem .title {
        height: auto;
    }
    #sanPhamDetailBox {
        width: 100%;
        float: left;
    }
    .slider1 .item {
        height: 180px;
    }
    .slider1 .owl-controls {
        display: none;
    }
    .acQuy-box,
    .sanPham-box {
        border-radius: 50px;
    }
    .acQuy-info,
    .sanPham-info {
        padding: 0px;
    }
    .acQuy-info .acQuy-title,
    .sanPham-info .sanPham-title {
        font-weight: normal;
        font-size: 2em;
        padding-bottom: 20px;
    }
    .acQuy-thumb,
    .sanPham-thumb {
        width: 310px;
        height: 310px;
        left: calc(50% - 155px);
    }
    .acQuy-photo,
    .sanPham-photo {}
    .acQuy-thumb:before,
    .sanPham-thumb:before {
        background-color: rgba(0, 0, 0, .4);
    }
    .product-list {
        opacity: 1;
        position: static;
        margin-bottom: 15px;
    }
    .acQuy-title1 a,
    .sanPham-title1 a {
        border: 0;
        color: #272525;
        display: block;
        text-align: center;
    }
    .acQuy-title1+.acQuy-title1 a,
    .sanPham-title1+.sanPham-title1 a {
        border-top: solid 1px #e2e3e4;
    }
    .acQuy-thumb img,
    .sanPham-thumb img {
        max-height: 100%;
    }
    .coDong-item {
        padding: 0px;
    }
    .coDong-item .coDong-title {
        font-size: 0.75em;
        width: 100%;
        float: left;
        line-height: 20px;
        padding-top: 10px;
    }
    .indexThuongHieu .headTitle,
    .indexNews .headTitle,
    .indexVideoClips .headTitle {
        font-size: 2em;
    }
    .doiTacItem {
        width: 50%;
    }
    .thuongHieuBox {
        padding: 0 20px;
    }
    .indexNews .newsFirst {
        width: 100%;
    }
    .btn-lg {
        padding: 10px 30px;
    }
    .thuongHieuBox,
    .videoClipsBox {
        padding: 0px;
    }
    .tieuSu-modal .modal-dialog {
        width: 95%;
    }
    .tieuSuItem .photo {
        float: left;
        width: 35%;
        display: none;
    }
    .tieuSuItem .des {
        width: 100%;
        float: left;
        padding: 10px;
    }
    .tieuSuItem .des>div {
        height: 500px;
    }
    .index-footer {
        margin-bottom: 39px;
    }
    .bar-mobile a {
        font-size: 13px;
    }
    .locThuongHieuItem {
        width: 33.3333333%;
    }
    .productPage .spColLeft .locThuongHieuItem {
        width: 33.3333333%;
    }
}

@media (max-width: 480px) {
    /* --- Moible lanscapse ----*/
    .coDong-content .title {
        padding: 30px 0 10px 20px;
    }
    .coDong-content .colum-list {
        margin: 30px 0 20px 0px;
    }
    .coDong-content .colum-left {
        width: 100%;
    }
    .coDong-content .colum-right {
        width: 100%;
        margin: 30px 0 20px 0;
    }
}

@media (max-width: 350px) {
    /* --- Moible portrait ----*/
}

@media (min-width: 560px) and (max-width: 767px) {
    /* --- Moible landscape ----*/
    .listMember .memberItem {
        width: 49%;
    }
    .sanPhamRow .sanPhamItem {
        width: 25%;
    }
    .sanPhamDetailBox .col-sm-6 {
        width: 50%;
        float: left;
    }
    .taiLieuItem {
        width: 50%;
    }
    .daiLyFilter .col1 {
        width: 50%;
    }
    .listDaiLy .col-xs-12 {
        width: 50%;
        float: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* --- Tablet portrait ----*/
}

@media (min-width: 991px) and (max-width: 1024px) {
    /* --- Tablet landscape ----*/
    .lang {
        top: 28px;
        left: 245px;
    }
    ul.menu>li>a {
        padding: 0px 5px;
    }
    .container {
        width: 100%;
    }
    .mainMenu {
        height: auto;
    }
    .sub .lang {
        top: 15px;
        left: 290px;
    }
}

@media (min-width: 1170px) {
    /* --- desktop ----*/
    body {
        height: auto !important;
    }
    .container {
        width: 1230px;
    }
    .mainMenu.fixed {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: inherit;
    }
    .sub .mainMenu {
        position: fixed;
        top: 0;
        left: 0;
    }
}