@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1920 and 1600 and 1440 and 1366)
	#laptop (1440 and 1366)
	#Tablet (991 to 767)
	#Mobile (767 to 360)



/* #Additional - Large Screens width of 1800px to 1601px 
================================================== */
@media only screen and (min-width: 1601px) and (max-width: 1800px) {

:root															{ --container-width: 1300px; }
.container                                  					{ max-width: 1300px; }


}

/* #Additional - Large Screens width of 1600px to 1501px 
================================================== */
@media only screen and (min-width: 1501px) and (max-width: 1600px) {

:root															{ --container-width: 1300px; }
.container                                  					{ max-width: 1300px; }


}

/* #Additional - Large Screens width of 1500px to 1441px 
================================================== */
@media only screen and (min-width: 1441px) and (max-width: 1500px) {

:root															{ --container-width: 1300px; }
.container                                  					{ max-width: 1300px; }


}

/* #Additional - Large Screens width of 1440px to 1200px 
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1440px) {

:root															{ --container-width: 1300px; }
.container                                 						{ max-width: 1300px; }



}

/* #Additional - Large Screens  width of 1366px to 1200px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
:root															{ --container-width: 1300px; }
.container                                  					{ max-width: 1300px; padding: 0; }


}

/* #iPad Pro - Large Screens width of 1199px to 990px
================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

:root															{ --container-width: 960px; }
.container														{ max-width: 960px; }
.et-db #et-boc .et-l .et_pb_row_0								{ max-width: 960px!important; }
.et-db #et-boc .et-l .et_pb_row 								{ max-width: 960px!important; }

.logoBox														{ width: 25.6667%!important; }

.menuBox														{ width: 68.833%!important; }
.menuBox ul.et-menu li 											{ padding: 0px 15px !important; }

.et-db #et-boc .bridgingSec										{ width: 62% !important; }
.et-db #et-boc .bridgingSec .et_pb_text h1 						{ font-size: 55px !important; line-height: 56px !important; }

.et-db #et-boc .biotech-sponsors-title							{ width: 60%; }
.et-db #et-boc .biotech-sponsors-slider .owl-stage-outer 		{ width: calc(100% + calc((100vw - 880px) / 2)); }
.et-db #et-boc .biotech-sponsors-slider .owl-nav 				{ top: -91px; }

/* ---------- Inner Banner Section ---------- */


}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 991px to 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 100%; padding: 0 15px; }
.et-db #et-boc .et-l .et_pb_row_0								{ max-width: 100%!important; padding: 0 15px!important; }
.et-db #et-boc .et-l .et_pb_row									{ width: 91% !important; max-width: 91%!important; padding: 0 15px!important; }

header.et-l .et_pb_row_0_tb_header								{ display: flex; }

.logoBox 														{ margin-bottom: 0 !important; }
.logoBox .et_pb_image img 										{ width: 120px !important; max-width: 120px !important; }

.menuBox 														{ padding-top: 40px !important; padding-bottom: 30px !important; position: absolute !important; }
.et-db #et-boc .et-l .et_pb_row--with-menu .menuBox				{ width: 96% !important; }
#et-boc .et-l .et_pb_row .menuBox ul.et_mobile_menu				{ padding: 20px!important; }
#et-boc .et-l .et_pb_row .menuBox ul.et_mobile_menu li.menu-item a	{ padding: 15px 0% !important; }

.et-db #et-boc .bridgingSec										{ width: 75% !important; }

.et-db #et-boc .biotech-sponsors-title							{ width: 70%; padding-bottom: 20px; }
.et-db #et-boc .biotech-sponsors-slider .owl-stage-outer 		{ width: calc(100% + calc((100vw - calc(91% + 60px)) / 2)); }
.et-db #et-boc .biotech-sponsors-slider .owl-nav 				{ top: -91px; }

.et-db #et-boc .iconBox .et_pb_blurb_description p 				{ min-height: 110px; }

.footerSec .locationBox ul 										{ flex-wrap: wrap; }
.footerSec .locationBox ul li 									{ font-size: 14px; line-height: 26px; }

/* ---------- Inner Banner Section ---------- */


}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 767px to 320px */
@media only screen and (max-width: 767px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 740px; padding: 0 15px;}
.et-db #et-boc .et-l .et_pb_row_0								{ width: 98%!important; padding: 0 15px!important; }
.et-db #et-boc .et-l .et_pb_row									{ width: 100% !important; max-width: 100%!important; padding: 0 15px!important; }

header.et-l .et_pb_row_0_tb_header								{ display: flex; }

.logoBox 														{ margin-bottom: 0 !important; }
.logoBox .et_pb_image img 										{ width: 120px !important; max-width: 120px !important; }

.menuBox 														{ padding-top: 40px !important; padding-bottom: 30px !important; position: absolute !important; }
.et-db #et-boc .et-l .et_pb_row--with-menu .menuBox				{ width: 92% !important; }
.menuBox ul.et_mobile_menu li.menu-item a 						{ padding: 15px 5% !important; line-height: 30px !important; }

.et-db #et-boc .biotech-sponsors-title							{ width: 100%; padding-bottom: 20px; }
.et-db #et-boc .biotech-sponsors-slider .owl-stage-outer 		{ width: calc(100% + calc((100vw - 100%) / 2)); }
.et-db #et-boc .biotech-sponsors-slider .owl-nav 				{ justify-content: flex-start; margin-top: 30px; position: static; }

.et-db #et-boc .iconBox .et_pb_blurb_description p 				{ min-height: inherit; }

.footerSec .locationBox ul 										{ flex-wrap: wrap; }
.footerSec .locationBox ul li 									{ font-size: 14px; line-height: 26px; }

/* ---------- Inner Banner Section ---------- */
.teamBox .et_pb_blurb_content 									{ display: flex!important; flex-direction: column!important; }


}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 575px to 320px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root															{ --container-width: 100%; }
.container														{ max-width: 100%; padding: 0 15px; }
.et-db #et-boc .et-l .et_pb_row									{ max-width: 100%!important; padding: 0 15px!important; }


}