.ms-MenuUIPopupBody {
    z-index: 999
}

@media screen and (max-width: 480px),screen and (max-height:480px) {
    body {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    #pageAreaLayout {
        padding: 0!important;
        margin: 0;
    }
    
    h1 {
		font-size: 1em !important;
	}
	
	.ms-webpart-titleText.ms-webpart-titleText {
		font-size: 1em !important;
	}

    #pageLeft{
		display:none;
	}
	
	.ms-core-listMenu-horizontalBox{
		display:none;
	}

    #pageRight {
        padding: 0;
        margin: 0
    }

    #headerLayout>a>img {
        left: 0;
        top: -35px;
        max-width: inherit;
    }

    #currentNavLayout {
        margin: 0;
        max-width: 320px;
    }

    #breadcrumbLayout {
        padding: 5px;
        width: 90%
    }

    .currentNavHeader a {
        color: #333;
        padding: 5px;
        font-size: 90%!important;
        border-bottom: 1px solid #ccc!important
    }

    body {
        background-image: none;
        background-color: #fff;
        overflow-x: hidden
    }

    #contentLayout a {
        word-break: break-all
    }

    #pageLayout {
        width: 100vw;
        margin: 0 auto;
        border: 0!important;
    }

    #headerLogo {
        top: 10px
    }

    #leftHome {
        display: table-footer-group!important;
        border-right: none!important
    }

    #bodyContent {
        max-width: 100%;
    }	
  
    .spanOne {
    display: inline-block!important;
    width: 100%!important;
    vertical-align: top
	}

#featuredScienceCC{
	margin-right:0!important;
	border-right:none!important;
	padding-bottom: 15px;
}

#featuredScienceCFW{
	margin-left:0!important;			
}

.methodsButtons {
	float: none;
	width: 100%;
	}
	
.methodsButtons .btn {
	font-size: 1em;
}

