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

@media only screen and (max-width:1297px){}

@media only screen and (max-width:1166px){
.top-had-left { margin-left: 0px;}
.navbar-nav > li > a {     padding: 7px 16px 7px 16px;}
.search input { width: 87%;}
.extra-size { width: 100%;}
.news h1 { margin: 9px 0px 10px 0px; font-size: 16px;}
.news h2 { margin-bottom: 10px; font-size: 13px;}
.news p { margin: 0px 0px 5px 0px;}
.news { height: 359px;}
.events { width: 32%;}
.event-date { width: 21%;}
.event-detail { width: 100%;}
.events { width: 33%;}
.top-had-right { margin-right: 0px;}
.know-more a { margin-top: 10px;}
.name-staff { width: 18%;}
.email-staff {width: 42%;}
.left-staff { width: 37.9%;}
.right-staff { width: 61.9%;}
.main-staff h1 {font-size: 14px;}
.focus-big figure{width: 55%;}
.focus-big figure img{width: 100%; height: auto;}
.focus-big-text { width: 44%;}
.institutional-box {width: 47.9%;}
.focus-big-text p { line-height: 15px;}
.focus-big-text h1 { margin-top: 3px;}
.main-clr-bg2 { width: 48%;}
.listing-spc-box-1 { width: 43%;}
.num-spc { float: left; clear: both;}
.focus-form input[type="submit"] { width: 17%;}
.videos .institutional-box { width: 31%;}
.focus-areas { padding: 14px 0px 14px 15px;}
#myCarousel2 .caption { height: 153px;}
.mCSB_inside > .mCSB_container { margin-right: 0px;}
.focus-areas ul li li a { font-size: 16px;}
.technologies h1 { margin: 0px 0px 5px 0px; font-size: 19px;}
.event-detail h2 { width: 72%;}
.f-box-4 { width: 52%;}
.f-box-2 { width: 17%;}


}







@media only screen and (max-width:1024px){
.banner { width: 64.4%;}
.news { width: 35%; height: auto;}
.news h1 { margin: 5px 0px 5px 0px;}
.news h2 { margin-bottom: 6px;}
.news p { margin: 0px 0px 7px 0px; font-size: 12px;}
.container { width: 100%;}
.top-had-left {width: 58%;}
.events { width: 33.2%;}
.technologies #myCarousel2 .caption { height: 150px;}
}




@media only screen and (max-width:850px){
.navbar-nav > li > a { padding: 7px 8px 7px 8px;}
.search { width: 23%;}
.technologies {  width: 33%;}
.events { width: 34%;}
.event-main { padding: 25px 22px 0px 22px;}
.f-box-1 { width: 19%;}
.f-box-2 { width: 19%;}
.f-box-3 { width: 15%;}
.f-box-4 { width: 47%;}
.links-location {  width: 33%; margin: 10px 0px 0px 0px;}
.links-bottom { width: 67%;}
.focus-areas ul { width: 100%;}
.banner { width: 100%; margin-bottom: 15px;}
.news { width: 100%;}
.news img{ float: left;margin-right: 0;}
.news .caption{margin: 10px 0px 0px 0px;float: left;width: 54%;}
.news h1 { font-size: 18px; margin:0px 0px 15px 0px;}
.news h2 { margin-bottom: 15px; font-size: 14px;}
.news .carousel-control { top: 79px; width: 2.7%;}
.top-had-left { width: 55%;}
.technologies { width: 36%;}
.events { width: 34.2%;}
.event-detail p { height: 80px;overflow: hidden;}
.focus-areas ul li a { font-size: 15px;}
.focus-areas ul li li a {font-size: 14px;}
.technologies #myCarousel2 .caption {height: 185px;}
.hlf-staff h1 { padding: 25px 10px;}
.name-staff {font-size: 13px;}
.phone-staff { font-size: 13px;}
.email-staff { font-size: 13px;}
.institutional-box { width: 47.6%;}
.listing-spc-box-2 { width: 49%;}
.focus-areas-right .main-clr-bg { width: 100%;border-right: 0;}
.focus-areas-right .main-clr-bg2 { width: 100%;margin: 0 5px;}
.focus-areas-right .listing-spc-box-1 { width: 35%;}
.focus-areas-right .listing-spc-box-2 { width: 60%;}
.focus-areas-right .num-spc { float: right; clear: none;}
.focus-form input { width: 25%;}
.focus-areas ul ul { width: 100%;}
.videos .institutional-box { width: 30.8%;}
.news .figure-link { width: 46%;}
.news .heading-click a { top: 180px; z-index: 99; left: 0; height: 23px;}
.last-nav { left: -98px;}
.modal-dialog { width: 90%;}
.modal-dialog {margin: 0px auto;}
}







