@media (max-width: 1550px){
    #thietke .content-thietke, #hatang .content-thietke, #dancu .content-thietke {
        padding: 30px 10% 30px 10%;
    }
    #hatang .content-thietke {
        padding: 50px 10%;
    }
    #dancu .content-thietke {
        padding: 90px 10%;
    }
    #thietke .content-thietke .title-content-thietke .gach, #hatang .content-thietke .title-content-thietke .gach, #dancu .content-thietke .title-content-thietke .gach {
        width: 40%;
    }
    #thietke .content-thietke .title-content-thietke .gach, #dancu .content-thietke .title-content-thietke .gach {
        width: 40%;
    }
}
@media (max-width: 1200px){
    #footer .ketnoi iframe {
        width: 100%;
    }
    #matbang .title-parent-matbang .list-toa {
        width: 30%;
    }
    #thietke .container-fluid .row,#hatang .container-fluid .row,#dancu .container-fluid .row {
        margin: 50px 0px;
    }
    #thuvien .slider-thuvien-phoicanh .owl-prev, #thuvien .slider-thuvien-phoicanh .owl-next, #thuvien .slider-thuvien-thucte .owl-prev, #thuvien .slider-thuvien-thucte .owl-next, #thuvien .slider-thuvien-video .owl-prev, #thuvien .slider-thuvien-video .owl-next,#thuvien .slider-thuvien-canho .owl-prev, #thuvien .slider-thuvien-canho .owl-next,#thuvien .slider-thuvien-tiendo .owl-prev, #thuvien .slider-thuvien-tiendo .owl-next {
        bottom: 23%;
    }
    .nav-pills .nav-link,.wrapper .site-nav .link-dowload a{
        font-size: 0.5rem;
    }
    #tuvan h3 {
        font-size: 1.5rem;
    }
    #video .video-big iframe {
        height: calc(35vw*(550/550));
    }
    #video .video-small iframe {
        height: calc(35vw*(250/550));
    }
    #matbang .title-matbang h2 {
        width:100%
    }
    #video .title-video h2 {
        font-size: 1.2rem;
    }
}
@media (max-width: 992px){
    .box-fixed-support .iconCicle .iconmon, .box-fixed-support .iconCicle img {
        max-width: 25px;
        max-height: 25px;
        margin-top: 6px;
    }
    .box-fixed-support .iconCicle {
        width: 36px;
        height: 36px;
    }
    .box-fixed-support .iconCicle a i {
        font-size: 20px;
        line-height: 40px;
    }
    .banner-top .slider-mobile,#thuvien .slider-gallery-mobile {
        height: auto;
    }
    .banner-top .slider-mobile .owl-stage-outer,.banner-top .slider-mobile .owl-stage,.banner-top .slider-mobile .owl-item,.banner-top .slider-mobile .item,.banner-top .slider-mobile .item img,
    #thuvien .slider-gallery-mobile .owl-stage-outer,#thuvien .slider-gallery-mobile .owl-stage,#thuvien .slider-gallery-mobile .owl-item,#thuvien .slider-gallery-mobile .item,#thuvien .slider-gallery-mobile .item img{
        height: 100%;
        object-fit: cover;
    }
    nav ul.open.opening {
        display: block;
        transition: auto 10s ease;
    }
    .menu-top-1 .menu-toggle {
        display: block;
    }
    .img-logo {
        width: 45%;
        padding:5px;
    }
    .block-introduce-left .block-title-introduce{
        padding-top: 100px;
    }
    .block-introduce-right .block-title-introduce {
        padding-top: 40px;
    }
    .block-introduce-right {
        padding:0;
    }
    #vitri, #matbang, #thuvien, #chinhsach, #tintuc {
        padding-top: 50px;
    }
    .menu-top-1 .container-fluid,.menu-top-1 .container-fluid .site-nav {
        padding:0;
    }
    #vitri, #matbang, #thuvien, #chinhsach, #tintuc {
        margin-top: 0;
    }
    .map-left-1 .col-4 p:last-child, .map-left-2 .col-4 p:last-child {
        font-size: 1.5rem;
    }
    .block-title-introduce p,#vitri .intro-map p,.map-left-1 .col-4 p:first-child, .map-left-2 .col-4 p:first-child,.map-left-1 .col-4 p.title-map-left-1,.ground-left p {
        font-size: 0.7rem;
    }
    .ground-left p {
        width: 100%;
        text-align: justify;
    }
    #vitri .title-map-1 {
        font-size: 1rem;
    }
    #matbang .container .row .title-ground {
        font-size: 2rem;
        text-align: center;
        padding-top: 55px;
    }
    #matbang .container .row, #chinhsach .container .row {
        padding:0;
    }
    #matbang .container .row .title-ground:before,#vitri .title-map:before,#thuvien .title-gallery:before, #chinhsach .title-policy:before, #tintuc .block-new-left .title-news:before {
        width: 14%;
        left: 43%;
    }
    .text-ground h5 {
        font-size: 1rem;
    }
    .text-ground p {
        margin-bottom: 0.5rem;
    }
    #thuvien .title-gallery, #tintuc .block-new-left .title-news,#chinhsach .title-policy {
        font-size: 1.5rem;
        text-align: center;
    }
    #chinhsach .container:before{
        display: none;
    }
    .block-policy-right ul {
        padding:0;
        width: 100%;
    }
    .block-policy-right ul li {
        font-size: 0.9rem;
    }
    #chinhsach .block-policy-left p {
        padding-left: 0;
    }
    .block-new-left p {
        width: 100%;
        text-align: justify;
        font-size: 0.7rem;
    }


    .other-news .other-news-item h3 {
        font-size: 1.1rem;
        margin-top: 10px;
    }
    .other-news .other-news-item p {
        font-size: 0.6rem;
    }
    #footer .img-footer {
        width: 60%;
    }
    #footer p {
        width: 80%;
        font-size: 0.7rem;
        margin: auto;
    }
    .pagination {
        width: 20%;
    }
    .owl-prev i, .owl-next i {
        font-size: 25px;
    }
    .owl-prev, .owl-next {
        padding: 0px 7px;
        top: 40%;
    }
}
@media (max-width: 768px){
    #thietke .container-fluid .row, #hatang .container-fluid .row, #dancu .container-fluid .row {
        margin:0;
    }
    #footer .lienhe, #footer .ketnoi {
        margin-top: 50px;
    }
    #footer img {
        width: 50%;
        margin-left: 30px;
    }
    #ground .title-ground .title-1, #ground-canho .title-ground .title-1 {
        width: 100%;
        text-align: center;
    }
    #ground .title-ground .number, #ground-canho .title-ground .number {
        height: 100%;
    }
    #ground-canho .matbang-chitiet h2 {
        width: 100%;
        font-size: 1rem;
    }
    #ground-canho .matbang-chitiet .item-canho .img-canho {
        margin-top: 50px;
    }
    #ground-canho .owl-prev, #ground-canho .owl-next {
        top: 68px;
    }
    #ground-canho .owl-prev {
        right:unset;
        left: 5%;
    }
    #ground-canho .owl-next {
        right: 5%;
    }
    #ground-canho {
        margin-top: 0px;
    }
    .block-title-ground .title-introduce {
        width: 40%;
    }
    #thietke .content-thietke, #hatang .content-thietke, #dancu .content-thietke {
        position: unset;
        transform: translateY(0);
        padding: 30px 0;
    }
    #video .descripton-list-video p {
        text-align: left;
    }
    #thietke .content-thietke, #dancu .content-thietke,#hatang .content-thietke {
        width: 100%;
        background: transparent;
    }
    #thietke .content-thietke .title-content-thietke h2,#hatang .content-thietke .title-content-thietke h2,#dancu .content-thietke .title-content-thietke h2 {
        font-size: 1rem;
        text-align: center;
    }
    #thietke .content-thietke .title-content-thietke h2 span, #dancu .content-thietke .title-content-thietke h2 span,#hatang .content-thietke .title-content-thietke h2 span {
        background: #FFF;
        padding-left:10px;
    }
    #thietke .content-thietke .title-content-thietke .gach, #dancu .content-thietke .title-content-thietke .gach {
        width:40%
    }
    #antuong .title-conso h2 {
        font-size: 1rem;
        width: 75%;
    }
    #antuong .title-conso .gach {
        width: 25%;
    }
    #hatang .row {
        overflow: hidden!important;
    }
    #hatang .img-hatang {
        height: 100%;
        transform: translateY(0);
    }
    .menu-top {
        border-color: #1E646E;
    }
    .nav-pills .nav-link,.wrapper .site-nav .link-dowload a {
        font-size: 1rem;
        padding:5px 0px;
        margin: 10px 0;
    }
    .wrapper .site-nav .link-dowload {
        width: 100%;
    }
    .wrapper .site-nav ul.open {
         display: none;
         transition: auto 10s ease;
         margin-top: 20px;
         width: 100%;
         background: #1E646E;
         text-align: center;
         position: absolute;
         top: 105px;
     }
    #antuong .list-antuong .col-md-4 {
        margin: 15px 0px;
    }
    .vi-tri-left .title-vitri h2 {
        width: 70%;
    }
    #antuong .title-conso h2 {
        width: 100%;
    }
    .vi-tri-left .title-vitri .gach {
        width: 100%;
    }
    .block-title-introduce .title-introduce {
        width: 50%;
        font-size: 1.5rem;
    }
    #vitri .vi-tri-left {
        max-width: 100%;
    }
    #video .video-big iframe,#video .video-small iframe {
        height: calc(100vw*(330/550));
    }
    #video .video-small iframe {
        margin-bottom: 20px;
    }
    #video .descripton-list-video p {
        text-align: center;
    }
    .wrapper .site-nav {
         justify-content: center;
     }
    #footer p {
        margin-right: auto;
        margin-left:0;
    }
    #tienich .container .row:nth-child(2) .col-lg-6:nth-child(1) {
        padding-right:0px;
    }
    #tienich .container .row:nth-child(2) .col-lg-6:nth-child(2) {
        padding-left:0px;
    }
    #tienich .title-tien-ich .name-img-tienich .name-tienich,#tienich-ngoaikhu .item-tienich-ngoaikhu .name-img-tienich-2 {
        font-size: 1rem;
    }
    #tienich .title-tien-ich h3.name-img-tienich-h3 {
        font-size: 1rem;
    }
    #thuvien .slider-thuvien-phoicanh .owl-prev, #thuvien .slider-thuvien-thucte .owl-prev, #thuvien .slider-thuvien-video .owl-prev {
        left: 5%;
        right: unset;
    }
    #thuvien .slider-thuvien-phoicanh .owl-next, #thuvien .slider-thuvien-thucte .owl-next, #thuvien .slider-thuvien-video .owl-next {
        right: 5%;
    }
    #thuvien .slider-thuvien-phoicanh .owl-prev, #thuvien .slider-thuvien-phoicanh .owl-next,#thuvien .slider-thuvien-canho .owl-prev, #thuvien .slider-thuvien-canho .owl-next, #thuvien .slider-thuvien-thucte .owl-prev, #thuvien .slider-thuvien-thucte .owl-next, #thuvien .slider-thuvien-video .owl-prev, #thuvien .slider-thuvien-video .owl-next,#thuvien .slider-thuvien-tiendo .owl-prev,#thuvien .slider-thuvien-tiendo .owl-next {
        bottom: -45px;
    }
    #thuvien .slider-thuvien-video .owl-prev,#thuvien .slider-thuvien-video .owl-next {
        bottom: -37px;
    }
    #thuvien .owl-dots div, #thuvien .slider-thuvien-thucte .owl-dots div, #thuvien .slider-thuvien-video .owl-dots div,#thuvien .slider-thuvien-canho .owl-dots div,#thuvien .slider-thuvien-tiendo .owl-dots div {
        width: 10px;
        height: 10px;
    }
    #thuvien .title-thuvien.title-thuvien-canho h2,#thuvien .title-thuvien.title-thuvien-tiendo h2 {
        padding-right:0;
        text-align: center;
    }
    #thuvien .title-thuvien.title-thuvien-canho,#thuvien .title-thuvien.title-thuvien-tiendo {
        justify-content: center;
    }
    #thuvien .slider-thuvien-canho .owl-prev,#thuvien .slider-thuvien-tiendo .owl-prev {
        left: 5%;
    }
    #thuvien .slider-thuvien-canho .owl-next,#thuvien .slider-thuvien-tiendo .owl-next {
        right:5%;
        left:unset;
    }

    #thuvien .title-thuvien h2 {
        text-align: center;
        font-size: 1rem;
        margin-bottom:0;
        padding: 10px 0 10px 0;
    }
    #thuvien .title-thuvien {
        justify-content: center;
    }
    #tintuc .info-news .owl-prev, #tintuc .info-news .owl-next,#tintuc-noibat .slider-carousel-news .owl-prev, #tintuc-noibat .slider-carousel-event .owl-prev,#tintuc-noibat .slider-carousel-news .owl-next, #tintuc-noibat .slider-carousel-event .owl-next {
        padding: 5px 13px;
    }
    #tintuc .info-news .owl-prev {
        left: 40%;
    }
    #tintuc .info-news .owl-next {
        right:40%;
    }
    #vitri .container .row>div {
        padding: 0 15px;
    }
    #thietke .content-thietke p, #hatang .content-thietke p, #dancu .content-thietke p {
        text-align: justify;
    }
    #tuvan h3 {
        margin-bottom: 35px;
    }
    #matbang .title-parent-matbang {
        flex-flow: column;
    }
    #matbang .title-parent-matbang .list-toa {
        width: 50%;
    }
    #matbang .title-matbang {
        width: 100%;
    }
}
@media (max-width: 568px){
    .block-title-introduce .title-introduce, .block-title-ground .title-introduce, .block-title-tienich .title-introduce {
        font-size: 1rem;
    }
    #tienich .title-tien-ich h3, #tienich-ngoaikhu .item-tienich-ngoaikhu h3,#tintuc .title-hot-news h3 {
        font-size: 0.8rem;
    }
    #hatang .content-thietke .title-content-thietke h2 span {
        background: #FFF;
    }
    #thietke .content-thietke, #dancu .content-thietke, #hatang .content-thietke {
        padding-left:15px;
        padding-right:15px;
    }
    #thietke .content-thietke .title-content-thietke h2, #hatang .content-thietke .title-content-thietke h2, #dancu .content-thietke .title-content-thietke h2 {
        margin-bottom: 30px;
    }
    #thietke .content-thietke .title-content-thietke h2:after, #hatang .content-thietke .title-content-thietke h2:after, #dancu .content-thietke .title-content-thietke h2:after {
        bottom: -7px;
        width: 30%;
        left:50%;
        transform: translateX(-50%);
    }
    #antuong .list-antuong>.col-lg-2,#antuong .list-antuong>.col-lg-2:first-child,#antuong .list-antuong>.col-lg-2:last-child {
        max-width: 50%;
        padding-left:15px;
        padding-right:15px;
    }
    #lienhe .block-title-tienich .title-introduce:after {
        bottom:-25px;
    }
    #introduce .parent-intro-tongquan .intro-tongquan {
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        margin-top: 20px;
    }
    #introduce .container .row>div:first-child {
        padding-right:0;
    }
    #introduce .container .row>div:last-child {
         padding-left:0;
     }

    #introduce .block-title-introduce .title-introduce {
        margin-top:10px;
    }
    #tintuc-noibat .slider-carousel-news .row .col-lg-6:nth-child(2n +2), #tintuc-noibat .slider-carousel-event .row .col-lg-6:nth-child(2n +2),#tintuc-noibat .slider-carousel-news .row .col-lg-6:nth-child(2n +1), #tintuc-noibat .slider-carousel-event .row .col-lg-6:nth-child(2n +1),#tintuc .container .row .slider-info-news,#tintuc .container .row .title-hot-news,#tintuc .container .row>div {
        padding: 0px 7.5px 0px 7.5px;
    }
    #tintuc .info-news .owl-prev,#tintuc-noibat .slider-carousel-news .owl-prev, #tintuc-noibat .slider-carousel-event .owl-prev {
        left: 38%;
    }
    #tintuc .info-news .owl-next,#tintuc-noibat .slider-carousel-news .owl-next, #tintuc-noibat .slider-carousel-event .owl-next {
        right: 38%;
    }
    #tintuc-noibat .container .row>.col-lg-6.block-title-tienich:first-child,#tintuc-noibat .container .row>.col-lg-6.block-title-tienich:last-child {
        padding:0px 7.5px;
    }
    #tienich .slider-tienich-toanha .owl-prev, #tienich .slider-tienich-toanha .owl-next, #tienich .slider-tienich-sanvuon .owl-prev, #tienich .slider-tienich-sanvuon .owl-next {
        bottom:7px;
    }
    #tienich .container .row:nth-child(2) .title-tien-ich:nth-child(2) {
        margin-top: 30px;
    }
    #tintuc .info-news .defaul-news {
        bottom: 5px;
        right: 10px;
    }
    #tienich .title-tien-ich .name-img-tienich .name-tienich,#tienich-ngoaikhu .item-tienich-ngoaikhu .name-img-tienich-2 {
        font-size: 0.7rem;
    }
    #tienich .container .row .col-lg-12,#tienich-ngoaikhu .container .row>div,#tienich .container .row:nth-child(2) .col-lg-6:nth-child(1),#tienich .container .row:nth-child(2) .col-lg-6:nth-child(2),#thuvien .container .row .col-lg-12 {
        padding:0 15px;
    }
    #tienich .container .row:nth-child(3) .col-12 {
        padding: 0 15px;
    }
    #footer img {
        width: 80%;
        margin-left: 30px;
    }
    #ground-canho .matbang-chitiet h2 {
        width: 100%;
        font-size: 1rem;
    }
    #ground-canho .matbang-chitiet .item-canho .img-canho {
        margin-top: 50px;
    }
    #ground-canho .owl-prev, #ground-canho .owl-next {
        top: 68px;
    }
    #ground-canho .owl-prev {
        right:unset;
        left: 5%;
    }
    #ground-canho .owl-next {
        right: 5%;
    }
    #ground-canho {
        margin-top: 0px;
    }
    #ground .title-ground .title-1, #ground-canho .title-ground .title-1 {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
    }
    .block-title-ground .title-introduce {
        width: 60%;
    }
    .vi-tri-left .title-vitri h2 {
        font-size: 1rem;
    }

    #introduce {
        padding: 45px 10px;
    }
    #antuong .list-antuong .col-6 {
        margin: 15px 0px;
    }
    #matbang .title-parent-matbang {
        flex-flow: column;
        padding:0 15px;
    }
    #matbang .title-matbang h2 {
        font-size: 1rem;
        width: 100%;
    }
    #matbang .title-matbang {
        width: 100%;
    }
    #matbang .title-matbang .gach {
        width: 30%;
    }
    #matbang .title-parent-matbang .list-toa {
        width: 100%;
        margin-bottom: 20px;
    }
    #video .video-big iframe,#video .video-small iframe {
        height: calc(100vw*(330/550));
    }
    #video .video-small iframe {
        margin-bottom: 20px;
    }
    #video .video-small {
        padding:0;
    }
    #footer .lienhe, #footer .ketnoi {
        margin-top: 20px;
    }
    #tuvan h3 {
        width: 100%;
        font-size: 1rem;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #video .title-video {
        justify-content: center;
        font-family: "Montserrat-Bold";
    }
    #video .list-video {
        width: 80%;
    }
    #vitri .col-lg-4 {
        padding-left:15px
    }
    #vitri .col-lg-8 {
        padding-right: 15px;
    }
    .vi-tri-left p:nth-child(2) {
        text-align: justify;
    }
    #video .descripton-list-video p,#video .list-video p:first-child {
        font-size: 0.75rem;
    }
    #video .descripton-list-video {
        flex-flow: column;
        margin-top: 15px;
    }
    #video .video-big {
        padding:0;
    }
    .wrapper .site-nav .nav-item:after {
        background: transparent;
    }
    #video .descripton-list-video img {
        margin-bottom: 15px;
    }
    .owl-prev {
        left: 1%;
    }
    .owl-next {
        right: 1%;
    }
    .block-title-introduce .title-introduce {
        font-size: 1rem;
        width: 60%;
    }
    .other-news .other-news-item {
        flex-direction: column;
    }
    .wrapper .site-nav ul.open {
        display: none;
        transition: auto 10s ease;
        margin-top: 20px;
        width: 100%;
        background: #1E646E;
        text-align: center;
        position: absolute;
        top: 65px;
    }
    .wrapper .site-nav .link-dowload {
        width: 100%;
    }
    .wrapper .site-nav .link-dowload a {
        width: 95%;
        margin:10px auto;
        padding:5px 0px;
    }
    .other-news-item > div {
        padding:0;
    }
    .description-gallery {
        font-size: 0.7rem;
        padding:0px 15px;
    }
    #vitri .intro-map p{
        width: 100%;
        text-align: justify;
    }
    .nav-pills .nav-link {
        font-size: 0.7rem;
    }

}
@media (max-width: 375px ) {
    .menu-toggle {
        top: 0.7em;
    }
    .wrapper .site-nav ul.open {
        top: 45px;
    }
    #antuong .title-conso h2 {
        font-size: 0.9rem;
    }
}