@charset "utf-8";
*{ margin: 0; padding: 0; scroll-behavior: smooth; }

:root { 
	font-size: 16px; 
	--color-red: #E2001A; 
	--color-black: #030925;
	--color-blue: #1882C0;
	--color-dark-blue: #0F3685; 
	--color-light-blue: #BAD9E8;
	--color-bg-blue: #EEF9FF;
	--color-white: #ffffff;
	--color-light-grey: #DBDBDB;
	--color-bg-grey: #F5F5F5;
	--color-green: #31B404;
	--main-font: 'Work Sans', sans-serif;
	--sub-font: 'Caveat', cursive;
	--min-width: 1350px;
	/* transition: all 0.3s ease; */
}
header, section, aside, nav, article {
	display: block;
	height: 0px;
}
img{
	behavior: url("iepngfix.htc");
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


table { margin: auto; font-size: 1rem; }
table thead { background-color: var(--color-blue); color: var(--color-white); line-height: 1; }
table thead th { padding: 0.5rem; font-weight: 600; }
table thead th:first-child { padding-left: 1rem; }
table thead th:last-child { padding-right: 1rem; }
table tr:nth-child(even) { background-color: var(--color-bg-blue); }
table td { padding: 0.5rem; box-sizing: border-box; }
table td:first-child { padding-left: 1rem; }
table td:last-child { padding-right: 1rem; }

/* 	========================
	HEADER 
	======================== */
	#header-holder { position: fixed; z-index: 102; width: 100%; top: 0px; }
	#header-holder::after { content: ""; display: block; position: absolute; left: 0px; width: 100%; height: 130%; top: 0px; background:linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); z-index: 0; }
	#header-holder .wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; }	
	#header-holder #header-container { flex-direction: column; position: relative; z-index: 1; border-bottom: solid 1px var(--color-light-blue); }
	.overlay #header-holder { background-color: var(--color-white); }
	.overlay #header-holder::after { display: none; }
	#header-top { background-color: var(--color-blue); color: var(--color-white); font-weight: 500; font-size: 0.9375rem; position: relative; z-index: 1; }
	#header-top .wrapper>div { padding: 10px 0px; flex-grow: 1; }
	#header-top .wrapper>div:last-child { padding: 10px 0px; display: flex; margin-left: 1rem; justify-content: flex-end; align-items: center; }
	#header-top .coneach { margin-left: 2rem; }
	#header-top .coneach a { white-space: nowrap; display: flex; align-items: center; color: var(--color-white); }
	#header-top .coneach:last-child { display: flex; gap: 10px; }
	#header-top img { display: block; height: 29px; }

	.coneach span { display: inline-block; zoom: 1; background-repeat: no-repeat; background-position: center; margin-right: 5px; vertical-align: top; }
	.coneach span.text { margin-left: 5px; }
	.phone-icon { background-image: url(themes/icon-phone.png); background-size: 18px 20px; height: 24px; width: 24px; }
	.email-icon { background-image: url(themes/icon-email.png); background-size: 24px 17px; height: 24px; width: 24px; }

	
	#logo { margin-top: 1rem; }
	#logo a, #logo a img { display:block; margin: auto; height: 125px; }
	
	#menu-top { width: 100%; }
	#menu { width: 100%; box-sizing: border-box; margin-top: 1rem; margin-bottom: 1rem; }
	#menu ul li { flex-grow: 1; flex: 1; }
	#menu ul li:last-child { flex-grow: 0; }
	#menulist > li:last-child a { background-color: var(--color-red); color: var(--color-white); border-radius: 1.5rem; padding: 0.8rem 2rem; margin-right: 0px; transition: transform .2s ease-in-out; white-space: nowrap; }
	#menulist > li:last-child a:hover { background-color: var(--color-blue); transform: scale(1.1); }
	
	/* 	========================
	BANNER 
	======================== */
	#banner-zone{ width: 100%; position: relative; overflow: hidden; z-index: 0; margin-top: 3.125rem; }
	#banner-contant{ width: 100%; margin: 0 auto; position: relative; z-index:1; }
	
	.nivo-caption { opacity: 1 !important; top: 0px; bottom: none; bottom: initial; height: 85% !important; }
	.nivo-caption p { text-shadow: 0px 0px 10px var(--color-white); }
	.nivo-caption h2 { color: var(--color-dark-blue); font-size: 3.125rem; }
	.nivo-controlNav { bottom: 5rem; position: absolute; z-index: 20; width: 100%; }
	.nivo-controlNav a { background-image: url(themes/bullet.png); background-repeat: no-repeat; height: 23px; width: 23px; margin: 5px; text-indent: 2000px; display: inline-block; background-size: 85%; }
	.nivo-controlNav a.active { background-image: url(themes/bullet-active.png); }
	.nivoSlider, .nivo-slice { height: 100% !important; }
	
	body { font-family: var(--main-font); margin: 0; color: var(--color-black); font-size: 1rem; font-weight: normal; background-color: #fff; line-height:1.5; }

	h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0px; line-height: 1; }

	h1 { font-size: 1.875rem; color:var(--color-dark-blue); margin-bottom: 3.125rem; background-image: url(themes/wave-line.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 4.125rem; }
	h1 span { font-family: var(--sub-font); color: var(--color-red); font-size: 1.875rem; display: block; margin-bottom: 10px; }
	h2 { font-size: 1.875rem; color: var(--color-dark-blue); }
	h3 { font-size: 1.5625rem; color: var(--color-dark-blue); }
	
	a.btn-white { background-color: var(--color-white); color: var(--color-dark-blue) !important; border-radius: 2.5rem; padding: 1rem 2rem; font-weight: 600; font-size: 1.375rem; display: inline-block; *display: inline; zoom: 1; }
	a.btn-white:hover { background-color: var(--color-red); color: var(--color-white) !important; text-decoration: none; }
	a.link { color: var(--color-white); text-transform: uppercase; font-weight: 600; position: relative; }
	a.link::after { content: ""; width: 100%; height: 1px; background: #27D4FA; position: absolute; bottom: -5px; left: 0; }
	a.link::before { content: ""; height: 100%; width: 6px; background-repeat: no-repeat; background-position: center; background-image: url(themes/arrow-right.png); position: absolute; right: -1rem; }
	.btn-red { background-color: var(--color-red); border-radius: 2.5rem; padding: 1rem 2.5rem; font-weight: 600; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; border: none; color: var(--color-white) !important; }
	.btn-red:hover { background-color: var(--color-white); color: var(--color-dark-blue) !important; }
	.btn-red.blue:hover { background-color: var(--color-blue); color: var(--color-white) !important; }
	
	#main-content { margin-top: -6rem; background-image: url(themes/wave-white-overlay.png); background-position: top center; background-repeat: no-repeat; position: relative; z-index: 101; background-size: contain; }
	#main-content .wrapper { max-width: 1000px; padding: 10rem 0px 7.5rem 0rem; font-size: 1.125rem; }
	#main-content h1 { text-align: center; }
	
	
/* 	========================
	EXPECT 
	======================== */
	#expect { background-image: url(themes/sea-water-bg.webp); background-size: cover; background-position: center; color: var(--color-white); text-align: center; padding: 6.25rem 3.125rem !important; font-size: 1.125rem; max-width: auto !important; max-width: none !important; max-width: initial !important; width: 100%; box-sizing: border-box; }
	#expect h1 { font-size: 5rem; background: none; color: var(--color-white); margin-bottom: 0px !important; padding-bottom: 0px;}
	#expect table { margin: 1rem auto; min-width: 800px; }
	#expect table p { line-height: 1.1; }
	#expect table tr { display: flex; }
	#expect table td { flex: 1; }
	#expect p { max-width: var(--min-width); margin: auto; }
/* 	========================
	HIGHLIGHTS 
	======================== */
	#highlights.wrapper { max-width: auto; max-width: initial; max-width: none; width: 100%; padding: 0px !important; }
	#highlights .wrapper { max-width: var(--min-width); font-size: 1rem; padding: 5rem 0px 3.125rem 0px;}
	#highlights .items { display: flex; }
	#highlights .items > div { margin-right: 3.125rem; padding: 3.125rem; color: var(--color-white); background-image: linear-gradient(to right, #0F3685, #1C4CAC); border-radius: 15px; flex: 1; padding-bottom: 6.25rem; position: relative; }
	#highlights .items > div::after { content: ""; height: 3.125rem; width: 100%; background-repeat: no-repeat; background-position: right bottom; background-image: url(themes/wave-line.png); position: absolute; right: 3.125rem; bottom: 3.125rem; background-size: auto 80%; }
	#highlights .items > div:last-child { margin-right: 0px; }	
	#highlights .items > div h3 { font-size: 1.56rem; color: var(--color-white); margin-bottom: 1rem; }
	#highlights .items > div p { color: var(--color-light-blue); line-height: 1.2;  }
	#highlights .items > div a { color: var(--color-white); margin-top: 2rem; display: inline-block; *display: inline; zoom: 1; }


	.home #popup img { display: block; width: 100%; height: auto; max-width: 1000px; }
	.home .mfp-auto-cursor .mfp-content { box-sizing: border-box; padding: 0px; }

/* 	========================
	CONTACT INFO 
	======================== */
	body.contact #main-content .wrapper { padding-bottom: 3.125rem; padding-top: 10rem; }
	#contact-info.wrapper { max-width: auto; max-width: initial; max-width: none; width: 100%; padding: 0px !important; }
	#contact-info .wrapper { max-width: var(--min-width); font-size: 1rem; padding-top: 0px !important; padding-bottom: 6.25rem !important; }
	#contact-info .items { display: flex; }
	#contact-info .items > div { margin-right: 1.5rem; padding: 3.125rem 2.5rem; color: var(--color-white); background-image: linear-gradient(to right, #0F3685, #1C4CAC); border-radius: 15px; flex: 1; display: flex;  }
	#contact-info .items > div .img { flex-shrink: 0; margin-right: 1rem; }
	#contact-info .items > div h3 {  font-size: 1.56rem; color: var(--color-white); margin-bottom: 1rem; }
	#contact-info .items > div p { color: var(--color-light-blue); line-height: 1.2;  }
	#contact-info .items > div a { color: var(--color-white); display: inline-block; zoom: 1; } 
	#contact-info .items > div a.map { margin-top: 2rem; }
	#contact-info .items > div a.email, #contact-info .items > div a.phone { color: var(--color-light-blue); }
	#contact-info .items > div a:hover { color: var(--color-white); }
	#contact-info .items > div a.map:hover { opacity: 0.8; }

	#contact-form { position: relative; background-color: var(--color-bg-blue); }
	#contact-form::before { content: ""; height: 10rem; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; background-image: url(themes/light-blue-bg.png); position: absolute; top: -10rem; left: 0px; }
	#contact-form::after { content: ""; height: 8.75rem; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center; background-image: url(themes/light-blue-wave-bottom-bg.png); position: absolute; bottom: -8.75rem;  left: 0px; }
	#contact-form.wrapper { max-width: auto; max-width: initial; max-width: none; width: 100%; padding-top: 0px !important; margin-top: 10rem; }
	#contact-form .wrapper { max-width: var(--min-width); font-size: 1rem; }
	#contact-form h1 { font-size: 3.125rem; }
	
	body.contact #sponsor { background: none; }
	body.contact #sponsor .wrapper { padding-top: 0px !important; }
	
/* 	========================
	SPONSOR 
	======================== */
	#sponsor { background-image: url(themes/light-blue-gradient-wave-bg.png); background-size: 100% auto; background-repeat: no-repeat; background-position: top; padding: 7.5rem 0rem; text-align: center; }
	#sponsor .wrapper { max-width: auto; max-width: initial; max-width: nne; padding-bottom: 0px !important; padding-top: 3.125rem !important; display: flex; gap: 2rem; }
	#sponsor .wrapper:first-child { background-image: url(themes/wave-line.png); background-position: bottom center; background-repeat: no-repeat; }
	#sponsor .wrapper.sponsors { flex-direction: column; align-items: center; }
	#sponsor .wrapper > div, #sponsor .wrapper:first-child > div { padding-bottom: 6.25rem; }  	
	#sponsor .wrapper:first-child > div:first-child { width: 200px; flex-shrink: 0; }
	#sponsor .wrapper > div:last-child { background: none; margin-bottom: 0px; }
	#sponsor .wrapper.twocols > div { flex: 1; width: 50%; padding-bottom: 3.125rem;  }
	#sponsor .wrapper.singlecol { flex-direction: column; padding-top: 0px !important; }
	#sponsor .wrapper.singlecol > div { flex: 1; width: 100%; padding-bottom: 3.125rem; }
	body.home #sponsor .wrapper.twocols > div:last-child { padding-bottom: 0px; }
	/* body.home #sponsor .wrapper:last-child > div:last-child h2 { text-align: center; }
	body.home #sponsor .wrapper:last-child > div:last-child .list { justify-content: center; } */
	#sponsor .sect2 { text-align: center; display: flex; flex-direction: row; margin-top: 5rem; }
	#sponsor .sect2 > div { flex: 1; }
	#sponsor .sect2 > div:first-child { display: flex; flex-direction: row; width: 50%; }
	#sponsor .sect2 > div:first-child > div { width: 50%; }
	#sponsor .item { box-sizing: border-box; }
	#sponsor .item img { display: block; margin: auto; }
	#sponsor .list .item { }
	#sponsor .list { margin-top: 2rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2rem; align-items: center; }
	#sponsor .organiser .list { display: flex; justify-content: center; }
	#sponsor .supporters .list .item { width: calc(15% - 0.55rem); }
	#sponsor .supporters #con-organiser.item { max-width: 50%; width: auto; width: initial;  }
	#sponsor .supporters:last-child #con-organiser.item { max-width: 35%; width: auto; width: initial;  }
	#sponsor .singlecol .sponsors .list { display: flex; gap: 2rem; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: 2rem; }
	#sponsor .sponsors .item { height: 150px; }
	#sponsor .singlecol .sponsors .item { width: calc(16.6% - 1.67rem); display: flex; gap: 2rem; }
	#sponsor .sponsors .item img { max-height: 100%; }
	
	#sponsor h2 { color: var(--color-red); text-align: left; }
	
	body.sponsors #sponsor { background: none; padding: 0px; }
	
	#be-part-of-sponsors { font-size: 1.125rem; color: var(--color-white); background-image: url(themes/wave-sea-water-bg.webp); background-size: cover; background-position: top center; max-width: auto !important; max-width: initial !important; max-width: none !important; width: 100%; box-sizing: border-box; }
	#be-part-of-sponsors h1 { font-size: 5rem; line-height: 4rem; font-weight: 800; color: var(--color-white); background: none; padding-bottom: 0px; margin-bottom:2.5rem; max-width: var(--min-width); margin-left: auto; margin-right: auto; }
	#be-part-of-sponsors p { max-width: var(--min-width); margin: auto; }
	#be-part-of-sponsors a { margin: 1rem 10px 0px 10px; }
	


/* 	========================
	SPEAKERS 
	======================== */
	body.speakers #main-content .wrapper { max-width: auto; max-width: initial; max-width: none; padding-bottom: 5rem; }
	#speakers { }
	#speakers .list { display: flex; flex-wrap: wrap; width: 103%; margin-left: -1.5%; margin-right: -1.5%; justify-content: center; }
	#speakers .list > div { display: flex; width: 47%; padding: 3.125rem 30px; box-sizing: border-box; border: solid 1px var(--color-light-grey); border-radius: 15px; background-image: url(themes/wave-line.png); background-repeat: no-repeat; background-position: top 30px left 42%; background-size: 30%; margin: 0px 1.5% 3% 1.5%; }
	
	#speakers .list > div .image, body.speakers .profile .image { width: 200px; flex-shrink: 0; }
	#speakers .list > div .image img { transition: transform .5s ease-in-out; }
	#speakers .list > div .image a { overflow: hidden; display: block; border-radius: 100px; }
	#speakers .list > div .image:hover img { transform: scale(1.2); }
	body.speakers .image > div { position: relative; z-index: 0; }
	body.speakers .image > div::after { content: ""; display: block; position: absolute; top: -2%; left: -2px; width: 108%; height: 108%; background-color: #27D4FA; z-index: -1; border-radius: 100%; }
	body.speakers .image img { width: 100%; display: block; border-radius: 100%; overflow: hidden; }
	body.speakers .info { padding: 2rem 3.125rem; line-height: 1; position: relative; flex-grow: 1; }
	body.speakers .info h3 { text-transform: uppercase; }
	body.speakers .info .org { font-weight: 600; font-size: 1rem; }
	body.speakers .info .pos { font-style: italic; line-height: 1; font-size: 0.95rem; margin: 5px 0px 3px 0px; }
	#speakers .list > div a.link { position: absolute; bottom: 0px; }
	#speakers .list > div a.link::before { background-image: url(themes/arrow-right-red.png); }

	#speakers .list > div .profile { display: none; }
	body.speakers .profile.white-popup { max-width: var(--min-width); padding: 3.125rem; display: flex; box-sizing: border-box; }
	body.speakers .info .bio { margin-top: 1rem; background-color: var(--color-bg-grey); padding: 30px; line-height: 1.125rem; }
	body.speakers .info .bio .quote { margin-top: 1rem; color: var(--color-blue); }
	body.speakers .list .info .quote { color: var(--color-blue); font-size: 0.95rem; margin-top: 0.5rem; }
	body.speakers .profile.white-popup .info { padding: 0px 0px 0px 3.125rem; }
	
/* 	========================
	REGISTRATION FEE
	======================== */
	body.registration-fees #main-content .wrapper { max-width: auto; max-width: initial; max-width: none; }
	
/* 	========================
	EXHIBITORS 
	======================== */
	.exhibitor-list table tr:hover { background-color: var(--color-light-blue); }
	
	
/* 	========================
	HOTELS
	======================== */
	body.hotels { }
	body.hotels hr { margin: 10px 0px; border-top: solid 1px var(--color-light-grey); }
	
	body.hotels h3 { text-align: center; margin-bottom: 1rem; }
	body.hotels .wrapper table.main > tbody > tr > td { padding: 0px; }
	body.hotels .wrapper > table > tbody > tr > td:first-child { padding-right: 1rem; }
	body.hotels .wrapper table td { vertical-align: top; }
	body.hotels a.btn-red { margin: 1rem 0px; }
	body.hotels a.btn-red:hover { background-color: var(--color-blue); color: var(--color-white) !important; }
        .hotel-logo-img { height: 100px; width: auto; max-width: 100%; object-fit: contain; display: block; margin: 0 auto;}
	
/* 	========================
	SARAWAK GUIDE 
	======================== */
	body.travel-guide #main-content .wrapper:first-child, body.highlights-of-kuching #main-content .wrapper:first-child, body.visa-requirement #main-content .wrapper:first-child { padding-bottom: 3.125rem; }
	#guides { font-size: 1rem;  }
	#guides .list { }
	#guides .list > div { display: flex; flex-wrap: wrap; }
	#guides .list .item { width: 48.5%; margin-right: 3%; margin-bottom: 3%; padding-bottom: 5rem; position: relative; background-color: var(--color-bg-blue); border: solid 1px var(--color-light-blue); box-sizing: border-box; }
	#guides .list .item:nth-child(even) { margin-right: 0px; }
	#guides .list .item:last-child { margin-left: auto; margin-right: auto; }
	#guides .list .item .img.bg { background-size: cover; background-repeat: no-repeat; height: 300px; transition: .2s; }
	
	#guides .list .item .img.logo { height: 150px; padding: 2rem; display: flex; background-color: var(--color-white); }
	#guides .list .item .img.logo img { width: auto; margin: auto; display: block; max-width: 70%; max-height: 150px; }
	#guides .list .item .info { padding:30px 30px 0px 30px; }
	#guides .list .item .info h3 { text-align: center; }
	#guides .list .item .info p { text-align: justify; }
	#guides .list .item .info a { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: var(--color-blue); padding: 10px 20px; box-sizing: border-box; text-align: center; color: var(--color-white); font-weight: 600; }
	#guides .list .item .info a:hover { background-color: var(--color-red); }
	#guides .list .item h3 { font-size: 1.56rem; margin-bottom: 1rem; }
	
	#travel-guide.wrapper, #highlights-of-kuching.wrapper, #visa.wrapper { padding-top: 0px !important; padding-bottom: 3rem !important; }
	#travel-guide img.border { border: solid 1px var(--color-light-blue); width: 100%; display: block; }
	
	#food_guides.list .item { padding-bottom: 30px; }
	body.highlights-of-kuching iframe { width: 100%; }
	body.visa-requirement table th:nth-child(2) { text-align: left; }
	body.visa-requirement table td { text-align: center; }
	body.visa-requirement table td:nth-child(1), body.visa-requirement table td:nth-child(2) { text-align: left; }
	body.visa-requirement #tbl-visa { overflow-x: auto; }
	
/* 	========================
	NEWS & EVENTS
	======================== */	
	.newsevent-container { width: 100%; margin: 2rem auto 0 auto; }
	.newsevent-header { display: flex; justify-content: center; align-items: center; margin-bottom: 2.5rem; gap: 2.5rem; }
	.newsevent-header h1 { margin-bottom: 0; padding-bottom: 0; background-image: none; font-size: 2.2rem; }
	.newsevent-header h1 a { color: var(--color-red); text-decoration: none; transition: color 0.3s; }
	.newsevent-header h1 a.active { color: var(--color-dark-blue); }
	.newsevent-header h1 a:hover { color: var(--color-dark-blue); }
	.newsevent-tabs { display: flex; gap: 1.5rem; margin-top: 6px; }
	.newsevent-tabs a { font-size: 1.2rem; font-weight: 600; color: var(--color-red); transition: color 0.3s; text-decoration: none; }
	.newsevent-tabs a:hover, .newsevent-tabs a.active { color: var(--color-dark-blue); }
	.newsevent-list { display: flex; flex-wrap: wrap; }
	.newsevent-item { width: 32%; margin-right: 2%; margin-bottom: 2%; padding-bottom: 3rem; position: relative; background-color: var(--color-bg-blue); border: solid 1px var(--color-light-blue); box-sizing: border-box; display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; }
	.newsevent-item:nth-child(3n) { margin-right: 0px; }
	.newsevent-img { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; position: relative; }
	.newsevent-img img { width: 100%; height: 100%; display: block; transition: transform 0.5s ease; }
	.newsevent-item:hover .newsevent-img img { transform: scale(1.1); }
	.newsevent-info { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
	.newsevent-date { font-size: 0.9rem; font-style: italic; color: var(--color-blue); margin-bottom: 0.5rem; }
	.newsevent-title { font-size: 1.15rem; font-weight: 700; color: var(--color-dark-blue); margin-bottom: 0.8rem; line-height: 1.3; }
	.newsevent-title a { color: inherit; text-decoration: none; }
	.newsevent-title a:hover { color: var(--color-red); }
	.newsevent-desc { font-size: 0.95rem; color: var(--color-black); line-height: 1.4; text-align: justify; flex-grow: 1; }
	.newsevent-readmore { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: var(--color-blue); padding: 10px 20px; box-sizing: border-box; text-align: center; color: var(--color-white) !important; font-weight: 600; text-transform: uppercase; transition: background-color 0.3s ease; }
	.newsevent-readmore:hover { background-color: var(--color-red); color: var(--color-white) !important; }
	
/*  ========================
    TAB MENUS
    ========================   */
	.tab-menu { padding: 0px 0px 2rem 0px !important; display: flex; }
	.tab-menu > div { flex: 1; text-align: center; background-color: var(--color-blue); font-size: 0.93rem; box-shadow: inset 0 0 0 0 var(--color-red); transition: color .3s ease-in-out, box-shadow .3s ease-in-out; margin-left: 3px; display: flex; justify-content: center; align-items: center;  }
	.tab-menu > div:first-child { margin-left: 0px; }
	.tab-menu > div a { font-weight: 600; padding: 0.875rem 0.5rem; color: var(--color-white); text-transform: uppercase; line-height: 1; flex-grow: 1; }
	.tab-menu > div:hover { box-shadow: inset 800px 0 0 0 var(--color-red); }
	.tab-menu > div.active { background-color: var(--color-red); }
	.tab-menu > div.active a, .tab-menu > div:hover a { color: var(--color-white); }
	
	.tab-menu .cat { display: inline-block; *display: inline; zoom: 1; margin: 0px 10px; font-size: 18px; color: var(--color-black); font-weight: bold; text-decoration: none; line-height: 35px; cursor: pointer; }
	
	
/* 	========================
	CONTACT 
	======================== */
	#contact-form .wrapper { padding-top: 0px !important; }
	#contact-form #tbContactform { max-width: 950px; margin: auto; padding: 3.125rem; background-color: var(--color-white); border: solid 1px var(--color-light-grey); border-radius: 15px; border-left: solid 10px var(--color-dark-blue); }
	#contact-form #tbContactform table { width: 100%; }
	#contact-form #tbContactform table tr { background-color: transparent; }
	#contact-form #tbContactform table td { padding: 0px; }
	#contact-form .btn-red { width: auto; cursor: pointer; }
	#contact-form .btn-red:hover { background-color: var(--color-blue); color: var(--color-white) !important; }
	
	
/* 	========================
	FOOTER 
	======================== */
	#footer { background-color: var(--color-blue); padding: 35px 0px; font-size: 0.875rem; }
	#footer .wrapper { display: flex; flex-direction: row; }
	#footer .copyright { color: var(--color-white); }
	#footer .copyright a { color: var(--color-white); text-decoration: none; font-weight: 600; }
	#footer .copyright a:hover { text-decoration: underline; }
	
	#footer div.f-menu2 { display: inline-block; *display: inline; zoom: 1; flex-grow: 1; text-align: right; text-transform: uppercase; }
	#footer div.f-menu2 ul { display: inline-block; *display: inline; zoom: 1; text-align: center; }
	#footer div.f-menu2 ul li { display: inline-block; *display: inline; zoom: 1; padding-left: 20px; margin-left: 20px; border-left: solid 1px var(--color-white); line-height: 1; }
	#footer div.f-menu2 ul li:first-child { border-left: none; padding-left: 0px; margin-left: 0px; }
	#footer div.f-menu2 ul a { color: var(--color-white); text-decoration: none; }
	#footer div.f-menu2 ul a:hover { opacity: 0.8; }
	
	
	

/* 	========================  */


/* h3 { font-size: 2.2rem; color: var(--color-red); } */
h4 { font-size: 1.25rem; }

img { Behavior: url("iepngfix.htc"); max-width: 100%; height: auto; border: none; outline: none; 
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
select, textbox, input, textarea { width: 100%; padding: 1rem 20px; margin-bottom: 1rem; line-height: 1; font-size: 1rem; border: solid 1px var(--color-light-blue); box-sizing: border-box; border-radius: 1rem; font-family: var(--main-font); }
textarea { resize: none; height: 180px; }
li { margin-left: 20px; padding-left: 10px; }
	body.subpage li { margin-left: 18px; padding-left: 15px; }
a { text-decoration: none; }
a:link { color: var(--color-red); text-decoration: none; }
a:visited { color: var(--color-red); text-decoration: none; }
a:hover, a:active, a:focus { color: var(--color-black); }
	a.read-more { color: #ffaf22; font-size: 13px; padding: 10px 30px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block; *display: inline; zoom: 1; border: solid 1px #ffaf22; }
	a.orange-button { margin-top: 20px; background-color: #ffaf22; color: #fff; font-size: 13px; padding: 10px 20px; letter-spacing: 2px; border-radius: 3px; text-decoration: none; font-weight: 500; display: inline-block; *display: inline; zoom: 1; }
	body.subpage a{ text-decoration: underline;}
a img { border: none; }


a.btn-border-red { border-radius: 2.5rem; border: solid 3px var(--color-red); color: var(--color-red); padding: 1rem 5.5rem 1rem 4rem; font-weight: 600; font-size: 1.125rem; display: inline-block; *display: inline; zoom: 1; background-image: url(themes/arrow-right.png); background-repeat: no-repeat; background-position: right 3rem center; background-size: 2rem; }
a.btn-border-red:hover { text-decoration: none; }

#webdesign { color: var(--color-light-blue); font-weight: 400; margin-top: 0.5rem; font-size: 0.9rem; }

ul { text-align: left; }

strong { font-weight: 600; }

.mobile { display: none !important; }
.wrapper { width: var(--min-width); max-width: 100%; margin: auto; }
	#main-content .content > .wrapper p { text-align: justify; }
	.inner #main-content .content { text-align: center; }
	.terms-conditions #main-content .content, .privacy-policy #main-content .content { text-align: justify; }
	.terms-conditions #main-content .content h1, .privacy-policy #main-content .content h1 { text-align: center; }
.tbErrors { color: var(--color-red); margin-bottom: 1rem; }
.tbSuccess { color: var(--color-green); margin-bottom: 1rem; }

/* 	========================
	HEADER 
	======================== */
	/*
	#header-holder { transition: top 0.8s linear; background-color: #fff; }
	#header-holder .contact { padding-top: 1.25rem; display: flex; flex-direction: row; align-items: center; }
	#header-holder .contact > div { display: flex; align-items: center; }
	#header-holder .contact > div > div { display: flex; }
	#header-holder .contact > div > div:first-child { }
	#header-holder .contact a { text-decoration: none; color: var(--color-red); margin-left: 10px; display: inline-block; font-weight: 500; line-height: 34px; vertical-align: top; }
	#header-holder .contact a.btn-red { color: var(--color-white); padding: 0.5rem 2rem; margin-right: 10px; font-size: 1rem; }
	#header-holder .contact a:hover { color: var(--color-black); }
	#header-holder .contact img { margin-left: 1.875rem; }
	#header-holder .contact img:first-child { margin-left: 0px; }
	
	
	body.overlay #header-holder { position: fixed; top: 0px !important; width: 100%; z-index: 1000; border-bottom: solid 1px var(--color-light-grey); }
	body.overlay #header-holder #logo { padding: 10px 0px; flex-shrink: 0; }
	body.overlay #logo a, body.overlay #logo a img { height: 78px; width: auto !important; width: initial !important; }
	body.overlay #header-holder .contact { font-size: 0.8rem; padding-top: 10px; }
	
	body.overlay #header-holder .contact img { width: 20px; height: 20px; }
	body.overlay #header-holder .contact a { line-height: 20px; }
	body.overlay #header-holder #menu { margin-top: 10px; font-size: 0.9rem; }
	body.overlay #header-holder #menulist > li:last-child a { padding: 0.5rem 2rem; }
	body.overlay #banner-zone { margin-top: 140px; }
	body.overlay #menu ul ul { padding-top: 17px; }
	*/
	
	/*
	#header-holder .contact a.social-media { margin-left: 8px; margin-right: 0px; }
	#header-holder .contact a.social-media img { top: 0px; }
	*/

	
	
	#mobile-menu { display: none; width: 100%; }
	.slicknav_btn { background-color: var(--color-blue) !important; border-radius: 20px; font-size: 1.1rem; }
	.slicknav_btn:hover { background-color: var(--color-dark-blue) !important; }
	.slicknav_btn:hover .slicknav_menutxt { color: var(--color-white) !important; }
	.slicknav_btn:hover .slicknav_icon-bar { background-color: var(--color-white) !important; }
	
	
	.slicknav_nav ul, .slicknav_nav li { background-color: var(--color-blue) !important;}
	#mmenulist { display: none; }
	.slicknav_nav a { text-transform: uppercase; }
	



/* 	========================
	CONFERENCE INFO 
	======================== */
	#conference-info { max-width: 72%; width: 1000px; margin: auto; display: flex; flex-direction: row; background-color: var(--color-dark-blue); font-size: 1.56rem; font-weight: 500; line-height: 1; text-align: center; border-radius: 200px; position: relative; margin-top: 3.125rem; box-shadow: 0px 0px 10px rgba(255,255,255,0.5); border: 1px solid #8F9092; background-image: linear-gradient(to top, #0F3685 0%, #1C4CAC 100%); color: var(--color-white); z-index: 103; position: absolute; bottom: 20%; left: 50%; margin-left: -500px; }
	#conference-info > div { padding: 2rem; flex: 1; display: flex; align-items: center; }
	#conference-info > div > div { flex-grow: 1; }
	#conference-info .venue { flex: 1.2; } 
	#conference-info .venue a { margin-top: 1rem; }
	#conference-info .date { padding-right: 0px; font-size: 2.8125rem; }
	#conference-info .date > div { border-right: solid 1px var(--color-white); }
	#conference-info .date span { font-size: 6.25rem; font-weight: 800; line-height: 5rem; display: block; }
	#conference-info .countdown { }
	#conference-info .countdown span.live { font-size: 1.56rem; font-weight: 700; }
	
	#conference-info.mobile { position: relative; bottom: auto; left: auto; max-width: initial; margin-left: auto; margin-bottom: 3.125rem; margin-top: 0px; }
	
	#h-about-biwwec { font-size: 1.375rem; text-align: center; width: 1000px; margin: 6.25rem auto; max-width: 100%; }
	
	
	
/* 	========================
	HOME-SPEAKERS 
	======================== */
	#h-speakers { text-align: center; padding-bottom: 6.25rem; position: relative; }
	#h-speakers::after { content: ""; background-color: var(--color-light-grey2); clip-path: polygon(0 38%, 100% 64%, 100% 100%, 0% 100%); position: absolute; left: 0px; width: 100%; height: 100%; bottom: 0px; z-index: 0; }
	#h-speakers .wrapper { position: relative; z-index: 1; }
	#h-speakers .list { display: flex; width: 100%; margin: auto auto 3.125rem auto; justify-content: center; }
	#h-speakers .list > div { flex-grow: 1; flex: 1; width: 25%; margin-right: 10%; background-size: cover; display: flex; align-items: flex-end; justify-content: center; position: relative; border-radius: 1.8rem; overflow: hidden; max-width: 300px; }
	#h-speakers .list > div:last-child { margin-right: 0px; }
	#h-speakers .list > div::after { content: ""; display: block; position: absolute; left: 0px; width: 100%; height: 25%; bottom: 0px; background-image: url(themes/title-bg.png); background-size: contain; }
	#h-speakers .list > div h4 { color: var(--color-white); padding: 1.5rem 20px; position: relative; z-index: 1; }
	#h-speakers .list:after { content: ""; clear: both; display: block; }
	
	
	
	
/* 	========================
	COMMITTEE 
	======================== */	
	#committee .organising_committees { }
	#committee h3 { margin-bottom: 1rem; color: var(--color-black); width: 100%; }
	#committee .organising_committees .list { max-width: 900px; margin: auto; }
	#committee .organising_committees .item { display: flex; }
	#committee .organising_committees .item > div { padding: 10px 0px; text-align: left; }
	#committee .organising_committees .item > div:first-child { width: 300px; text-align: left; padding-right: 1rem; flex-shrink: 0; }
	#committee .organising_committees .item > div:last-child { font-style: italic; }
	
	#committee > div { margin-top: 3.125rem; }
	#committee > div:first-child { margin-top: 0px; }
	#committee .scientific_committees .list, #committee .postgraduate_student_helpers .list { display: flex; flex-wrap: wrap; max-width: 900px; margin: auto; }
	#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { display: flex; width: 300px; }
	#committee .scientific_committees .item > div, #committee .postgraduate_student_helpers .item > div { padding: 10px 0px; text-align: left; }
	#committee .scientific_committees .item > div:first-child, #committee .postgraduate_student_helpers .item > div:first-child { text-align: left; padding-right: 1rem; flex-shrink: 0; }
	#committee .scientific_committees .item > div:last-child, #committee .postgraduate_student_helpers .item > div:last-child { font-style: italic; }
	
	
/* 	========================
	PROGRAMME 
	======================== */
	#programme .wrapper { padding: 6.25rem 0px 3.125rem 0px; }
	#programme-list { padding: 7.5rem 0rem; }
	#programme-list .wrapper { text-align: center; }
	
	#programme #tab-category, #tab-category { display: flex; }
	#programme #tab-category > div, #tab-category > div { flex-grow: 1; text-align: center; border: solid 1px var(--color-light-grey);margin-right: 10px; border-top: solid 6px var(--color-red); border-radius: 10px; }
	#programme #tab-category > div:last-child, #tab-category > div:last-child { margin-right: 0px; }
	#programme #tab-category > div:first-child, #tab-category > div:first-child { border-left: solid 1px var(--color-light-grey); }
	#programme #tab-category > div.active, #programme #tab-category > div:hover, #tab-category > div.active, #tab-category > div:hover { background-image: linear-gradient(to top, #0F3685 0%, #1C4CAC 100%); border: solid 1px var(--color-blue); }
	#programme #tab-category > div a, #tab-category > div a { color: var(--color-dark-blue); padding: 1rem; display: block; line-height: 1; font-size: 1rem; }
	#programme #tab-category > div.active a, #programme #tab-category > div:hover a, #programme #tab-category > div.active h3, #programme #tab-category > div:hover h3 { color: var(--color-white); }
	#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.56rem; color: var(--color-dark-blue); line-height: 1.2; text-transform: uppercase; }
	#programme #tab-list > div { display: none; }
	#programme #tab-list > div.show { display: block; }
	#programme #tab-list > div > div { border: solid 1px var(--color-light-grey); display: flex; border-radius: 10px; margin-top: 10px;
    background-color: var(--color-bg-grey); border-left: solid 6px var(--color-dark-blue); }
	#programme #tab-list > div > div.venue { background-color: var(--color-red); color: var(--color-white); border: solid 1px var(--color-red); }
	#programme #tab-list > div > div:last-child { border-bottom: none; }
	#programme #tab-list > div > div > div { padding: 1.5rem; }
	#programme #tab-list > div > div .time { width: 120px; flex-grow: 0; flex-shrink: 0; font-size: 0.875rem; display: flex; }
	#programme #tab-list > div > div .time img { height: 22px; margin-right: 10px; }
	#programme #tab-list > div > div .time p { text-align: center; white-space: nowrap; }
	#programme #tab-list > div > div .info { padding-left: 0px; display: flex; flex-grow: 1; align-items: flex-start; flex-direction: column; justify-content: center; overflow: hidden; }
	#programme #tab-list > div > div .info h4 { text-align: left; color: var(--color-dark-blue); }
	#programme #tab-list > div > div .info .duration { color: var(--color-blue); font-weight: 600; }
	
	#programme .list .item .desc { margin-top: 1rem; overflow-x: auto; max-width: 100%; }
	#programme .list .item .desc table { border-collapse: collapse; background-color: var(--color-white); }
	#programme .list .item .desc table td { padding: 10px; border: solid 1px var(--color-light-grey); line-height: 1.2; vertical-align: top; }
	#programme .list .item .desc table td:nth-child(2) { text-align: left; }
	#programme .list .item .desc table td[rowspan="6"]:last-child { color: var(--color-blue); width: 90px;}
	
	body.sutcon-2024 tr td:first-child, body.mywinhr tr td:first-child { vertical-align: top; white-space: nowrap; }
	body.mywinhr tr td:first-child { width: 15%; }
	.scrollnote { display: none;  }
	.scrollnote .red { color: var(--color-red); }
	
/* 	========================
	REGISTER 
	======================== */
	.register .content ul.col { display: flex; flex-wrap: wrap; width: 750px; max-width: 90%; margin: auto; }
	.register .content ul.col li { width: 160px; margin-right: 2rem; flex-grow: 1;  }
	
/* 	========================
	IMPORTANT DATES 
	======================== */
	table.biwwec { border-collapse: collapse; border: solid 1px var(--color-light-grey); box-shadow: 0px 0px 2rem rgb(0 0 0 / 10%); max-width: 750px; width: 100%; text-align: left; }
	table.biwwec th { padding: 1rem; background-color: var(--color-blue); }
	table.biwwec tr { border-bottom: solid 1px var(--color-light-grey); }
	table.biwwec tr td:first-child { width: 165px; }
	table.biwwec tr td:last-child { text-align: left; }
	
	.sponsorship-opportunity #sponsor-packages { overflow-x: auto; }
	.sponsorship-opportunity table.biwwec th {text-align: center; }
	.sponsorship-opportunity table.biwwec th:first-child { text-align: left; min-width: 260px; }
	.sponsorship-opportunity #contact-form { background-color: var(--color-light-grey2); }
	.sponsorship-opportunity #contact-form .wrapper { padding-top: 6rem !important; }

/* 	========================
	SIDEBAR
	======================== */
	#sidebar { position: fixed; z-index: 2999; right: 0px; top: 50%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: right bottom 0; display: flex; transition: 1s; border: 1px solid var(--color-blue); }
	#sidebar .item a { display: inline-block; zoom: 1; font-size: 1rem; padding: 5px 20px; background-color: var(--color-blue); color: var(--color-black); border-right: none; transition: .1s; line-height: 40px; letter-spacing: .5px; }
	#sidebar .item a:hover { background-color: var(--color-red); color: var(--color-white); }
	


/* 	========================
	YOUTUBE
	======================== */
	#youtube.wrapper { padding-bottom: 5rem; }
	#youtube .list { margin-left: -1.5%; margin-right: -1.5%; display: flex; flex-wrap: wrap; justify-content: center; }
	#youtube > div > div { width: 30%; margin:0px 1.5% 2rem 1.5%; text-align: center; }
	#youtube > div > div iframe { width: 100%; height: 228px; }
	#youtube > div > div:nth-child (3n+0) { margin-right: 0px; }
	

/* 	========================
	GALLERY 
	======================== */	
	body.gallery.photos #gallery { margin-top: -6rem;
    background-image: url(themes/wave-white-overlay.png);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 101;
    background-size: contain;}
	body.gallery.photos #gallery .wrapper { padding-top: 10rem; }
	#gallery { text-align: center; }
	#gallery .wrapper { padding-bottom: 5rem; }
	#gallery #tab-category { margin-bottom: 3rem; }
	#gallery .list { display: flex; flex-wrap: wrap; width: 102.33%; margin-left: -1.15%; margin-right: -1.15%;}
	#gallery .list .album-cover, #gallery .list .item { display: flex; flex-direction: column; width: 31%; margin-left: 1.16%; margin-right: 1.16%; box-sizing: border-box; }
	#gallery .wrapper > .venue { margin: 0.5rem 0px 2rem 0px; }
	#gallery .list .info { margin-bottom: 3.125rem; }
	#gallery .date_wrapper { display: flex; align-items: center; margin-top: 1rem; }
	#gallery .date_wrapper span { margin: 0px 10px; }
	#gallery .date { background-color: var(--color-blue); padding: 6px; width: 138px; text-align: center; }
	
	#gallery .title { margin: 25px 0px; }
	.album-cover div.img { width: 100%; height: 220px; margin-bottom: 1.5rem; overflow: hidden; position: relative; }
	.album-cover a { display: block; overflow: hidden; height: 100%; }
	.album-cover a:hover img { transform: scale(1.15); }
	.album-cover img { padding: 0px !important; border: none; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; width: 100%; margin: auto; zoom: 1; transition: transform 1s; }
	.album-cover p { margin-top: 10px !important; font-weight: 400; line-height: 1.2; min-height: 40px; }
	.album-cover.first { clear: both; }
	.album-cover.album-photos-last { margin-right: 0px; }
	div.pp_default .pp_content { width: 100% !important; }
	.pp_gallery li { margin: 0px 10px 0px 0px !important; padding: 0px !important; }
	
	body.gallery .mfp-bg { background-color: var(--color-white) !important; opacity: 1 !important; }
	.mfp-counter { color: var(--color-black) !important; font-size: 1rem !important; }
	.mfp-arrow-right { right: 2rem !important; }
	.mfp-arrow-left { left: 2rem !important; }
	.mfp-figure:after { background: none; }
	body.gallery .mfp-close { background: none !important; }

	
	


/* 	========================
	RESPONSIVE 
	======================== */
	@media only screen and (max-width: 1650px) {
		#header-holder::after { height: 120%; }
		
		
	}
	@media only screen and (max-width: 1450px) {
		.wrapper { padding: 0px 30px; width: auto !important; width: initial !important; }
		/* .inner #gallery .wrapper { padding-left: 30px; padding-right: 30px; padding-bottom: 1rem; } */
		#logo a, #logo a img { height: 110px; }
		#main-content, body.gallery.photos #gallery { margin-top: -5rem; }
		#main-content .wrapper { padding: 8rem 30px 6.25rem 30px; }
		
		#sponsor { padding: 6.25rem 0px; }
		#sponsor .list { gap: 2.5%; row-gap: 1.5rem;  }
		#sponsor .supporters .list .item, #sponsor .singlecol .sponsors .item { width: 18%; }
		
		#conference-info { width: 800px; margin-left: -400px; font-size: 1.2rem; }
		#conference-info .date { font-size: 2rem; }
		#conference-info .date span { font-size: 5rem; line-height: 4rem; }
		
		#banner-contant { margin-top: 5%; }
		.nivo-caption { height: 75% !important; }
		
		a.btn-white { font-size: 1.2rem; }
		
		#highlights .items > div { margin-right: 2.5rem; }
		
		#speakers .list { margin-left: -1%; margin-right: -1%; width: 102%; }
		#speakers .list > div { width: 48%; margin: 0px 1% 2% 1%; }
		#speakers .list > div .image, body.speakers .profile .image { width: 150px; }
		body.speakers .info { padding: 2rem 2.5rem; }
		.newsevent-item { width: 31.3%; }
	}
	@media only screen and (max-width: 1350px) {
		#header-top .coneach { margin-left: 1.5rem; }
		
		:root { font-size: 15px; }
		#menu a, #menu a:visited { margin-right: 20px; }
		
		#conference-info { margin-top: 5rem; }
		#h-about-biwwec { margin: 4.5rem auto 6rem auto; }
		
		.nivo-caption { box-sizing: border-box; }
		.nivo-prevNav { left: 20px !important; }
		.nivo-nextNav { right: 20px !important; }
		
		#contact-form.wrapper { margin-top: 8rem; }
	}
	@media only screen and (max-width: 1240px) {
		:root { font-size: 14px; }
		#header-holder .wrapper { padding: 0px 20px; }
		#header-top .coneach { margin-left: 1rem; }
		#logo a, #logo a img { height: 90px; }
		
		#main-content .wrapper { padding: 8rem 20px 6.25rem 20px; }
		#highlights .items > div { margin-right: 30px; }
		
		#conference-info { font-size: 1.1rem; width: 650px; margin-left: -325px; }
		#conference-info > div { padding: 1.5rem; }
		#conference-info .date { font-size: 1.8rem; }
		#conference-info .date span { font-size: 4rem; line-height: 3rem; }
		a.btn-white { font-size: 1.1rem; }
		
		.nivo-controlNav { bottom: 4.5rem; }
		.nivo-controlNav a { width: 20px; height: 20px; }
		
		.nivo-prevNav { left: 10px !important; }
		.nivo-nextNav { right: 10px !important; }
		
		#footer .wrapper { flex-direction: column-reverse; align-items: center; text-align: center;}
		#footer .copyright { margin-top: 10px; }
		
		#contact-info .items > div { flex-direction: column; margin-bottom:1rem; }
		#contact-form h1 { font-size: 2.5rem; }
		
		#h-about-biwwec { font-size: 1.2rem; }
		
		#conference-info { font-size: 1.2rem; }
		#conference-info .date span, #conference-info .countdown span { font-size: 4rem; }
		
		#sponsor { padding: 6rem 0rem; }
		#sponsor .sect2, #sponsor .sponsor { margin-top: 3rem; }
		#sponsor .initiator .item { width: 450px; }
		
		#programme-list { padding: 6rem 0rem; }
		#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.5rem; }
		
		#h-speakers .list > div h4 { padding: 1rem 20px; }
		
		.inner.gallery.photos #gallery .wrapper { padding-top: 8rem; }
		
		#footer { font-size: 0.9rem; }
	}
	@media only screen and (max-width: 1080px) {
		h1 { font-size: 1.5rem; background-size: auto 2rem; padding-bottom: 3rem; margin-bottom: 1rem; }
		h3 { font-size: 1.3rem; }
		#main-content .wrapper, #expect { font-size: 1rem; }
		#expect h1, #be-part-of-sponsors h1 { font-size: 3.125rem; line-height: 2.5rem; }
		#expect table { min-width: auto; min-width: initial; min-width: none; }
		
		#header-holder #header-container { flex-direction: row; padding-bottom: 10px; }
		#header-top .wrapper { flex-direction: column; text-align: center;  }
		#header-top .wrapper>div:first-child { padding-bottom: 0px; line-height: 1; }
		#header-top .wrapper>div:last-child { margin-left: 0px; }
		#header-top img { height: 20px; }
		.phone-icon, .email-icon { background-size: 20px auto; height: 20px; width: 20px; }
		
		#menu { display: none; } 
		#mobile-menu { display: block; margin-top: 55px; }
		#menu-top { text-align: right; }
		
		.nivo-caption { height: 55% !important; }
		.nivo-caption h2 { font-size: 2.5rem; }
		#conference-info { width: 500px; margin-left: -250px; bottom: 28%; font-size: 1.1rem; }
		#conference-info > div { padding: 1rem; }
		#conference-info .date { font-size: 1.25rem; }
		#conference-info .date span, #conference-info .countdown span { font-size: 3rem; }
		
		#contact-form.wrapper { margin-top: 6rem; }
		#contact-form::before { height: 8rem; top: -8rem; }
		body.contact #main-content .wrapper { padding-top: 8rem; }
		#contact-form::after { height: 6rem; bottom: -6rem; }
		
		a.btn-white { padding: 0.8rem 1.5rem; font-size: 1; }
		
		#main-content, body.gallery.photos #gallery { margin-top: -4rem; }
		#main-content .wrapper { padding: 6.25rem 20px 5rem 20px }
		#expect { padding: 5rem 20px !important; }
		
		#logo { position: absolute; left: 20px; top: 0px; z-index: 100; }
		#logo a, #logo a img { height: 78px !important; width; initial; }
		body.overlay #header-holder #logo { padding-bottom: 0px; display: block !important; }
		body.overlay #header-holder #logo a, body.overlay #header-holder #logo a img { height: 35px !important; }
		body.overlay #mobile-menu { margin-top: 10px; }
		
		.inner.gallery.photos #gallery .wrapper { padding-top: 6.25rem; }
		
		#speakers .list > div { padding: 3.125rem 20px; }
		body.speakers .info { padding: 2rem; }
		#speakers .list > div .image, body.speakers .profile .image { width: 120px; }
		body.speakers .profile.white-popup { flex-direction: column; align-items: center; text-align: center; }
		body.speakers .profile.white-popup .info { padding: 2.5rem 0px 0px 0px; }
		body.speakers .info .bio { text-align: left; }
		
		#topmenu { margin-top: 0px; }
		.overlay #topmenu { margin-top: 0px; }
		.newsevent-item { width: 48.5%; }
	}
	@media only screen and (max-width: 1024px) {
		.mfp-close { width: 40px !important; height: 40px !important; }
		
		:root { font-size: 14px; }
		.nivo-caption { padding-bottom: 0px; }
		.nivo-directionNav a { width: 30px !important; height: 30px !important; }
		#highlights .items > div::after { background-size: auto 60%; }
		
		#header-holder .contact { font-size: 0.8rem; padding-top: 0px; }
		#header-holder .contact > div { flex-direction: column; } 
		#header-holder .contact > div a { margin-bottom: 10px; }
		#header-holder .contact a.btn-red { margin-right: 0px; }
		#header-holder .contact img { width: 20px; height: 20px; }
		#header-holder .contact a { line-height: 20px; }
		#topmenu { margin-left: 0px; margin-bottom: 10px; position: relative; margin-top: -70px; }
		.overlay #topmenu { margin-top: -90px; }
		#header-holder #menu { margin-top: 10px; padding-left: 0px; }
		#menu a, #menu a:visited { margin-left: 1.5rem; }
		
		
		#contact-form .wrapper { padding: 0px 30px 5rem 30px !important; }
		
		#sidebar .item a { padding: 0px 20px; }
		
		#conference-info { max-width: 85%; margin-top: 3.5rem; flex-wrap: wrap; } 
		
		#h-about-biwwec { margin: 3rem auto 5rem auto; }
		
		#h-speakers { padding-bottom: 5rem; }
		#h-speakers .list > div { margin-right: 3.125rem; }
		
		table.biwwec tr td:first-child { width: 150px; }
		
		#guides .list .item .info { padding: 20px 20px 0px 20px; }
		#guides .list .item h3 { font-size: 1.2rem; }
		
		#programme-list { padding: 5rem 0rem; }
		#programme #tab-list > div > div > div { padding: 1rem 0.8rem; }
		#programme #tab-list > div > div .time { width: 100px; }

		#programme .list .item .desc table td:last-child { min-width: 80px; }
		
		#committee .organising_committees .item > div:first-child {width: 230px; }
		#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { width: 33%; }
		
		#sponsor .sect2, #sponsor .sponsor { margin-top: 2rem; }
		#sponsor { padding: 5rem 0rem; }
		#sponsor .initiator .item { width: 350px; }
		
		#sponsor .list { gap: 4%; }
		#sponsor .wrapper:first-child > div:first-child { width: 180px; }
		#sponsor .supporters .list .item, #sponsor .singlecol .sponsors .item { width: 22%; max-width: auto; max-width: initial; max-width: none; }
		
		#contact-form #tbContactform { padding: 3rem 2rem; }
                .hotel-logo-img { height: 80px; }
    }
	
    @media only screen and (max-width: 880px) { 
		#banner-zone #conference-info {display: none; }
		#conference-info.mobile { display: flex !important; }
		.nivo-caption { height: 100% !important; }
		.nivo-caption h2 { font-size: 2rem; }
		
		#speakers .list > div .image, body.speakers .profile .image { width: 100px; }
		body.speakers .info { padding: 1.5rem; }
		#speakers .list > div { padding: 2.5rem 20px; background-position: top 20px left 42%; }
		#speakers .list > div a.link { bottom: -10px; }
		
		body.speakers .profile.white-popup .info { padding-top: 1.5rem; } 
		body.speakers .profile.white-popup { padding-top: 0px; }
		
		body.hotels table.main > tbody > tr { display: flex; flex-direction: column; }
		body.hotels table.main > tbody > tr > td { width: 100% !important; text-align: center; }
		body.hotels table.main > tbody > tr > td td { text-align: left; }
		body.hotels table.main > tbody > tr > td:first-child { padding-right: 0px; }
		body.hotels table.main > tbody > tr > td img { width: 100%; display: block; }
		body.hotels table.main table { margin: 0.5rem 0px; }
		body.hotels .desktop { display: none; }
		body.hotels .mobile { display: block !important; text-align: center; }
                .hotel-logo-img { height: 70px; }
	}
	/*
    @media only screen and (max-width: 820px) { 
		.scrollnote { display: block; }
	
		#gallery .list .album-cover, #gallery .list .item { width: 47.7%; margin-left: 1.15%; margin-right: 1.15%; }
		#gallery .list .info { margin-top: 0.5rem; }
		#gallery .list .info h1 { height: auto !important; height: initial !important; }
	}
	*/
    @media only screen and (max-width: 768px) {
		h1, #contact-form h1 { font-size: 1.2rem; }
		h2 { font-size: 1.5rem; }
		h3 { font-size: 1.2rem; }
		.mfp-close { width: 30px !important; height: 30px !important; }
		#header-holder { background-color: var(--color-white); }
		#banner-zone { margin-top: 9rem; }
		
		#main-content .wrapper { padding: 5rem 20px 3.125rem 20px; }
		#expect { padding: 3.125rem 20px !important; }
		#highlights .items > div { padding: 2rem 2rem 5rem 2rem; }
		#highlights .items > div::after { bottom: 2rem; right: 2rem; height: 3rem; }
		
		#contact-info .items { flex-wrap: wrap; padding-right: 0px; padding-bottom: 2.5rem !important; }
		#contact-info .items > div { padding: 2.5rem 20px; flex: auto; width: 40%; }
		#contact-info .items > div .img img { height: 35px; }
		#contact-info .items > div a.map { margin-top: 1rem; }
		
		.inner.gallery.photos #gallery .wrapper { padding-top: 5rem; }
		
		/*
		h1 { font-size: 2.5rem; margin-bottom: 2rem; }
		h2 { font-size: 1.8rem; }
		h3 { font-size: 1.2rem; }
		*/
		
		.nivo-directionNav a { width: 30px !important; height: 30px !important; }
			
		#contact-form .wrapper { padding: 0px 35px 4rem 35px !important; }
		#contact-form::before  { height: 6rem; top: -6rem; }
		body.contact #main-content .wrapper { padding-top: 6rem; }
		#contact-form::after { height: 5rem; bottom: -5rem; }
		
		#header-holder .contact { padding-top: 10px; font-size: 0.9rem; }
		#header-holder .contact > div { flex-direction: row; }
		#header-holder .contact a.btn-red { margin-right: 10px; margin-bottom: 0px; }
		#header-holder .contact > div a { margin-bottom: 0px; }
		
		
		#h-about-biwwec { font-size: 1rem; margin: 3rem auto 4rem auto; }	
		
		.tab-menu { padding-bottom: 15px !important; }
		#guides .list .item { width: 100%; margin-right: 0px; }
		#guides .list .item .img.logo { height: 100px; }
		#guides .list .item .img.logo img { max-height: 100%; }
		
		#h-speakers { padding-bottom: 4rem; }
		#h-speakers .list { display: block; margin-bottom: 2rem; }
		#h-speakers .list > div { width: 100% !important; margin: 0px auto 2rem; }		
		#h-speakers .list > div:last-child { margin: 0px auto; }
		
		#speakers .list { width: 100%; margin: 0px; }
		#speakers .list > div { width: 100%; margin: 0px 0px 2rem 0px; background-position: top 20px left 40%;  }
		#speakers .list > div .image, body.speakers .profile .image { width: 28%; }
		body.speakers .info { padding: 3.125rem; }

        .hotel-logo-img { height: 60px; }
		
		#sponsor .wrapper > div { margin-bottom: 1.5rem; padding-bottom: 3rem !important; background-size: auto 2rem; }
		#sponsor .wrapper.singlecol > div { padding-bottom: 0px !important; }
		body.home #sponsor .wrapper.twocols > div:last-child { padding-bottom: 0px !important; }
		#sponsor .wrapper { flex-direction: column; align-items: center; }
		#sponsor .wrapper.twocols > div { width: 100%; }
		#sponsor .wrapper.twocols > div:first-child { background-image: url(themes/wave-line.png); background-position: bottom center; background-repeat: no-repeat; }
		
		#sponsor .supporters:last-child #con-organiser.item { }
		#sponsor .wrapper:first-child { background-size: auto 2rem; }
		#sponsor .wrapper:first-child > div:first-child { width: 100%; }
		#sponsor h2 { text-align: center; }
		#sponsor .list { justify-content: center; }
		#sponsor .wrapper:first-child > div:first-child { background-image: url(themes/wave-line.png); background-repeat: no-repeat; background-position: bottom center; }
		
		#programme-list { padding: 4rem 0rem; } 
		#programme #tab-category > div h3, #tab-category > div h3 { font-size: 1.2rem; }
		#programme #tab-category > div a, #tab-category > div a { padding: 1rem; }
		
		.sponsorship-opportunity table.biwwec th:first-child { min-width: auto; min-width: initial; min-width: none; width: 40%; }
		
		#committee .organising_committees .item { flex-direction: column; }
		#committee .organising_committees .item > div:first-child { padding-bottom: 0px; padding-right: 0px; }
		#committee .organising_committees .item > div:last-child { padding-top: 0px; }
		#committee .scientific_committees .item, #committee .postgraduate_student_helpers .item { width: 50%; }
	
		#gallery .list .album-cover, #gallery .list .item { width: 97.7%; }
		#gallery .list h3 { height: auto !important; height: initial !important; }
		#gallery .list .info { margin-top: 0px; }
		#gallery .list div.img, #gallery .list .item iframe { margin-bottom: 0.5rem; }
		
		#contact-form td.captcha { float: left; width: 100%; }
		#contact-form td.captcha .g-recaptcha > div { margin: auto; }
		#contact-form td.button { float: left; width: 100%; text-align: center !important; margin-top: 1rem; }
		
		#footer div.f-menu2 { text-align: center; }
		#footer div.f-menu2 ul li { margin-bottom: 10px; }
		#footer .social-media { margin-top: 0px; justify-content: center; }
		#footer .copyright { margin-top: 10px; text-align: center; }
		
	}
	@media only screen and (max-width: 650px) {
		#highlights .items { flex-direction: column; }
		#highlights .items > div { margin-right: 0px; margin-bottom: 2rem; }
		#highlights .items > div:last-child { margin-bottom: 0px; }
		
		#expect h1, #be-part-of-sponsors h1 { font-size: 2.5rem; line-height: 2rem; margin-bottom: 1.5rem; }
		
		.nivo-controlNav { bottom: 0.5rem; }
		.nivo-controlNav a { width: 15px; height: 15px; background-size: 100%; }
		
		a.btn-border-red { padding: 10px 4rem 10px 2.5rem; }
		
		table.biwwec tr td:first-child { width: 140px; }
		table { font-size: 0.9rem; }
		
		#conference-info.mobile { flex-direction: column; width: 100%; }
		#conference-info.mobile .date > div { border-right: none; border-bottom: solid 1px var(--color-white); padding-bottom: 1rem; }
		#conference-info.mobile > div { padding: 1rem; }
		#conference-info.mobile .date { padding-bottom: 0px; }
		
		#programme #tab-list > div > div { flex-direction: column; }
		#programme #tab-list > div > div .time { width: auto; width: initial; }
		#programme #tab-list > div > div .info { padding: 0rem 0.8rem 1rem 0.8rem; }
		#programme #tab-list > div > div .info h4 { font-size: 1rem; }
		.scrollnote { display: block; }
		
		body.speakers .info { padding: 3.125rem 2.5rem; }
		.newsevent-header { flex-direction: column; align-items: center; gap: 1rem; }
		.newsevent-item { width: 100%; margin-bottom: 2rem; }
	}
	
	@media only screen and (max-width: 550px) {
		#be-part-of-sponsors a { width: 250px; }
		
		table.biwwec th, table.biwwec td { padding: 0.5rem; }
	
		#gallery .date { width: 110px;} 
		
		#speakers .list > div { flex-direction: column; align-items: center; text-align: center; background-position: top 200px center; }
		body.speakers .info { padding: 4.5rem 0px 0px 0px; }
		#speakers .list > div a.link { position: relative; display: inline-block; *display: inline; bottom: auto; margin-top: 2rem; margin-left: -0.6rem; }
		#speakers .list > div .image, body.speakers .profile .image { width: 150px; }
		body.speakers .profile.white-popup { padding: 20px; }
		body.speakers .info .bio { padding: 20px; }
		
		#sponsor .list { gap: 6%; row-gap: 1.5rem;  } 
		#sponsor .supporters .list .item, #sponsor .singlecol .sponsors .item { width: 28%; }
		#sponsor .supporters #con-organiser.item { width: 45%; }

                .hotel-logo-img { height: 50px; }
	}
	@media only screen and (max-width: 500px) {
		/* h1 { font-size: 1.5rem; } */
		/* h3 { font-size: 1rem; } */
		
		.nivo-caption { padding-bottom: 1rem; }
		.nivo-caption h2  { font-size: 1.1rem; } 
		
		/*
		#header-holder .contact { width: 100%; justify-content: center; }
		#header-holder .contact a { margin-left: 5px; }
		#header-holder .contact > div > div:first-child { margin-right: 10px; }
		
		#logo { top: 30px; }
		#logo a, #logo a img { height: 58px; }
		#mobile-menu { margin-top: 30px; }
		*/
		
		#conference-info .date > div { padding: 0px 20px 0px 0px; }
		
		table#contact-info td { float: left; width: 100%; }
		
		#contact-form td.captcha .g-recaptcha > div { width: 100% !important; }
		#contact-form td.captcha .g-recaptcha > div iframe { max-width: 100% !important; }
		.rc-anchor-normal .rc-anchor-content { width: auto !important; }
		
		#committee .scientific_committees .item, #committee .scientific_committees .item { width: 100%; }
		
		#programme #tab-list > div > div .time { width: 55px; text-align: left; }
		#programme #tab-list > div > div .time p { text-align: left; }
		#programme .list .item .desc table td:first-child { width: 80px; text-align: left; }
		#programme .list .item .desc table td:last-child { width: 60px; }
		
		#sponsor .sect2, #sponsor .sponsor, #sponsor .initiator { margin-left: -1rem; margin-right: -1rem; }
		#sponsor .initiator .item { width: 100%; box-sizing: border-box; }
		
		
	}
	@media only screen and (max-width: 400px) {
		:root { font-size: 11px; }
		.wrapper { padding: 0px 20px; }
		#logo { left: 20px; }
		#header-holder .contact a { margin-left: 5px; }
		
		#conference-info { flex-direction: column; }
		#conference-info > div { flex: 1; width: auto; width: initial; }
		#conference-info .date { padding-right: 15px; }
		#conference-info .date > div { border-right: none; border-bottom: solid 1px var(--color-white); padding: 0px 15px 15px 15px; }
		#conference-info .countdown { padding-bottom: 30px; padding-top: 0px; }
                .hotel-logo-img { height: 40px; }
	}