@media only screen and (max-width:768px){
.top-had-left { width: 50%;}
.social { margin-top: 10.4%;}
.navbar-default .navbar-nav > li > a { font-size: 12px;}
.news .caption { width: 52%;}
.news .carousel-control {top: 64px; width: 2.9%;}
.focus-areas ul li a { font-size: 14px;}
.technologies h1 { padding: 20px 12px 20px 12px;}
.technologies p { padding: 0px 12px 12px 12px;}
.events h1 { padding: 20px 12px 0px 12px;}
.focus-areas { padding: 14px 10px 14px 12px;}
.event-main { padding: 25px 12px 0px 12px; height: 295px;}
.f-box-4 { width: 47%;}
.f-box-3 { width: 18%;}
.f-box-1 { width: 15%;}
.f-box-2 { width: 20%;}
.links-bottom { width: 76%;}
.links-location { width: 24%;}
.technologies #myCarousel2 .caption { height: 199px;}
.name-staff { width: 15%;}
.email-staff { width: 44%;}
.phone-staff { margin-right: 7px;}
.main-staff h1 { font-size: 12px;}
.left-staff { width: 35.9%;}
.right-staff { width: 63.9%;}
.new-staff { font-size: 11px;}
.institutional-box { width: 47.4%;}
.focus-big figure { width: 100%;}
.focus-big-text { width: 100%; padding: 10px;}
.main-clr-bg { width: 48%;}
.main-staff h1 { padding: 16px 18px;}
.listing-spc-box-1 { width: 43%; font-size: 12px;}
.focus-areas-detail ul { margin-left: 19px;}
.focus-areas-right .listing-spc-box-1 {  width: 34%;}
.videos .institutional-box { width: 30.4%;}
.logo { font-size: 130%;}
.logo a p.logo-p1 { font-size: 19px;}
.logo a p.logo-p2 { font-size: 16px;}
.event-detail h2 { font-size: 13px; margin-bottom: 10px;}
.event-detail p { margin-bottom: 0px;}
.know-more a { padding: 6px 25px 6px 25px;}
}