.banner {
    min-height: 0px!important;
    max-height: 320px
    }

    #Community {
        width: 100%
    }

    #Promo {
        border: none!important;
        margin-top: 80%
    }

    #Promo img {
        max-width: 100%;
    }

    #centerHome {
        display: table-header-group!important
    }

    #announcements {
        display: table-header-group!important
    }

    #CommunitySection {
        border-right: none!important
    }

    #centerNav table tbody tr td#MSOZoneCell_WebPartWPQ6 table tbody tr td div#WebPartWPQ6.ms-WPBody {
        text-align: center!important
    }

    #centerNav {
        text-align: center!important
    }

    .unslider-wrap li a img {
        width: 95vw
    }

    .unslider-play,.unslider-pause,.unslider-arrow,.unslider:hover .unslider-arrow {
        display: none!important
    }

    .contentBanner {
        min-height: 130px!important;
        margin-top: 10%;
    }

    #WebPartWPQ3.ms-WPBody div#carousel {
        width: 100vw!important
    }

    #carousel div.textholder,#carousel ul li img {
        width: auto!important
    }

    table, tbody, tr, td {
        max-width: 100vw;
        background-repeat: no-repeat;
        background-size: contain;
    }

    [id$="PanelForm"] table {
        margin: 0 auto;
    }

    [id$="PanelForm"] td {
        display: table-row
    }

    #zz11_Menu_t {
        position: relative
    }

    div#rssincl-box-1051595 {
        width: 100%!important
    }

    div#rssincl-box-1051595 div.rssincl-content {
        width: 100%!important
    }

    div#rssincl-box-1051595 div.rssincl-content table {
        width: 100%!important
    }

    div.rssincl-content table tr td.rssincl-righttd {
        width: 100%!important
    }

    #pageCenter {
        padding: 5px !important
    }

    #share {
        display: none
    }

    #headerMenu {
        display: none
    }

    #pageConsole {
        display: none
    }

    td#pageLeft {
        position: absolute;
        right: 10px;
        border: none;
        top: 50px;
    }

    td#pageRight {
        padding-left: 0;
        width: 100%
    }

    #contentLayoutRight {
        display: block;
        width: 100%;
        float: none;
        min-width: 0
    }

    #contentLayoutLeft {
        display: block;
        width: 100%;
        float: none;
        min-width: 0
    }

    #contentLayoutRight {
        min-height: 0;
        background-image: none;
        border-radius: 5px
    }

    #contentRightTop {
        background-image: none
    }

    #headerLayout {
        width: 100%!important;
        position: relative;
        margin-bottom: 0;
        z-index: 200;
        padding: 50px 0px;
    }

  /*  #headerLogo {
        top: 20px;
        left: 5px
    }

    #headerLogo img {
        height: 55px
    }
    */

    #headerSearch span {
        display: none
    }

    #headerSearch .ms-sbgo {
        background: #fff
    }

    #headerLinks {
        background-image: none;
        background-color: transparent
    }

    #headerLinks {
        font-weight: bold;
        font-size: .85em;
    }

    map,map area {
        max-width: 100%
    }

    img {
        max-width: 100%;
    }

    #headerLinks {
        font-size: .75em;
        margin-top: 8%;
        width: 100%;
    }

    #headerLinks table {
        width: auto;
        margin: 0 0 0 auto;
        z-index: 500;
        color: #000!important
    }

    #headerWelcome {
        z-index: 250;
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 70%;
    }

    #headerSearch {
        position: unset;
        margin-top: 0%;
    }
    
    .ms-srch-sb>input {
		width: 135px;
		height: 12px;
	}
	
	.ms-welcome-root {
		margin-right: 180px;	
		line-height: 10px;
		height: 14px;
	}
	
	#ctl00_explicitLogout_ExplicitLogin {
		position: absolute;
		top: 39%;
		width: 50px;
		right: 155px;
	}


    #zz13_SiteActionsMenu_t {
        margin: 10px 0
    }

    #headerMenu table.ms-siteaction {
        z-index: 500
    }

    #contentLayoutLeft img {
        max-width: 100%!important
    }
    
    #headerLayout>a>img {
		max-width: inherit;
	}
	
	.ms-srch-sb-searchImg {
		max-width: inherit;
	}
	
	.ms-promotedActionButton-icon img {
		max-width: inherit;
	}
	
	.ms-core-menu-arrow img {
		max-width: inherit;
	}

    
    /*menu styles */
    #headerNavigation {
        height: 35px;
        background: #05868e;
        z-index: 200;
        padding: 0;
    }
            
    #mobileMenuToggle {
        height: 35px;
        line-height: 35px;
        width: 75px;
        display: block;
        overflow: hidden;
        margin-left: 8px;
        padding-left: 38px;
        background: url('/Style%20Library/Images/icon-menu.png') left center no-repeat;
        z-index: 200;
    }
        
    #mobileMenuToggle:link {
        color: #FFF;
    }
    
    #mobileMenuToggle:visited {
        color: #FFF;
    }
        
    #mobileMenuToggle:hover {
        text-decoration: underline;
    }
        
    #mobileMenu {
        display: none;
        margin: 0;
        padding: 0;
        background: #05868e;
    }
            
    #mobileMenu li {
        list-style: none;
        display: block;
        padding: 0;
    }
        
    #mobileMenu li a {
        color: #fff;
        font-weight: bold;
        display: block;
        line-height: 30px;
        margin: 0;
        padding: 3px 10px;
        background: rgba(0, 0, 0, 0.20);
        border-bottom: 1px solid #fff;
    }
        
    #mobileMenu li a:hover {
        background: #05868e;
    }
        
    .subMenu {
        display: none;
        padding: 0;
        border: none;
    }
        
    .subMenu li a {
        padding-left: 40px !important;
        line-height: 18px !important;
        border: none !important;
    }
        
    .submenuToggle {
        float: right;
        margin-top: -37px !important;
        background: transparent !important;
        border: none !important;
    }
    /* LOCAL NAVIGATION */
    #mobileMenuCurrent {
        padding: 4px;
    }
    #mobileMenuCurrent>span {
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 4px;
    }
    #mobileMenuCurrent select {
        max-width: 300px;
        overflow: hidden;
    }
    #mobileMenuCurrent option {}
    .ms-rteStyle-AutoSchedule {
        -ms-name: Auto Size Schedule;
        width: 100%;
    }
    

    /*#headerNavigation {
        top: 90px;
        left: 0;
        right: 0;
        height: 35px;
        background: #05868e;
        z-index: 2000;
        width: 100%;
    }

    #mobileMenuToggle {
        height: 35px;
        line-height: 35px;
        width: 76px;
        overflow: hidden;
        margin-left: 8px;
        padding-left: 24px;
        background: url('/Style%20Library/Images/icon-menu.png') 6px 11px no-repeat;
        z-index: 2000;
        color: #fff;
    }

    #mobileMenuToggle:hover {
        background-color:#05868e;
            }

    #mobileMenu {
        display: none;
        margin: 0;
        padding: 0;
        background: #05868e;
    }

    #mobileMenu li {
        list-style: none;
        display: block;
        padding: 0
    }

    #mobileMenu li a {
        color: #fff;
        font-weight: bold;
        display: block;
        line-height: 30px;
        margin: 0;
        padding: 3px 10px;
        background: rgba(0,0,0,.3);
        border-top: 1px solid rgba(33,49,78,.05);
        border-bottom: 1px solid black
    }

    #mobileMenu li a:hover {
        background: rgba(255,255,255,.35)
    }

    .subMenu {
        display: none;
        padding: 0;
        border: none;
    }

    .subMenu li a {
        padding-left: 40px !important;
        line-height: 18px !important;
        border: none !important;
    }

    .submenuToggle {
        float: right;
        margin-top: -37px !important;
        background: transparent !important;
        border: none !important;
    }

    #mobileMenuCurrent {
        padding: 4px;
        max-width: 175px;
        float: right;
        margin-right: 2%;
        margin-top: 2%
    }

    #mobileMenuCurrent>span {
        font-size: 5px;
        font-weight: bold;
        text-transform: uppercase;
        opacity: 0
    }

    #mobileMenuCurrent select {
        overflow: hidden;
        max-width: 175px
    }

    #mobileMenuCurrent option {
        max-width: 175px
    }*/

    .articleType {
        font-size: 1.2rem
    }

    .articleText {
        hyphens: none;
    }

    #coverImage img,#coverImage {
        position: relative;
    }

    #coverImage img {
        position: relative;
        z-index: -1!important
    }

    .journalCoverImg img {
        width: 100%;
        position: relative;
        z-index: 2;
        margin-top: -10%
    }

    td.journalCoverImg {
        width: 24%!important
    }

    #bodyContent #coverImage #ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichImageField div.ms-formfieldcontainer div a img {
        Display: none!important
    }

    [id^='WebPartctl00_ctl31_g'] td {
        display: block;
    }

    [id^='WebPartctl00_ctl31_g'] td select, [id^='WebPartctl00_ctl31_g'] td input {
        max-width: 100%
    }
}

