@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] {
text-decoration:inherit;
color: inherit; 
}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
}

@media only screen and (min-width:1366px) and (max-width:1400px) {
body{ overflow-x:hidden;}

}

@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}


}
@media screen and (min-width:1280px) and (max-width:1400px) {


}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.container { width:1000px;}
.facilities-sec .container { width: 100%;}
.facilities-sec .facilities-div .container {max-width: 930px;}

/* alumni-page */
.vatcharaporn-cont { padding: 42px 50px;}
.vatcharaporn-cont h2 { font-size: 42px; line-height: 52px; margin-bottom: 30px;}
.addrs-link { margin-bottom: 40px;}
.stay-main {padding: 60px 0 70px;}
.stay-main h3 {width: 30%;}
.stay-div {width: calc(100% - 30%);}
.profile-main  { padding: 60px 0 70px;}
.profile-main h3 {width: 30%; font-size: 42px; line-height: 42px;}
.profile-pad {width: calc(100% - 30%);}
.profile-div { margin-bottom: 40px;}
.facilities-div {padding: 55px 0px 50px;}
.re-area-lft h2 {font-size: 42px;line-height: 46px;}
.re-area-rgt p {font-size: 19px;line-height: 30px;}
.bright-cnt h2 { font-size: 42px; line-height: 45px;}

.footer-sec { padding: 50px 0 70px;}
.ftr-logo, .footer-top { margin-bottom: 35px;}

/* alumni-list */
.former-members-ttl h1, .iciq-alumni-main h2 { font-size: 48px; line-height: 54px;}
.former-members-ttl p, .mbl-sec p { font-size: 19px; line-height: 30px;}
.mbl-sec { padding: 60px 0 70px;}
.people-lst { padding: 50px 0 60px;}

