@media all and (max-width: 1300px) {
    .right-gtp1 {
        padding-right: 7%;
    }
    .p1-gt:after {
        bottom: -145px;
    }
    .logo-fixed {
        text-align: left;
        padding-left: 25px;
    }
    .page1 {
        padding: 70px 0 25px;
    }

    }

@media all and (max-width: 1024px) {

}

@media all and (max-width: 800px) {


}@media all and (max-width: 768px) {
    #hamburger {
        display: block;
    }

    #hamburger {
        top: 65px !important;
        right: 25px !important;
    }

    .sanpham-khung, .duan, .tintuc, .hinhanh, .lien_he {
        margin-top: 36px;
    }
    .header-top .search {
        display: none;
    }

    .header1 .logo img {
        width: 9%;
    }

    .header-top {
        text-align: center;
        padding-top: 15px;
    }

    .slide-hd {
        padding-top: 34px;
    }

    .slide-hd .owl-dots {
        position: relative;
        left: 0;
        right: 0;
        bottom: auto;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }

    .slide-hd .lv_sp_next {
        right: 1%;
    }

    .slide-hd .lv_sp_back {
        left: 1%;
    }

    .container.hd_a {
        padding: 0;
    }

    .header1 .logo {
        padding: 6px 0;
    }

    nav.overlay-menu {
        background: white;
        width: 60%;
        float: right;
        padding: 16px;
        height: 100%;
    }

    .logo-menu__sm {
        width: 20%;
        float: left;
    }

    .menu_sm {
        width: 70%;
        margin-left: 40px;
        float: left;
    }

    .contact-smart ul {
        padding-left: 0;
    }

    nav.overlay-menu .contact-smart ul li {
        margin: 0;
    }
    .menu_sm ul{
        margin-top: 20px;
    }
    .menu_sm ul li {
        padding-bottom: 10px !important;
    }
    .search.mobile {
        margin: 10px auto;
        width: 100%;
        text-align: center;
    }
    .menu_nho{
        display: block;
    }
    .menu-consm ul {
        list-style: none;
        padding-left: 0;
    }
    .menu-consm ul li a {
        position: relative;
        font-size: 16px;
        line-height: 24px;
        color: #2857A9;
        text-transform: uppercase;
        padding-left: 15px;
    }
    .menu-consm ul li.active a:after {
        position: absolute;
        content: "";
        width: 8px;
        height: 20px;
        left: 0;
        bottom: 0;
        background: #2857A9;
    }
    .menu-consm ul li {
        padding: 15px 0 !important;
        border-bottom: 1px solid #E0E0E0;
    }
    ul.menucap3, ul.tintucc3 {
        display: none;
    }
    li.sanphammn.open  ul.menucap3{
        display: block;
    }
    li.tintucmn.open  ul.tintucc3{
        display: block;
    }
    li.sanphammn,   li.tintucmn{
        cursor: pointer;
        background-image: url(/images/down-xanh.svg);
        background-repeat: no-repeat;
        background-position-y: 22px;
        background-position-x: right;
    }
    ul.menucap3 li a, ul.tintucc3 li a {
        text-transform: inherit;
        color: #333333;
        position: relative;
    }
    ul.menucap3 li a::before,  ul.tintucc3 li a::before {
        font: normal normal normal 10px/1 FontAwesome;
        content: "\f054";
        position: absolute;
        top: 3px;
        right: -17px;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .menu-consm ul li.active ul.menucap3 li a:after,  .menu-consm ul li.active ul.tintucc3 li a:after{
        content: none;
    }
    ul.menucap3 li.active a,  ul.tintucc3 li.active a {
        color: #2857A9;
        font-weight: 600;
    }
    .left-p1 {
        width: 30%;
    }
    .right-p1 {
        width: 65%;
    }
    div#slide-spnb button.owl-prev, div#slide-spbc button.owl-prev{
        left: -50%;
    }
    div#slide-spnb button.owl-next, div#slide-spbc button.owl-next {
        left: -35%;
    }
    div#slide-spnb .owl-nav [class*=owl-], div#slide-spbc .owl-nav [class*=owl-] {
        top: 40%;
    }
    .page3-left {
        width: 100%;
    }
    .page3-right__item {
        width: 33.33%;
        float: left;
    }
    .page3-right {
        width: 100%;
    }
    .page3-right .page3-right__item:first-child {
        padding: 33px 15px;
    }
    .page3-right__item {
        padding: 33px 15px;
    }
    .page3-right__item:after {
        content: "";
        position: absolute;
        bottom: 40px;
        width: 1px;
        height: 40px;
        background: #BDBDBD;
        left: auto;
        right: 15px;
    }
    .page3-bottom {
        padding-top: 0;
    }
    .page3-bottom .page3-right__item {
        border-bottom: none;
        width: 50%;
        float: left;
        padding: 20px 20px;
    }
    .page3-bottom .page3-right__item:nth-child(1), .page3-bottom .page3-right__item:nth-child(4) {
        padding: 20px;
    }
    .page3-right .page3-right__item:nth-child(3):after {
        content: none;
    }
    .page3-bottom .page3-right__item:nth-child(2):after {
        content: none;
    }
    .page3-right__text {
        font-size: 17px;
    }
    .page3:before {
        content: "";
        width: 32%;
        height: 29%;
    }
    .page4 .left-p1 {
        width: 36%;
    }
    .page4-right {
        width: 60%;
    }
    .page5-item p.page5to {
        font-size: 18px;
    }
    .page5-item p {
        font-size: 16px;
    }
    .page6 .left-p1 {
        width: 28%;
    }
    div#slide-danb .owl-nav {
        position: relative;
    }
    div#slide-danb  button.owl-prev {
        left: 40%;
    }
    div#slide-danb button.owl-next {
        outline: none;
        position: absolute;
        right: 48%;
    }
    .page1.page7 .left-p1 {
        width: 18%;
    }
    .page1.page7 .right-p1 {
        width: 75%;
    }
    div#slide-tt .owl-nav [class*=owl-] {
        top: 48%;
    }
    div#slide-tt button.owl-prev {
        left: -30%;
    }
    div#slide-tt button.owl-next {
        left: -19%;
    }
    .page8 .left-p1 {
        width: 20%;
    }
    .page8-right {
        width: 71%;
        padding: 16px 0 0px 16px;
    }
    .swiper-doitac {
        width: 100%;
        height: 35vw;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 78%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        left: -17% !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -28%;
    }
    .page-content {
        width: 100%;
    }
    .page9 h4 {
        width: 34%;
    }
    .frm input[type=submit] {
        width: 94%;
    }
    .footer-p1 {
        width: 36%;
    }
    .footer-p2 {
        width: 63%;
    }
    .footer-p4 {
        width: 27.33%;
        float: left;
        margin-top: 30px;
    }
    .footer-p5 {
        width: 33.33%;
        float: left;
        margin-top: 30px;
    }
    .footer-p3 {
        clear: both;
        width: 36.33%;
        padding-left: 0;
        margin-top: 30px;
    }
    .footer-p1 img {
        width: 55%;
    }
    .p1-gt .left-p1 {
        width: 73%;
    }
    .right-gtp1 {
        margin-top: 217px;
    }
    .page1-gt__bottom {
        width: 85%;
    }
    nav.nav-sidebar {
        width: 100%;
    }
    .tab-content.one {
        width: 100%;
    }
    .right-p3gt {
        width: 69%;
    }
    div#slide-cn button.owl-prev {
        left: -39%;
    }
    div#slide-cn button.owl-next {
        left: -28%;
    }
    .p4-gt .left-p1 {
        width: 50%;
    }
    .p4-gt__item {
        width: 100%;
    }
    .p4-gt:after {
        bottom: -235px;
    }
    .right_listpro .leftsl-p1 {
        width: 48%;
    }
    .ctsp-item p {
        width: 50%;
    }
    .ctsp-item {
        padding: 20px 0 10px;
    }
    .detail-sp__left {
        width: 100%;
        padding-right: 0;
    }
    .other_sp {
        margin-top: 30px;
        width: 100%;
        border-left: none;
        padding-left: 0;
    }
    .orthe_proend .leftsl-p1 {
        width: 31.33%;
        float: left;
        margin: 0 1%;
    }
    .col-sm-6 {
        max-width: 50%;
    }
    .duan .container, .fluid_tintuc .container, .hinhanh-list .container, .sanpham-content .container {
        padding-left: 0;
        padding-right: 0;
    }
    .duan_newdetail {
        width: 100%;
        padding-right: 0;
    }
    .other_da {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
        border-left: none;
    }
    .list_other_new .page6-content__item {
        width: 31.33%;
        float: left;
        margin: 0 1%;

    }
    .list_other_new .text-lg .text-lh__right a {
        background-position: 68px;
    }
    .list_other_new .page6__item__text_title h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 49px;
    }
    .item {
        width: 48%;
    }
    .left-lienhe {
        padding-right: 0;
    }
    .formlienhe {
        width: 100%;
    }
    .formlienhe h4 {
        width: 33%;
    }
    .page1.page7 .text-lg .text-lh__right a {
        background-position: 167px;
    }
    .text-lg .text-lh__right a {
        background-position: 100px;
    }
    .menu_sp h4 {
        font-size: 19px;
    }
    .dropdown_pt {
        display: inline-block;
        position: relative;
        border-bottom: 1px solid #095baa;
        padding-bottom: 10px;
    }
    span.ten_pt_mb {
        color: #095baa;
        text-transform: capitalize;
        font-size: 18px;
        font-weight: 600;
    }
    .dropdown_pt button#dLabel {
        background: #f0f8ff00;
        outline: none;
    }
    span.caret2 {
        padding-left: 10px;
    }
    .lisr_menu_td.menumobile {
        padding: 0 15px;
        display: block;
        margin-bottom: 20px;
    }
    .menu_sp {
        display: none;
    }
    .ner_listpro {
        width: 100%;
    }
    .list_new {
        width: 100%;
    }
    .orthe_proend .text-lg .text-lh__right a {
        background-position: 70px;
    }
    .tr_itemblog .leftsl-p1 {
        width: 48%;
        float: left;
    }
    .danaweb img {
        margin-top: 0;
    }
    .contact-smart ul li a img {
        margin-top: 0;
    }
    p.textdo {
        width: 100%;
        margin-bottom: 15px;
    }
    .tt_tren__right img {
        margin-top: 0;
    }
    .text-lh__right a:after {
        border-top: 50px solid white;
    }

    }

