/*body *{	-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}*/
/*----Responsive Css Start---*/
@media (min-width: 991px){
#mobilenav{display:none!important;}
.responsivetopnav{display:block!important}
}

@media (min-width: 1000px){
body{min-width: 1000px}
}

@media (min-width: 990px) and (max-width:1024px){
    

}

@media (max-width:990px){
.modal2{width: 100%;display: block; margin: 50% 0 0 -300px; position: relative;top: 40%;right: 0%;}
.header .logo{right: 90px;}
.menu ul{margin:0;}
html, body{overflow-x: hidden;}
.responsivetable{width:100%;overflow-x: auto}
input[type='submit'],input[type='reset'],input[type='button'],textarea{-webkit-appearance: none;-webkit-border-radius: 0;}
html, body{width:100%;min-width: inherit}
.innercontainer{width:90%;}
.responsivetopnav{display:none;background:#075695;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;position:absolute;top:50px;right:2%;z-index:99999999999;width:96%;}
.responsivetopnav .fright,.responsivetopnav .fleft,.responsivetopnav *{float:none!important}
/*--Mobile Menu animation---*/
#mobilenav{position: absolute;right: 5px;z-index: 10;top:0}
#mobilenav,#mobilenav span{display:inline-block!important;border-radius: 4px;width:40px;height:40px;margin-top: 5px;background:#075C9F url('../img/menu.png') no-repeat center 12px;background-image:url('../img/menu.svg'), none;;-webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
#mobilenav span{opacity:0;background-position:center -52px;margin:0}
#mobilenav.active span{opacity:1;}
/*---*/
.menu ul{height:auto;}
 .menu ul li:first-child a{	background-image:none;	text-indent:0;}
 .menu ul li{	margin-right:0px;}
.menu ul li.haschild i,.menu ul li.haschild.selected i, .menu ul li.haschild:hover i{display:none}
.menu ul li.haschild:hover ul{display:none}
body .search{text-align:center;margin-bottom:15px;margin-top:5px}
body .search .searchtxt{width:75%;}
.homecontent .col-6 {width: 100%;}
.homepublications .smallpublication {width: 40%;}

.homepublications .smallpublication:first-child .publicationcard-small{left:0!important}
.announcements .icon{width:15%}
.announcements .announceitems{width:75%}
.announcements .tickerbtns {width: 4%;}
.bignews .thumbnail{width: 35%}
.bignews .thumbnail img.thumb {width: 100%;}
.bignews .newstxt {width: 62%;}
.bottomsection .col-4 {width: 50%;} 
.bottomsection .newsletter{margin-bottom:15px;}
.bottomsection div[class^='col-']:nth-child(3){width:100%;}
.bottomsection div[class^='col-']:nth-child(3) .col-inner {margin-right: 0;}
.contentdiv,.sidenav{/*float:none*/;width:100%;}
.contentdiv{margin-bottom: 10px;}
 .chartbg{padding-bottom:20px;} 
 .bredcrumb{background: #FFF;min-height: 35px;height:auto;border-bottom: 1px #E4E4E4 solid;padding-bottom: 5px;padding-top: 5px;}
  .bredcrumb .innercontainer:after {clear: both;display: block;content: '';}
 .ms-rtestate-field img {max-width: 100%;}
 .toplnks ul li.lang{line-height: 22px;}
     .NewsLetter1{width:90%;!IMPORTANT}
	.NewsLetter1 table{width:100%;}
	.NewsLetter1> div > table > tbody > tr > td > table:nth-child(7) img  {width:100%;}

.leftBox .Qbox , .rightBox .Qbox {width:85%!important;}

}

@media (max-width:950px){
    .announcements .announceitems{width:73%}

}

@media (max-width:850px){
.bottomsection .col-4 {width: 100%;}
div[class^='col-'] .col-inner {margin: 0;}
.bottomsection div[class^='col-'] .col-inner{margin: 0;}
.part.projects-map .content{margin: 50px auto!important;}
.newsletter {height: auto;padding-bottom: 30px;}
.slider-wrapper,.nivoSlider{display:none}
}

@media (max-width:768px){
.social {height: 35px;position: fixed;bottom: 0px;float: none;width: 100%;margin: 0;margin-right:-5%;background: #E6E6E6;z-index: 22;text-align: center;border-top: 1px #D0D0D0 solid;box-shadow: 1px 0px 5px #D3D3D3;}
.topbar{position:relative}
.toplnks ul li.membershipLi{position: absolute;top:0px;z-index: 9999999;right: 10px;}
div.signin, div.login{background:none;}
body a.memberlogin {color: #9F9F9F!important;}
body a.memberlogin:active{color:#fff!important}
.loginbox{right:0px}
.toplnks ul li.membershipLi li{background:none}

.researchlisting .researchitem .newstxt,.newslisting .newsitem .newstxt{width:75%;}
.researchlisting .researchitem .thumb,.newslisting .newsitem .thumb{width:25%}
.researchlisting .researchitem .thumb img,.newslisting .newsitem .thumb img{max-width:95%;height:auto;min-height:100px}
.date span i{display:none}
.newslisting .newsitem .newstxt .date{left:0}
.Qashomeboxs .bottomBox{width:100%;float:none}

#s4-bodyContainer{padding-bottom:35px!important}
.footer .footermenu{padding-top: 8px;}
.footer .copyright {padding-top: 35px;}
.footer{min-height:100px;height:auto;padding-bottom:10px}

}

@media (max-width:640px){
.toplnks ul li{	background:none}
.homepublications .bigpublication{float:none;margin:0 auto 15px;}
.homepublications .smallpublication {width: 44%;}
body .search .searchtxt{width:75%;}
.docMarquee ul li {float: none;width: 100%;margin-right: 0px;}

.releasedata > div{
	width:100%;

}

.newreleaseitem .releasedata > div{
	float:right;
}
.newreleaseitem .thumb{
	width:100%
}
.BayBTN{
	float:right;
	width:100%;
}

}
@media (max-width:620px){
.researchlisting .researchitem .newstxt,.newslisting .newsitem .newstxt{width:60%;}
.researchlisting .researchitem .thumb,.newslisting .newsitem .thumb{width:35%}
.researchlisting .researchitem .thumb img,.newslisting .newsitem .thumb img{max-width:85%;height:auto;min-height:100px}
.Card{width:100%;}

}

@media (max-width:540px){
.publicationlist li .thumb{width:90%}
.Eventlisting .Eventitem .eventdate{width: 25%;}
.Eventlisting .Eventitem .eventtxt {width: 68%;}

table.st-menu {width: 100%;}
table.st-menu td {display: inline-block;width: 33%;text-align: center!important;}
.st-menu a{width: 95%;margin-right: 2%;margin-left: 2%;padding-left: 5px;background-position: center top;border-radius: 4px;}
.st-menu a img{margin: 0 3px;}
.TabbedPanelsContent table td {display: block!important;width: 100%!important;}
.search-list {width: 100%!important;}
.parametersTable {width: 100%!important;}
.parametersTable td.parlabel {width: 100%!important;}
.search-form select{width:100%!important}
.releasedata .publicationlinks .buy{ padding: 10px 40px;float:right;  margin:5px}
.releasedata .publicationlinks .AddT{padding: 10px 35px;float:right;  margin:5px}
}



@media (max-width:460px){
.SCTHlogo {width:90px;position: inherit;bottom:2px;background:#fff;padding:5px;margin-left:5px;}
.header .logo.fright,.header .logo.fleft{width:45%;height:auto}
.header .logo img {width: 100%;}
.header .innercontainer:after{content:'';display:block;clear:both;}
.header{height:75px;}
.topbar{text-align: center;}
.innercontainer:after,.toplnks:after,.toplnks ul{content:'';display:block;clear:both;}
.topbar,.toplnks,.toplnks ul{height:auto;float:none}
.homepublications .smallpublication{width:48%;}
.responsivetopnav{width:100%;right:0}
body .search .searchtxt{width:75%}
.publicationlist li{width:50%;}
.sidenav .optiongroup,.sidenav .side_search{padding:8px 5px;}
.publicationlist li{width:46%}
.st-menu a{padding-left: 0px;padding-top: 10px;}
.st-menu a img {display: none;}
.NewsLetter1 table{width:100%;}
.NewsLetter1 > div > table > tbody > tr > td > table:nth-child(4) img , .NewsLetter1 > div > table > tbody > tr > td > table:nth-child(6) img ,
 .NewsLetter1 > div > table > tbody > tr > td > table:nth-child(7) img, .NewsLetter1 > div > table > tbody > tr > td > table:nth-child(8) img  ,
 .NewsLetter1 > div > table > tbody > tr > td > table:nth-child(9) > tbody > tr:nth-child(1) img
 {width:100%;}
 .NewsLetter1 > div > table > tbody > tr > td > table:nth-child(8) > tbody > tr > td > table:nth-child(3) img{
width:auto;	
}


}


@media (max-width:390px){
.header .logo.fright,.header .logo.fleft{width:45%;height:auto}
.homepublications .smallpublication {width: 48%;}
.publicationcard-small{width:44%;}
.publicationcard-small div{width:100%}
.publicationcard-small div.front img{width:100%;}
.bignews .thumbnail img.thumb{width:100%;height:100px;}

.homepublications .bigpublication,.publicationcard,.publicationcard div,.publicationcard div.front img{width: 100%;}
.bignews .thumbnail{width: 100%;text-align: center;margin: 0 0 10px;}
.bignews .thumbnail img.thumb {width: auto;height: auto;}
.bignews .newstxt {width: 100%;}

.bredcrumb .breadcrumbinner,.sideActions{float:none;width:100%;}
.sideActions{text-align:left}
.sendBlock{text-align:right}
.newreleaseitem .thumb {width: 100%;float: none;text-align: center;}
.publicationlist li{width:90%;float:none}
.publicationlist li .thumb {width: 100%;text-align:center}
.publicationlist li .thumb img {width: 50%;}

.researchlisting .researchitem .newstxt,.researchlisting .researchitem .thumb,.newslisting .newsitem .newstxt,.newslisting .newsitem .thumb{width:100%;float:none}
.researchlisting .researchitem .thumb,.newslisting .newsitem .thumb{text-align:center}
.researchlisting .researchitem .thumb img,.newslisting .newsitem .thumb img{max-width:90%;height:auto;min-height:100px}
.publicationlist li .releasedata{text-align:center}
}

@media (max-width:360px){
.innercontainer {width: 94%;}
.part.projects-map .content{width:auto!important;}
.part.projects-map .region-hover{background:none!important;}
.researchlisting .researchitem .thumb,.newslisting .newsitem .thumb{display:none}
.researchlisting .researchitem .newstxt,.newslisting .newsitem .newstxt{width:100%;}
.Eventlisting .Eventitem .eventdate {width: 35%;margin: 0 33%;float:none}
.Eventlisting .Eventitem .eventtxt {width: 100%;float:none}
.announcements .announceitems{width:72%}
.announcements .tickerbtns {width: 5%;}
.contentdiv .form{padding: 18px 10px;}
.formrow ol li input[type='text'], .formrow ol li input[type='password'], .formrow ol li textarea{width:93%}
.formrow ol li select{width:96%}
.captchaRow input[type='text'] {width: 53%!important;}
.captchaRow div[id$='pnlCaptcha']{width: 38%;}
.Qashomeboxs .bottomBox{padding:15px 0;}
.Qashomeboxs .bottomBox table{width:80%;}
.Qashomeboxs .bottomBox table td {display: block;width: 100%;text-align: center;padding: 5px;}

.footer .footermenu{float: none;padding-top: 20px;clear: both;}
.footer .footermenu .footermenulink{/*display: block;*/}
.footer .footermenu .footermenulink.related-sites{margin-right: 0;z-index: 3;margin-top: 10px;}


}

@media (max-width:320px){
.formrow ol li input[type='text'], .formrow ol li input[type='password'], .formrow ol li textarea {width: 92%;}
.captchaRow input[type='text'] {width: 52%!important;}
.captchaRow div[id$='pnlCaptcha']{width: 38%;}
.st-menu a{font-size:13px!important;}
.TabbedPanelsTabGroup .TabbedPanelsTab{padding-right: 6px!important;padding-left: 6px!important;}
}

/* #### Mobile Phones portrait #### */
@media screen and (max-device-width: 320px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (max-width: 768px){

}




/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}