.former-members-abt-lft h2 { font-size: 42px;line-height: 48px;letter-spacing: -0.5px; }
.former-members-abt-rht p {font-size: 19px;line-height: 30px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.container { width:740px;}
.facilities-sec .container { width: 100%;}
.facilities-sec .facilities-div .container {max-width: 740px;}

.hdr-top { box-shadow: none;}
.menu-div { display: none;}
.hdr-div { display: flex; align-items: center; justify-content: space-between; }
.top-rht { order: 1; padding-top: 0px; }
.logo { order: 2;}
.logo img { width: 150px;}
.top-rht ul li:nth-child(2), .top-rht ul li:nth-child(3){ display: none;}
.desk-menu { order: 3; display: block;}
.top-rht ul li .search-frm-field { right: auto; left: 0px; top:47px;}

.sub-menu-sec { margin-top: 0px;background: #024F67; overflow-x: auto; scrollbar-width: none;}
.sticky-menu-div { padding: 20px 0px;}
.sub-menu-sec ul { white-space: nowrap; padding: 0px 15px; }
.sub-menu-sec ul li {padding: 0px 15px;}
.sub-menu-sec ul li a {font-size: 14px;line-height: 18px;}
.sub-menu-sec.inner-sun-menu { width: auto;}

/* alumni-page */
.vatcharaporn-img img { height: 100%; object-fit: cover;}
.vatcharaporn-cont { padding: 30px;}
.vatcharaporn-cont h2 { font-size: 34px; line-height: 44px; margin-bottom: 20px;}
.addrs-link { margin-bottom: 25px;}
.stay-main {padding: 35px 0 40px;}
.stay-main h3 { font-size: 32px; line-height: 38px; width: 100%; margin-bottom: 20px;}
.stay-div {width: 100%;}
.stay-div ul { row-gap: 20px;}
.profile-main  { padding: 35px 0 40px;}
.profile-main h3 {width: 100%; font-size: 32px; line-height: 32px;}
.profile-main h4 { font-size: 24px; line-height: 26px; margin-bottom: 20px;}
.profile-pad {width: 100%;}
.profile-div { margin-bottom: 40px;}
.facilities-div {padding: 55px 0px 50px;}
.re-area-lft h2 {font-size: 32px;line-height: 36px;}
.re-area-rgt p {font-size: 19px;line-height: 30px;}
.count-div ul li h3, .count-div ul li .counter {font-size: 46px;line-height: 46px;}
.count-div ul li { flex: 0 1 44%;}
.bright-cnt h2 { font-size: 32px; line-height: 35px;}
.bright-future-sec img { min-height: 250px; object-fit: cover;}

.footer-sec { padding: 40px 0 60px;}
.ftr-logo, .footer-top { margin-bottom: 30px;}
.foot-link ul { column-gap: 4%;}
.footer-lft { flex: 0 1 74%;}
.footer-rgt { flex: 0 1 26%;}

/* alumni-list */
.former-members-ttl h1, .iciq-alumni-main h2 { font-size: 42px; line-height: 48px;}
.former-members-ttl p, .mbl-sec p { font-size: 18px; line-height: 28px;}
.mbl-sec { padding: 50px 0 50px;}
.funding-inner { padding: 45px 4%;}
.people-lst { padding: 50px 0 60px;}
.people-lst ul li .people-det h4 { font-size: 17px; line-height: 20px;}
.people-lst ul li .people-det p { font-size: 15px; line-height: 20px;}

/* 24/01/24 */
/* about-us */
.advtnge-lst ul li .re-txt h3 {font-size: 22px;line-height: 30px;}
.advtnge-lst ul li .re-txt p{font-size: 14px;line-height: 21px;margin-bottom: 10px;}
.advtnge-lst ul li span.more-btn { width: 140px;height: 42px;font-size: 15px;}
.mbl-sec.abt-us-sec { width: 100%;}
.advntge-main h2 {font-size: 36px;line-height: 40px;margin-bottom: 20px;}
.team-lst{padding: 40px 0 70px;}
.team-tle h2{font-size: 36px;line-height: 40px;margin-bottom: 20px;}
.team-tle p{font-size: 18px;line-height: 28px;width: 100%;margin-bottom: 40px;}
.team-lst ul li .team-title h4{font-size: 18px;line-height: 20px;}

/* career */
.offers-table table tr td {padding: 18px 0 10px;}
.offer-lst { padding-bottom: 70px;}

/* former-member-profile.html */
.advntge-main { padding: 50px 0 70px;}
.former-members-abt { padding: 50px 0 65px;}
.iciq-alumni-main { padding: 50px 0 65px;}
.former-members-abt-lft h2 { font-size: 36px;line-height: 40px;letter-spacing: -0.5px; }
.former-members-abt-rht p {font-size: 17px;line-height: 28px;}
.former-members-abt-lft {flex: 0 1 100%; margin-bottom: 10px;}
.former-members-abt-rht { flex:  0 1 100%;}
.former-members-abt-rht p { padding-right: 0;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.container { width:100%; padding:0px 15px; max-width: 100%; }
.facilities-sec .container { width: 100%; padding: 0;}
.facilities-sec .facilities-div .container {max-width: 100%; padding: 0 15px;}

.hdr-top { box-shadow: 0px 10px 10px rgba(0,0,0,0.03);}
.menu-div { display: none;}
.hdr-div { display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; }
.top-rht { order: 1; padding-top: 0px; }
.logo { order: 2;}
.logo img { width: 150px;}
.top-rht ul li:nth-child(2), .top-rht ul li:nth-child(3){ display: none;}
.desk-menu { order: 3; display: block;}
.top-rht ul li .search-frm-field { right: auto; left: 0px; top:47px;}

.top-banner .flexslider { min-height: inherit;}
.top-banner .flexslider .slides > li { height: 500px; background-size: cover; background-position: center center; }
.top-banner .flexslider .slides img { opacity: 0;}
.top-banner .flex-caption { top:50%; transform: translateY(-50%);}
.top-banner .flex-caption .flex-cont {width: 100%; }
.top-banner .flex-caption h1 { font-size: 50px; line-height: 52px; margin-bottom: 18px; letter-spacing: -1px;}
.top-banner .flex-caption p { font-size: 18px; line-height: 24px;}

.sub-menu-sec { margin-top: 0px;background: #024F67; overflow-x: auto; scrollbar-width: none; }
.sticky-menu-div, .sub-menu-sec.sub-menu-group.fix .sticky-menu-div { padding: 20px 0px;}
.sub-menu-sec ul { white-space: nowrap; padding: 0px 15px; }
.sub-menu-sec ul li {padding: 0px 15px;}
.sub-menu-sec ul li a {font-size: 14px;line-height: 18px;}

/* alumni-page */
.vatcharaporn-img { flex: 0 1 100%;}
.vatcharaporn-img img { height: 100%; object-fit: cover;}
.vatcharaporn-cont { padding: 26px 20px 35px; flex: 0 1 100%;}
.vatcharaporn-cont h2 { font-size: 28px; line-height: 38px; margin-bottom: 20px;}
.addrs-link { margin-bottom: 30px;}
.stay-main {padding: 30px 0 30px;}
.stay-main h3 { font-size: 28px; line-height: 32px; width: 100%; margin-bottom: 18px;}
.stay-div {width: 100%; margin-top: 5px;}
.stay-div ul { row-gap: 15px;}
.profile-main  { padding: 35px 0 40px;}
.profile-main h3 {width: 100%; font-size: 32px; line-height: 32px;}
.profile-main h4 { font-size: 20px; line-height: 22px; margin-bottom: 15px;}
.profile-list h5 { font-size: 16px; line-height: 26px;}
.profile-pad {width: 100%; margin-top: 20px;}
.profile-div { margin-bottom: 30px;}
.profile-abs ul li { font-size: 12px;}
.facilities-div {padding: 35px 0px 50px;}
.facilities-div::after { background-position: 0; }
.re-area-lft { flex: 0 1 100%; padding-right: 0;}
.re-area-lft h2 {font-size: 40px;line-height: 48px; margin-bottom: 20px;}
.re-area-rgt { flex: 0 1 100%;}
.re-area-rgt p {font-size: 16px;line-height: 24px;}
.count-div ul { margin-top: 30px;}
.count-div ul li h3, .count-div ul li .counter {font-size: 46px;line-height: 46px;}
.count-div ul li h3 { letter-spacing: 1px;}
.count-div ul li { flex: 0 1 49%;}
.count-div ul li:first-child { padding-right: 30px; }
.bright-cnt h2 { font-size: 40px; line-height: 42px; margin-bottom: 20px;}
.bright-future-sec img { min-height: 275px; object-fit: cover;}
.bright-cnt p { margin-bottom: 25px; font-size: 16px; line-height: 24px;}
.news-box { max-width: 100%;}
.news-box input[type="text"] { font-size: 14px;}
.news-box button { font-size: 16px; width: 120px;}
.btm-link ul li { padding-right: 0;}
.btm-link ul li::after { display: none;}

.footer-sec { padding: 30px 0 60px; text-align: center; }
.ftr-logo  { margin-bottom: 30px;}
.footer-top { margin-bottom: 45px;}
.foot-link ul { column-gap: 4%; justify-content: center; }
.footer-lft { flex: 0 1 100%; order: 2;}
.footer-rgt { flex: 0 1 100%; order: 1; margin-bottom: 40px;}
ul.social-list { justify-content: center;}
.foot-link ul { row-gap: 20px;}
.foot-link ul li {flex: 0 1 100%;}
.footer-mid .footer-lft { order: 1; margin-bottom: 40px;}  
.footer-mid .footer-rgt { order: 2; margin-bottom: 5px;}  
.footer-mid .footer-rgt ul { justify-content: center;}
.footer-div ul li:first-child { flex: 0 1 100%;}
.footer-btm .footer-div ul { row-gap: 18px;justify-content: center;}
.footer-div ul li { flex: 0 1 100%;}
.footer-div ul li:last-child { text-align: left; max-width: 266px;}

/* Login -style*/ 
.group-banner img {width: 100%;height: 270px;object-fit: cover;}
.log-form .chk-rgt {width: 100%;}
.log-form .env-btn {width: 100%;}
.log-form ul li .env-btn a{margin-top:20px;width: 100%;}
.login-sec {margin-top: -60px;}
.login-sec h2{font-size: 36px;}
.login-sec .login-pad {padding: 0;background: #fff;}
.login-sec .login-title {padding: 20px 0px 0px;margin: 0px 7%;}
.log-form .form-box {padding-bottom: 50px;}
.form-btm {border-top: none;padding-top: 0;text-align: center;margin-bottom: 50px;}
.terms-and-conditions {margin-bottom: 20px;}
.profile-list a { padding: 20px 20px 22px 15px;}
.profile-list p { font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.profile-abs { position: static; width: 100%; margin-top: 22px; }
.profile-abs ul { justify-content: left;}
.stay-div ul li { flex: 0 1 100%;}

/* alumni-list */
.former-members-ttl h1, .iciq-alumni-main h2 { font-size: 36px; line-height: 42px;}
.former-members-ttl p, .mbl-sec p { font-size: 14px; line-height: 21px;}
.mbl-sec p { padding-bottom: 0;}
.mbl-sec { padding: 25px 0 35px;}
.funding-inner { padding: 30px 0;}
.but button { width: 195px;}
.filter-lst ul li .search-frm-field input[type="text"], .filter-lst .controls .nice-select, .but button { font-size: 14px;}
.people-lst { padding: 35px 0 50px;}
.people-lst ul li { flex: 0 1 32.3%; }
.people-lst ul li .people-det { padding: 15px 0;}
.people-lst ul li .people-det h4 { font-size: 16px; line-height: 20px;}
.people-lst ul li .people-det p { font-size: 14px; line-height: 20px;}
.pagenation ul li{flex: 0 1 auto; }

/* 24/01/24 */
/* about-us */
.mbl-sec.abt-us-sec {width: 100%;}
.advntge-main h2{font-size: 32px;line-height: 32px;margin-bottom: 20px;}
.advtnge-lst ul li { flex: 0 1 49%;}
.advtnge-lst ul{row-gap: 10px;}
.advntge-main {padding: 30px 0 50px;}
.advtnge-lst ul li .re-txt h3{font-size: 20px;line-height: 25px;}
.advtnge-lst ul li span.more-btn {width: 140px;height: 42px;font-size: 14px;}
.team-lst{padding: 50px 0 70px;}
.team-tle h2 {font-size: 32px;margin-bottom: 20px;line-height: 32px;}
.team-tle p {font-size: 15px;line-height: 22px;margin-bottom: 30px;width: 100%;}
.team-lst ul li .team-title h4{font-size: 16px;}

/* career */
.tools-lst{padding: 40px 0;}
.tools-lst h2{font-size: 32px;line-height: 32px;margin-bottom: 10px;}
.tools-lst p{width:100%;}
.tools-lst p{line-height: 22px;font-size: 15px;margin-bottom: 20px;}
.career-pad ul li p{line-height: 22px;font-size: 15px;}
.career-pad ul li h3 {font-size: 20px;line-height: 25px;margin-bottom: 15px;}
.career-pad ul li{padding: 30px;}
.offer-lst h2{font-size: 32px;line-height: 32px;margin-bottom: 15px;}
.offer-lst p {font-size: 15px;line-height: 22px;margin-bottom: 20px;width: 100%;}
.offers-table table, .offers-table thead, .offers-table tbody, .offers-table th, .offers-table td, .offers-table tr {display: block;}
.offers-table table thead {display: none;}
.offers-table table tr {padding-bottom: 15px;}
.offers-table table tr th {padding: 20px 10px;}
.offers-table table tr td:first-child { font-size: 16px;line-height: 20px;font-family: 'NeueMontreal-Bold';}
.offers-table table tr td { padding: 8px 0px;}
.offers-table table tr td span.ref-txt {display: inline-block;}
.offers-table table tr td.td-date .date-div {display: block;}
.pink-bdr { width: 215px;}
a.sign-btn {width: 165px;margin-top: 28px;}
.offer-lst {padding-bottom: 60px;}

/* networking */
.advntge-main.net-xtr p{line-height: 22px;font-size: 15px;width:100%}
a.online-btn {width: 180px;height: 45px;font-size: 14px;}

/* networking */
.mapa{overflow-x: auto;}
.mapa-scroll {width: 1000px;}

.owl-carousel .owl-nav { display: none !important;}

.project-out { padding: 35px 0;}
.project-out h2{font-size: 28px;line-height: 34px;margin-bottom: 20px; letter-spacing: normal;}
.project-lft {flex: 0 1 100%; margin-bottom: 35px;}
.project-rgt {flex: 0 1 100%;}
ul.news-lst { row-gap: 15px;margin-bottom: 25px;}
ul.news-lst li .news-img {width: 120px;}
ul.news-lst li .news-img img { height: 120px;}
.project-rgt ul.news-lst li .news-lft { padding: 20px 5px 20px 23px; width: 135px;  }
ul.news-lst li .news-cont { width: calc(100% - 135px); padding: 5px 15px 15px 20px;}
.project-rgt ul.news-lst li .news-cont {padding: 5px 15px 15px 20px;display: flex;flex-wrap: wrap; align-items: center;}
ul.news-lst li .news-cont h4 {font-size: 14px;line-height: 20px; letter-spacing: normal;}
.project-rgt ul.news-lst li .news-cont h3 {font-size: 14px;line-height: 20px; margin: 0px 0px 5px; letter-spacing: normal; }
.project-rgt ul.news-lst li .news-cont p {font-size: 14px;line-height: 19px;}

.bright-future-sec.achievement-sec img {height: 500px;object-fit: cover;}
.bright-cnt { top: 30px; transform: none;}
.bright-cnt p br { display: none;}

.iciq-alumni-main h2 { margin-bottom: 30px;}

/* 25/01/24 */
.events-pad {padding: 40px 0 0 0; }
.events-sec h2{margin-bottom: 20px;font-size: 32px;line-height: 32px;}
.events-sec .test-scroll{padding-bottom: 40px;}
.events-sec a.see-btn{margin-top: 20px;}
.events-sec a.see-btn{font-size: 14px;line-height: 16px; margin-left: 15px;}
#prof-car.owl-carousel .item .prof-cont h4{margin-bottom: 10px;}
.events-sec #prof-car.owl-carousel .item .prof-cont h3 {font-size: 18px;line-height: 22px;}
#events-car.owl-carousel .item a{padding: 20px;}
.events-blue-sec .test-scroll{padding-bottom: 40px;}
.events-blue-sec .news-lft h5 {font-size: 16px;line-height: 14px}
.events-blue-sec .news-lft h3, .project-rgt ul.news-lst li .news-lft h3 {font-size: 40px;line-height: 40px;margin-bottom: 15px;}
.events-blue-sec .news-cont h4 {font-size: 14px;line-height: 20px;}
.events-blue-sec h2{margin-bottom: 25px;}
.events-blue-sec h2{font-size: 32px;line-height: 32px;}
.events-blue-sec a.see-btn{margin-top: 20px; margin-left: 15px;}

.former-members-abt { padding: 35px 0 40px;display: block;}
.iciq-alumni-main { padding: 35px 0 40px;}
.former-members-abt-lft { flex: 0 1 100%; margin-bottom: 10px;}
.former-members-abt-rht { flex: 0 1 100%;}
.former-members-abt-rht p { padding-right: 0; font-size: 14px; line-height: 21px;}
.former-members-abt-lft h2 { font-size: 36px;line-height: 40px;letter-spacing: normal; }
.former-members-abt-lft {flex: 0 1 100%; margin-bottom: 10px;}

.iciq-alumni-main a {width: 140px;height: 42px;}

.owl-carousel .owl-stage-outer{padding-left: 15px !important;}
.project-rgt ul.news-lst li .news-lft h5 { font-size: 14px;}
.events-sec #prof-car { padding: 0 !important;}
}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.bright-cnt h2, .re-area-lft h2 { font-size: 32px; line-height: 32px;}
.profile-btm ul li { font-size: 14px;}

/* alumni-list */
.former-members-ttl h1, .iciq-alumni-main h2 { font-size: 28px; line-height: 32px;}
.filter-lst ul li { flex: 0 1 100%;}
.filter-lst .controls { margin-bottom: 20px;}
.but-div { width: 100%; flex-wrap: wrap;}
.but button { width: 100%; flex: 0 1 100%; margin-bottom: 15px;}
.people-lst ul { column-gap: 2%; }
.people-lst ul li { flex: 0 1 49%; }
.pagenation ul li{flex: 0 1 auto; }

/* 24/01/24 */
/* about-us */
.team-lst ul li {flex: 0 1 100%;}

.career-pad ul li {flex: 0 1 100%;}
.tools-lst h2, .offer-lst h2 {font-size: 25px; line-height: 30px;}
.advntge-main h2 {font-size: 25px;line-height: 25px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.profile-btm ul li span { margin-right: 3px;}

/* 24/01/24 */
/* about-us */
.advtnge-lst ul li {flex: 0 1 100%;}

.former-members-abt-lft h2 { font-size: 28px;line-height: 34px; }

.top-banner .flex-caption h1 {font-size: 30px;line-height: 30px;}
}

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

.count-div ul li { flex: 0 1 100%; text-align: center; padding-left: 0;}
.count-div ul li:first-child { padding-right: 0; width: 100%; padding-bottom: 15px; margin-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.3); }
.count-div ul li::after { display: none;}
.count-div ul li div { width: 100%;}
.count-div ul li h3, .count-div ul li .counter {font-size: 46px;line-height: 34px;}
.project-rgt ul.news-lst li .news-lft { padding: 20px 5px 20px 15px; width: 120px;  }
ul.news-lst li .news-cont { width: calc(100% - 120px); padding: 5px 15px 15px 15px;}
}
@media screen and (max-width:359px) {

.profile-btm ul li { flex: 0 1 100%;}
.profile-btm ul li:last-child { justify-content: left; }

.people-lst ul li { flex: 0 1 100%; }
.pagenation ul li{flex: 0 1 auto; }
}

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

}