@charset "utf-8";

@media (max-width: 1200px){
	.box-org-profile2f	.img-org-profile{ height: 150px;}
	#menu2f .nav > li{background-position: right 12px;}
	.insite-content2f{ margin-bottom: 50px; }
	.related-box-thumbnail .box-newsdetail2f a{    font-size: 17px;line-height: 22px; max-height: 45px;}
	.header-menu2f{height: 100px;}
	.menu-left2f #cssmenu ul ul li a{     font-size: 17px; padding: 5px 5px 5px 20px; background-position: 10px 13px;}
	.menu-left2f #cssmenu ul li a{padding: 10px 10px;}
	.mainmenu-top02 > .row .col-lg-4.col-md-5 {width: 32%;}
	.mainmenu-top02 > .row .col-lg-8.col-md-7{width: 68%;}
	.logo2f  .img-logo2f{position: relative;    top: -10px;}
	.mainmenu-top01{    padding: 10px 0 5px 0;}
	#menu2f .navbar-default .navbar-collapse{padding-left:0;}
	.webname02{font-size: 19px;}
	.home-appdownload2f .img-sme {margin-bottom: 10px;}
	.heading-einformation2f, .heading-service2f { margin-top: 62px;}
	#menu2f .nav > li > a{ padding: 6px 4px 6px 4px; font-size: 17px;}
	.top-contact2f{ margin-right:10px;}
	.home-iconcontent .home-des01{ width:80%;}
	.numdate{ margin-left:0;}
	.home-elibrary{padding: 10px 15px;}
	.home-thumbnail-inf2f,.home-eventthumbnail2f{ height:100px;}
	.home-appdownload2f .img-sme{ height:55px;}
	.home-appdownload2f a > img {padding-left: 175px;height:35px;}
	.home-appdownload2f{ top:30%;}
	.home-about2f span, .home-contact2f span{width: 60%;}
	.home-externallink2f{padding: 30px 5px 20px 5px;}
	.home-section04{    height: 210px;}
	.thumbnail-news2f img{ height:100%; width:auto;}
	/* .img-thumbnail2f a{ height:290px;} */
	.home-tabnews2f .nav-tabs > li > a{ padding: 8px 5px;font-size: 18px;}
	.home-listservice2f ul li a { padding-left: 20px; font-size: 15px;  background-position: 7px 10px;}
	.t-date-event span{ font-size:18px;}
	.home-date-event2f .t-notic{ font-size:12px;}
	.thumbnail-service2f a{ height:140px;}
	.home-listservice2f ul{ padding-bottom:10px;}
	.icon-link2f span{ font-size:15px; margin-top:5px;}
	.home-control-carlendar2f{ margin-top:70px;}
	.form-calendar2f{padding: 20px 20px 0 20px;}
	.calender2f .fc button.fc-today-button{    min-width: 100px;}
	.calendar-activity-btnsearch .btn.btn-dip,.calender2f .fc button.fc-today-button{   font-size: 20px; padding: 3px 20px;}
	.box-externallink2f h3 {  font-size: 21px;  }
	.home-about2f{    background-size: 100px;}

	.home-tabnews2f .view-more2f span {bottom: 24px;top: inherit;}
	.home-thumbnail-econsult2f{height: 190px;}
	.home-boxcaption-news2f .t-caption{width: 60%;}
	/*menu 1200*/
	.menu-left2f #cssmenu01 ul ul li a{     font-size: 17px; padding: 5px 5px 5px 20px; background-position: 10px 13px;}
	.menu-left2f #cssmenu01 ul li a{padding: 10px 10px;}
	.menu-left2f #cssmenu02 ul ul li a{     font-size: 17px; padding: 5px 5px 5px 20px; background-position: 10px 13px;}
	.menu-left2f #cssmenu02 ul li a{padding: 10px 10px;}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}
@media (max-width: 1024px){
	.menu-left2f #cssmenu ul ul a{padding-left: 30px;}
	.menu-left2f #cssmenu ul li a {padding: 5px 10px;}
	.t-date-event span { font-size: 16px;}
	.home-boxcarlendar2f a {margin-top: 5px;margin-bottom: 10px; height: 40px;}
	.home-calendar2f .view-more2f{    bottom: -3px;}
	.t-date-event{    margin-top: 0;}
	.home-circledate2f span {font-size: 25px;line-height: 10px;}
	.home-circledate2f {width: 40px; height: 40px;}
	.home-boxcarlendar2f{height: 137px;overflow: hidden;padding: 10px 15px;}
	.box-newsdetail2f a,.menu-left2f #cssmenu ul li a{ font-size:17px;}
	.home-control-carlendar2f { margin-top: 65px;}
	.boxthumbnail-news2f {padding-right: 60px;}
	.date-news2f {width: 60px;}
	.t-date01 { height: 50px;line-height: 55px;}
	.table-procurement2f table thead th{ font-size:16px;}
	.home-boxcaption-news2f .date-news { line-height: 60px; }
	.home-newsdetail2f a {  padding-top: 0;     font-size: 16px; }
	.content-contact2f h2{ margin-bottom:5px;}
	.content-contact2f,.tx-contact2f a,.content-contact2f p{ font-size:19px;}
	.project-thumb2f{ width:35%;}
	.project-detail2f{ width:65%;}
	.home-tabnews2f .nav-tabs > li > a {   padding: 5px 0px; font-size:15px;}
	.project-detail2f{ padding:15px 10px;}
	.home-tabnews2f  .nav-tabs > li { text-align: center;}
	.home-content01 button.slick-prev, .home-content01 button.slick-next{ width:20px;}
	.home-content01 button.slick-prev, .home-content01 button.slick-next{ top:19%;}
	.content-detail2f h3 {     line-height: 22px;margin-bottom: 20px; font-size: 19px;}
	.popup-regis2f .modal-lg {  width: 80%;  margin: 5% auto;  }
	.box-externallink2f h3 {  font-size: 20px;  }
	.popup-regis2f input[type="radio"] {  margin: 6px 0 0 -20px;  }
	.popup-regis2f .form-control {  font-size: 13px;  }
	.menu-left2f #cssmenu ul ul a {  background-position: 28px 9px;  }
	.video-container {  padding-top: 35px;  }
	.home-newslist2f{    float: left; height: 177px; overflow: hidden;}
	.home-newshilight2f{height: 180px;}
	.home-control-carlendar2f h3{    font-size: 22px;line-height: 40px;}
	.home-newsdetail2f{    padding: 10px 15px;}
	.heading-einformation2f, .heading-econsult2f, .heading-service2f{font-size: 22px; margin-bottom: 15px;}
	.home-listservice2f ul li a{height: 22px; display: block;overflow: hidden;}
	.title-about2f, .title-contact2f{font-size: 24px;}
	.home-icon{width:100px;height:100px; background-size: auto 95%;}
	.home-banner01 a{ display: block;}
	
	.home-content01{margin-top: 15px;}
	/*menu 1024*/
	.menu-left2f #cssmenu01 ul ul a{background-position: 28px 9px; padding-left: 30px;}
	.menu-left2f #cssmenu01 ul li a {padding: 5px 10px;font-size:17px;}
	.menu-left2f #cssmenu02 ul ul a{background-position: 28px 9px; padding-left: 30px;}
	.menu-left2f #cssmenu02 ul li a {padding: 5px 10px;font-size:17px;}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}
@media (max-width: 991px){

	#home-bigbanner2f .bx-wrapper img{ height: inherit;}
	.box-org-profile2f	.img-org-profile {height: 200px;}
	.home-thumbnail-econsult2f { height: 155px;}
	.home-thumbnail-inf2f, .home-eventthumbnail2f { height: 85px;}
	.heading-einformation2f, .heading-econsult2f, .heading-service2f{font-size: 20px;}

	.top-callcenter2f {float: right;}
	.top-callcenter2f a{display: block;}
	.home-date-event2f .t-notic {font-size: 13px;}
	.home-newsdetail2f a {  padding-top: 3px;  }
	.thumbnail-service2f a{ height:auto;}
	.heading-einformation2f, .heading-service2f {margin-top: 49px;}
	.list-cate-sitemap2f > ul > li{ width:33%;}
	.content-gallery2f .bx-wrapper:first-child, .content-gallery2f .bx-wrapper:first-child .bx-viewport li {height: 389px !important;}
	.content-gallery2f .bx-wrapper:last-child, .content-gallery2f .bx-wrapper:last-child .bx-viewport li { height: 75px !important;}
	.title-thumbnail2f a,.thumbnail-upload2f{ width:100%; text-align:left;}
	/* .img-thumbnail2f a { height: 190px;} */
	.icon-link2f span{ font-size:16px; line-height:18px;    margin-bottom: 10px;}
	.home-externallink2f { padding: 10px 0 10px 0;}
	.icon-link2f img{ max-width:100%;}
	.home-externallink2f,.home-vdo2f{ height:250px;}
	.home-about2f, .home-contact2f{ padding:14px 15px;}
	.home-contact2f{    background-size: 160px;background-position: bottom right;}
	.home-about2f { background-position: 95% 95%; background-size: 80px;}
	.des-about2f, .des-contact2f{ font-size:17px;}
	.home-about2f span, .home-contact2f span {width: 100%; }
	.home-appdownload2f .img-sme {margin-bottom: 10px;}
	.home-section04 {height: 170px;}
	.home-appdownload2f a > img{ padding-left: 120px;height:30px;}
	.home-appdownload2f {top: 30%; }
	.home-appdownload2f .img-sme {height: 45px;}
	.home-econsult2f p{ margin-bottom:46px;}
	.home-list-itemevent2f a{    display: block; height: 20px;overflow: hidden;}
	.home-list-itemevent2f img {margin-right: 5px;top: 1px; width: 10px;}
	.home-eventthumbnail2f,.heading-newsevent2f{ margin-bottom:10px;}
	.home-detail-event2f{ width:100%;}
	.home-detail-event2f a{ height:37px;}
	.heading-newsevent2f img { padding-left: 10px;height: 24px;}
	.heading-newsevent2f{ font-size:32px;}
	.home-informaiton-left2f p {  height: 40px;  }
	.home-eventthumbnail2f{ height:85px;}
	.home-elibrary{ min-height:inherit;}
	.home-elibrary{    background-size: 100% 100%;}
	.home-thumbnail-inf2f  img{ height:100%;}
	.home-boxcarlendar2f a{    height: 20px;}
	.home-date-event2f .t-notic{    padding-left: 0; margin-top: 5px;}
	.home-newsdetail2f{ padding:10px;}
	.box-date{ padding-top:15px;}
	.month-year {padding-top: 0; width: 100%;text-align: center;}
	.home-boxcaption-news2f .t-caption{    left: 65px; width: 65%;}
	.home-boxcaption-news2f .date-news{ width:50px; font-size:50px;}
	.numdate{ font-size:40px;line-height: 25px;width: 100%;padding-right: 9px;}
	.home-boxcarlendar2f .t-event{font-size: 10px;}
	.home-iconcontent .home-des01 { font-size: 14px; line-height: 16px;}

	.logo2f img{ 
		width:40px ;
		height: auto !important;
	}
	#menu2f .nav > li > a{     padding: 8px 2px;font-size: 13px;}
	.top-callcenter2f img{ width:100px;}
	.top-contact2f{padding-top: 0;}
	.webname01,.footer-detail-left2f h3{ font-size:22px;padding-bottom:0;}
	.webname02 {font-size: 15px;line-height: 15px;}
	.logo2f .img-logo2f{ margin-right:5px;}
	.webname2f{ top:-8px;}
	.mainmenu-top01{    padding: 10px 0 5px 0;}
	.logo2f{ margin: 24px 0 10px 0;}
	.footer-callcenter2f img{width:150px;}
	.t-form2f,#main-content2f .form-control,.btn.btn-gray{ font-size:17px;}
	.pagination2f ul li a.first,.pagination2f ul li a.last{ display:none;}
	.pagination2f ul li a, .pagination2f ul li span{ font-size:13px;}
	.pagination2f ul li select{ width:45px;}
	.box-captcha2f{ text-align:center;margin:20px 0 30px 0;}
	.content-map2f{ height:350px;}
	.box-externallink2f h3{ font-size:20px;}
	.boxsearch2f .col-sm-6{ padding-right:0;}
	.form-search2f .btn-center2f.btn2button .btn{ width:35%; margin:0 5px 20px 5px; }
	.popup-regis2f .form-control {  font-size: 8px;  }
	.video-container {     overflow: initial;width: 100%;}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
	}
@media (max-width: 768px) {
	.content-right2f > h2 {
		line-height: 30px;
		margin-bottom: 20px;
	}

	#insite-banner2f {
		height: 130px;
	}

	.box-collapse2f .heading-collapse2f .btn {
		font-size: 22px;
		line-height: 22px;
		padding: 10px 45px 10px 20px;
	}

	.content-detail2f h3, .box-pink2f {
		margin-bottom: 20px;
	}

	.content-detail2f img {
		margin-bottom: 0;
	}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}
@media (max-width: 767px){
	
	.demo-container .legend > div {position:relative;}
	.demo-container .legend {width:100%!important;position:relative;}
	.demo-container .legend table {left:0;}
	.demo-container {margin-bottom:30px;}
	.demo-container .legend {margin-bottom:30px;}
	#menu_view_desktop{display:none ;}
	#menu_view_mobile{display: block;}
	.box-top-list2f,.box-top-social2f{display: none;}
	.img-detail2f img{display: block; margin:0 auto 20px;}
	.content-right2f > h2{padding-bottom: 10px;}
	.home-einformation2f .view-more2f{bottom: -10px;}
	.home-control-carlendar2f { margin-top: 35px;}
	.home-boxcarlendar2f{padding: 15px;}
	.home-boxcarlendar2f .t-event{font-size: 12px;}
	.home-newslist2f,.home-thumbnail-econsult2f{height: auto;}
	.home-newshilight2f{ height: 250px; }
	.home-tabnews2f .nav-tabs > li > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a,
	.home-tabnews2f .nav-tabs > li.active > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a:focus{
		border-top:1px solid #fff;
	}
	.home-tabnews2f .nav-tabs { border-left: none;}
	.box-top-language2f{margin-right: 0;}
	.logo2f  .img-logo2f{top:0;}
	.webname02{font-size: 18px;}
	#menu2f .navbar-default .navbar-collapse {padding-left: 15px;}
	.mainmenu-top02 > .row .col-lg-4.col-md-5 ,.mainmenu-top02 > .row .col-lg-8.col-md-7{width: 100%;}
	.list-center2f.centercontact ul li{ width: 100%; }
	.popup-regis2f .modal-lg,.form-addservice2f .modal-dialog{ width:80%;}
	.calender2f .fc button.fc-today-button{     left: 140px; top: -83px;right: inherit;}
	.form-calendar2f{padding:20px;}
	.content-right2f > h2{ font-size:22px; line-height: 24px; }
	.content-contact2f h2{ font-size:25px;}
	.table-procurement2f table thead th td { font-size: 18px;}
	.box-newsdetail2f a{ padding-top:5px;    margin-bottom: 5px; max-height: 55px;}
	.t-date02 { padding-top: 7px;}
	.remark-table2f,.tx-input2f,.t-source{ text-align:left;}
	.table-slide2f{ display:block;}
	.list-cate-sitemap2f > ul > li{ width:44.5%;}
	.calender2f .fc-toolbar h2{ font-size:40px;}
	.form-search2f .btn-center2f.btn2button .btn{ min-width:20%;  padding: 5px 10px; width:auto;}
	.boxsearch2f .col-sm-6{ padding-right:15px;}
	.form-search2f .btn-center2f .btn {
    line-height: 30px;
    padding: 5px 30px 5px 50px;
    width: auto;
    margin: 20px 0;
    height: auto;
    background-position: 10px center;
    font-size: 30px;
	}
	.body-collapse2f {padding: 15px 20px;}
	.box-collapse2f ul li a{ padding-left:5px;}
	.boxthumbnail-news2f,.thumbnail-news2f { height: 125px;}
	#main-content2f .form-control{ margin-bottom:10px;}
	.form-search2f .t-form2f,.content-formcontact2f .t-form2f{ text-align:left;}
	.form-search2f{padding: 15px 10px;}
	.icon-link2f img{ height:60px; margin-bottom:10px;}
	.icon-link2f span{ font-size:16px; margin-bottom:0;}
	.home-vdo2f{height:auto;    overflow: inherit;}
	.home-externallink2f{ height:auto; float:left; width:100%;}
	.home-contact2f {background-size: auto 100%;background-position: 95% top;}
	.home-about2f{    background-size: auto 70%;background-position: 90% center;}
    .home-about2f span{max-width: 200px;}
	.home-about2f, .home-contact2f{ padding:20px; padding-right:210px; }
	.home-section04 {background-size: auto 100%;  height:145px;}
	.home-appdownload2f a > img{ padding-left:90px;}
	.home-appdownload2f{ right:20%;}
	.home-appdownload2f .img-sme {height: 30px;}
	.home-thumbnail-event2f img{ width:100%;}
	.home-detail-event2f {width: 80%;}
	.home-thumbnail-event2f{ width:20%;}
	.home-eventthumbnail2f img{ border: 1px solid #59646a;}
	.home-eventthumbnail2f{ border:none;}
	.home-informaiton-left2f .col-sm-6 { padding-right: 15px;}
	.box-date {  padding-top: 22px;  padding-left: 18px;  }
	.numdate{ width:55px;}
	.month-year{ width:auto;}
	.heading-einformation2f{ margin-top:30px;}
	.numdate {font-size: 50px;line-height: 35px;padding-right: 0; 	}
	.home-elibrary,.home-externallink2f{ padding:20px;}
	.home-thumbnail-news2f img{
	height: 100%;
    width: 100%;
    object-fit: cover;
	}
	.home-boxcarlendar2f a,
	.home-boxcarlendar2f,.home-econsult2f p,.home-thumbnail-inf2f, .home-eventthumbnail2f,.home-informaiton-left2f p{ height:auto;}
	.home-newshilight2f,.home-iconcontent .home-des01,.home-econsult2f p,.home-informaiton-left2f p,.home-econsult2f p,.home-elibrary,.home-externallink2f{ margin-bottom:20px;}
	.home-iconcontent .home-des01 {width: 80%;}
	.box-top-language2f,.box-top-social2f,.box-top-search2f{ margin-left:5px;}
	.font-language{width: 20%;}
	.box-top-search2f {     width: 75%;margin: 5px 0;}
	.font-language { float: right;}
	.box-top2f { width: 100%;margin: 0 auto;float: inherit;}
	.mainmenu-top01{ display:none;}
	.logo2f {    margin: 15px 0 0 0;position: relative; z-index: 999;}
	.logo2f .img-logo2f{ margin-right:10px;}
	.footer-detail-left2f h3,.footer-address2f,.footer-visitor2f,.t-copyright2f,.footer-menu2f{ text-align:center;}
	.footer-address2f {background-image: none;padding-left: 0;    margin-bottom: 5px;}
	.footer-visitor2f {float: inherit;width: 185px;margin: 0 auto;height: 30px;}
	.footer-callcenter2f { width:auto;position: absolute;bottom: -2px;right: 15px;}
	.footer-callcenter2f img {width: 95px;}
	.footer01{    padding: 10px 0 5px 0;}
	#menu2f .navbar-default .navbar-collapse{ background-color:#812d8b;}
	#menu2f .container-fluid {padding-right: 0;padding-left: 0;}
	#menu2f .navbar-nav{margin: 0 -15px;}
	#mainmenu2f{border-bottom: none;}
	#menu2f .navbar-nav > li > a:hover{background-color: #fff !important;}
	#menu2f .nav > li:hover a{color: #7F2C8B !important;}
	#menu2f .nav > li:hover{background-color: #fff;}
	#menu2f .nav > li > a {padding: 5px 15px 5px 15px;font-size:18px; color:#fff;}
	#menu2f .navbar-nav > li > a:hover, #menu2f .navbar-nav > li.active > a,#menu2f .navbar-default .navbar-nav > .open > a,
	#menu2f .navbar-default .navbar-nav > .open > a:hover, #menu2f .navbar-default .navbar-nav > .open > a:focus {color: #000;}
	#menu2f .navbar-nav .open .dropdown-menu{ background-color:#aa65c2;}
	#menu2f .nav > li{ background-image:none; border-bottom: 1px solid #915f98; padding: 6px 10px;}
	#menu2f .nav > li.dropdown > a{background-image:url(../images/i-arrow01-white.png);}
	.footer-logo2f {float: none; padding-right: 0; height: 50px;background-image: none;margin-right: 0;width: 100%;}
	.footer-logo2f img { height: 80px; top: 0; margin: 0 auto; display: block; padding-bottom: 10px;}
	.footer-contact2f h3 {font-size: 20px;margin-bottom: 5px; padding-top: 5px;text-align: center;}
	.footer-contact2f .form-control { float: none;max-width: 250px;height: 30px;margin: 10px auto;padding: 2px 10px 5px 5px;}
	.footer-visitor2f { width: 220px;float: none;}
	.home-tabnews2f  .nav-tabs > li{ width:100%;}
	.box-top-list2f ul li a{ font-size: 16px; }
	.home-tabnews2f .nav-tabs > li > a{
		padding-left: 35px;
		background-position: 7px;
		background-size: 20px !important;
		background-image:url(../images/i-newspaper01.png);
		background-repeat:no-repeat;
		line-height: 24px;
		display: block;
		font-size: 18px;
	}
	.home-tabnews2f .nav-tabs > li > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a,
	.home-tabnews2f .nav-tabs > li.active > a:hover,
	.home-tabnews2f .nav-tabs > li.active > a:focus{
		color:#fff; background-color: #9A57A2;
		background-image:url(../images/i-newspaper02.png);
		background-repeat:no-repeat;
		background-position: 7px;
	}
	.footer-logo2f{border:none; height: 90px;}
	.box-top-list2f{margin-top: 4px;}
	.footer-social2f{ text-align: center; }
	.regisright { border:none; padding-left: 0; }
	.regisleft { margin-bottom: 20px;}
	.home-content-news2f .view-more2f a { margin-top:0;  }
	.home-content-news2f .view-more2f img { top: 0; }
	.home-date-event2f .t-notic { margin-top: 12px;  }
	.home-tabnews2f .nav-tabs > li > a{margin-right: 0;border:1px solid #9A57A2;text-align: left;}
	.home-tabnews2f{padding-top: 0;}
	.footer-contact2f,.footer-visitor2f{}
	.footer-social2f ul li a{width:auto; min-width: 25px;}
	.home-section05{ margin-bottom: 0; margin-top: 30px;}
    .box-top-language2f select{padding-top: 7px; width: 100%;    font-family: 'Helvetica', sans-serif;}
    .home-iconcontent .home-text01 {font-size: 22px; line-height: 22px; margin-bottom: 10px;}
    .home-iconcontent .home-des01 { font-size: 18px;line-height: 22px;}
	.footer-visitor2f{ margin-bottom:10px;}
	.footer-visitor2f strong {margin-top: 0;padding-bottom: 10px;}
	.socail-mobile{display: block;}
	.box-social{display: none;}
	#footer2f{padding-bottom: 35px;}
	.layout_topic_content span img{
		width: 22px;
	}
	.layout_topic_content span {
		line-height: 16px !important;
		top: 14px  !important;
		width: 74px !important;
	}
	.des-about2f {  height: 60px;}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}

@media (max-width: 600px){
	.box-top-list2f{ width: 100%; text-align: center; }
	.box-top2f { width: 100%;}
	.box-top-social2f .i-small, .box-top-social2f .i-medium, .box-top-social2f .i-large{ top:0;
		left:20px; }
	.box-date {  padding-top: 20px;  padding-left: 5px;  }
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	{  white-space: normal }

}
@media (max-width: 500px){
	.layout_mani_content > a
	.layout_img_content img{height: 82px;}
	.layout_img_content{margin-bottom: 15px;}
	.layout_mani_content a{font-size: 18px;}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}
@media (max-width: 480px){
	.home-banner01 img {
	    width: 100%;
	    height: 100%;
		object-fit: cover;
		padding: 30px 30px 30px 30px;
	}
	.layout_btn_content{margin-top: 30px;}
	.layout_mani_content p{font-size: 16px; height: 77px;}
	.layout_mani_content > a{height: 40px;}
	.layout_mani_content a{line-height: 20px; margin-bottom: 0px; }
	.layout_mani_content .layout_btn_content .btn{margin-bottom: 10px;}
	.layout_img_content img{height: 70px; margin-bottom: 0;}
	.layout_img_content{margin-bottom: 10px; height: auto;}
	.box-org-profile2f	.img-org-profile { height: 330px;}
	.webname02 {font-size: 16px;}
	.list-cate-sitemap2f .box-listsitemap2f { margin-bottom: 20px; min-height: initial;}
	.month-year span{ padding-left: 0; }
	.list-center2f ul li,.box-list-org2f .col-xs-6{ width: 100%; }
	.header-menu2f{ height: 90px; font-size: 30px; }
	.list-cate-sitemap2f > ul > li{ width:100%;}
	.content-gallery2f .bx-wrapper:first-child, .content-gallery2f .bx-wrapper:first-child .bx-viewport li {height: 250px !important;}
	.content-gallery2f .bx-wrapper:last-child, .content-gallery2f .bx-wrapper:last-child .bx-viewport li { height:70px !important;}
	.img-thumbnail2f a { height:225px;}
	.content-thumbnaillist2f .col-xs-6{ width:100%;}
	.content-map2f{ height:300px;}
	.content-newslist2f ul li.bg-news{ background:none;}
	.box-newslist2f .col-xs-6.nopaddingleft{ padding-left:15px;}
	.boxthumbnail-news2f,.thumbnail-news2f {height: 140px;}
	.box-newslist2f .col-xs-6, .box-newsdetail2f { width: 100%;}
	.home-iconcontent .home-des01{ width:70%;}
	.home-appdownload2f { right: inherit;left: 30px;}
	.home-appdownload2f a > img{ height:25px;}
	.box-date { padding-top: 15px;}
	.month-year{ width:100%;}
	.numdate {  font-size: 35px;  line-height: 20px;  width: 100%;  padding-right: 5px;text-align: center; }
	.home-tabnews2f{ margin-top:10px;}
	.box-org-detail2f{ text-align: center; }
	.footer-callcenter2f img {width: 85px;}
	.logo2f .img-logo2f {margin-right: 3px;}
	.related-box-thumbnail .col-xs-6{ width:100%;}
	.home-boxcaption-news2f .date-news{    font-size: 40px;}
	.footer-address2f p{ display: none; }
	.title-about2f, .title-contact2f{ font-size: 22px; width: 80%; }
	.footer-detail-left2f h3 {  font-size: 20px;  }
	.t-date-event{margin-right: 10px;}
	.content-externallink2f{ margin: 0; }
	.layout_topic_content span img{
		width: 22px;
	}
	.layout_topic_content span {
		line-height: 16px;
		top: 14px;
		width: 74px;
	}
	/* .footer-contact2f .form-control {
		float: none;
		max-width: 250px;
		height: 30px;
		margin: 10px auto;
		padding: 4px;
		font-size: 16px;
	} */

	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }
}
@media (max-width: 360px){

	.layout_btn_content .btn-primary {
		min-width: 116px !important ;

	}
	.layout_mani_content a {
		font-size: 19px;
		line-height: 20px;
	}
	.layout_mani_content p {
		font-size: 13px;

	}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	{  white-space: normal }
}
@media (max-width: 320px){
	.content-contact2f, .tx-contact2f a, .content-contact2f p {
		font-size: 13px;
	}
	.layout_btn_content .btn-primary {
		min-width: 33px !important ;

	}
	.layout_mani_content a {
		font-size: 19px;
		line-height: 15px;
	}
	.layout_mani_content p {
		font-size: 13px;

	}
	.table-procurement2f .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td
	 {  white-space: normal }

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.box-social{right: 20px;}
}