@media screen and (max-width: 768px) and (min-width:480px) {
    body {
        background-image:none;
        background-color: #fff
    }
    
    img {
        max-width: 100%;
    }

    #contentLayout a {
        word-break: break-all
    }

  
    body {
        background-image: none;
        background-color: #fff
    }

    #bodyContent {
        max-width: 100%
    }

    #bodyContent {
        width: 80vw;
        max-width: 100%
    }
    
    .methodContent {
		float: right; 
		width: 64%;
	}	
	
	#pageTable {
		margin: 0 auto;
	}

    .infiniteCarousel.ic_peek_padding {
        width: 98%!important;
        margin: 0 auto!important;
        position: absolute!important
    }

    #centerNav {
        margin-bottom: 40%
    }

    #leftHome {
        max-width: 98%!important
    }

    .infiniteCarousel_item a.ic_link img {
        width: 72%;
        background: rgba(0,0,0,0)!important
    }

    .infiniteCarousel_item {
        background: rgba(0,0,0,0)!important;
        text-align: left
    }

    .infiniteCarousel {
        height: 10%!important
    }

    .infiniteCarousel {
        width: 9.5%!important
    }

    .ic_controls,.ic_right_nav,.ic_left_nav {
        opacity: 0!important
    }

    .unslider-wrap li a img {
        width: 98%
    }

    .contentBanner {
        min-height: 170px!important;
        margin-top: 10%;
        width: 98%!important
    }

    #WebPartWPQ3.ms-WPBody div#carousel {
        width: 100%!important
    }

    #zz11_Menu_t {
        position: relative
    }

    #leftHome {
        border-right: none!important
    }

    #CommunitySection {
        border-right: none!important;
        max-width: 100%!important
    }

    div#rssincl-box-1051595 {
        width: 100%!important
    }

    div#rssincl-box-1051595 div.rssincl-content {
        width: 100%!important
    }

    div#rssincl-box-1051595 div.rssincl-content table {
        width: 100%!important
    }

    div.rssincl-content table tr td.rssincl-righttd {
        width: 100%!important
    }

    #pageCenter {
        padding: 0 0 0 0!important
    }

    #share {
        display: none
    }

    #headerMenu {
        display: none
    }

    #pageConsole {
        display: none
    }

    #pageLeft {
       display: none;
    }

    td#pageRight {
        padding-left: 0;
        width: 98%
    }

    #contentLayoutRight {
        display: block;
        width: 98%;
        float: none;
        min-width: 0
    }

    #contentLayoutLeft {
        display: block;
        width: 98%;
        float: none;
        min-width: 0
    }

    #contentLayoutRight {
        min-height: 0;
        background-image: none;
        border-radius: 5px
    }

    #contentRightTop {
        background-image: none
    }
   
    #contentLayoutLeft img {
        max-width: 100%!important
    }

    #pageAreaLayout {
        position: relative;
        padding: 0!important;
        margin: 0
    }

    #pageTable td {
        max-width: 100%;
        width: 98.5%
    }

    #pageLeft {
        display: none;
    }

    #pageRight {
        padding: 0;
        margin: 0
    }
    
    #headerLayout>a>img {
		max-width: inherit;
	}
	
	.ms-srch-sb-searchImg {
		max-width: inherit;
	}
	
	.ms-promotedActionButton-icon img {
		max-width: inherit;
	}

	.ms-core-menu-arrow img {
		max-width: inherit;
	}


    #breadcrumbLayout {
        padding: 5px;
        width: 100%
    }

    .currentNavHeader a {
        color: #333;
        padding: 5px;
        font-size: 90%!important;
        border-bottom: 1px solid #ccc!important
    }

  /*  .globalNavItem a {
        color: #fff;
        padding: 0;
        font-size: 9px!important;
        display: block;
        white-space: pre-wrap;
        word-wrap: break-word;
        text-align: center!important
    }

    table.globalNavItem.zz1_globalNav_4 tbody tr td {
        white-space: pre-wrap!important;
        width: auto!important;
        max-width: 80px;
        height: 35px
    }*/
    
    /*menu styles */
   
     #headerNavigation {
        left: 0;
        right: 0;
        z-index: 2000;
        width: 100%;
        margin: 0 auto;
        font-size: 10pt;
    }
    
    .ms-core-listMenu-horizontalBox ul {
		padding: 0;
	}
	
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
		vertical-align: middle;
	}

    .menu-horizontal {
        height: 25px !important;
        background-size: contain;
    }
    .s4-tn li.static>.menu-item {
        margin: 0 !important;
        padding: 3px 8px !important;
        font-size: 10pt !important;
    }

}

