html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
@media only screen and (max-width: 1024px) {
#body-wrapper .rt-block.totop {display:none !important;}
#wrapper {margin: 0 auto;}
#footer, .push {height: auto;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*Top*/
/*Header*/
#rt-header .rt-container:before{width: 748px;}
#rt-header div.mod_search #mod-search-searchword {width: 175px;}
/*Menu*/
#wrapper ul.sf-menu > li > a, #wrapper ul.sf-menu > li > span {padding: 0 18px;}
/*Showcase*/
/*Feature*/
#rt-feature .rt-container:before{width: 748px;}
/*Maintop*/
#wrapper.homepage.itemlist div.catItemIntroText img{width: 100%;}
/*Content*/
#research div.catItemBody{margin: 0 0 2em 0;}
#blog span.catItemImage img, #blog span.itemImage img {width: 100%;}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
form dt{margin:0;}
#rt-main #contact-form-cont{width:60%}
#rt-main #contact-address{width:40%;}
#form-login input#modlgn_username,
#form-login input#modlgn_passwd,
div.mod_search input#mod-search-searchword{width:158px;}
#wrapper #rt-main #contact-form-cont {width: 42%;}
#wrapper #rt-main #contact-address {width: 58%;}
#wrapper #map {height: 280px;}
/*Sidebar*/
/*Mainbottom*/
#rt-mainbottom .rt-container:before{width: 748px;}
div.k2ItemsBlock.scientists ul li {margin: 0 15px 0 0; width: 112px;}
div.k2ItemsBlock.cols-4.solutions ul li {margin: 0 15px 0 0; width: 175px;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*Top*/
#wrapper #rt-top { height: 212px;}
/*Header*/
#rt-header .rt-container:before{width: 420px; left:0; height: 80px; top: -40px;}
#rt-header div.mod_search {left: 12px; right: 0; top: 9px; width: 380px;}
#rt-header div.mod_search #mod-search-searchword {width: 380px;}
/*Menu*/
select.select-menu{position: relative; left: 12px; width: 394px; top:4px;}
/*Showcase*/
#wrapper div.flex-nav-container{background: none; padding: 0 0 12px 0;}
#wrapper .flexCaptionInner {display: none;}
#wrapper .flex-control-nav {bottom: 8px;}
/*Feature*/
#rt-feature .rt-container:before{width: 420px; left:0;}
#wrapper #rt-feature .rt-container { padding: 35px 0 12px;}
/*Maintop*/
/*Content*/
#wrapper div.itemBody { margin: 0;}
#wrapper div.k2ItemsBlock.cols-4 ul li {margin: 0 2% 2em 0; width: 48%;}
#wrapper p.itemImg{float:none; margin: 0 0 16px 0;}
#research #wrapper div.K2ItemsRow div.catItemView div.catItemImageBlock{float:none; margin: 0 0 2em 0;}
#research span.catItemImage a{width: 100%;}
#research div.K2ItemsRow{padding: 0 0 3em 0;}
#research div.k2ItemsBlock.research p.itemImg,
#wrapper div.k2ItemsBlock.features p.itemImg{float:left; margin: 0 1em 1em 0;}
#team span.catItemImage a {width: 100%;}
#port div.itemContainer.cols-2 div.catItemView {margin:0;}
#port div.itemContainer.cols-3 div.catItemView {margin:0;}
#port div.itemContainer.cols-4 div.catItemView {margin:0;}
/*Images*/
#body-wrapper div.itemImageBlock, div.userItemImageBlock{float:none;}
div.catItemImageBlock, div.itemImageBlock{margin: 0 0 1em 0;}
span.catItemImage img, span.itemImage img, span.userItemImage img{width:100%;}
#wrapper p.itemImg a img{width: 100%}
span.catItemImage a{display: block;}
/*Columns*/
div.itemContainer{width:100% !important}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address{ width: 100%;}
.contact-form{margin:0;}
#wrapper form dt{margin:0;}
#wrapper form dd{margin:0 0 1em 0; width: 100%; float:none;}
#wrapper #contact-form-cont{margin:0 0 2em 0;}
/*Search*/
#wrapper #searchForm #search-searchword{margin-bottom:1em;}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login input[type="text"],
#form-login input[type="password"],
#wrapper #form-login input.inputbox,
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"],
#jform_contact_message, #commentText,
textarea#jform_profile_aboutme {width:395px}
#userName, #commentEmail, #commentURL { width: 395px;}
#team div.itemContainer {
float: left;
height: 320px;
margin: 0 5% 0 0 !important;
width: 45% !important;
}
/*Sidebar*/
/*Mainbottom*/
#rt-mainbottom .rt-container:before{width: 420px; left:0;}
#wrapper div.k2ItemsBlock.scientists ul li { margin: 0 15px 0 0; width: 125px;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
#footer{text-align: center;}
#footer div.smile {top: -18px; text-align: center !important }
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
/*Offline*/
#frame.outline{width: 460px;}
#frame.outline #counter, #frame.outline .counter_desc, p.estim{display: none;}
#wrapper li.pagination-start, #wrapper li.pagination-prev, #wrapper li.pagination-next, #wrapper li.pagination-end{display: none}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
/*Top*/
#wrapper #rt-top { height: 212px;}
/*Header*/
#rt-header .rt-container:before{width: 300px; left:0; height: 80px; top: -40px;}
#rt-header div.mod_search {left: 12px; right: 0; top: 9px; width: 265px;}
#rt-header div.mod_search #mod-search-searchword {width: 265px;}
/*Menu*/
select.select-menu{position: relative; left: 12px; width: 278px; top:4px;}
/*Feature*/
#rt-feature .rt-container:before{width: 300px; left:0;}
#wrapper #rt-feature .rt-container { padding: 35px 0 12px;}
/*Showcase*/
#wrapper div.flex-nav-container{background: none; padding: 0 0 12px 0;}
#wrapper .flexCaptionInner {display: none;}
#wrapper .flex-control-nav {bottom: 8px;}
/*Maintop*/
/*Content*/
#wrapper div.itemBody { margin: 0;}
#research #wrapper div.K2ItemsRow div.catItemView div.catItemImageBlock{float:none; margin: 0 0 2em 0;}
#research span.catItemImage a{width: 100%;}
#research div.K2ItemsRow{padding: 0 0 3em 0;}
#research div.k2ItemsBlock.research p.itemImg,
#wrapper div.k2ItemsBlock.features p.itemImg{float:left; margin: 0 1em 1em 0;}
#team span.catItemImage a {width: 100%;}
div.k2ItemsBlock.cols-4 ul li {margin: 0 0 2em 0; width: 100%;}
#port div.itemContainer.cols-2 div.catItemView {margin:0;}
#port div.itemContainer.cols-3 div.catItemView {margin:0;}
#port div.itemContainer.cols-4 div.catItemView {margin:0;}
/*Images*/
#body-wrapper div.itemImageBlock, div.userItemImageBlock{float:none;}
div.catItemImageBlock, div.itemImageBlock{margin: 0 0 1em 0;}
span.catItemImage img, span.itemImage img, span.userItemImage img{width:100%;}
#wrapper div.catItemIntroText img { width: 100%;}
/*Columns*/
div.itemContainer{width:100% !important}
/*Edit button*/
span.catItemEditLink, span.itemEditLink, span.userItemEditLink{display:none !important;}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address,
#body-wrapper .contact-misc p{ width: 100%;}
#wrapper form dt{margin:0;}
#wrapper form dd{margin:0 0 1em 0; width: 100%; float:none;}
/*Search*/
#wrapper #searchForm #search-searchword{margin-bottom:1em;}
div.search #searchForm fieldset.word label{display: block;}
div.search #searchForm #search-searchword{width: 60%;}
#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login input[type="text"],
#form-login input[type="password"],
#wrapper #form-login input.inputbox,
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"],
#jform_contact_message, #commentText,
textarea#jform_profile_aboutme {width:285px}
#userName, #commentEmail, #commentURL {width: 285px;}
#team div.itemContainer {
float: left;
height: 320px;
margin: 0 5% 0 0 !important;
width: 45% !important;
}
/*Sidebar*/
/*Mainbottom*/
#wrapper div.k2ItemsBlock.scientists ul li {height: 235px; margin: 0 15px 24px 0; width: 135px;}
#rt-mainbottom .rt-container:before{width: 300px; left:0;}
#wrapper div.k2ItemsBlock.cols-4.solutions ul li{width: 100%; margin: 0 0 2em 0;}
#wrapper div.k2ItemsBlock.cols-4.solutions ul li img{width: 100%;}
/*Bottom*/
/*Footer*/
.rt-block.totop {display:none !important;}
/*404*/
#wrapper div.img404 {float: none; width: 100%; margin:0 0 2em 0;}
/*Offline*/
#frame.outline{width: 300px;}
#frame.outline #form-login input#username, #frame.outline #form-login input#passwd{width: 214px;}
#frame.outline #counter, #frame.outline .counter_desc, p.estim{display: none;}
}