@media screen and (max-width: 1780px) {
    /*****************************MISSEL************************/ 

    .section-news .DsTinBaiLietKeAnh::after {
        content: none;
    }
}

@media screen and (max-width: 1550px) {
    /*****************************MISSEL************************/ 

    .section-contact .GopY::after,
    .section-contact .GopY::before {
        content: none;
    }
}

@media screen and (max-width: 1440px) {
    /*****************************MISSEL************************/ 

    .section-service .MauTrinhDienSlide .container_module_content::before {
        bottom: -24%;
        right: -93%;
    }
}

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

    /*****************************ABOUT US - SECTION PRODUCTS************************/ 

    .section-products .group_scoll .content_scrollnews .description-content div.news_summary {
        height: 102px
    }

    /*****************************ABOUT US - SECTION MISSION************************/ 

    .section-mission .DsTinBai_Content::after {
        left: 100%;
        right: -50%;
    }

    /*****************************ABOUT US - SECTION NEWS************************/ 
    
    .section-news-inner .About .DsTinBai_Content .news_list::before {
        width: calc(100%/12 * 4.5);
        background-size: contain;
    }

    .section-news-inner #dnn_AboutUs_Pane .DsTinBai_Content {
        width: calc(100%/12 * 7);
    }

    .section-news-inner .About .DsTinBai_Content .news_content {
        gap: 12px;
    }

    .section-news-inner .About .DsTinBai_Content .news_list__content {
        flex: 0 0 calc(100%/7 * 5 - 54px);
    }

    .section-news-inner #dnn_AboutUs_Pane .DsTinBai_Content {
        width: calc(100%/12 * 8);
    }

    .show-more {
        margin: 40px calc(100%/7 * 2 + 54px) 0
    }

    /*****************************SECTION SERVICE************************/ 

    .section-service .owl-slideQC .item img {
        border-radius: 30px;
        padding: 10px;
    }

    /*****************************SECTION ABOUT************************/ 

    .Home-about .About-stasitic ul li {
        flex: 0 0 calc(100%/2 - 18px);
        max-width: 50%;
    }

    .Home-about .About-stasitic ul {
        flex-wrap: wrap;
    }

    .section-about #dnn_AboutPane_Video {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .section-about #dnn_AboutPane_Info {
        flex: 0 0 60%;
        max-width: 60%;
    }
}

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

    /*****************************ABOUT US - SECTION MISSION************************/ 

    .section-mission #dnn_MissionPane {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .section-mission .DsTinBai_Content::after {
        left: calc(100% + 30px);
        right: -68%;
    }
}

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

    /*****************************NEWS - SECTION NEWS************************/

    .section-news-inner .DsChuyenMucTinBai .listcategory li {
        flex: 0 0 calc(100%/3 - 16px);
        max-width: calc(100%/3 - 16px);
    }

    /*****************************TECHNOLOGIES - SECTION NEWS************************/

    .section-news-inner #postHotdeal .item {
        flex: 0 0 calc(100%/3 - 16px);
        max-width: calc(100%/3 - 16px);
    }
    
    .section-news-inner #postHotdeal .item .group_content span.news_summary {
        font-size: 14px;
    }

    .section-news-inner #postHotdeal .item .group_content .slide_bglnk {
        font-size: 22px;
    }

    /*****************************SERVICE - SECTION NEWS************************/

    .section-news-inner .sidebar_news .menu-m8 .title_full h2 a::after {
        content: none;
    }

    .section-news-inner .hotnews .DsTinBai_Content div.news_list__title a {
        font-size: 18px;
    }

    .section-news-inner .hotnews .DsTinBai_Content p {
        font-size: 14px;
        line-height: 1.5;
    }

    .section-news-inner .sidebar_news .menu-m8 .title_full h2 a {
        font-size: 16px;
        line-height: 1.4;
    }

    .section-news-inner .sidebar_news .menu-m8 ul ul li a {
        font-size: 14px;
        line-height: 1.5;
    }

    /*****************************ABOUT US - SECTION PRODUCTS************************/ 

    .section-products .container-grid {
        gap: 12px;
        grid-template-columns: repeat(4, calc(25% - 9px));
        grid-template-rows: repeat(2, calc(50% - 6px));
    }

    .section-products .group_scoll .content_scrollnews .TitleCM a {
        font-size: 14px;
    }

    .section-products .group_scoll .content_scrollnews .TitleCM a {
        font-size: 12px;
        line-height: 16px;
    }

    .section-products .group_scoll .content_scrollnews .TitleCM a::before {
        border-top: 5px solid transparent;
        border-left: 7px solid white;
        border-bottom: 5px solid transparent;
    }

    .section-products .group_scoll .content_scrollnews .description-content span.news_summary {
        font-size: 13px;
    }

    /*****************************ABOUT US - SECTION MISSION************************/ 

    .section-mission .DsTinBai_Content .news_list__content p {
        font-size: 14px;
    }

    .section-mission #dnn_MissionPane {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-mission .DsTinBai_Content::after {
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%);
        opacity: 0.3;
        width: 100%;
    }

    .section-mission .DsTinBai_Content .container_module_content {
        position: relative;
        z-index: 1;
    }

    /*****************************ABOUT US - SECTION NEWS************************/ 

    .section-news-inner .About .DsTinBai_Content .news_list__title a {
        font-size: 16px;
    }

    .section-news-inner #dnn_AboutUs_Pane .DsTinBai_Content {
        width: calc(100%/12 * 12);
    }

    .section-news-inner .About .DsTinBai_Content .news_list::before {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        opacity: 0.3;
        width: 100%;
    }

    /*****************************SECTION CONTACT************************/ 

    .section-contact #dnn_ContactInfoPane,
    .section-contact #dnn_ContactPane {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .contact-info-container .contact-info::before {
        right: 33%;
    }

    /*****************************SECTION SERVICE************************/ 

    .service_slide {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .section-service .menu-m15 ul li .img_content {
        width: 100px;
        height: 100px;
    }

    .section-service .menu-m15 ul li .title_cm a {
        font-size: 18px;
    }

    .section-service .menu-m15 ul li .news_summary p {
        font-size: 14px;
    }
    /*****************************SECTION DEV************************/ 

    .section-dev .menu-m15 ul li {
        flex: 0 0 calc(100%/2 - 16px);
        max-width: calc(100%/2);
    }

    .section-dev .menu-m15 ul {
        padding-bottom: 20px;
    }

    .section-dev .menu-m15 ul::-webkit-scrollbar {
        height: 4px;
    }
    
    .section-dev .menu-m15 ul::-webkit-scrollbar-track {
        background: #005EB6;
        border-radius: 10px;
    }
    
    .section-dev .menu-m15 ul::-webkit-scrollbar-thumb {
        background: #BADEFF;
        border-radius: 10px;
    }

    .section-dev .one_arrow_BG {
        padding: 30px 0;
    }

    .one_arrow_BG h6 span,
    .one_arrow h6 span {
        font-size: 22px;
    }

    /*****************************SECTION NEWS************************/ 

    .section-news .DsTinBaiLietKeAnh ul {
        flex-wrap: wrap;
    }

    .section-news .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/2 - 12px);
        max-width: calc(100%/2);
    }

    .two_arrow h6 {
        font-size: 26px;
    }

    .section-news .DsTinBaiLietKeAnh ul li .li__content .news_link a,
    .section-news .DsTinBaiLietKeAnh ul li .li__content .news_summary {
        font-size: 14px;
    }

    /*****************************SECTION ABOUT************************/ 

    .Home-about {
        flex-direction: column;
    }

    .section-about #dnn_AboutPane_Video,
    .section-about #dnn_AboutPane_Info {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Home-about .Video-about {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .Home-about #video-gallery .demo-gallery-poster {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }

    .Home-about .Information-about,
    .Home-about .dstinbaianh_slidenosummary {
        padding-left: 0;
    }

    .Home-about .Information-about {
        padding-top: 20px;
    }

    .Home-about .About-stasitic ul li {
        flex: 0 0 calc(100%/4 - 18px);
        max-width: 50%;
    }

    .Home-about .info-title,
    .Home-about .dstinbaianh_slidenosummary .container_module_title h4 a {
        font-size: 18px;
    }

    .Home-about .About-title {
        font-size: 22px;
    }

    .Home-about .About-reward ul li a,
    .Home-about .owl-dsTinBaiAnh_NoSummary .item .news_link a {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1117px) {}

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

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

}

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

    /*****************************TECHNOLOGIES - SECTION NEWS************************/

    .section-news-inner #postHotdeal .item {
        flex: 0 0 calc(100%/2 - 12px);
        max-width: calc(100%/2 - 12px);
    }

    /*****************************SERVICE - SECTION NEWS************************/
    .section-news-inner .sidebar_news {
        display: none;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        top: 0;
        height: 100vh;
        position: fixed;
        right: -100%;
        transition: all 0.5s;
        display: block;
        z-index: 100;
        padding-top: 30px;
        overflow: hidden auto;
        max-width: 100%;
    }

    .section-news-inner .sidebar_news.show {
        display: block;
        right: 0;
        background: #fff;
        z-index: 1001;
    }

    .section-news-inner .sidebar_news .menu-m8 .title_full h2 a::after {
        content: '';
    }

    .section-news-inner .hotnews {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btn-close {
        margin-bottom: 10px;
        cursor: pointer;
    }

    .btn-menu-open {
        position: absolute;
        right: 25px;
        top: 12px;
        cursor: pointer;
    }

    .btn-close,
    .btn-menu-open {
        display: block;
    }

    .main.contraC h4.lined {
        margin-bottom: 30px;
    }

    /*****************************ABOUT US - SECTION PRODUCTS************************/ 

    .section-products .container-grid {
        grid-template-columns: repeat(2, calc(50% - 6px));
        grid-template-rows: repeat(4, calc(25% - 9px));
    }

    .grid-1 { grid-area: 1 / 1 / 3 / 3; }
    .grid-2 { grid-area: 3 / 1 / 4 / 2; }
    .grid-3 { grid-area: 3 / 2 / 4 / 3; }
    .grid-4 { grid-area: 4 / 1 / 5 / 2; }
    .grid-5 { grid-area: 4 / 2 / 5 / 3; }

    /*****************************SECTION CONTACT************************/ 

    .section-contact #dnn_ContactInfoPane,
    .section-contact #dnn_ContactPane {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-contact .GopY {
        margin-top: 24px;
    }

    .contact-info-container .contact-info ul {
        width: 60%;
    }

    /*****************************SECTION ABOUT************************/ 

    .Home-about .About-stasitic ul li {
        flex: 0 0 calc(100%/2 - 18px);
    }
    
}

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

    /*****************************NEWS - SECTION NEWS************************/

    .section-news-inner .DsChuyenMucTinBai .listcategory li {
        flex: 0 0 calc(100%/2 - 12px);
        max-width: calc(100%/2 - 12px);
    }


    /*****************************ABOUT US - SECTION NEWS************************/ 

    .section-news-inner .About .DsTinBai_Content .news_content {
        gap: 0;
    }

    .section-banner-inner {
        margin-bottom: 30px;
    }

    .section-news-inner .About .DsTinBai_Content .news_content {
        flex-direction: column;
    }

    .section-news-inner .About .DsTinBai_Content .news_list__title,
    .section-news-inner .About .DsTinBai_Content .news_list__content {
        flex: unset;
    }

    .section-news-inner .About .DsTinBai_Content .news_list__content {
        margin-left: 48px;
    }

    .section-news-inner .About .DsTinBai_Content .news_list .news_list__title:not(:last-of-type)::after {
        content: none;
    }

    .section-news-inner .About .DsTinBai_Content .news_content {
        position: relative;
    }

    .section-news-inner .About .DsTinBai_Content .news_list .news_content::after {
        content: '';
        display: block;
        border: 1px solid #DDDDDD;
        position: absolute;
        height: 100%;
        left: 5px;
        top: 14px;
        z-index: -1;
    }

    .section-news-inner .About .DsTinBai_Content .news_list .news_content:nth-last-child(2):after {
        content: none;
    }

    .show-more {
        margin: 30px auto 0;
    }

    /*****************************SECTION SERVICE************************/ 

    .section-service #dnn_ServicePane_Detail {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-service .row {
        justify-content: center;
    }

    .section-service .service_slide {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 24px;
    }

    /*****************************SECTION DEV************************/ 

    .section-dev .menu-m15 ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-dev .menu-m15 ul {
        padding-bottom: 20px;
    }

    /*****************************SECTION NEWS************************/ 

    .section-news .DsTinBaiLietKeAnh ul {
        gap: 12px;
    }

    .section-news .DsTinBaiLietKeAnh ul li {
        flex: 0 0 calc(100%/2 - 6px);
        max-width: calc(100%/2);
    }
    /*****************************SECTION AWARD - AWARD DETAILS************************/ 
    .section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content{
        margin-bottom: 15px;
    }
}

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

    /*****************************NEWS - SECTION NEWS************************/

    .section-news-inner .DsChuyenMucTinBai .listcategory li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*****************************TECHNOLOGIES - SECTION NEWS************************/

    .section-news-inner #postHotdeal .item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main.contraC h4.lined {
        margin-bottom: 20px;
    }


    /*****************************SECTION SERVICE************************/ 

    .section-service .service_slide {
        flex: 0 0 70%;
        max-width: 70%;
        margin-top: 24px;
    }

    /*****************************SECTION CONTACT************************/ 

    .section-contact .GopY {
        margin-top: 12px;
    }

    .contact-info-container .contact-info ul {
        width: 100%;
    }

    .contact-info-container .contact-info::before {
        content: none;
    }

    /*****************************SECTION ABOUT************************/ 

    .Home-about .About-stasitic ul {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 20px;
    }

    .Home-about .About-reward ul {
        gap: 12px;
    }

    .Home-about .About-reward ul li {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    /*****************************SECTION AWARD - AWARD DETAILS************************/ 
    .section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li{
        display: block;
    }
    .section-news-loadmore .DsTinBaiLietKeAnh_Awards .news_list ul li .li__content{
        margin: 0;
    }
}

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

    /*****************************SECTION SERVICE************************/ 

    .section-service .service_slide {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 16px;
    }
    
    /*****************************SECTION CONTACT************************/ 

    .section-contact .GopY .captcha input {
        margin: 10px 0 !important
    }

    /*****************************SECTION NEWS************************/ 

    .section-news .DsTinBaiLietKeAnh ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*****************************SECTION ABOUT************************/ 

    .Home-about .About-stasitic ul li {
        flex: 0 0 calc(100%/1 - 18px);
        max-width: 100%;
    }
}

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

    .main.contraC h4.lined {
        margin-bottom: 15px;
    }
    /*****************************ABOUT US - SECTION PRODUCTS************************/ 

    .section-products .container-grid {
        display: flex;
        flex-direction: column;
    }
    
}

@media screen and (max-width: 325px) {
    
}