/* .hightlight-tab {
    display: none;
} */
.section-search .button.button-primary {width: 120px;}
.section-search .button.button-primary .fa {padding-top: 5px;padding-right: 6px;}
.section-search .title { float: right;  }
.section-search {     border-bottom: 6px solid #ed1c24;background-image: url(../img/bg/bgsec0.jpg); object-fit: cover; padding: 30px 0 80px; background-repeat: no-repeat;}
.section-search .btn-search {  padding: 10px 20px;   top: 20px;position: relative;background: #2B2A29 0% 0% no-repeat padding-box;border-radius: 40px;text-align: left;font: normal normal normal 13px/24px Kanit;letter-spacing: 0px;color: #F9F9F9;opacity: 1; }
.section-search #txtSearch { text-align: left;font: normal normal 300 13px/35px Kanit;letter-spacing: 0px;color: #555555;border-radius: 22px; box-shadow: 0 0 8px 1px #cbcbcb; padding-left: 25px;}
.section-search #txtSearch em { font-size: 18px; }
.section-search .section-left .text-1 {     text-align: left;
    font: normal normal 600 64px/44px Kanit;
    letter-spacing: 0px;
    color: #144E8E;
    font-family: "Kanit" !important;}
    .section-search .section-left .text-2 {
    text-align: left;
    letter-spacing: 0px;
    color: #ED1C24;
    font-family: "Kanit" !important;
    font-size: 34px;
    font-weight: normal;
    }
.index-container .index-background-1 {background-image: url(../img/bg/bgsec1.png);background-size: contain;}
.index-container .index-background-1 .backDATA img {position: absolute;z-index: 9;right: -5%;top: -22%;transform: scale(0.8);}
.index-container .index-background-1 {
    background-image: none;
    background: #144E8E;
    position: relative;
    /* overflow: initial; */
    }
.index-container .index-background-1 .backDRIVEN img {
    position: absolute;
    z-index: 9;
    left: 5%;
    bottom: 10%;
    transform: scale(0.6);
    width: 100%;
    }
.index-container .section-1 {margin-bottom: 20px;padding-top: 10px;position: relative;z-index: 99;}
.index-container .section-1 .box-detail{font-family: "Kanit" !important;background: #fff0;padding: 0;float: left;box-shadow: 1px 6px 12px -2px rgb(66 66 66 / 0%);padding-left: 55px;}
.index-container .section-1 .detail{font-family: "Kanit" !important;text-align: left;font: normal normal normal 16px/24px Kanit;letter-spacing: 0px;color: #E4E4E4;opacity: 1;    padding-top: 10px;padding-bottom: 20px;}
.index-container .section-1 .title-main{font-family: "Kanit" !important;text-align: left;font: normal normal 600 64px/54px Kanit;letter-spacing: 0px;color: #74B9FF;}
.index-container .section-1 .title-sub{font-family: "Kanit" !important;text-align: left;font: normal normal 600 44px/54px Kanit;letter-spacing: 0px;color: #789AC0;}
.index-container .section-1 .box-detail .btn-detail{font-family: "Kanit" !important;background: #ED1C24 0% 0% no-repeat padding-box;opacity: 1;float: left;padding: 3px 30px;border-radius: 0px;line-height: 15px; z-index: 99;position: relative;}
.index-container .section-1 .box-detail .btn-detail a{font-family: "Kanit" !important;text-align: left;font: normal normal normal 16px/24px Kanit;letter-spacing: 0px;color: #F1F1F3;opacity: 1;}

.index-container .section-1 .box-silde{
    position: absolute;
    width: 100%;
    top: -50px;
    }
.index-container .backimg {
    text-align: center;
    margin: auto;
    border: 1px solid #74B9FF;
    border: 1px solid #74B9FF;
    opacity: 1;
    height: 370px;
    width: 100%;
    position: absolute;
    top: 15px;
    right: -30px;
    z-index: 9;
    background: #144e8e;
    }
#section1-silde-001 {z-index: 10;}
.index-container .section-1 #section1-silde-001 img{box-shadow: none;}

.index-container .section-2 {margin-bottom: 0px;position: relative;z-index: 10;}
.index-container .index-background-2 {
    background-image: url(../img/bg/Innovation.png);
    }
.index-container .section-2 .header .title {font-family: "Kanit" !important;text-align: right;font: normal normal 600 44px/54px Kanit;letter-spacing: 0px;color: #74B9FF;}
.index-container .section-2 .header .detail {font-family: "Kanit" !important;text-align: right;font: normal normal normal 15px/24px Kanit;letter-spacing: 0px;color: #F9F9F9;opacity: 1;}
.index-container .section-2 .box-item .item .detail .title{ height: 50px;font-family: "Kanit" !important;   text-align: center;font: normal normal normal 16px/24px Kanit;letter-spacing: 0px;color: #9ACCFF;opacity: 1;    margin-bottom: 10px;}
.index-container .section-2 .box-item .item .image{ z-index: 10;position: relative;   font-size: 80px;padding-top: 15px;text-align: center;letter-spacing: 0px;color: #9ACCFF;opacity: 1;}
.index-container .section-2 .box-item .item .detail .amount{text-align: center;font: normal normal 600 44px/65px Kanit;letter-spacing: 0px;color: #F9F9F9;opacity: 1;margin-top: 0px;}
.index-container .section-2 .box-item .item .detail .name{text-align: center;font: normal normal normal 20px/30px Kanit;letter-spacing: 0px;color: #9ACCFF;opacity: 1;}
.index-container .section-2 .box-item .item{ padding: 0;background: none !important; box-shadow: 0px 4px 5px 0px rgb(129 124 124 / 0%);}
.index-container .section-2 .header{    padding-top: 20%;}
.index-container .section-2 .line {  background: #9ACCFF;  border: 1px solid #9ACCFF;width: 1px;text-align: center;margin: auto;height: 40px;}
.index-container .section-2 .box-item .item .detail .name em{background: #9accff;color: #144E8E;padding: 2px;font-size: 15px;}
.index-container .section-2 {padding-bottom: 30px; padding-top: 15px;}

.index-container .section-3 {margin-bottom: 30px;   padding-top: 20px; }
.index-container .section-4 {padding-top: 0px;margin-bottom: 0px;}
.index-container .section-3 .box-detail {background: none;}
.index-container .section-3 .box-title .title-main {
    text-align: left;
    font: normal normal 600 74px/54px Kanit;
    letter-spacing: 0px;
    color: #144E8E;
    font-family: "Kanit" !important;
    margin-bottom: 10px;}
.index-container .section-3 .box-title .title-sub {
    text-align: left;
    font: normal normal normal 44px/54px Kanit;
    letter-spacing: 0px;
    color: #FB7377;
    font-family: "Kanit" !important;}
.index-container .section-3 .detail p{
    text-align: left;
    font: normal normal normal 16px/24px Kanit;
    letter-spacing: 0px;
    color: #2B2A29;
    opacity: 1;
    font-family: "Kanit" !important;}
.index-container .section-3 .content-list {padding: 0;}
.index-container .section-3 iframe {
    height: 379px;
    margin-left: 25px;
    z-index: 10;
    position: relative;}
.index-container .backimg2 {
    text-align: center;
    margin: auto;
    border: 1px solid #74B9FF;
    opacity: 1;
    height: 370px;
    width: 100%;
    position: absolute;
    top: 20px;
    right: -14px;
    z-index: 9;}
.index-container .section-3 .content-detail {padding-left: 0px;}


.slick-dots li button:before {
    opacity: 1;
    color: #cacaca;}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #ff3b41;
    }
.slick-dots li{    margin: 0 2px;}
.slick-dots li button:before{font-size: 15px;
    line-height: 30px;}
.index-container .section-4 #slideSet_section4_Prev {background: none;border: none;color: #144e8e;background-image: url(../img/other/maskr.png);background-size: cover;}
.index-container .section-4 #slideSet_section4_Next{background: none;border: none;color: #144e8e;background-image: url(../img/other/maskl.png);background-size: cover;}
.index-container .section-4 .homecard {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-right: 0px;
    transition: 0.5s;}
.index-container .section-4 .homecard .image {
    position: relative;
    width: auto;
    text-align: center;
    margin: auto;
    height: 380px;
    margin-top: 15px;
    transition: .5s;}
#section4-silde-001{height: 420px;}
.slick-initialized .slick-slide{padding: 0;}

.index-container .section-4 #slideSet_section4_Next {
    left: -50px;}
.index-container .section-4 .homecard .image a img {
    object-fit: cover;
    height: 90%;
    transition: .5s;}
.index-container .section-4 .homecard .image .name {
    text-align: center;
    font: normal normal normal 17px/54px Kanit;
    letter-spacing: 0px;
    color: #F9F9F9;
    opacity: 1;
    font-family: "Kanit" !important;
    position: absolute;
    bottom: 55px;
    left: 12%;
    width: 80%;
    background: #2B2A29 0% 0% no-repeat padding-box;
    transition: .5s;}
.index-container .section-4 .homecard:hover {
    opacity: 1;
    transform: scale(1);}
.index-container .section-4 .homecard:hover .image .name {background: #144E8E;bottom: 40px;}
.index-container .section-4 .homecard .image:hover {
    margin-top: 0px;}
.index-container .section-4 .homecard .image:hover img {
    margin-top: 0px;
    height: 100%;}
.index-container .section-5 {
    background-image: url(../img/bg/bgsec5.png);
    padding-bottom: 30px;
    padding-top: 10px;
    margin-bottom: 0px;
    position: relative;
    }
.index-container .section-5 .box-title .title-main{
    text-align: left;
    font: normal normal 600 44px/44px Kanit;
    letter-spacing: 0px;
    color: #9ACCFF;
    text-transform: uppercase;
    font-family: "Kanit" !important;
    margin-bottom: 0px;
    }
.index-container .section-5 .box-title .title-sub{
    text-align: left;
    font: normal normal normal 34px/44px Kanit;
    letter-spacing: 0px;
    color: #CCCCCC;
    font-family: "Kanit" !important;
    }
.index-container .section-5 .box-item .item .image {color: #9ACCFF;}
.index-container .section-5 .box-item .item .title {
    height: auto;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0px;
    color: #9ACCFF;
    text-transform: uppercase;
    opacity: 1;
    font-family: "Kanit" !important;
    font-size: 20px;
    }
.index-container .section-5 .box-item .zoom:hover {
    transform: none;
    cursor: pointer;
    }
.index-container .section-5 .box-item .item:hover .image {
    color: #FB7377;
    }
.index-container .section-5 .box-item .item:hover .title {
    text-align: center;
    text-decoration: underline;
    letter-spacing: 0px;
    color: #FFB5B5;
    text-transform: uppercase;
    opacity: 1;
    }
.index-container .section-5 #slideSet_section5_Prev {position: absolute;top: 50%;right: 5%;font-size: 31px;padding: 7px 13px;height: 45px;width: 45px;background: none;border: none;color: #144e8e;background-image: url(../img/other/maskr2.png);background-size: cover;}
.index-container .section-5 #slideSet_section5_Next{position: absolute;top: 50%;left: 5%;font-size: 31px;padding: 7px 13px;color: #ffffff;height: 45px;width: 45px;background: none;border: none;color: #144e8e;background-image: url(../img/other/maskl2.png);background-size: cover;}
.index-container .section-5 #slideSet_section5_Prev:hover,.index-container .section-5 #slideSet_section5_Next:hover {
    cursor: pointer;
    opacity: 0.8;
    }
.index-container .section-5 .box-item .item{ padding: 0;background: none !important; box-shadow: 0px 4px 5px 0px rgb(129 124 124 / 0%);}


.slick-list{padding-bottom: 20px;}
.index-container .section-6 .box-title .title-main,.index-container .section-7 .box-title .title-main {
    text-align: left;
    font: normal normal 600 44px/44px Kanit;
    letter-spacing: 0px;
    color: #144E8E;
    font-family: "Kanit" !important;
    margin-bottom: 0px;
    }
.index-container .section-6 .box-title .title-sub,.index-container .section-7 .box-title .title-sub{
    text-align: left;
    font: normal normal normal 34px/44px Kanit;
    letter-spacing: 0px;
    color: #D1363A;
    font-family: "Kanit" !important;
    }
.index-container .section-6 {
    background: #F9F9F9 0% 0% no-repeat padding-box;
    padding: 40px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0;
    }
.index-container .section-6 .box-add a{
    text-align: left;
    font: normal normal normal 16px/24px Kanit;
    letter-spacing: 0px;
    color: #FB7377;
    opacity: 1;
    font-family: "Kanit" !important;
    margin-top: 50px;
    }
.index-container .section-6 .box-add a:hover {
    color: #ff393f;
    }
.index-container .section-6 .box-add em{
    background: #FB7377;
    color: #f9f9f9;
    padding: 2px;
    font-size: 13px;
    vertical-align: middle;
    top: -2px;
    left: 5px;
    }
.index-container .section-6 .sub-contant .item .content-detail p.time{
    text-align: left;
    font: normal normal normal 16px/24px Kanit;
    letter-spacing: 0px;
    color: #9c9c9c;
    opacity: 1;
    margin-bottom: 0;
    }
.index-container .section-6 em{
    text-align: left;
    letter-spacing: 0px;
    color: #9c9c9c;
    opacity: 1;
    margin-bottom: 0;
    top: 0px;
    }
    .index-container .section-6 .sub-contant .item .content-detail {
    padding-left: 0;
    padding-right: 0px;
    }
.index-container .section-6 .sub-contant .item .content-detail p.title{
    font-family: "Kanit" !important;
    text-align: left;
    letter-spacing: 0px;
    color: #2B2A29;
    opacity: 1;
    font-size: 18px;
    min-height: 61px;
    line-height: initial;
    font-weight: 600;
    height: auto;
    max-height: 90px;
    }
.index-container .section-6 .sub-contant .item .detail{
    text-align: left;
    font: normal normal 300 16px/24px Kanit;
    letter-spacing: 0px;
    color: #555555;
    opacity: 1;
    font-family: "Kanit" !important;
    height: 75px;
    overflow: hidden;
    line-height: initial;
    }
.index-container .section-6 .sub-contant .item .content-image img{height: 210px;}
.index-container .section-6 .sub-contant .item .content-image {height: 230px;}
.index-container .section-6 .sub-contant .item:hover {
    box-shadow: none;
    opacity: 1;
    }
.index-container .section-6 .sub-contant .item{background: none;}
.index-container .section-6 .sub-contant .item:hover .content-detail p.title {
    color: #144E8E;
    }
.index-container .section-6 .sub-contant .item .content-detail {    height: auto;}

.index-container .section-7 .list_bid h2 {
        height: 100px;
    background: #144E8E 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal medium 24px/24px Kanit;
    letter-spacing: 0px;
    color: #F9F9F9;
    opacity: 1;
    font-family: "Kanit" !important;
    font-size: 24px;
    padding-top: 33px;
    margin-bottom: 0;
    position: relative;
    }
.index-container .section-7 .list_bid h2 p{
    position: relative;
    }
.index-container .section-7 .list_bid #detail1{background: #144E8E 0% 0% no-repeat padding-box;padding-left: 60px;padding-bottom: 40px;position: relative;}
.index-container .section-7 .list_bid #detail2{background: #4669A4 0% 0% no-repeat padding-box;padding-left: 60px;padding-bottom: 40px;position: relative;}
.index-container .section-7 .list_bid #detail3{background: #6B86BA 0% 0% no-repeat padding-box;padding-left: 60px;padding-bottom: 40px;position: relative;}
.index-container .section-7 .item-list a{
        text-align: left;
        font: normal normal 300 16px/24px Kanit;
        letter-spacing: 0px;
        color: #9ACCFF;
        opacity: 1;
        font-family: "Kanit" !important;
    }
.index-container .section-7 .item-list em{
        position: absolute;
    left: 30px;
    color: #9ACCFF;
    padding-top: 5px;
    }
.index-container .section-7 .list_bid h2 p:after {
    content: "+";
    font-family: FontAwesome;
    right: 7%;
    font-weight: bold;
    position: absolute;
    transition: 0.3s;
    }
    
.index-container .section-7 .active h2 p:after{
    content: "--";
    font-family: FontAwesome;
    right: 7%;
    font-weight: bold;
    position: absolute;
    transition: 0.3s;
    letter-spacing: -2px;
    }
.index-container .section-7 { background: #FFFFFF 0% 0% no-repeat padding-box;}
    

@media (max-width: 1400px) {
}
@media (max-width: 1370px) {
    .plan-box-1 {
        padding-left: 200px;
    }

    .mainmenu002 .navbar-style-2 .navbar-nav .nav-link { margin: 0 10px 0 10px; }
    .dark-style-title h2 { font-size: 35px !important; }
    .index-container .section-4 #slideSet_section4_Prev { right: -50px; }
    .index-container .section-4 #slideSet_section4_Next { left: -50px; }
    .index-container .section-6 .main-content .content-detail { height: 390px; }
}
@media (max-width: 1200px){
}
@media (max-width: 1199px){
    .mainmenu001 .navbar-style-1 #navbarNav a:not(.dropdown-item) { font-size: 14px;}
}
@media (max-width: 1199.98px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 { left: 33%; top: 12%;}
    /* .header-section-style-1 .section-carouselExampleIndicators1 .cir2 { left: 49%;} */
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 { left: 41%;}
    /* .header-section-style-1 .section-carouselExampleIndicators1 .cir5 { left: 44%;} */
    .header-section-style-1 .section-carouselExampleIndicators1 .cir6 { left: 21%;}
    .main-body {
        padding: 0;
    }
    /* Home */
    .top-header-title-right a p:last-child {
        text-align: left;
        font-size: 42px;
    }
    .top-header-title-right a p i {
        padding-left: 0;
        font-size: 30px;
    }
    .top-header-title-right a p {
        font-size: 30px;
    }
    .innovation-district-detail {
        padding-right: 10px;
    }
    .top-header-title-left h1 {
        text-align: center;
        font-size: 64px;
        margin-bottom: -35px;
    }
    .top-header-title-left h2 {
        font-size: 48px;
        margin-top: 24px;
    }
    .innovation-district-detail h1 {
        font-size: 90px;
    }
    .innovation-district-detail h2 {
        font-size: 54px;
    }
    .text-header-style-3 h1 {
        font-size: 90px;
    }
    .text-header-style-3 h2 {
        font-size: 54px;
    }
    .export-box {
        top: 40px;
    }
    .export-btn {
        font-size: 24px;
    }
    .entre-title-2 h2 {
        margin-bottom: 10px;
        font-size: 48px;
    }
    .entre-chart-text h2 {
        font-size: 38px;
    }
    .entre-and-inno a {
        font-size: 24px;
    }
    .enter-row-3-icon i {
        font-size: 38px;
    }
    .entre-and-funed a {
        font-size: 24px;
    }
    .entre-and-funed i p {
        font-size: 38px;
    }
    .entre-row-3-header span {
        font-size: 32px;
    }
    .entre-row-3-point1,
    .entre-row-3-point2,
    .entre-row-3-point3,
    .entre-row-3-point4,
    .entre-row-3-point5 {
        font-size: 40px;
    }
    .entre-and-funed .entre-row-3-header {
        line-height: 1.1;
    }
    .innovation-data-title h1 {
        font-size: 54px;
    }
    .innovation-data-title h2 {
        font-size: 48px;
    }
    .innovation-data-title .underline {
        height: 70px;
    }
    .inno-title-style-1 {
        font-size: 44px;
    }
    .inno-total-box .inno-result {
        font-size: 60px;
    }
    .inno-title-style-2 p:last-child {
        font-size: 42px;
    }
    .inno-title-style-2 p:first-child { 
        margin-bottom: -18px;
        font-size: 28px;
    }
    .inno-for-com-result,
    .inno-for-eco-result {
        font-size: 40px;
        font-weight: bold;
    }
    .growth-title h2 {
        font-size: 54px;
    }
    .growth-title .export-box {
        top: 16px;
    }
    .blue-chart-body-title-3,
    .red-chart-body-title-3 {
        width: 51%;
    }
    .blue-chart-body-title-2 {
        width: 38%;
    }
    .blue-chart-body-text-2 {
        width: 38%;
    }
    .blue-chart-body-text-3{
        padding: 10px 15px 10px 15px;
        width: 51%;
    }
    .red-chart-body-text-3 {
        padding: 10px 15px 10px 15px;
        width: 51%;
    }
    .red-chart-body-title-2,
    .red-chart-body-text-2 {
        width: 38%;
    }
    .blue-head-table-col-1 {
        font-size: 24px; 
    }
    .red-head-table-col-1 {
        font-size: 24px;
    }
    .performance-header-title h2 {
        font-size: 54px;
    }
    .performance-header-title .export-box {
        top: 16px;
    }

    /* Province */
    .province-map-content h2,
    .province-map-content h2 span {
        font-size: 38px;
    }
    .province-map-content h3 span {
        font-size: 28px;
    }
    .province-map-content h3 {
        font-size: 58px;
    }
    .province-map-content p {
        font-size: 28px;
    }
    .plan-box-1 {
        padding-left: 180px;
    }

    /* Other Page */
    .all-startup-operator p {
        font-size: 18px;
    }
    .data-project-col-1 p:first-child, 
    .data-project-col-2 p:first-child, 
    .data-project-col-3 p:first-child {
        margin-bottom: 10px;
        min-height: 84px;
    }
    .data-industrial-food {
        width: 25%;
    }
    .data-industrial-other {
        width: 75%;
    }
    .infra-edu-title p {
        min-height: 128px;
    }
    .section-carouselExampleIndicators1 .zone-3 .entre-chart-box-1 .entre-chart-point,
    .section-carouselExampleIndicators1 .zone-3 .entre-chart-box-2 .entre-chart-point,
    .section-carouselExampleIndicators1 .zone-3 .entre-chart-box-3 .entre-chart-point,
    .section-carouselExampleIndicators1 .zone-3 .entre-chart-box-4 .entre-chart-point { font-size: 23px; }
    .index-container .index-background-1, .index-container .index-background-2 { background-size: cover;}
    .mainmenu001 .navbar-style-1 #navbarNav a,
    .mainmenu001 .navbar-style-1 #navbarNav span
    {font-size: 15px;}
    .mainmenu001 .navbar-style-1 #navbarNav a { margin: 0 10px 0 10px; }

}
@media (max-width: 1105px) {
    .plan-box-1 {
        padding-left: 100px;
    }
    .mainmenu002 .topnav-box a {
        font-size: 22px;
    }
    .mainmenu002 .navbar-style-2 .navbar-nav .nav-link { font-size: 22px; margin: 0 10px 0 10px; }
    .carousel-inner { height: auto }
    .mainmenu001 .topnav-fn { right: 0;}
    .section-carouselExampleIndicators1 .zone-1 .row-1 .main-title { padding-bottom: 15px; font-size: 27px; }
    .section-carouselExampleIndicators1 .zone-1 .row-2 .list-menu { font-size: 23px; line-height: 40px; }
    .section-carouselExampleIndicators1 .zone-3 .row-1 .sub-title { font-size: 39px; }
    .section-carouselExampleIndicators1 .zone-3 .row-1 .main-title { font-size: 41px; }

    .section-carouselExampleIndicators1 .zone-3 .entre-chart-text { font-size: 17px; }
    .section-carouselExampleIndicators1 .section-chart .row-3 .btn { padding: .375rem 5px; }
    .section-carouselExampleIndicators1 .section-chart .row-4 .btn { padding: .375rem 5px; }

    .section-carouselExampleIndicators1 .section-chart .entre-chart { height: 300px!important; }
    .section-carouselExampleIndicators1 .section-chart #chart-1::before { width: 200px; height: 200px; margin-top: 30px; }
    .section-carouselExampleIndicators1 .section-chart #chart-1 rect { width: 100%;  }
    .section-carouselExampleIndicators1 .section-char #chart-1 { margin-top: -6px !important;; margin-left: 16px !important; width: 90% !important; height: 323px !important; }
    .section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data { top: 55%; }
    #chart-1-group > #chart-1-data > p { font-size: 21px; }
    .section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data > a > p#trader_total { font-size: 59px; }
    .section-carouselExampleIndicators1 .entre-chart #chart-1 { height: 265px; }
    .section-search .filter-input #btnSearch { width: 100%; }
    .section-search .bg {  padding: 18px 0px; }

    .index-container .section-1 .title-main { font-size: 41px; text-align: center;}
    .index-container .section-1 .title-sub { font-size: 45px; text-align: center;}
    /* .index-container .section-1 .detail { font-size: 27px; } */

    .index-container .section-3 .box-title .title-main { font-size: 65px; margin-bottom: 15px; margin-top: 0px; }
    .index-container .box-title .title-sub { font-size: 40px; margin-bottom: 0; }
    .index-container .section-3 .detail { font-size: 26px;  }

    .section5 .sub-category-box-document {width: 33.4%;}
    #chart-1::before { width: 350px; height: 350px; }
    #section4-silde-001 {height: 365px;}
    .index-container .section-4 {padding-bottom: 35px;}
    .index-container .section-5 .box-item .item .title {font-size: 14px;}
    .section-5 .box-item {padding-top: 25px;}


}
@media (max-width: 991.98px) {
    .mainmenu001 .main-navbar .navbar-style-1 { height: 100%;}
    .tab-1 .section-chart .content { height: 1229px; }
    .navbar-ham .navbar-nav { padding-bottom: 0; }
    .section-chart .indicator { font-size: 18px; margin-bottom: 20px; }
    .hightlight-tab.tab-1, .hightlight-tab.tab-2 { height: auto;}
    #backgroundvideo { height: 1230px; }
    .header-section-style-1 .section-carouselExampleIndicators1 .cir1 { left: 31%; }
    .header-section-style-1 .section-carouselExampleIndicators1 .cir2 { left: 60%; }
    .header-section-style-1 .section-carouselExampleIndicators1 .cir4 { left: 38%; top: 25%; }
    .header-section-style-1 .section-carouselExampleIndicators1 .cir5 { left: 55%; }
    .tab-2 .section-chart .content { height: 1225px; }
    #carouselExampleIndicators #arrow-tab2 { left: 5%; }
    .col-lg-6.col-md-12.box-left.padding-right-0.margin-bottom-6 { padding-left: 6px; }
    .header-section-style-1 .section-carouselExampleIndicators1 #carouselExampleIndicators .map img { height: auto; width: 100%; }


    .search-topLink i {
        padding-top: 2px;
    }
    .main-body {
        padding: 0;
    }
    /* Home */
    .text-header-style-3 h1 {
        font-size: 70px;
    }
    .top-header-title {
        z-index: 1;
    }
    .export-box {
        top: 26px;
    }
    .innovation-tabs .nav-tabs .nav-link span {
        font-size: 26px;
    }
    .innovation-district-vdo {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .innovation-district-detail {
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .entre-chart-text h2 {
        font-size: 28px;
    }
    .entre-col-2 .entre-chart-point,
    .entre-chart-box-5 .entre-chart-point {
        font-size: 50px !important;
    }
    .entre-chart-box-6 .entre-chart-point,
    .entre-chart-box-5 .entre-chart-point {
        height: auto;
    }
    .entre-type-name {
        padding-top: 0;
    }
    .top-header-title-right a p:last-child {
        text-align: left;
        font-size: 32px;
    }
    .top-header-title-right a p i {
        padding-left: 10px;
        font-size: 20px;
    }
    .top-header-title-left h1 {
        text-align: center;
        font-size: 52px;
        margin-bottom: -35px;
    }
    .top-header-title-left h2 {
        font-size: 38px;
        margin-top: 24px;
    }
    .top-header-title-right a p {
        font-size: 20px;
        margin-bottom: 16px;
    }
    .top-header-title {
        margin-top: -96px;
    }
    .inno-title-style-1 {
        font-size: 40px;
        padding-right: 10px;
    }
    .inno-total-box .inno-result {
        font-size: 60px;
        height: auto;
        line-height: 110px;
    }
    .inno-title-style-2 p:last-child {
        font-size: 26px;
    }
    .growth-title h2,
    .performance-header-title h2 {
        font-size: 40px;
    }
    .growth-title .export-box,
    .performance-header-title .export-box {
        top: 7px;
    }
    .red-chart-container {
        margin-top: 40px;
    }
    .p-1-readmore-btn,
    .p-2-readmore-btn,
    .p-3-readmore-btn {
        margin-bottom: 20px;
    }

    /* Province */
    .plan-box-1 {
        padding-left: 30px;
    }
    .innovation-slide-left h2 {
        font-size: 32px;
    }
    .innovation-location-header h2 {
        font-size: 48px;
    }
    .innovation-location-box-1 h1, 
    .innovation-location-box-2 h1, 
    .innovation-location-box-3 h1, 
    .innovation-location-box-4 h1, 
    .innovation-location-box-5 h1 {
        font-size: 34px;
        margin-top: 20px;
        min-height: 82px;
    }
    .infra-edu-title p {
        min-height: 128px;
    }
    .search-tag-header {
        padding-left: 50px;
    }
    .province-map-group h1 {
        font-size: 28px;
    }
    .province-map-content {
        padding: 24px;
    }
    .plan-box-1 {
        padding-left: 0px;
    }
    .innovation-style-2 {
        margin-top: 20px;
    }
    .innovation-location-box-1, .innovation-location-box-2, .innovation-location-box-3, .innovation-location-box-4, .innovation-location-box-5 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .innovation-location-box-1 i,
    .innovation-location-box-2 i,
    .innovation-location-box-3 i,
    .innovation-location-box-4 i,
    .innovation-location-box-5 i {
        font-size: 29px;
        height: 60px;
        width: 60px;
        text-align: center;
        border-radius: 50px;
        line-height: 2.1;
    }
    .innovation-nav-btn div {
        font-size: 20px;
    }
    .innovation-location-box-1 h2, .innovation-location-box-2 h2, .innovation-location-box-3 h2, .innovation-location-box-4 h2, .innovation-location-box-5 h2 {
        font-size: 18px;
        margin-top: 0px;
        min-height: 44px;
    }
    .innovation-location-box-1 p, .innovation-location-box-2 p, .innovation-location-box-3 p, .innovation-location-box-4 p, .innovation-location-box-5 p {
        font-size: 18px;
        margin-top: 0px;
    }
    .innovation-location-box-1 h1, .innovation-location-box-2 h1, .innovation-location-box-3 h1, .innovation-location-box-4 h1, .innovation-location-box-5 h1 {
        font-size: 24px;
        margin-top: 20px;
        min-height: 58px;
    }
    .infra-status-box h1 span {
        display: block;
    }
    .infra-status-bullet {
        padding-top: 6px;
        margin-right: 18px;
    }
    .private-chart-header h2 span {
        font-size: 52px;
    }
    .edu-header-title h2 {
        padding-right: 100px;
    }
    .all-infra-edu h2 {
        font-size: 24px;
        text-align: center;
    }
    .all-infra-edu h2 span {
        padding-left: 30px;
        padding-right: 30px;
    }
    .infra-edu-title p {
        font-size: 24px;
    }

    /* Other Page */
    .startup-operator-col-1 p i, .startup-operator-col-2 p i, .startup-operator-col-3 p i, .startup-operator-col-4 p i, .startup-operator-col-5 p i, .startup-operator-col-6 p i {
        padding-right: 0px;
        display: block;
        width: 100%;
    }
    .startup-operator-col-1 h1, .startup-operator-col-2 h1, .startup-operator-col-3 h1, .startup-operator-col-4 h1, .startup-operator-col-5 h1, .startup-operator-col-6 h1 {
        margin-top: 0;
    }
    .startup-operator-col-1 p:first-child, 
    .startup-operator-col-2 p:first-child, 
    .startup-operator-col-3 p:first-child, 
    .startup-operator-col-4 p:first-child, 
    .startup-operator-col-5 p:first-child, 
    .startup-operator-col-6 p:first-child {
        min-height: 80px;
        margin-bottom: 0;
    }
    .data-project-col-1 p, .data-project-col-2 p, .data-project-col-3 p {
        font-size: 22px;
    }
    .data-project-title-1, .data-project-title-2, .data-project-title-3 {
        font-weight: 16px;
    }
    .data-project-col-1 p:first-child, .data-project-col-2 p:first-child, .data-project-col-3 p:first-child {
        margin-bottom: 10px;
        min-height: 74px;
    }
    .data-infra-col-1, .data-infra-col-2, .data-infra-col-3 {
        font-size: 22px;
    }
    .data-industrial-col-5 span, .data-industrial-col-6 span, .data-industrial-col-7 span {
        margin-left: 0px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 6px;
        font-size: 32px;
        display: block;
    }
    .data-industrial-col-5 p, .data-industrial-col-6 p, .data-industrial-col-7 p {
        font-size: 24px;
    }
    .data-industrial-col-1 p i, .data-industrial-col-2 p i, .data-industrial-col-3 p i, .data-industrial-col-4 p i {
        padding-right: 0px;
        display: block;
    }
    .data-industrial-col-1 p, .data-industrial-col-2 p, .data-industrial-col-3 p, .data-industrial-col-4 p {
        min-height: 80px;
        margin-bottom: 0;
    }
    .data-entre-box-2 .entre-chart-box-1 .entre-chart-point,
    .data-entre-box-2 .entre-chart-box-2 .entre-chart-point,
    .data-entre-box-2 .entre-chart-box-3 .entre-chart-point,
    .data-entre-box-2 .entre-chart-box-4 .entre-chart-point {
        font-size: 24px;
    }
    .data-entre-box-2 .btn {
        line-height: 1.3;
        font-size: 18px;
    }

    .entre-row-2 {
        margin-top: 0px;
    }
    .entre-col-1,
    .entre-col-2 {
        margin-bottom: 10px;
    }

    .data-province-section .content-box .province-box { width: 47%; margin: 5px; }
    .mainmenu001 .navbar-brand span { font-size: 24px; }
    .mainmenu001 .nav-top { padding-bottom: 0; float: none; display: flex; }
    .mainmenu001 .nav-top .img { float: none; }
    .mainmenu001 .navbar-light .navbar-toggler { width: 40px; height: 40px; background: rgb(116, 185, 255); border-radius: 50%; margin: auto; padding: 0;}
	.mainmenu001 .main-navbar nav {background: none !important;}
    .mainmenu001 .navbar-ham-style-1 { right: 28px; }
    .mainmenu001 .navbar-brand.text { padding-top: 20px; }

    .mainmenu002 .navbar-brand span { font-size: 24px; }
    .mainmenu002 .nav-top { padding-bottom: 0; float: none; display: flex; }
    .mainmenu002 .nav-top .img { float: none; }
    .mainmenu002 .navbar-light .navbar-toggler { width: auto; background: #fff; border-radius: 0;}
    .mainmenu002 .navbar-ham .navbar-nav { background: #ffffff; }
    .mainmenu002 .navbar-ham-style-1 { right: 28px; }
    .mainmenu002 .navbar-brand.text { padding-top: 20px; }
    .mainmenu002 .topnav-box a { font-size: 22px; }
    .section-carouselExampleIndicators1 .zone-1 .row-1 .main-title { padding-top: 0px; margin-left: 21%; }
    .section-search .title p { font-size: 30px;  }
    .section-search .filter-input #btnSearch { font-size: 23px; }
    .section-carouselExampleIndicators1 .zone-3 .entre-chart-text { font-size: 25px; }
    .section-carouselExampleIndicators1 .zone-1 .row-2 .list-menu { margin-left: 22%; margin-bottom: 50px; }
    .section-carouselExampleIndicators1 .zone-3 .row-1 { padding-top: 50px; }
    .section-carouselExampleIndicators1 .section-chart #chart-1::before { width: 350px; height: 350px; margin-top: 65px; }
    .section-carouselExampleIndicators1 .entre-chart #chart-1 { height: 490px; }

    .index-container .section-3 .box-title .title-main { font-size: 55px; line-height: 31px; }
    .index-container .box-title .title-main { font-size: 55px; line-height: initial; margin-bottom: 15px; }
    .index-container .box-title .title-sub { font-size: 35px; margin-bottom: 30px; }
    .index-container .section-7 .item-list a { font-size: 20px; }
    .index-container .section-7 .item-list .item .title { height: 60px; font-size: 24px; }
    .index-container .section-7 .item-list .item .detail { padding-left: 24px; }
    .index-container .section-6 .sub-contant .item .content-detail { overflow: hidden; }
    .index-container .section-6 .sub-contant .item .content-detail p.title { height: 75px; }
    .section5 .sub-category-box-document {width: 33.2%;}
    .section5 p.timek {  font-size: 17px; }
    .list-menu li.pulse:before { margin-left: 21%; }

    .section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data > a > p#trader_total { font-size: 91px; }
    #chart-1-group > #chart-1-data > p { font-size: 35px; }

    .mainmenu001 .navbar-brand.text { display: none; }
    .mainmenu002 .navbar-brand.text { display: none; }
    .navbar-ham {display: initial;}

    #chart-1::before {
        width: 450px;
        height: 450px;
    }
    .mainmenu001 .nav-sub-top { display: none;}
    .mainmenu001 .main-navbar { height: 100%;}
    .mainmenu001 .sec-img-logo { display: block;}
    
}

@media (max-width: 768px){
    #backgroundvideo { height: 1229px; }
    .tab-hearder .nav-item{ width: 100%; text-align: center; margin-bottom: 15px;}
    .tab-hearder a { margin-right: 0; }
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .section-search .section-left .text-1 {font: normal normal 600 46px/44px Kanit;}
    .section-search .section-left .text-2 {font-size: 25px;}
    .section-search .button {padding: 4px 18px;}
    .section-search .button.button-primary {width: 100px;}
    .section-search .col-md-7 .col-md-3 {padding-left: 0;}
    .section-search .btn-search {    font: normal normal normal 9px/24px Kanit;}
    .index-container .section-2 .box-item .item .detail .title {font: normal normal normal 10px/13px Kanit;margin-bottom: 0px;}
    .index-container .section-2 .box-item .item .image {font-size: 55px;padding-top: 20px;    height: 105px;}
    .index-container .section-2 .box-item .item .detail .amount{  margin-bottom: 0;  font: normal normal 600 33px/44px Kanit;}
    .index-container .section-2 .box-item .item .detail .name {font: normal normal normal 12px/18px Kanit;}
    .index-container .section-2 .box-item .item .detail .name em {font-size: 8px;}
    .index-container .section-2 .header .detail{font: normal normal normal 10px/16px Kanit;}
    .index-container .section-2 .header .title{font: normal normal 600 37px/45px Kanit;}
    .index-container .section-2 .line {border: 1px solid #9ACCFF;height: 25px;}
    .index-container .section-1 .title-main {     font: normal normal 600 64px/37px Kanit;font-size: 41px; text-align: left;}
    .index-container .section-1 .title-sub { font-size: 34px; text-align: left;}
    .index-container .section-1 .detail{font: normal normal normal 10px/19px Kanit;}
    .index-container .section-1 .box-detail .btn-detail a{font: normal normal normal 12px/17px Kanit;}
    .index-container .section-3 .box-title .title-main{    font-size: 48px;line-height: 20px;}
    .index-container .section-3 .box-title .title-sub{font: normal normal normal 29px/29px Kanit;}
    .index-container .section-3 .detail p{font: normal normal normal 12px/19px Kanit;}
    .index-container .section-3 iframe {height: 315px;}
    .index-container .backimg2{height: 315px;}
    .index-container .section-6 .sub-contant .item .content-detail p.title{margin-bottom: 5px;height: 58px;font-size: 13px;}
    .index-container .section-6 .sub-contant .item .content-detail p.time {font: normal normal normal 12px/24px Kanit;}
    .index-container .section-6 .sub-contant .item .detail {font: normal normal 300 11px/21px Kanit;height: 67px;}
    .index-container .section-7 .list_bid h2 {height: 85px;    font-size: 16px;}
    .index-container .section-7 .item-list a{font-size: 10px;}
    .index-container .section-7 .list_bid #detail1{padding-left: 50px;}
    .index-container .section-7 .item-list em {left: 22px;}
    .index-container .section-5 .box-item .item .title{font-size: 14px;}
    #backgroundvideo { height: 1221px; }
    .tab-1 .section-chart .content { height: 1236px; }

}

@media (max-width: 767px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia { width: 80%; }
    #carouselExampleIndicators .content-detail .box-1 .col-md-5:first-child .image-icon { margin: auto; }
    #carouselExampleIndicators .hightlight-tab.tab-2 .box-1 p.number { text-align: center; }
    #carouselExampleIndicators .content-detail .box-1 .text { text-align: center; }
    #carouselExampleIndicators .content-detail .image-icon { margin: auto; }
    #carouselExampleIndicators .hightlight-tab.tab-2 p.number { text-align: center; }
    #carouselExampleIndicators .content-detail .box-right .text { text-align: center; }
}

@media (max-width: 767.98px) {
    /* Home */
    .top-header-title-left,
    .top-header-title-right {
        width: 100%;
    }
    .top-header-title-right a p:last-child {
        text-align: center;
        font-size: 32px;
    }
    .top-header-title-right a p {
        padding-top: 10px;
        text-align: center;
    }
    .innovation-district-detail {
        padding-right: 0px;
    }
    .innovation-district-detail .under-line {
        margin-top: -10px;
    }
    .home-top-section {
        background-image: none, url(../images/bg-zone2-1.png);
    }
    .innovation-tabs .nav-tabs .nav-link span {
        font-size: 20px;
    }
    .text-header-style-3 h1 {
        font-size: 48px;  
    }
    .export-box {
        top: 12px;
    }
    .text-header-style-3 h2 {
        font-size: 30px;
    }
    .search-tag-header h5 {
        padding-right: 10px;
        font-size: 18px;
    }
    .search-tag-box .search-tag-btn {
        padding-left: 10px;
        padding-right: 10px;  
        font-size: 14px;
    }
    .entre-row-2 .entre-col-1, .entre-row-2 .entre-col-2 {
        width: 100%;
    }
    .inno-title-style-2 p:first-child {
        margin-bottom: -18px;
        font-size: 48px;
    }
    .inno-title-style-2 p:last-child {
        font-size: 46px;
    }
    .growth-title h2, .performance-header-title h2 {
        font-size: 40px;
        padding-right: 120px;
    }
    .search-tag-box .search-tag-btn {
        margin-bottom: 5px;
    }
    /* Province */
    .plan-box-1, .plan-box-2 {
        width: 100%;
    }
    .plan-box-1 a {
        font-size: 44px;
    }
    .plan-box-2 a {
        font-size: 44px;
    }
    .innovation-district-2 .innovation-district-detail h1 {
        margin-bottom: 20px;
        font-size: 50px;
    }
    .innovation-slide-right {
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .innovation-slide-right .carousel-indicators {
        bottom: -54px;
        left: 0;
    }
    .innovation-location-box-1, .innovation-location-box-2, .innovation-location-box-3, .innovation-location-box-4, .innovation-location-box-5 {
        width: 49%;
        text-align: center;
        display: inline-block;
    }
    .infra-title h2 {
        font-size: 54px;
    }
    .private-header-title h2 {
        margin-bottom: 0;
        font-size: 54px;
        font-weight: normal;
        padding-right: 91px;
    }
    .private-chart-header h2 {
        font-size: 36px;
        text-align: center;
        margin-top: 15px;
    }
    .private-chart-header h2 span {
        font-size: 82px;
        border-radius: 6px;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 0px;
        margin-right: 0px;
        line-height: 1.1;
        display: block;
        text-align: center;
    }
    .edu-header-title h2 {
        font-size: 54px;
    }
    .all-infra-edu h2 span {
        display: block;
    }
    .infra-edu-box-1, .infra-edu-box-2, .infra-edu-box-3, .infra-edu-box-4, .infra-edu-box-5, .infra-edu-box-6, .infra-edu-box-7, .infra-edu-box-8 {
        width: 100%;
        padding-bottom: 20px;
    }
    .infra-edu-title p {
        min-height: auto;
    }
    .infra-edu-title {
        padding: 20px;
        min-height: auto;
    }
    .recent-work-header h2 {
        font-size: 54px;
    }
    .recent-work-list ul li {
        font-size: 24px;
    }
    .show-recent-page {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .pagination-box .page-item.active .page-link {
        text-align: center;

    }
    .pagination-box .page-item .page-link {
        text-align: center;
    }

    /* Other Page */
    .dark-style-title h2 {
        font-size: 54px;
    }
    .dark-style-title .export-box {
        top: 16px;
    }
    .all-startup-operator {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .startup-operator-col-1, .startup-operator-col-2, .startup-operator-col-3, .startup-operator-col-4, .startup-operator-col-5, .startup-operator-col-6 {
        padding: 10px;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
        margin-right: 0px;
    }
    .startup-operator-col-1 p i, .startup-operator-col-2 p i, .startup-operator-col-3 p i, .startup-operator-col-4 p i, .startup-operator-col-5 p i, .startup-operator-col-6 p i {
        padding-right: 10px;
        display: inline;
    }
    .startup-operator-col-1 p:first-child, .startup-operator-col-2 p:first-child, .startup-operator-col-3 p:first-child, .startup-operator-col-4 p:first-child, .startup-operator-col-5 p:first-child, .startup-operator-col-6 p:first-child {
        min-height: auto;
        margin-bottom: 0;
    }
    .startup-operator-col-1 p, .startup-operator-col-2 p, .startup-operator-col-3 p, .startup-operator-col-4 p, .startup-operator-col-5 p, .startup-operator-col-6 p {
        margin-bottom: 0;
    }
    .all-startup-data {
        padding: 20px;
    }
    .all-data-project {
        padding: 20px;
    }
    .data-project-col-1, .data-project-col-2, .data-project-col-3 {
        width: 100%;
    }
    .data-project-col-1 p:first-child, .data-project-col-2 p:first-child, .data-project-col-3 p:first-child {
        margin-bottom: 10px;
        min-height: auto;
    }
    .data-project-col-1, .data-project-col-2, .data-project-col-3 {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .data-project-col-4 {
        width: 100%;
    }
    .data-infra-body {
        padding: 20px;
    }
    .data-infra-col-1, .data-infra-col-2, .data-infra-col-3, .data-ent-col-1, .data-ent-col-2, .data-ent-col-3, .data-ent-col-4 {
        width: 100%;
    }
    .data-infra-col-1, .data-infra-col-2, .data-infra-col-3 {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .data-industrial-food {
        width: 100%;
        margin-bottom: 10px;
    }
    .data-industrial-other {
        width: 100%;
    }
    .dark-style-title {
        position: relative;
        padding-right: 100px;
    }
    .data-entre-box-1 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .data-entre-box-2 {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .data-entre-box-3 {
        width: 100%;
    }

    .data-province-section .content-box .province-box {  margin: 5px 0; width: 100%; }

    .section-content .box-item { height: auto; }
    .section-content .box-item .col-md-8 { padding-left: 15px; }
    .section-content .justify-content-end { justify-content: center!important; }
    .mainmenu001 .navbar-brand.text { display: none; }
    .mainmenu002 .navbar-brand.text { display: none; }
    #chart-1::before { width: 350px; height: 350px; }


    .section-search {background: #06182D;}
    .section-search .section-left .text-1{    margin-bottom: 5px;text-align: left;font: normal normal 600 57px/40px Kanit;letter-spacing: 0px;color: #74B9FF;}
    .section-search .section-left .text-2{    text-align: left;letter-spacing: 0px;color: #789AC0;font-size: 40px;line-height: 34px;}
    .section-search #txtSearch {    background: #06182D 0% 0% no-repeat padding-box;border: 1px solid #74B9FF;border-radius: 20px;opacity: 1;box-shadow: none;height: 64px;}

    .section-search .button.button-primary {     margin-top: 15px;text-align: left;font: normal normal 300 20px/30px Kanit;letter-spacing: 0px;color: #E4E4E4;opacity: 1;   background: #144E8E 0% 0% no-repeat padding-box;border-radius: 20px;opacity: 1;width: 100%;text-align: center;height: 54px;padding: 11px 30px;}
    .section-search .btn-search {display: block;width: 100%;margin-bottom: 10px;background: #06182D 0% 0% no-repeat padding-box;border: 1px solid #74B9FF;border-radius: 40px;opacity: 1;text-align: center;font: normal normal 300 16px/24px Kanit;letter-spacing: 0px;color: #74B9FF;opacity: 1;}
    .index-container .section-1 .box-detail{margin-top: 70%;padding-left: 0;}
    .index-container .section-1 .title-main{text-align: left;font: normal normal 600 57px/40px Kanit;letter-spacing: 0px;color: #74B9FF;}
    .index-container .section-1 .title-sub{text-align: left;font: normal normal 600 40px/45px Kanit;letter-spacing: 0px;color: #789AC0;}
    .index-container .section-2 .header .title{text-align: left;font: normal normal 600 57px/40px Kanit;letter-spacing: 0px;color: #74B9FF;}
    .index-container .section-2 .header {padding-top: 45px;}
    .section-search .title {    float: none;padding: 20px 0px;}
    .index-container .section-1 #section1-silde-001 img {height: 250px; width: 95%;}
    .index-container .backimg{height: 250px; width: 95%;   right: 0px;}
    .index-container .section-1 .box-detail {margin-top: 45%;}
    .index-container .section-2 .header {padding-top: 15px;    margin-bottom: 0;}
    .index-container .section-2 .box-item .item .detail .title {height: 40px;}
    .index-container .section-3 iframe {margin-left: 0;}
    .index-container .backimg2 {right: 14px;}
    .section-5 .box-item {padding-top: 0;}
    .index-container .section-5 #slideSet_section5_Prev,.index-container .section-5 #slideSet_section5_Next {top: 60%;}
    .list_bid {padding-left: 15px !important; padding-right: 15px !important; }
}
@media (max-width: 575px){
    .mainmenu001 .sec-img-logo {
        margin-left: 55px;
    }
}
@media (max-width: 575.98px) {
    .container-home {
        width: 90%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .section-carouselExampleIndicators1 .zone-1 .row-1 .main-title { padding-top: 0px; margin-left: 0%; }

    .section-carouselExampleIndicators1 .zone-3 #chart-1-group > #chart-1-data > a > p#trader_total { font-size: 53px; }



    .carousel-style-1 {
        margin-top: 0;
    }

    #chart-1::before{
        width: 300px;
        height: 300px;
    }

    #chart-1-group > #chart-1-data > p > i{
        font-size: 40px;
    }

    #chart-1-group > #chart-1-data > a > p#trader_total{
        font-size: 50px;
        line-height: 15px;
    }

    #chart-4{
        height: 400px!important;
        position: relative!important;
        bottom: 0;
    }
    /* Home */
    .innovation-district-detail h1 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .innovation-district-detail h2 {
        font-size: 34px;
    }
    .text-header-style-3 h1 {
        font-size: 54px;
        text-align: center;
        padding-right: 0px;
    }
    .text-header-style-3 .under-line {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .text-header-style-3 h2 {
        text-align: center;
    }
    .export-btn {
        margin-left: auto;
        margin-right: auto;
    }
    .entre-chart-group a {
        font-size: 28px;
        padding: 10px;
    }
    .entre-chart-box-1 .entre-chart-point,
    .entre-chart-box-2 .entre-chart-point,
    .entre-chart-box-3 .entre-chart-point,
    .entre-chart-box-4 .entre-chart-point {
        font-size: 28px;
    }
    .entre-col-2 .entre-chart-point, .entre-chart-box-5 .entre-chart-point {
        font-size: 28px !important;
    }
    .entre-chart-box-5,
    .entre-chart-box-6 {
        padding: 10px;
    }

    .entre-col-1 .entre-chart-text, .entre-col-2 .entre-chart-text {
        width: 60% !important;
    }
    /* .entre-chart-box-5 .entre-chart-point {
        width: 40% !important;
    } */
    .entre-type-name {
        padding-right: 0px;
        font-size: 20px;
    }
    .entre-type-name i {
        font-size: 14px;
        top: 1px;
    }
    .entre-type-point {
        font-size: 20px;
        padding-right: 0px;
    }
    .entre-type-group a {
        padding: 12px;
    }
    .entre-title-2 h2 {
        margin-bottom: 10px;
        font-size: 40px;
        text-align: center;
    }
    .innovation-data-title {
        margin-bottom: 40px;
        padding-left: 0;
    }
    .innovation-data-title h1 {
        font-size: 54px;
        text-align: center;
    }
    .innovation-data-title h2 {
        font-size: 48px;
        text-align: center;
    }
    .innovation-data-title .underline {
        position: static;
        height: 5px;
        width: 120px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .entre-title-2 .under-line {
        margin-bottom: 24px;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
    }
    .entre-compare-header h4 {
        font-size: 28px;
    }
    .entre-row-3-point1, .entre-row-3-point2, .entre-row-3-point3, .entre-row-3-point4, .entre-row-3-point5 {
        font-size: 24px;
    }
    .entre-and-inno a,
    .entre-and-funed a {
        font-size: 20px;
        line-height: 1.2;
        padding: 10px;
    }
    .enter-row-3-icon i {
        font-size: 20px;
        padding-right: 20px;
        position: relative;
        top: 10px;
    }
    .entre-and-funed .entre-row-3-header {
        line-height: 1.2;
    }
    .innovation-data-title h1 {
        font-size: 40px;
    }
    .export-box {
        display: block;
        position: static;
        right: 0;
        top: 54px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .growth-title h2, .performance-header-title h2 {
        padding-right: 0;
    }
    .growth-title h2, .performance-header-title h2 {
        font-size: 54px;
        text-align: center;
    }
    .growth-title .under-line {
        margin-bottom: 24px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .blue-chart-title h4,
    .red-chart-title h4 {
        text-align: center;
    }
    .red-chart-body-text,
    .blue-chart-body-text {
        display: block !important;
    }
    .red-chart-body-text-1,
    .red-chart-body-text-2,
    .red-chart-body-text-3,
    .blue-chart-body-text-1,
    .blue-chart-body-text-2,
    .blue-chart-body-text-3 {
        padding: 5px;
        width: 100%;
        text-align: center;
    }
    .red-chart-body-text-3 p,
    .blue-chart-body-text-3 p {
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding-bottom: 10px;
    }
    .blue-chart-head,
    .red-chart-head {
        display: block !important;
    }
    .blue-head-table-col-1,
    .blue-head-table-col-2,
    .blue-head-table-col-3,
    .red-head-table-col-1,
    .red-head-table-col-2,
    .red-head-table-col-3 {
        width: 100%;
        text-align: center;
    }
    .blue-chart-body-title-1,
    .red-chart-body-title-1 {
        width: 30%;
    }
    .performance-header-title .under-line {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    
    }

    /* Province */
    .plan-box-1 a,
    .plan-box-2 a {
        padding: 20px;
    }
    .province-map-content h3 {
        font-size: 38px;
    }
    .private-header-title .export-box {
        position: static;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .edu-header-title h2,
    .private-header-title h2 {
        padding-right: 0px;
        text-align: center;
    }
    .edu-header-title .under-line {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    } 
    .innovation-district-2 .innovation-district-detail h1 {
        margin-bottom: 20px;
        font-size: 54px;
        text-align: center;
    }
    .innovation-district-detail .under-line {
        width: 120px;
        height: 5px;
        margin-top: -10px;
        margin-left: auto;
        margin-right: auto;
    }
    .slick-prev {
        left: 0;
        top: -50px;
        right: 50px;
        display: none !important;
    }
    .slick-next {
        left: auto;
        top: -50px;
        right: 0px;
        display: none !important;
    }
    .innovation-style-2 {
        margin-top: 0px;
    }
    .infra-title h2 {
        text-align: center;
    }
    .infra-title .under-line {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    }
    .private-header-title h2 {
        text-align: center;
    }
    .private-header-title .under-line {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    }
    .recent-work-header h2 {
        text-align: center;
    }
    .recent-work-header .under-line {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    }
    .innovation-location-header h2 {
        font-size: 54px;
        text-align: center;
    }
    .innovation-location-header .under-line {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
        margin-top: 10px;
    }
    .innovation-slide-left {
        text-align: center;
    }
    /* Other Page */
    .dark-style-title .under-line {
        margin-bottom: 24px;
    }
    .data-industrial-col-1, .data-industrial-col-2, .data-industrial-col-3, .data-industrial-col-4 {
        width: 100%;
        margin-bottom: 10px;
    }
    .data-industrial-col-1 p, .data-industrial-col-2 p, .data-industrial-col-3 p, .data-industrial-col-4 p {
        min-height: auto;
    }
    .data-industrial-col-5, .data-industrial-col-6, .data-industrial-col-7 {
        width: 100%;
        margin-bottom: 10px;
    }
    .dark-style-title {
        position: relative;
        padding-right: 0px;
    }
    .dark-style-title .under-line {
        width: 100px;
        height: 5px;
        margin-bottom: w4px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .dark-style-title h2 {
        text-align: center;
    }
    .dark-style-title .export-box .export-btn {
        margin-left: auto;
        margin-right: auto;
    }
    .data-entre-col-1, 
    .data-entre-col-2, 
    .data-entre-col-3, 
    .data-entre-col-4, 
    .data-entre-col-5, 
    .data-entre-col-6 {
        width: 100%;
    }

    .chart-entre-compare .entre-compare-header h4 {padding-top: 0px;}
    /* .index-container .section-5 [class^=col-md-4] { margin-bottom: 20px; } */

    .mainmenu001 .nav-top { display: flex; padding-top: 0px; }
    .mainmenu001 .nav-top .img { width: 100%; text-align: center; padding-left: 0px; }

    .mainmenu002 .nav-top { display: flex; padding-top: 0px; }
    .mainmenu002 .nav-top .img { width: 100%; text-align: center; padding-left: 0px; }
    .section-carouselExampleIndicators1 .zone-3 .row-3 { margin-bottom: 0px; }
    #carouselExampleIndicators .section-chart .column-1,
    #carouselExampleIndicators .section-chart .column-2,
    #carouselExampleIndicators .section-chart .column-3,
    #carouselExampleIndicators .section-chart .column-4 { margin-bottom: 10px; }
    .section-carouselExampleIndicators1 .zone-1 .row-2 .list-menu { margin-left: 0; }
    .index-container .box-title .title-main { font-size: 40px; line-height: 45px; }
    .index-container .section-1 .title-sub { font-size: 39px; padding-bottom: 15px;    text-align: center;}
    .index-container .section-1 .box-detail { padding: 15px 0; background: none; }
    .index-container .section-1 .detail { font-size: 19px; }
    .index-container .section-2 .header .title { font-size: 35px; }
    .index-container .section-2 .header .detail { font-size: 19px; }
    .index-container .section-3 .detail { font-size: 21px; }
    .index-container .section-1 { padding-top: 5px; }
    .index-container .box-title .title-sub { margin-bottom: 5px; text-align: center;}
    .index-container .section-3 .box-title .title-main { font-size: 35px; line-height: 35px;text-align: center;}
    .index-container .section-3 { padding-top: 30px; }
    .index-container .section-6 .main-content .content-detail { height: 362px; padding: 34px 20px 10px; }
    .index-container .section-6 .sub-contant .item .content-detail p.title { float: none; margin-top: 0; }
    .index-container .section-6 .sub-contant .item .content-detail { padding: 0px 20px; }
    .index-container .section-7 .item-list .item .title { font-size: 35px; height: auto; }
    .index-container .section-7 .item-list a { font-size: 30px; }

    .footer-bottom .footer-address h5 { padding-top: 0; }
    .footer-bottom .footer-logo img { height: auto; }
    .footer-bottom .footer-logo { left: 31px; top: 32px; }

    .footer-bottom .footer-socia { display: flex; justify-content: center; }
    .sub-social:nth-child(2) { margin: 0; text-align: none; float: none; width: auto; }
    .sub-social:nth-child(3) { margin: 0; text-align: none; float: none; width: auto; }
    .mainmenu002 .navbar-style-2 { box-shadow: none }
    .mainmenu002 .nav-top .navbar-brand img { width: 110px; height: auto;}    
    .mainmenu002 { height: 75px; }
    .mainmenu002 .dropdown-menu { background: #fff; margin-left: 0px;}
    .mainmenu002 .dropdown-divider { border-top: 1px solid #fff;}
    .export-btn { margin-right: 0;}
    .dark-style-title h2  { font-size: 16px !important; }
    
    .export-box { margin-bottom: 10px;}
    .dark-style-title .export-box .export-btn { margin-right: 0; }
    .dark-style-title h2 .lineword { margin-right: 20px;  margin-left: 20px;}
    .mainmenu002 .nav-top .img { height: 75px;}
    #carouselExampleIndicators .name.th { font-size: 60px; }
    .section5 .header p.title-head { font-size: 55px;}

    .knowledge-inner, .innovation-inner, .document-inner {font-size: 15px;}
    .section5 .sub-category-box-document { width: 32.5%;}
    .section5 .sub-category-box-knowledge {width: 32%; }
    .section4 .title-main {font-size: 55px; line-height: initial; }
    .section-content #search-btn {   width: 100%;}

    .dropdown-item { color: black;}
    .dropdown-menu { z-index: 2147483647; }
    .list-menu li.pulse:before { margin-left: 0; }


    #chart-1::before { width: 350px; height: 350px; }

    .index-container .section-1 #section1-silde-001 img {height: 220px;width: 93%;margin-left: 0%;}
    .index-container .backimg {height: 190px;width: 90%;right: 22px;top: 25px;}
    .index-container .section-3 iframe {height: 190px;}
    .index-container .section-3 .content-list {width: 80%;margin: auto;}
    .index-container .backimg2 {right: 10px;height: 180px;}
    .index-container .section-5 #slideSet_section5_Prev,.index-container .section-5 #slideSet_section5_Next {display: none !important;}
    .index-container .section-2 .box-item .item .detail .title {font: normal normal normal 14px/19px Kanit;}
    .index-container .index-background-1 .backDATA img {position: absolute;z-index: 9;right: -30%;top: 12%;transform: scale(0.5);}
    .index-container .index-background-1 .backDRIVEN img {position: absolute;z-index: 9;left: 25%;bottom: 77%;transform: scale(1.0);width: 100%;}
    .index-container .section-1 .title-main {font: normal normal 600 44px/28px Kanit;}
    .index-container .section-1 .title-sub {
        font-size: 24px;
        padding-bottom: 0;
        text-align: left;
    }
    .index-container .section-1 .detail {
        font-size: 15px;
    }
    .index-container .section-1 .box-detail .btn-detail {width: 31%;margin: auto;}
    .index-container .section-2 .header .detail {
        font-size: 15px;
        text-align: left;
    }
    .index-container .section-3 {
        padding-top: 20px;
    }
    .index-container .section-3 .box-title .title-main {
        font-size: 44px;
        line-height: 30px;
        text-align: left;
        margin-bottom: 0;
    }
    #section4-silde-001 {
        height: 380px;
    }
    .index-container .section-5 .box-title .title-main {font: normal normal 600 34px/34px Kanit;}
    .index-container .section-5 .box-item .slick-dots {bottom: 0px;}
    .section-6 .sub-contant .col-md-7 {display: block !important;}
    .section-search  .container {width: 90%;}
    .section-search .section-left .text-1 {font: normal normal 600 44px/40px Kanit;}
    .section-search .section-left .text-2 {font-size: 24px;}
    .index-container .section-2 {overflow: hidden;}
}

@media (max-width: 565px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia { width: 91%; }

}
@media (max-width: 500px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia { margin-left: 0; width: 95%;}
    #carouselExampleIndicators #arrow-tab1 { width: 50px; height: auto; }
    .indicator [class*="indicator-"] {display: block;}
    .section-chart .indicator a:first-child { margin-left: 0; margin-right: 0;}
    #backgroundvideo { height: 1242px; }
    .tab-1 .section-chart .content { height: 1251px; }
}
@media (max-width: 375px) {
    .header-section-style-1 .section-carouselExampleIndicators1 .mapnia  { width: 100%;}
    /* .header-section-style-1 .section-carouselExampleIndicators1 #carouselExampleIndicators .map img { height: 475px; } */
    #backgroundvideo { height: 1087px; }
    .list-menu .pulse a { font-size: 14px; }
    #carouselExampleIndicators .header-text1 {  font-size: 25px;}
    .tab-2 .section-chart .content { height: 1087px; }

}

@media (max-width: 320px) {
    #backgroundvideo { height: 1020px; }
    .tab-1 .section-chart .content { height: 1030px; }
    /* .header-section-style-1 .section-carouselExampleIndicators1 #carouselExampleIndicators .map img { height: 368px; } */
}