body,html{font-family: 'Montserrat', sans-serif; color:#fff; /*line-height: 25px;*/}
#menu-open-close img{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
textarea {resize:none; box-shadow:none !important; outline:none !important; font-weight: 300; }
.no-space-margin {margin-right: 0px; margin-left: 0px;}
@font-face {
font-family:'Gotham-Book';
src: url('fonts/Gotham-Book.eot');
src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
url('fonts/Gotham-Book.woff') format('woff'),
url('fonts/Gotham-Book.ttf') format('truetype'),
url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-FB02;
}
@font-face {
font-family: 'montserratlight';
src: url('fonts/montserrat-light_allfont.net.woff2') format('woff2'),
url('fonts/montserrat-light_allfont.net.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'HelveticaNeue-Roman';
src: url('fonts/HelveticaNeue-Roman.eot');
src: url('fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
url('fonts/HelveticaNeue-Roman.woff') format('woff'),
url('fonts/HelveticaNeue-Roman.ttf') format('truetype'),
url('fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
font-weight: 400;
font-style: normal;
font-stretch: normal;
unicode-range: U+0020-F002;
}
.row {
margin-right: -15px !important;
margin-left: -15px !important;
}
.transition{-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: 1s; transition: all 1s;}
.transition-default {transition: all .5s ease; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: 5s;}
.hover{ cursor: pointer !important;}
.text-height { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.item_left.small-block .text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 34px; /* fallback */ -webkit-line-clamp: 1; /* number of lines to show */ -webkit-box-orient: vertical;}
.item_left.small-block .text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* fallback */ max-height: 50px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.read-more-image {min-height:570px; width: 100%; object-fit: cover }
.recentft.small-block.press-tablet.press-mobile.news-height h3 {display: none}
.column { margin-bottom: 20px;}
.content-inn { margin: 0 15px 20px 15px;}
/*************** MARGIN CSS ***********************/
.no-margin {margin-left:0px !important; margin-right:0px !important;}
.margin-left {margin-left:0px;}
.margin-right {margin-right:0px;}
.margin-ten {margin-left:10px; margin-right:10px;}
.margin-fifteen {margin-left:15px !important; margin-right:15px !important;}
.margin-left-minus { margin-left: -5px !important }
.margin-right-minus { margin-right: -5px !important }
/*************** PADDING CSS ***********************/
.no-padding {padding-left:0px !important; padding-right:0px !important;}
.padding-left {padding-left:0px !important;}
.padding-right {padding-right:0px !important;}
.padding-right-ten {padding-right:10px !important;}
.padding-ten {padding-left:10px !important; padding-right:10px !important;}
.padding-left-ten {padding-left:10px !important;}
.padding-left-ten2 {padding-left:10px !important; padding-right:0px !important;}
.padding-left-ten3 {padding-left:0px !important; padding-right:10px !important;}
.padding-fifteen {padding-left:15px !important; padding-right:15px !important;}
.padding-left3 {padding-left:10px !important; padding-right:15px !important;}
/*********************** top-search-panel *****************************/
.top-search-panel {padding-top: 70px; padding-bottom: 50px;}
/************************** FOOTER ****************************/
footer {padding:15px 0 0px;}
.footer-icon {color: #b7b9bb; font-size: 25px !important;}
.footer-icon2 {color: #b7b9bb; font-size: 20px !important;}
/*footer-search*/
.footer-search {margin:0; padding:0px 0 62px; display: block;}
.footer-search h2{margin:0px; padding:0px 0 20px 0; text-transform: uppercase; font-size: 14px; color: #000}
.footer-container {border-bottom: 2px solid #231f20; margin-bottom: 30px; padding-top: 37px;}
.footer-bottom-logo {text-align: center; background: #fff; padding: 50px 0; cursor: pointer; margin-bottom: 20px;}
.footer-bottom-logo img {margin: 0 auto; text-align: center; width: 50%;}
div.footer-bottom-logo:hover {background:#f4f4f5;}
/******************FOOTER LOGO ***********************/
.footer-logo { border-top: 1px solid #b7b9bb; margin: 15px 0 35px !important; padding: 50px 0 0px;border-bottom: 1px solid #b7b9bb; }
.footer-logo ul { margin: 0 0px 0 20px; padding: 0px; list-style: none;}
.footer-logo li{ display: inline-block; width: 19%; text-align: center;}
.footer-logo li img { width: 70%; margin: 0 auto; text-align: center;}
.footer-logo li a{color: #000;}
.footer-logo li.last {margin-right: 0px;}
.footer-logo img { width: 60%; margin: 0 auto; text-align: center; padding-bottom: 100px;}
.foooter-address-bar {margin:0px 0 35px;}
.foooter-address-bar p {font-family:'HelveticaNeue-Roman'; font-size: 14px; color: #6d6e70; margin:0px; padding: 0px;}
.foooter-address-bar p a {color: #6d6e70;}
.footer-map-icon {color: #000; font-size: 25px !important; margin-right: 15px; margin-top: -5px; float: left}
.footer-envelope-icon {color: #000; font-size: 20px !important; margin-right: 15px; margin-left: 20px; float: left}
.footer-tel-icon {color: #000; font-size: 23px !important; margin-right: 15px; float: left}
.footer-social-icon {margin:0px;}
.footer-social-icon ul{margin:0px; padding: 0px; list-style: none}
.footer-social-icon li{ float: left; margin-right: 50px; font-size: 20px !important; color: #000;}
.footer-social-icon li a{color: #000;}
.footer-social-icon li.last {margin-right: 0px;}
.footer-close-panel {background: #32afe0; padding: 20px 0; width: 100%;}
.footer-close-panel p {font-family:'HelveticaNeue-Roman'; font-size: 12px; margin-bottom: 0px; padding: 0px;}
.footer-close-panel p a{color: #fff;}
.footer-close-panel p span a{color: #262261; font-weight: bold}
.footer-close-panel .more-button p a{ text-transform: uppercase; font-size: 14px; text-align: center; color: #fff; cursor: pointer;}
.footer-more { float: right; width: 30%; margin-left: 5px; margin-top: -5px;}
.footer-links h2 {color: #6d6e70; font-size: 14px; border-bottom: 1px solid #b7b9bb; padding-bottom: 15px; margin-bottom: 18px;}
.footer-links {margin:0px; padding: 0px 0 77px 0}
.footer-links ul{margin:0px; padding: 0px; list-style: none}
.footer-links li{ font-size: 14px; color: #6d6e70; margin-bottom: 15px;}
.footer-links li a{color: #6d6e70;display: inline;font-family:'HelveticaNeue-Roman'; font-size: 14px;}
.fixed-footer-bar{ position: fixed; bottom: 0; width: 100%;}
.logo {padding: 0px 0 0px;}
/****** HOMEPAGE LIGHTBO MENU ********/
/*social-icon-top*/
.social-icon-top {margin:0px; padding:0px;}
.social-icon-top ul {list-style: none; margin:0px; padding:0px;}
.social-icon-top li { display: inline-block; margin-right: 50px; font-size: 20px !important; font-weight: 700; color:#fff;}
.social-icon-top li a { color: #fff; border-radius: 100%; min-width: 35px; min-height: 35px; text-align: center; display: block; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: 1s; transition: all 1s; padding-top:3px;}
.social-icon-top li a:hover{ color:#fff; border:2px solid #fff; border-radius:100%;}
.nav-top {position: relative; right: 0px !important;}
.nav-midd {float: right; position: absolute; right: 55px; top:30px !important}
.hideOut{ display: none !important;}
.menu_fixed{ position: relative !important; right: -90%; animation: downtop 0.25s;}
@keyframes topdown {
0%{top: 0px;}
100%{top: 22px;}
}
@keyframes downtop {
0%{top: 22px;}
100%{top: 0px;}
}
/**************************** heading *************************/
.heading { padding: 8px 0; border-top: 1px solid #b7b9bb; border-bottom: 1px solid #b7b9bb; margin: 0 0 20px 0;}
.heading h1 { font-size: 27px; color: #cccecf; padding: 0px; margin: 0px; text-transform: uppercase;}
/********************************* publications page **************************/
.publication-category { min-height: 485px; padding: 45px 45px; position: relative; margin-bottom: 20px; cursor: pointer; transition: all 1s;}
.publication-category h3 { font-size: 15px; padding-bottom: 15px; color: #fff; margin: 0px; text-transform: uppercase;}
.publication-category h2 { font-size: 20px; padding-bottom: 25px; color: #fff; margin: 0px; min-height: 240px;}
.publication-category h2 a {font-size: 18px;text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 700; color: #fff; line-height: 27px;}
.publication-category-bottom { position: absolute; bottom: 40px; width: 75%; margin: 0 auto; left: 0%; right: 0%;}
.publication-inn { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0 20px; padding: 10px 0 15px;}
.publication-category-bottom p { padding: 0px 0 0px; color: #fff; margin: 0px; font-family: 'montserratlight'; font-size: 16px;}
.publication-category-bottom p a { color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.publication-category-btn { color: #fff; border-radius: 0px; border: 0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; font-size: 15px; font-weight: 400; text-transform: uppercase; line-height: 16px;}
.publication-category h3.light { font-size: 15px; color: #fff; margin: 0px; text-transform: uppercase; font-family: 'montserratlight'; font-weight: 400;}
/********************************* publications -height page **************************/
.publication-category-height {padding: 30px; position: relative; margin-bottom: 20px; cursor: pointer; transition: all 1s;}
.publication-category-height h3 { font-size: 15px; padding-bottom: 15px; color: #fff; margin: 0px; text-transform: uppercase;}
.publication-category-height h2 { font-size: 20px; padding-bottom: 25px; color: #fff; margin: 0px; }
.publication-category-height h2 a {font-size: 18px;text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 700; color: #fff; line-height: 27px;}
.publication-category-bottom-height { position: absolute; bottom: 40px; width: 83%; margin: 0 auto; left: 0%; right: 0%;}
.publication-inn { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0px 0 20px; padding: 10px 0 15px;}
.publication-category-bottom-height p { padding: 0px 0 0px; color: #fff; margin: 0px; font-family: 'montserratlight'; font-size: 16px;}
.publication-category-bottom-height p a { color: #fff; text-decoration: none; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
/************************ left-right-boxes *****************************/
.img-txt { padding: 55px 50px 0; position: relative; cursor: pointer;}
.img-txt h2 { font-size: 27px; color: #fff; padding: 0 0 40px 0; margin: 0px; text-transform: uppercase;}
.img-txt p { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px; font-family: 'montserratlight';}
.img-txt span { display: block; position: absolute; bottom: 37px; left: 50px;}
.img-txt span a { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px 0 0 0; text-transform: uppercase; text-decoration: none; display: inline-block;}
/************************ about us page ********************************/
.investigators-main { margin-bottom: 20px; cursor: pointer;}
.investigators-top { padding: 55px 90px; min-height: 320px;}
.investigators-bottom { padding: 20px 60px 0; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; min-height: 155px;}
.investigators-top img { width: 100%;}
.investigators-bottom h2 { color: #fff; font-size: 24px; margin: 0 0 5px; padding: 0; font-weight: 700;text-transform: uppercase;}
.investigators-bottom h4 { padding: 0; font-weight: 400;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 14px; margin: 15px 0 0; color: #fff;}
.investigators-bottom h3 { padding: 15px 0; border-top: 1px solid #fff; font-weight: 400; }
/******************************* news *******************************/
.recentft { padding: 50px 55px 0; /*min-height: 300px;*/ position: relative; float: left}
.recentft h2 { font-size: 27px; color: #fff; padding: 0 0 18px 0; margin: 0px; text-transform: uppercase;}
.recentft span.date { font-size: 15px; color: #fff; padding: 0 0 10px 0; margin: 0px; display: block; text-transform: uppercase;}
.recentft h3 {font-size: 15px; color: #fff; font-weight: 400; padding: 0 0 20px 0; margin: 0px 0 35px; text-transform: uppercase; border-bottom: 1px solid #fff;}
.recentft h5 {font-size: 13px; color: #fff; font-weight: 400; padding: 0 0 10px 0; margin: 0px 0 20px; text-transform: uppercase; border-bottom: 1px solid #fff;}
.recentft h4 a { font-size: 20px; line-height: 28px; color: #fff; padding: 0 0 10px 0; margin: 0px; text-decoration: none; display: inline-block;}
.recentft h4 { padding: 0px; margin: 0 0 15px 0; font-size: 15px;}
.recentft span.read a { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px; text-transform: uppercase; text-decoration: none; display: inline-block;}
.recentft span.read { position: absolute; bottom: 30px; left: 55px;}
.boxft { padding: 52px 55px 40px; /* cursor: pointer; */ background: url(images/box-img.png) top center no-repeat; background-size: cover !important; /* background-size: 100% !important; */ opacity: 0.85; height: 365px;}
.boxft h2 { font-size: 30px; color: #fff; padding: 0 0 20px 0; margin: 0px; text-transform: uppercase;}
.boxft span { font-size: 90px; color: #fff; padding: 0 0 40px 0; margin: 0px; display: block; line-height: 68px;}
.boxft h3 { font-size: 20px; text-transform: none; color: #fff; padding: 0 0 20px 0; margin: 0px;}
.boxft a { font-size: 15px; line-height: 25px; color: #fff; padding: 0px; margin: 0px; text-transform: uppercase; text-decoration: none; display: inline-block;}
.con-txt { padding: 55px 50px 0;}
.con-txt h2 { font-size: 27px; padding: 0 10px 31px 0;}
.con-txt h2, .con-txt h3 { color: #fff; margin: 0; text-transform: uppercase;}
.con-txt p {padding: 0 0 33px; margin: 0;}
.con-txt a, .con-txt p { font-size: 15px; line-height: 25px; color: #fff;}
.text3-link-control.large-block { position: relative;}
.con-txt a { margin: 0 0 46px; padding: 0; text-transform: uppercase; text-decoration: none; display: inline-block!important; cursor: pointer;}
.text3-link-control.large-block a { position: absolute; bottom: -10px;}
.recent { padding: 55px 55px 0;}
.recent h2 { font-size: 27px; padding: 0 0 18px;}
.recent p { padding: 0 0 33px;}
.recent p, .recent span.read a, .role span a { font-size: 15px; line-height: 25px; margin: 0; color: #fff;}
.recent h3 { font-size: 25px; line-height: 35px; padding: 0 0 66px;}
.names, .recent h2, .recent h3, .recent span.date, .tweet p { color: #fff; margin: 0;}
.itemft h2, .itemft span.date, .itemft span.names, .itemft span.read a, .middle h2, .names, .newsft h2, .newsft span.date, .recent h2, .recent h3, .recent span.read a, .recentft h2, .recentft span.date, .recentft span.names, .recentft span.read a, .recentft span.readn a, .role span a, .team h2 { text-transform: uppercase;}
.names { font-size: 15px; padding: 0; display: block; position: absolute; bottom: 42px;}
.newsletter-input { background: 0 0; padding: 5px 0; color: #fff; border-left: 0; border-right: 0; border-top: 0; margin-bottom: 0px; outline: 0; font-size: 15px; width: 100%;}
.newsletter-input:placeholder-shown { color: #fff; font-size: 15px; font-weight: 400;}
.newsletter-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
}
.newsletter-input::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.newsletter-input::-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.newsletter-input::-moz-placeholder { /* Firefox 18- */
color: #fff;
}
.recentft form { margin: 0; position: absolute; bottom: 42px; width: 70%;}
.newsletter-img { object-fit: cover; min-height: 330px;}
.con-txt p.address { font-size: 18px; line-height: 30px; color: #fff;}
.con-txt .listin p, .con-txt p.address { margin: 0; padding: 0;}
.map-icon { font-size: 30px!important; margin-top: 5px;}
#map { width: 100%; min-height: 317px; position: relative;}
.contact-header { padding: 55px 50px 0; position: relative; min-height: 317px;}
.contact-header h2 { font-size: 27px; color: #fff; padding: 0 0 40px 0; margin: 0px; text-transform: uppercase;}
.contact-bottom { display: block; position: absolute; bottom: 35px; left: 50px;}
.contact-bottom span { font-size: 20px; line-height: 25px; color: #fff; padding: 10px 5px; margin: 0px 0 0 0; text-transform: uppercase; text-decoration: none; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.contact-bottom span:hover { background: rgba(255,255,255,0.2);}
.contact-header-icon { float: left; width: 10%; margin-right: 10px;}
.contact-bottom span a { font-size: 20px; line-height: 25px; color: #fff; padding: 0px; margin: 0px 0 0 0; text-transform: none; text-decoration: none; display: block;}
.contact-bottom span.second { border-top: 0px;}
/*************************** read more page *********************/
.readmore-header { padding: 55px 50px 0; position: relative; min-height: 617px; cursor: pointer;}
.readmore-header h2 { font-size: 27px; color: #fff; padding: 0 0 40px; margin: 0;}
.readmore-header p { line-height: 25px;}
.readmore-header p, .readmore-header span a {font-size: 15px; color: #fff; padding: 0; margin: 0;}
.read-mobile, .read-mobile-contact, .read-open { padding: 0; text-decoration: none; background: 0 0; border: 0; font-size: 15px; color: #fff; text-transform: uppercase;}
.read-mobile, .read-mobile-contact { line-height: 25px; margin: 0; display: none!important;}
/*************************** carousel slider ***************************/
.itemft{ padding:0px; width:100%; float:left;padding:55px 55px 68px; display: none; z-index: 10; background: #c6d333;}
.itemft h2{font-size:27px; color:#fff; padding:0 0 26px 0; margin:0px; text-transform:uppercase;}
.itemft span.date{font-size:15px; color:#fff; padding:0 0 20px 0; margin:0px; display:block; text-transform:uppercase;}
.itemft h3 { padding:0px; margin:0px; }
.itemft h3 a{ font-size:20px; line-height:28px; color:#fff; padding:0 0 22px 0; margin:0px;text-decoration:none;
display:inline-block;}
.itemft span.names{font-size:15px; color:#fff; padding:0 0 70px 0; margin:0px; display:block; text-transform:uppercase;font-family: 'montserratlight';}
.itemft span.read a{ font-size:15px; line-height:25px; color:#fff; margin:0 0 30px 0; padding:0px; text-transform:uppercase; text-decoration:none; display:inline-block;}
.itemft.new-carousel h2 {border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 30px; float: left}
.itemft.new-carousel p{font-size: 15px; line-height: 25px;}
.itemft.new-carousel span.read a {position: absolute; bottom: 40px;}
.itemrt img { object-fit: cover}
.item_left.medium-block.carousel-width {position: relative;}
/**************************** CAROUSEL **************************/
.carousel-inner-two { position: relative; width: 100%; overflow: hidden;}
.carousel-inner-two > .item { position: relative; display: none;-webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;}
.carousel-inner-two > .item > img,
.carousel-inner-two > .item > a > img {line-height: 1;}
.carousel-inner-two > .active,
.carousel-inner-two > .next,
.carousel-inner-two > .prev { display: block;}
.carousel-inner-two > .active { /*left: 50%;*/}
.carousel-inner-two > .next,
.carousel-inner-two > .prev { position: absolute; top: 0; width: 100%;}
.carousel-inner-two > .next {left: 100%;}
.carousel-inner-two > .prev { left: -100%;}
.carousel-inner-two > .next.left,
.carousel-inner-two > .prev.right { /*left: 50%;*/}
.carousel-inner-two > .active.left {left: -100%;}
.carousel-inner-two > .active.right {left: 100%;}
.itemrt{ /*float:right; width:50%;*/}
.item-right{ float:right; width:50%;}
.slider .carousel-indicators{ margin:0px; text-align:left; left:52px;bottom: 25px;}
.slider .carousel-indicators li{ text-indent:0px; border:1px solid transparent; background:none; border-radius:0px; color:#fff; font-size:15px; margin-right:30px;width:20px; height:20px; text-align:center;}
.slider .carousel-indicators .active{ border:1px solid #fff;}
/************************ SORTING PANEL *****************************/
.sorting-dropdown { background: #f1f2f2; padding: 20px 10px; margin-bottom: 20px;}
.sorting-dropdown h2 { margin: 0px 0 20px 0px; padding: 0px; font-size: 15px; color: #000; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; text-align: center;}
.styled-select { width:245px; margin:0 auto; /*overflow: hidden;*/ border-bottom: 1px solid #000; height: auto; border-radius:0px; color: #c9c9c9; font-family: 'Montserrat', sans-serif; font-weight: 400}
.styled-select select { width: 100%; border: 0; font-size: 15px; border-radius:0px; line-height: 1.5; padding: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none;
background: transparent url("images/down-arrow.png") no-repeat scroll top right; text-transform: uppercase;
@
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
background: transparent url("images/down-arrow2.png") no-repeat scroll top right;
background-size: 16px 144px;
}
}
.styled-select select:hover {background: transparent url("images/down-arrow2.png") no-repeat scroll top right;}
.styled-select select option { line-height:60px; padding:20px 0 !important;}
/****************** START MEDIA QUERY ************************/
@media screen and (min-width: 320px) and (max-width: 380px) {
body {overflow-x: hidden;}
/*.logo {display: none !important;}*/
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 80%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 30px !important}
.foooter-address-bar p {font-size: 15px; line-height: 26px; margin-bottom: 40px;}
.footer-social-icon li {font-size: 25px !important}
.footer-more {width: 26%}
.footer-close-panel p {font-size: 13px; text-align: center; line-height: 21px;}
.mobile-more-btn {width:100px; margin:-75px auto 0; display: block}
.copyright-txt { margin-top: 40px; border-top: 1px solid #fff; padding-top: 15px;}
.footer-links {padding-bottom: 100px}
.top-seach-input:focus {width: 226px; background: #fff}
.navbar-toggle-main {right: 33px !important; /*top:75px !important;*/}
.menu_fixed {position: fixed !important;}
.social-icon-top {top:90% !important; left:0; right: 0 !important; width: 206px !important; margin: 10px auto 0 !important;}
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px;}
span.main ul li a {font-size: 20px !important; min-width: 40px; min-height: 39px;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .con-img img, .technlogy-inn-img, .directorimg.small-block, .directorimg.medium-block-strict { width: 100%; height: 233px !important; object-fit: cover;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header p.open { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.newsletter-img {min-height: 233px;}
.text3-link-control.large-block p {padding-bottom: 30px;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.investigators-top img { width: 80%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
/*.logo {display: none !important;}*/
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 80%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 30px !important}
.foooter-address-bar p {font-size: 15px; line-height: 26px; margin-bottom: 40px;}
.footer-social-icon li {font-size: 25px !important}
.footer-more {width: 26%}
.footer-close-panel p {font-size: 13px; text-align: center; line-height: 21px;}
.mobile-more-btn {width:100px; margin:-75px auto 0; display: block}
.copyright-txt { margin-top: 40px; border-top: 1px solid #fff; padding-top: 15px;}
.footer-links {padding-bottom: 100px}
.top-seach-input:focus {width: 226px; background: #fff}
.navbar-toggle-main {right: 33px !important; /*top:75px !important;*/}
.menu_fixed {position: fixed !important;}
.social-icon-top {top:90% !important; left:0; right: 0 !important; width: 206px !important; margin: 10px auto 0 !important;}
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px;}
span.main ul li a {font-size: 20px !important; min-width: 40px; min-height: 39px;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .con-img img, .technlogy-inn-img, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header p.open { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.readmore-header p.open {
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent!important;
}
.investigators-top img { width: 70%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
/*.logo {display: none !important;}*/
footer {padding: 0px;}
.footer-logo {margin:0px 0 40px !important; padding: 40px 0 0 0}
.footer-logo ul {margin: 0px;}
.footer-logo li {width: 49%; margin-bottom: 30px;}
.footer-logo li img {width: 80%;}
.footer-map-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 35px !important}
.footer-envelope-icon {display: block !important; float: none; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; font-size: 25px !important}
.footer-tel-icon {display: block !important; float: none; margin-bottom: 20px; font-size: 30px !important}
.foooter-address-bar p {font-size: 15px; line-height: 26px; margin-bottom: 40px;}
.footer-social-icon li {font-size: 25px !important}
.footer-more {width: 26%}
.footer-close-panel p {font-size: 13px; text-align: center; line-height: 21px;}
.mobile-more-btn {width:100px; margin:-75px auto 0; display: block}
.copyright-txt { margin-top: 40px; border-top: 1px solid #fff; padding-top: 15px;}
.footer-links {padding-bottom: 100px}
.top-seach-input:focus {width: 226px; background: #fff}
.navbar-toggle-main {right: 33px !important; /*top:75px !important;*/}
.menu_fixed {position: fixed !important;}
.social-icon-top {top:90% !important; left:0; right: 0 !important; width: 206px !important; margin: 10px auto 0 !important;}
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px;}
span.main ul li a {font-size: 20px !important; min-width: 40px; min-height: 39px;}
.heading h1 { font-size: 16px;}
.heading { margin: 0 5px 20px 5px;}
.content-inn { margin: 0 20px 20px 20px;}
.publication-category { padding: 33px 21px 0; min-height: 380px;}
.publication-category h2 { min-height: 100px;}
.publication-category-bottom { width: 85%; bottom: 30px;}
.publication-inn { padding: 5px 0; margin: 0px 0 50px;}
.publication-category-height { padding: 33px 21px 0;}
.publication-category-bottom-height { width: 85%; bottom: 30px;}
.publication-category-height.small-block {min-height: 330px;}
.publication-category-height.medium-block {min-height: 380px;}
.imaging { min-height: 380px; padding: 32px 22px 0}
.img-txt h2 { padding: 0 0 5px; line-height: 32px;}
.img-txt.imaging.no-fade-txt p { padding-bottom: 80px;}
.img-txt span { left: 22px; bottom: 30px;}
.img-txt { padding: 32px 22px 0;}
.img-txt.medium-block-strict { min-height: 410px;}
.img-txt.large-block-strict { min-height: 460px;}
.investigators-top {min-height: 210px; padding: 30px 60px;}
.investigators-bottom { padding: 20px 22px 0; min-height: auto;}
.name_container { min-height: auto;}
.investigators-bottom h2 { font-size: 20px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 16px;}
.padding-left-ten, .padding-right-ten, .padding-ten{ padding-right: 20px!important; padding-left: 20px!important;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .con-img img, .technlogy-inn-img, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 233px !important; object-fit: cover; min-height: 233px !important;}
.press-mobile { min-height: 340px;}
.recentft { padding: 30px 22px 50px; min-height: 268px;}
.recentft h2 { padding: 0 0 5px; line-height: 32px;}
.recentft span.read {left: 22px; bottom: 30px;}
.boxft { padding: 30px 22px; margin-bottom: 18px; background-size: cover !important; height: auto;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 85px; padding-bottom: 27px;}
.boxft h3 { font-size: 27px; padding-bottom: 15px;}
.boxft a {line-height: 10px;}
.recent { padding: 30px 22px; min-height: 240px;}
.recent h2 { padding: 0 0 5px; font-size: 26px;}
.con-txt p, .recent p, .recentft p { line-height: 26px; padding-bottom: 0px;}
.recent h3 { font-size: 22px; line-height: 33px; padding: 0 0 55px;}
.small-block span.names { bottom: 42px;}
.padding-left3 { padding-left: 20px !important; padding-right: 20px !important;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0; bottom: 40px;}
#map { min-height: 230px;}
.con-txt { padding: 30px 22px 50px;}
.address-txt, .home-header-txt { padding-bottom: 30px;}
.margin-fifteen { margin-left: 20px !important; margin-right: 20px !important;}
.contact-header { padding: 32px 22px; min-height: 268px;}
.contact-bottom { left: 20px;}
.text-height { max-height: 84px; -webkit-line-clamp: 3;}
.text-height2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 100px; /* fallback */ -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header p.open { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.readmore-header p.open {
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important;
-webkit-background-clip: text!important;
-webkit-text-fill-color: transparent!important;
}
.investigators-top img { width: 50%;}
.itemft {padding:35px; min-height: 400px;}
.slider .carousel-indicators {left: 35px;}
.text-height-p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 84px; /* fallback */ -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical;}
.text-height-h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 62px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical;}
.itemft.new-carousel h2 {padding-bottom: 20px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.social-icon-top {top:50% !important; }
.desktop-nav li {margin-bottom: 10px !important; font-size: 20px; width: 210px !important}
span.main ul li a {font-size: 20px !important; min-height: 35px; min-width: 35px;}
.mobile-more-btn {width: 90px; margin:0 auto;}
.foooter-address-bar p {font-size: 15px; line-height: 26px; margin-bottom:20px;}
.footer-social-icon li {font-size: 25px !important; margin-right: 30px;}
.footer-envelope-icon {margin-left: 0px;}
.publication-category { padding: 32px 30px 0; min-height: 555px;}
.publication-category h3 { font-size: 16px; font-family: 'montserratlight';}
.publication-category h2 { padding-bottom: 10px; min-height: 145px;}
.publication-category-bottom { bottom: 35px; width: 80%}
.publication-category h2 a { font-size: 16px; font-weight: 400; line-height: 22px;}
.publication-category-height { padding: 32px 30px 0; min-height: 555px;}
.publication-category-height h3 { font-size: 16px; font-family: 'montserratlight';}
.publication-category-height h2 { padding-bottom: 10px;}
.publication-category-bottom-height { bottom: 35px; width: 80%}
.publication-category-height h2 a { font-size: 16px; font-weight: 400; line-height: 22px;}
.investigators-top { min-height: 195px; padding: 24px 50px;}
.investigators-bottom { padding: 20px 30px 0; min-height: 130px;}
.name_container { min-height: 68px;}
.investigators-bottom h2 { font-size: 18px;}
.investigators-bottom h3, .investigators-bottom h4 { font-size: 12px;}
.text-height {max-height: 105px; -webkit-line-clamp:5;}
.boxft { padding: 32px 22px; margin-bottom: 18px; background-size: cover!important;height: 329px;}
.boxft h2 { font-size: 20px; padding-bottom: 14px;}
.boxft span { font-size: 60px; padding-bottom: 27px;}
.boxft h3 { font-size: 20px; padding-bottom: 10px;}
.boxft a { font-size: 13px; line-height: 10px;}
.recent { padding: 32px 30px 30px; min-height: 220px;}
.recent h2 { padding-bottom: 23px; font-size: 25px; line-height: 30px;}
.directortxt p, .imaging p, .recent p, .recentft p { font-size: 18px; line-height: 26px; padding-bottom: 0px;}
.recent h3 { padding-bottom: 30px;}
.recent h3 { font-size: 22px; line-height: 33px;}
.contact-header { padding: 32px 30px 0; min-height: 240px;}
.contact-bottom { left: 30px; bottom: 45px;}
.address-txt {padding: 32px 30px 45px !important;}
.recentft { padding: 32px 30px 0px;float: none;}
.newsletter-txt.small-block { min-height: 200px;}
.recentft form { margin: 0px 0 0 0; bottom: 40px; width: 92%;}
.contact-quote-text { padding: 32px 30px 50px; min-height: auto;}
.contact-quote-text:after { content: ""; position: absolute; background: url(images/quote2.png) right center no-repeat; background-size: 75%; right: 40px; width: 30%; height: 60%; top: 40px; z-index: 10000000;}
.contact-quote-text h3 { padding-right: 40%; line-height: 39px; padding-bottom: 15px;}
.contact-quote-text.small-block {min-height: auto;}
.news-image, .mapping-image, .stat-img, .news-header-img, .mapping-one-img, .investigator-image, .read-more-image, .header-image, .itemrt img, .recentrt img, .newsrt img, .equipment-header-img, .basic-research-img, .b-cluster-img, .contact-header-img, .newsletter-img, .research-image, .research-image-two, .research-image-three, .directorimg img, .videoin img, .con-img img, .technlogy-inn-img, .fix-height-mob.small-block, .fix-height-mob.medium-block-strict, .fix-height-mob.small-block img, .fix-height-mob.medium-block-strict img, .fix-height-mob.large-block-strict img, .fix-height-mob.large-block, .large-block-strict.fix-height-mob,
.large-block-strict.fix-height-mob img { width: 100%; height: 266px !important; object-fit: cover; min-height: 266px !important;}
.large-block.header-height-mob {min-height: auto;}
.large-block.header-height-mob p {padding-bottom: 30px;}
.large-block.news-height {min-height: 100%;}
.medium-block.denimblue-light {width: 100%}
.txt-height-mob.small-block {min-height: 100%; padding-bottom: 50px;}
.txt-height-mob.small-block p {padding-bottom: 30px;}
.medium-block-strict.txt-height-mob {min-height: 100%; padding-bottom: 50px;}
.medium-block-strict.txt-height-mob p {padding-bottom: 30px;}
.large-block-strict.txt-height-mob {height: 100%; padding-bottom: 50px; min-height: 100%}
.large-block-strict.txt-height-mob p {padding-bottom: 30px;}
.img-txt {padding: 32px 30px 60px}
.img-txt span {left: 30px;}
.small-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.medium-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.large-block.press-tablet {min-height: 100%; padding-bottom: 50px;}
.recentft span.read {left: 30px;}
.con-txt {padding: 32px 30px 60px}
.small-block.contact-quote-text.small-quote:after { background: none;}
.small-block.contact-quote-text.small-quote {min-height: 375px;}
.padding-right-ten { padding-right: 15px !important;}
.padding-right-ten { padding-right: 10px!important;}
.padding-left3 { padding-right: 15px!important;}
.padding-left-ten { padding-left: 15px!important;}
.padding-left3, .padding-right-ten { padding-right: 15px!important;}
.padding-tablet-left, .padding-tablet-middle { padding-right: 10px!important;}
.padding-tablet-middle, .padding-tablet-right { padding-left: 10px!important;}
.readmore-header { padding: 35px 30px 80px; min-height: 220px;}
.read-mobile, .read-mobile-contact { font-size: 15px; line-height: 10px; color: #fff; padding: 0; text-transform: uppercase; text-decoration: none; display: block!important; background: 0 0; border: 0; outline: 0; z-index: 1; position: relative;}
.readmore-header { padding: 30px 21px 1px; min-height: 280px;}
.read-mobile { margin: 40px 0 30px;}
.readmore-header p.open { background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%)!important; -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
.carousel-width {width: 100% !important; left: 0% !important; right: 0% !important}
.itemft {padding: 35px;}
.slider .carousel-indicators {left: 35px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.footer-envelope-icon {margin-left: 0px;}
.footer-social-icon li {margin-right: 40px;}
.img-txt { padding: 50px 42px 0;}
.img-txt h2 { padding-bottom: 24px; font-size: 24px; line-height: 30px;}
.img-txt span { bottom: 30px; left: 42px}
.img-txt span a { font-size: 14px;}
.img-txt.medium-block-strict { min-height: 422px;}
.img-txt h2 { padding-bottom: 24px; font-size: 24px; line-height: 30px;}
.img-txt.medium-block-strict span { bottom: 39px;}
.img-txt span a { font-size: 14px;}
/*.research-image-three { height: 422px !important;object-fit: cover;}
.research-image-two { height: 391px !important; object-fit: cover; width: 100%;}*/
.publication-category { padding: 50px 42px; min-height: 495px;}
.publication-category h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category h2 { min-height: 120px;}
.publication-category h3.light { font-size: 13px;}
.publication-category-bottom { bottom: 39px;}
.publication-category { padding: 50px 42px; min-height: 495px;}
.publication-category h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category h2 a { font-size: 16px; line-height: 22px;}
.publication-category-btn { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-bottom p a { font-size: 13px;}
.publication-category-bottom p { font-size: 13px;}
.publication-category-height { padding: 50px 42px; min-height: 495px;}
.publication-category-height h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-height h3.light { font-size: 13px;}
.publication-category-bottom -height{ bottom: 39px;}
.publication-category-height { padding: 35px 26px; min-height: 495px;}
.publication-category-height h3 { font-family: 'montserratlight'; font-size: 14px;}
.publication-category-height h2 a { font-size: 16px; line-height: 22px;}
.publication-category-bottom-height p a { font-size: 13px;}
.publication-category-bottom-height p { font-size: 13px;}
.investigators-top { padding: 50px 80px; min-height: 270px;}
.investigators-bottom {padding: 20px 40px 0; min-height: 130px;}
.investigators-bottom h2 { font-size: 20px; margin-bottom: 3px;}
.investigators-bottom h4 { margin-bottom: 10px;}
.investigators-bottom h3 { margin: 15px 0 0 0;}
.contact-header, .recent, .recentft { padding: 50px 42px 0;}
.recentft span.read { left: 45px; bottom: 39px;}
.text-height {-webkit-line-clamp:4; max-height: 90px;}
.read-more-image {min-height:570px; width: 100%; object-fit: cover }
.readmore-header {min-height: 570px}
.itemft {padding: 35px 35px 48px}
.slider .carousel-indicators {left: 35px;}
}
@media screen and (min-width: 991px) and (max-width: 1999px) {
.bottom_social {right:6% !important; top: 80% !important;}
.broad-menu li a{font-size: 24px !important}
.boxft span {font-size: 69px;}
.directorimg img {min-height: 317px; width: 100%; object-fit: cover}
.contact-bottom {right: 20px;}
}
@media screen and (min-width: 1200px) and (max-width: 3000px) {
.bottom_social {right:6%; top: 80% !important;}
}
/********************* media query for publication bottom width *********************/
@media screen and (min-width: 481px) and (max-width: 530px) {
.publication-category-bottom { width: 90%;}
.publication-category-bottom-height { width: 90%;}
}
@media screen and (min-width: 531px) and (max-width: 670px) {
.publication-category-bottom { width: 92%;}
.publication-category-bottom-height { width: 92%;}
}
@media screen and (min-width: 671px) and (max-width: 767px) {
.publication-category-bottom { width: 94%;}
.publication-category-bottom-height { width: 94%;}
}
/************************** transparant txt css ********************/
@media screen and (min-width: 321px) and (max-width: 360px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 361px) and (max-width: 400px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 401px) and (max-width: 460px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 461px) and (max-width: 520px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 521px) and (max-width: 590px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 591px) and (max-width: 710px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
@media screen and (min-width: 711px) and (max-width: 990px) {
.readmore-header p { font-size: 18px; line-height: 26px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text!important; -webkit-text-fill-color: transparent!important;}
}
/*************************** dropdown style **************************/
@media screen and (min-width: 320px) and (max-width: 380px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 381px) and (max-width: 480px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.styled-select { width: auto; margin: 0 auto 15px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.selectboxit-container .selectboxit { width: 215px !important;}
.styled-select { width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.selectboxit-container .selectboxit { width: 215px !important;}
.styled-select { width: 100%;}
}