@media only screen and (max-width:767px){
.top-had-left { margin-left: 0px;}
.top-had-right { margin-right: 0px;}
.top-had-right ul li a { font-size: 11px; padding: 1px 8px 0px 12px;}
.top-had-left { width: 100%; font-size: 12px;}
.logo { margin-left: 0;}
.logo img{ width: 100%; height: auto; }
.search { width: 33%; margin: 1px 0px 1px 0px;}
.news .caption { width: 41%;}
.news h1 { font-size: 16px; margin: 0px 0px 5px 0px;}
.news h2 { margin-bottom: 8px; font-size: 13px;}
.mCSB_inside > .mCSB_container { margin-right: 18px;}
.f-box-1 { width: 33%;}
.f-box-2 { width: 33%;}
.f-box-3 { width: 33%;}
.f-box-4 { width: 100%; margin-top: 25px;}
.navbar-collapse {position: absolute;background-color: #fff;z-index: 9;right: 0;width: 45%;border: 1px solid #ccc !important; z-index: 99;}
.navbar-default .navbar-nav > li > a { color: #2a2a2a;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ color:#fff;}
.navbar-nav { margin: 0px -15px;}
.navbar-default .navbar-toggle { border-color: #fff; padding: 4px 5px; border-radius: 0px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.social { margin-top: 9.4%; margin-right: 0px;}
.technologies #myCarousel2 .caption {height: 222px;}
.news .carousel-control {  width: 3.4%; top: 48px;}
.name-staff { width: 18%;}
.email-staff { width: 34%;}
.left-staff { width: 100%;}
.right-staff { width: 100%;}
.main-staff h1 { font-size: 13px;}
.new-staff { font-size: 12px;}
.institutional-box { width: 100%;}
.institutional-left .vr-line-inner{ display: none; }
.vr-line-inner2 { display: none;}
.listing-search input { width: 53%;}
.listing-spc-box-1 { width: 35%;}
.main-clr-bg { width: 100%;  border-right: 0;}
.main-clr-bg2 { width: 100%; margin: 0 5px;}
.listing-spc-box-2 { width: 60%;}
.num-spc { float: right; clear: none;}
.focus-areas ul li li a { font-size: 16px;}
.focus-areas ul li a { font-size: 17px;}
.focus-form select { width: 100%; height: 35px;}
.listing-search input { width: 100%; height: 35px; margin-top: 12px;}
.focus-form input[type="submit"] { width: 31%;}
.focus-areas-right .listing-spc-box-1 {width: 33%;}
.tech-commercialized li img{ width: 100%; height: auto; }
.videos .institutional-box { width: 29.9%;}
.top-had {  padding-bottom: 10px;}
.logo a strong { font-size: 82%; line-height: 16px;}
.logo a p.logo-p1 { font-size: 17px; line-height: 9px;}
.logo a p.logo-p2 { font-size: 13px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #a7a7a7;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}
.focus-areas { width: 50%;}
.technologies { width: 47.9%;}
.technologies #myCarousel2 .caption { height: 203px; }
.events { width: 100%;    padding-bottom: 0px;  height: auto;}
.event-date {width: 14%; text-align: center; border-right: 1px solid #636363;}
.event-detail { width: 100%; margin: 0px 0px 0px 0px;}
.hr-line { width: 100%;height: 1px; margin: 6px 5px;}
.event-detail h2 { width: 82%; font-size: 16px;}
.event-detail p { margin-top: 20px;}
.know-more a { padding: 12px 25px 12px 25px;}
}






@media only screen and (max-width:568px){
.top-had-right ul li a { font-size: 10px; padding: 0px 6px 0px 6px;}
.social {margin-right: 0px;}
.news img { width: 100% !important;}
.news .caption { width: 53%;}
.news a.left img{width: auto !important;}
.news a.right img{width: auto !important;}
.news .carousel-control { top: 45px; width: 4.2%;}
.news h2 { font-size: 12px;}
.links-bottom { width: 100%; margin-bottom: 15px;}
.footer-bottom-left { width: 100%; text-align: center;}
.footer-bottom-right { width: 100%; text-align: center;}
footer h3 { margin-bottom: 10px;}
.name-staff { width: 25%;}
.email-staff { width: 64%;}
.inner-let { width: 100%;}
.inner-right { width: 100%;}
.search-select { width: 30%;}
.listing-search input { width: 40%;}
.focus-areas-detail ul {float: none;}
.focus-areas ul ul { width: 90%;}
.focus-form select { width: 25%;}
.listing-search input { width: 25%;}
.focus-form input[type="submit"] {  width: 19%;}
.videos .institutional-box { width: 96%;}
.logo { font-size: 160%;}
.logo a p.logo-p1 { font-size: 21px;}
.logo a p.logo-p2 { font-size: 15px;}
.social { margin-top: 0%; margin-bottom: 15px;}
.links-location { width: 100%;}
}





@media only screen and (max-width:480px){
.top-had-left { width: 100%;}
.top-had-right { float: left; margin-top: 5px;}
.top-had-right ul li a { font-size: 11px; padding: 1px 13px 0px 13px;}
.search {width: 40%; margin: 1px 0px 1px 0px;}
.focus-areas { width: 49.5%;}
.technologies h1 { font-size: 16px;}
.event-detail {  width: 100%;}
.f-box-1 { width: 27%;}
.f-box-2 { width: 39%;}
.links-location { width: 100%;}
.p-footer { padding: 0px 30px;}
.technologies #myCarousel2 .caption { height: 224px;}
.navbar-nav > li > a { padding: 7px 7px 7px 13px;}
.phone-staff { margin-left: 18px; float: left;}
.email-staff { width: 100%; text-align: left; margin-left: 14px; padding: 0px 0px;}
.new-staff {  width: 69%; float: left;}
.hlf-staff {  height: auto;}
.inner-let { width: 100%;border-right: 0;padding: 0;}
.inner-right { width: 100%;}
.listing-spc-box-2 { width: 59%;}
.num-spc { float: left; clear: both;}
.listing-search input { width: 24%;}
#contactleft { width: 100%; border-bottom: 1px dotted #aaa;border-right: 0;}
#contactright { width: 100%; margin-top: 10px;}
.img-manage img{  max-width: 100%; height: auto; margin-bottom: 8px; }
.footable-visible p { width: 96%;}
.logo { font-size: 133%;}
.logo a p.logo-p1 { font-size: 17px;}
.logo a p.logo-p2 { font-size: 13px;}
}








@media only screen and (max-width:375px){
.search { width: 50%;}
.news img { width: 100% !important;}
.news .caption { width: 100%;}
.hr-line375 { width: 100%;height: 1px; margin: 6px 5px;}
.focus-areas { width: 100%;}
.technologies { width: 100%;height: auto;}
.event-date { width: 17%;}
.event-detail { width: 78%;}
.navbar-collapse { width: 85%;}
.social { margin-top: 0%; margin-bottom: 12px;}
.new-staff { width: 59%;}
.top-had-right ul li a { font-size: 10px; padding: 5px 5px 0px 5px;}
.search-select { width: 100%; height: 35px;}
.listing-search input {width: 100%; height: 35px; margin-top: 12px;}
.listing-search input[type="submit"] { margin-left: 0px;}
.listing-spc-box-1 { width: 100%;}
.listing-spc-box-2 { width: 100%; margin-bottom: 18px; border-bottom: 1px solid #ff0000;padding: 6px 11px;}
.vr-gry-line {display: none;}
.name-staff { width: 55%;}
.phone-staff { margin-left: 13px;}
.focus-form select { width: 100%;}
.focus-areas ul ul { width: 82%;}
.focus-form input[type="submit"] { width: 30%;}
.focus-areas-right .listing-spc-box-1 {  width: 100%;}
.focus-areas-right .listing-spc-box-2 { width: 100%;}
.tech-commercialized li { width: 100%;}
.footable-visible p { width: 95%;}
.videos .institutional-box { width: 94%;}
.news .carousel-control {top: 115px;}
.register-popup figure img { width: 100%;}
}







@media only screen and (max-width:364px){
.social { margin-top: 0%; margin-bottom: 10px;}
.search { width: 60%;}
.news img { width: 100% !important;}
.news .caption { width: 100%;}
.event-detail { width: 77%;}
.f-box-1 { width: 100%;}
.f-box-2 { width: 100%;}
.f-box-3 { width: 100%;}
footer h3{ margin-bottom: 4px; margin-top: 15px;}
.top-had-right ul li a {padding: 6px 5px 0px 4px; font-size: 10px;}
.name-staff {  width: 66%;}
.email-staff { width: 93%;}
.new-staff { width: 58%;}
.listing-spc-box-1 { width: 98%;}
}




@media only screen and (max-width:320px){
.top-had-right ul li a { padding: 6px 9px 0px 9px; font-size: 10px;}
.news .carousel-control { top: 75px;}
.links-bottom ul li { width: 100%; margin: 0px 0px 0px 0px;}
.name-staff { width: 60%;}
.new-staff { margin: 0px 0px 0px 10px; width: 48%;}
.footable-visible p { width: 94%;}
}