@media all and (max-width: 680px) {


}@media all and (max-width: 480px) {

    #hamburger{
        display: block;
        top: 37px !important;
        right: 16px !important;
    }
    .header-top {
        text-align: left;
        padding-top: 6px;
    }
    .header1 .logo {
        padding: 6px 10px;
    }
    .button_container {
        top: 29px;
        right: 15px;
    }
    .header1-right {
        width: 70%;
    }
    .page1 {
        padding: 40px 0;
    }
    nav.overlay-menu {
        width: 100%;
    }
    .menu_sm {
        margin-left: 15px;
    }
    input#search {
        width: 90%;
    }
    ul.menucap3, ul.tintucc3 {
        padding-left: 15px;
    }
    .overlay {
        background: white;
    }
    .left-p1 h4 {
        padding: 10px 0 0 24px;
        font-size: 30px;
    }
    .left-p1 {
        width: 45%;
        margin: 0 auto;
        float: none;
    }
    .right-p1 {
        width: 100%;
        margin-top: 40px;
    }
    div#slide-spnb .owl-theme .owl-nav {
        position: relative;
    }
    div#slide-spnb .owl-nav [class*=owl-], div#slide-spbc .owl-nav [class*=owl-] {
        top: auto;
    }
    div#slide-spnb button.owl-prev, div#slide-spbc button.owl-prev {
        left: 120px;
    }
    div#slide-spnb button.owl-next, div#slide-spbc button.owl-next {
        left: 190px;
        right: auto;
    }
    .page1.page2 {
        padding-top: 30px;
    }
    .left-p1 h4 {
        line-height: 36px;
    }
    .page3-left__img h4 {
        width: 90%;
        top: 50%;
        font-size: 20px;
        line-height: 29px;
    }
    .page3-left__img img {
        object-fit: cover;
        height: 186px;
    }
    .page3:before {
        height: 20%;
    }
    .page3-right__item {
        padding: 20px 15px;
        width: 100%;
    }
    .page3-right .page3-right__item:first-child {
        padding: 20px 15px;
    }
    .page3-right__item {
        width: 75%;
        margin: 0 auto;
        float: none;
    }
    .page3-right__item:after {
        content: "";
        position: absolute;
        bottom: 10px;
        width: 40px;
        height: 1px;
        background: #BDBDBD;
        right: 0;
        left: 0;
    }
    .page3-bottom .page3-right__item {
        width: 75%;
        margin: 0 auto;
        float: none;
    }
    .page3-bottom .page3-right__item:after {
        content: "";
        position: absolute;
        width: 40px;
        height: 1px;
        right: 0;
        background: #BDBDBD;
        top: -10px;
        left: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    .page3-bottom .page3-right__item:nth-child(2):after,  .page3-bottom .page3-right__item:nth-child(4):after{
        content: "";
    }
    .page4 {
        padding: 30px 0;
    }
    .page3 {
        padding: 68px 0 0;
    }
    .page4 .left-p1 {
        width: 53%;
    }
    .page4-right {
        position: relative;
        width: 100%;
    }
    .page4-right p {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        margin-top: 20px;
    }
    .page5-item {
        margin-bottom: 20px;
        width: 100%;
    }
    .page5-content .page5-item:nth-child(2), .page5-content .page5-item:nth-child(3) {
        width: 100%;
    }
    .page5-item p.page5to {
        margin-bottom: 0;
        font-size: 20px;
    }
    .page5-content {
        width: 60%;
        margin: 0 auto;
    }
    .page6 .left-p1 {
        margin: -100px auto 30px;
        width: 40%;
    }
    .page6 {
        padding: 150px 0 30px;
    }
    .page5 {
        margin-bottom: 60px;
    }
    .page1.page7 .left-p1 {
        width: 30%;
    }
    .page1.page7 .right-p1 {
        width: 100%;
    }
    .page1.page7 .text-lg .text-lh__right a {
        background-position: 94px;
    }
    div#slide-tt .owl-theme .owl-nav {
        position: relative;
    }
    div#slide-tt button.owl-prev {
        left: 135px;
    }
    div#slide-tt .owl-nav [class*=owl-] {
        top: auto;
        bottom: -20px;
    }
    div#slide-tt button.owl-next {
        left: auto;
        right: 145px;
    }
    .page8 .left-p1 {
        width: 34%;
        margin: 0 auto 25px;
    }
    .page8-right {

        width: 100%;
    }
    .swiper-doitac {
        height: 90vw;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        left: 50% !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 40%;
    }
    .swiper-button-next, .swiper-button-prev{
        top: auto;
        bottom: -48px;
    }
    .page9 {
        padding: 40px 0;
    }
    .page9 h4 {
        width: 65%;
    }
    .footer-p1 {
        text-align: center;
        width: 100%;
        margin-bottom: 24px;
        padding-right: 0;
    }
    .footer-top {
        padding: 40px 15px 10px;
    }
    .footer-p1 img {
        width: 108px;
    }
    .footer-p2 {
        width: 100%;
    }
    .footer-p3 {
        width: 50%;
    }
    .footer-p4 {
        width: 38%;
        float: right;
    }
    .footer-p5 {
        width: 100%;
        margin-top: 30px;
    }
    .footer .copyright .text {
        font-size: 12px;
    }
    .footer .copyright .text {
        font-size: 12px;
    }
    .copyright {
        border-top: 1px solid #E0E0E0;
    }
    .footer .copyright .danaweb {
        padding: 0;
    }
    .footer-p5 ul {
        margin: 15px 0;
    }
    div#slide-danb button.owl-next {
        left: 190px;
        right: auto;
        top: auto;
        bottom: -15px;
    }
    div#slide-danb button.owl-prev {
        left: 120px;
        top: auto;
        bottom: -15px;
    }
    .left-gtp1 {
        width: 100%;
    }
    .right-gtp1 {
        margin-top: 20px;
        width: 100%;
        padding: 0 15px;
    }
    .p1-gt:after {
        bottom: -50px;
    }
    .page1-gt__bottom {
        padding: 100px 0 40px;
        width: 100%;
    }
    nav.nav-sidebar {
        border-right: none;
    }
    .tabs li a {
        font-size: 17px;
    }
    ul.nav.tabs li .left-p1 h4 {
        padding-top: 10px;
    }
    .left-p1 h4:before {
        background-size: 60px 50px;
        top: -17px;
        left: 14px;
    }
    .nav>li {
        margin-bottom: 10px;
        float: left;
    }
    ul.nav.tabs {
        display: inline-block;
    }
    .right-p3gt {
        width: 100%;
        margin-top: 30px;
    }
    div#slide-cn .owl-nav [class*=owl-] {
        top: auto;
        bottom: -62px;
    }
    div#slide-cn button.owl-prev {
        left: 135px;
    }
    div#slide-cn button.owl-next {
        left: 175px;
        right: auto;
    }
    .p4-gt .left-p1 {
        width: 70%;
    }
    .p4-gt:after {
        bottom: -425px;
    }
    .p4-gt {
        padding: 64px 0 60px;
    }
    .banner-sanpham img {
        height: 160px;
        object-fit: cover;
    }
    .banner-sp__img .left-p1 {
        width: 38%;
    }
    .banner-sp__img .left-p1 h4:before {
        top: 17px;
        left: 14px;
        background-size: 69px 56px;
    }
    .banner-sp__img .left-p1 h4 {
        padding: 35px 0 0 24px;
        font-size: 30px;
    }
    .duan .container, .fluid_tintuc .container, .hinhanh-list .container, .sanpham-content .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .right_listpro .leftsl-p1 {
        width: 100%;
        margin: 0 0 30px;
    }
    .sl_sp__left {
        width: 100%;
    }
    .right_listpro1 {
        width: 100%;
        margin-top: 30px;
    }
    .orthe_proend .leftsl-p1 {
        width: 100%;
        margin: 0;
    }
    .detail_sp {
        padding: 40px 0 0;
    }
    h4.spcungloai {
        margin-bottom: 15px;
    }
    .gioithieu-ct__content {
        padding: 10px 0 30px;
    }
    .col-xs-12 {
        max-width: 100%;
    }
    .duan-list .page6-content__item {
        padding: 0;
    }
    .duan_newdetail h4 {
        font-size: 20px;
    }
    .duan-content {
        padding: 10px 0 30px;
    }
    .list_other_new .page6-content__item {
        width: 100%;
        float: left;
        margin: 0 0 30px;
    }
    .list_new .page6-content__item {
        padding: 0;
    }
    .lisr_menu_td.menumobile {
        padding: 0;
    }
    .tintuc-detail {
        padding: 40px 0 0;
    }
    .duan-ct .breadcrumb {
        display: none;
    }
    .duan_newdetail {
        padding-top: 15px;
    }
    .tintuc {
        padding-bottom: 15px;
    }
    .duan-ct .duan-content {
        padding-bottom: 0;
    }
    .menu-hinhanh ul li {
        margin-right: 25px;
    }
    .hinhanh {
        padding-bottom: 15px;
    }
    .left-lienhe, .right-lienhe {
        width: 100%;
    }
    .tr_map {
        padding: 30px 0;
    }
    .formlienhe h4 {
        width: 215px;
    }
    .input_contactlh {
        width: 100%;
    }
    .input_contactlh.tex {
        width: 100%;
    }
    .btn_submit.send_lienhe_lh {
        margin-right: 0;
    }
    .formlienhe {
        margin-top: 20px;
    }
    .tr_itemblog .leftsl-p1 {
        width: 100%;
        margin: 0 0 30px;
    }
    .page4-right p {
        font-size: 16px;
    }
    .other_da {
        margin-bottom: 30px;
    }
    .page6__item__text_title h2 {
        height: auto;
    }
    .page6__item__text_comment {
        margin-top: 10px;
        height: auto;
    }
    .page6 .page6__item__text_title h2, .page1.page7 .page6__item__text_title h2 {
        height: 45px;
    }
    .page6 .page6__item__text_comment, .page1.page7 .page6__item__text_comment {
        height: 53px;
    }
    ul.menucap3 li a::before, ul.tintucc3 li a::before {
        top: 5px;
    }
    .sanpham-content {
        padding: 30px 0 0;
    }
    .list_other_new .page6__item__text_title h2 {
        height: auto;
    }
    .duan {
        padding-bottom: 0;
    }
    .danaweb img {
        margin-top: -7px;
    }
    .tt_tren__right img {
        margin-top: -5px;
    }
     .header1 .logo img {
        width: 18%;
    }
    .page4 .container {
        height: 100% !important;
    }
    .frm input[type=submit] {
        width: 28%;
    }

    }@media all and (max-width: 375px) {
.header1 .logo img {
        width: 19%;
    }
}
@media all and (max-width: 320px) {
.header1 .logo img {
        width: 18%;
    }
}
@media (min-width: 1400px) {
    .right-gtp1 {
        padding-right: 15%;
    }
    .right-gtp1 {
        padding-right: 15%;
    }
    .page1-gt__bottom {
        padding: 180px 0 24px;
    }
    .p4-gt:after {
        height: 34%;
    }




}
@media (width: 1920px) {
    .page8 .left-p1 {
        width: 9%;
    }
    .p1-gt .left-p1 {
        width: 30%;
    }
    .right-gtp1 {
        padding-right: 20%;
    }
    .p1-gt:after {
        bottom: -212px;
    }
    .page1-gt__bottom {
        padding: 210px 0 24px;
    }
    .p4-gt:after {
        height: 40%;
    }
    .p4-gt {
        padding: 64px 0 200px;
    }
}