@media screen and (max-width: 768px) and (min-width:580px) {
    .currentNavHeader a {
        color:#333;
        padding: 5px;
        font-size: 90%!important;
        border-bottom: 1px solid #ccc!important
    }

    .globalNavItem a {
        color: #fff;
        padding: 0 1px;
        font-size: 10px!important;
        display: block;
        word-wrap: break-word;
        text-align: center!important
    }

    table.globalNavItem.zz1_globalNav_4 tbody tr td {
        white-space: pre-wrap!important;
        width: auto!important;
        max-width: 95px;
        height: 35px
    }
}

@media screen and (max-width: 768px) and (min-width:630px) {
    #centerNav {
        margin-bottom:45%
    }

    #centerHome {
        z-index: 900;
    }

    .infiniteCarousel_item a.ic_link img {
        width: 100%;
        background: rgba(0,0,0,0)!important
    }

    .infiniteCarousel_item {
        background: rgba(0,0,0,0)!important;
        text-align: left
    }

    .infiniteCarousel {
        height: 15%!important;
        width: 10.5%!important
    }

    .ic_controls,.ic_right_nav,.ic_left_nav {
        opacity: 0!important
    }

    .infiniteCarousel.ic_peek_padding {
        width: 84.6%!important
    }

    .globalNavItem a {
        color: #fff;
        padding: 0 10px;
        font-size: 12px!important;
        display: block;
        text-align: center!important
    }

    table.globalNavItem.zz1_globalNav_4 tbody tr td {
        width: auto!important;
        max-width: 165px;
        height: 35px
    }

    .ms-WPHeader {
        background-repeat: repeat
    }
}