#page #masthead .site-branding a img {width: 240px;z-index: 999;position: fixed;top: 33px;left: 44%;}
#primary {border-top: 1px solid #DADADA;}
#sf-sidebar .sf-menu li {border-bottom: 1px solid #666;}
.sf-field-search input[type="text"] {width: 90%;}
.vc_tta-title-text {font-family: 'IBM Plex Sans Thai', sans-serif;font-size: 20px;font-weight: 500;color: #333;}

#primary-menu #menu-item-5 a:link, a, #primary-menu #menu-item-5 a:visited {color: #c5192d;}
#primary-menu #menu-item-6 a:link, #primary-menu #menu-item-6 a:visited  {color: #ff3a21;}
#primary-menu #menu-item-7 a:link, #primary-menu #menu-item-7 a:visited  {color: #3f7e44;}
#primary-menu #menu-item-8 a:link, #primary-menu #menu-item-8 a:visited  {color: #00689d;}
#primary-menu #menu-item-9 a:link, #primary-menu #menu-item-9 a:visited  {color: #FFFFFF !important;}

#post-2, #post-202, #post-255, #post-262, #post-270, #post-292, #post-401, #post-467, #post-471, #post-474, #post-476, #post-478, #post-480, #post-482, #post-484, #post-486, #post-488, #post-490, #post-492, #post-494, #post-496, #post-498, #post-500 {position: relative;margin-top: -140px;}
#post-2 header, #post-202 header, #post-255 header, #post-262 header, #post-270 header, #post-292 header, #post-401 header, #post-467 header, #post-471 header, #post-474 header, #post-476 header, #post-478 header, #post-480 header, #post-482 header, #post-484 header, #post-486 header, #post-488 header, #post-490 header, #post-492 header, #post-494 header, #post-496 header, #post-498 header, #post-500 header {display: none;}

#primary-menu #menu-item-6 {margin-right: 260px;}
#primary-menu #menu-item-7 {margin-right: 0px;}
#primary-menu #menu-item-37 {padding: 0;margin: 0 !important;width: 20px;}
#primary-menu #menu-item-37 a {display: block;background: url(https://sdgs.tu.ac.th/wp-content/uploads/2021/11/Ham_menu.png) no-repeat center center #fff; background-size: 43px;color: #fff; padding: 10px 80px 10px 20px; border-radius: 0 40px 40px 0; margin: 0 !important;width: 20px;}
#primary-menu #menu-item-37 ul li a {background: none;}
#primary-menu #menu-item-5 a:hover, #primary-menu #menu-item-6 a:hover, #primary-menu #menu-item-7 a:hover, #primary-menu #menu-item-8 a:hover {color: #0A97D9;}
.entry-footer .edit-link {display: none;}

#primary-menu #menu-item-37 {display: none;}

.carouh .slick-list .slick-track h2 {font-size: 30px; font-weight: 500; text-decoration: underline; color: #646569;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;}
#post-2 .carouh .slick-prev {position: absolute;margin-left: -200px;margin-top: 150px;}
#post-2 .carouh .slick-next {position: absolute;margin: 150px 0 0 -140px ;left: 0;}

.casetitle {margin: 0;}
.casetitle h3 {padding: 0 20px;font-weight: 400;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma; font-size: 28px;line-height: 1.2em;}
.casetitle h3 a {border-bottom: 1px solid !important;color: #ffffff !important;}
.casetitle h3 a:hover {border-bottom: 1px solid;color: #fbd13f !important;}
.casecat {float: right;margin: 10px 20px;}
.casecat .vc_grid-filter-item {}
.caseimg:before {background-color: black;opacity: 0.3;}

.casetitle2 {margin: 0;}
.casetitle2 h3 {padding: 0 15px;font-weight: 400;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;font-size: 20px;line-height: 1.25em;}
.casetitle2 h3 a {border-bottom: 1px solid !important;color: #ffffff !important;}
.casetitle2 h3 a:hover {border-bottom: 1px solid;color: #fbd13f !important;}
.casecat2 {float: right;margin: 5px 10px;font-size: 14px;}
.casecat2 .vc_grid-filter-item {}
.caseimg2:before {background-color: black;opacity: 0.3;}

.col100 {background-color: #fff; border-radius: 10px;min-height: 100px;margin: 0 0 30px;padding: 30px 40px 30px;}
.col50l {float: left;background-color: #fff; border-radius: 10px; min-height: 100px; margin: 0 0 30px 0; width: 47.5%;padding: 30px 40px;}
.col50r {float: left;background-color: #fff; border-radius: 10px; min-height: 100px; margin: 0 0 30px 20px; width: 47.5%;padding: 30px 40px;}
.col5050 {clear: both;}

.col47l {float: left;margin: 0 0 30px 0;width: 47.5%;padding: 0;}
.col47r {float: right;margin: 0 0 30px 20px;width: 47.5%;padding: 0;}
.col47l a:link, .col47r a:link, .col47l a:visited, .col47r a:visited {color: #ffffff;}
.col47l a:hover, .col47r a:hover {color: #DDDDDD;}

.subfrnt2 h2 {color: #FFFFFF;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;font-size: 18px;float: left;margin: 1px 20px 0 0 !important;}
.subfrnt2 .es_lablebox {float: left;margin: 0px 10px 0 0;font-size: 16px;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;color: #FFFFFF;}
.subfrnt2 .es_textbox {float: left; margin-right: 15px;}
.subfrnt2 .es_textbox #es_txt_name {padding: 10px 0;width: 150px;}
.subfrnt2 .es_textbox #es_txt_email {width: 150px; padding: 10px 0;}
.subfrnt2 .es_button #es_txt_button {margin-top: -8px; padding: 10px 2px; width: 100px;}
.pnlg img {width: 120px;image-rendering: optimizespeed;}
.pnlg img:hover {border: 1px solid #777777;}
.vc_pageable-slide-wrapper .none {display: none;}

.showm {display: none !important;}
.hide {display: none;}
.gallery .gallery-item .gallery-icon {padding: 5px;border: 1px solid #eee;}

.vc_gitem-post-category-name a {display: none;}
a.sdg-1 {display: block;background-color: #E4233A;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-2 {display: block;background-color: #DAA43C;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-3 {display: block;background-color: #4A9D3A;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-4 {display: block;background-color: #C41A2C;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-5 {display: block;background-color: #FD3B1F;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-6 {display: block;background-color: #26BCE3;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-7 {display: block;background-color: #FAC21A;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-8 {display: block;background-color: #A21B42;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-9 {display: block;background-color: #FC6726;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-10 {display: block;background-color: #DC1566;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-11 {display: block;background-color: #FC9C28;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-12 {display: block;background-color: #BF8A31;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-13 {display: block;background-color: #3E7D45;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-14 {display: block;background-color: #0E98D5;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-15 {display: block;background-color: #54BF2E;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-16 {display: block;background-color: #04689C;padding: 2px 6px;border-radius: 5px;color: #fff;}
a.sdg-17 {display: block;background-color: #1A4769;padding: 2px 6px;border-radius: 5px;color: #fff;}
.vc_gitem-post-category-name a:hover {color: #CCCCCC;}
.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {border-radius: 5px;}

.posthh {width: 100%;background-color: #19486A;}
.single-post #headpost {display: flex;margin: -108px auto 0;width: 100%;padding: 70px 20px;}
.single-post #headpost .entry-p {width: 100%;margin-top: 70px;}
.single-post #headpost .entry-p .entry-thumb {float: left;width: 50%;margin-right: 40px;}
.single-post #headpost .entry-p .entry-thumb img {border-radius: 10px;width: 100%;}
.single-post #headpost .entry-p .entry-meti {background-color: #FFFFFF;display: flow-root;border-radius: 10px;height: 100%;padding: 30px 40px;}
#headpost .entry-p .entry-meti .cat-links {float: left;}
#headpost .entry-p .entry-meti .byline, #headpost .entry-p .entry-meti .category-delimeter, #headpost .entry-p .entry-meti .posted-on {display: none;}
.single-post #headpost .entry-p .entry-meti h1.entry-title {font-weight: 600;font-size: 32px;float: left;font-family: 'IBM Plex Sans Thai', sans-serif, tahoma;line-height: 1.5em;}
.single-post #content .post .entry-header {display: none;}

.single-post #page #content #primary #secondary {margin-top: 35px;}
.vc_column_container>.vc_column-inner {padding-top: 40px;}
.wpb_image_grid_ul li.isotope-item {width: 33%;padding: 5px !important; border: 1px solid #eee;}

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

@media screen and (max-width: 768) {
	.subfrnt2 h2 {float: none;color: #BE1E2D;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;font-size: 20px;margin: 1px 20px 0 0 !important;}
	.subfrnt2 .es_lablebox {float: left;margin: 0px 10px 0 0;font-size: 16px;font-family: 'ibm_plex_sansregular', ibm_plex_sans_thairegular, sans-serif, tahoma;color: #222222;}
	.subfrnt2 .es_textbox {float: none;margin-right: 15px;}
	.subfrnt2 .es_button {padding: 0;}
	.subfrnt2 .es_textbox #es_txt_name {padding: 2px 0;width: 100%;}
	.subfrnt2 .es_textbox #es_txt_email {width: 100%; padding: 2px 0;}
	.subfrnt2 .es_button #es_txt_button {padding: 2px 2px;}
	.single-post #headpost .entry-p {margin-top: 30px;}
    }
    
@media only screen and (max-width: 768px){
    .nonem {display: none !important;}
    #page #masthead .site-branding a img {position: relative;top: 0;left: 0;}
    .showm {display: block !important;}
    .casetitle h3 {font-size: 20px;}
    .casetitle {margin: 0;}
    .casetitle2 {margin: 0;}
    .vc_gitem-post-category-name .vc_gitem-link {font-size: 14px;}
    .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {padding: 0 8px;}
    .casecat, .casecat2 {display: block !important;margin: 0;}
    h1 {font-size: 40px;}
    h2 {font-size: 34px;}
    #menu-item-9 {display: none;}
    .col50l {float: none;margin: 0 0 30px; width: 99%;padding: 30px 20px 40px;}
    .col50r {float: none;margin: 0 0 30px; width: 99%;padding: 30px 20px 40px;}
    .col5050 {margin-top: 30px;}
    .carouh .slick-list .slick-track h2 {font-size: 26px;}
    .site-branding {text-align: left;padding: 0 0 10px;width: 100%;background-color: #FFFFFF;position: fixed;}
    #site-navigation {display: none;}
    #sf-sidebar .sf-navicon-button {top: 15px !important;right: 0 !important;}
    #primary #main .page {margin-top: 60px;}
    .col47l {width: 47%;}
    .col47r {width: 47%;margin: 0 0 30px 0px;}
    .martop {margin-top: -120px;}
    .single-post #headpost {margin: 0 auto;padding: 0px 20px 50px;}
    .single-post #headpost .entry-p {height: fit-content;}
    .single-post #headpost .entry-p .entry-thumb {float: none;width: 100%;margin: 0 0 20px;}
    .single-post #headpost .entry-p .entry-meti {padding: 20px 30px;height: 100%;}
    .single-post #headpost .entry-p .entry-meti h1.entry-title {font-size: 1.75em;}
    .f-none {float: none;}
    .whalf {width: 50%;float: left;}
}