/* applies to all onscreen elements when viewport is < 992px */

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

body {
  border-top: 0px solid #fff;
  background: white;
}

ul#nihribbon {
  display: none;
}

.masthead {
  margin: 10px 0;
}

.nav {
  padding-left: 0%;
}

.nav li {
  padding: 0px;
  text-align: left;
}

h1 {
  font-size: 2rem;
}

abbr,
abbr[title],
dfn,
dfn[title] {
  border-bottom: none;
  cursor: default;
}

abbr a,
a abbr,
abbr[title] a,
a abbr[title],
dfn a,
a dfn,
dfn[title] a,
a dfn[title] {
  cursor: pointer;
}

.panel-2col-stacked .panel-col-first {
  float: none;
  width: 100%;
  padding-right: 0;
  margin-bottom: 15px;
  border-right: none;
}

.panel-2col-stacked .panel-col-first .inside,
.panel-2col-stacked .panel-col-last .inside {
    margin: 0 0 1em 0;
}

/* need to explore if this is needed sitewide */
.page-node-3027 aside.col-sm-3 {
	clear: both;
}

.region-sidebar-second {
  margin-top: 15px;
  padding: 15px 0;
  border-top: 1px dashed #ddd;
  border-left: none;
}

.node-type-press-release .region-sidebar-second {
  border-top: none;
}

.view-id-new_events td:nth-of-type(1) {
  position: static;
}

.mobile-hidden {
  display: none;
}

.mobile-visible {
  display: block;
}

.footer {
  text-align: left;
  margin: 20px 0px;
  border-top: 1px solid #ccc;
  padding: 20px 0px;
}

/*
ul.followus li:first-child {
  display: block;
  margin-left: 10px;
}
*/
.view-health-topics-a-z .view-content ul {
    margin-left: 0;
    padding-left: 0;
}

.view-health-topics-a-z .view-content ul li {
    margin-left: 0;
    text-indent: 0;
}

.node-type-clinical-digest-front .field-name-field-image,
.node-type-cme-module-page .field-name-field-inline-images,
.node-type-page .field-name-field-image,
.node-type-panel .field-name-field-image,
.node-type-po-bio .field-name-field-image,
.node-videolecture .field-name-field-image,
.node-herb-fact-sheet .field-name-field-image,
.node-type-research-result .field-name-field-image,
.node-type-blog-post .field-name-field-image,
.view-blog-portal .field-name-field-image,
.imgRight {
  float: none;
  margin: 15px 0;
}

.node-type-clinical-digest-front .field-name-field-image,
.node-type-cme-module-page .field-name-field-inline-images,
.node-type-page .field-name-field-image,
.node-type-panel .field-name-field-image,
.node-type-po-bio .field-name-field-image,
.node-videolecture .field-name-field-image,
.node-herb-fact-sheet .field-name-field-image,
.node-type-research-result .field-name-field-image,
.node-type-blog-post .field-name-field-image,
.view-blog-portal .field-name-field-image {
  width: 255px;
}

/* Featured Topic box */
.field-name-field-featured-fact-sheet {
  margin: 2em 0;
  min-height: 0;
}

.field-name-field-featured-fact-sheet,
.portalHighlight2,
#block-views-ttt-tip-sheets-block-1,
.view-featured-health-topics {
    padding: 15px;
}

.field-name-field-featured-fact-sheet .field-name-field-image img, .field-name-field-featured-fact-sheet .content img, .field-name-field-featured-fact-sheet .node-standalone-link img, .portalHighlight2 img, #block-views-ttt-tip-sheets-block-1 img, .view-featured-health-topics .field-name-field-image {
    position: static;
}

.boxed,
.boxedred,
.boxedltblue {
  margin: 0px 0px 15px 0px;
}

.fslist {
  line-height: 2em;
  margin-left: -2%;
}

.displaynot,
.tagline {
  display: none;
}

.menu-button i {
  margin-right: 0.5rem;
}

.smallmenu {
  text-align: center; 
  font-size: 1.1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  background-color: #003366;
  color: white;
}

.buttonmenu {
margin-bottom: 10px;
}

.buttonmenu a
{color: white;}

.buttonmenu a:visited,
.buttonmenu a:active
{color: #ccc;}


.caption
{line-height: 1.3em;}

.fs_content
{border-right: 0px solid #ccc;
padding-right: 0%;}

.fslist2 {
margin-left: -6%;}

.fslisticons {
list-style-image: none;
list-style-type: none;
line-height: 1.8em;
margin-left: -3%;
margin-top: 30px;
}

.followus {
margin: 0 0 0 -30px;
}

.followus li {
  display: block;
}

.followus .followtext {
  margin-left: 22px;
}

ul li:hover .offsitePopup {
  left: 20px;
  padding-left: 15px
}

.footerlinks {
margin: 0 0 0 -20px;
}


.footerlinks li {
float: none; display:block;
padding: 5px 10px;
border-bottom: 1px solid #ccc;
border-right: 0px solid #ccc;
}

.az {
padding: 2% 35%;
font-size: 1.2em;
color: white;
}

.email-nccih a span {
  position: static;
}

.navbar-default .navbar-toggle .icon-bar {
background-color:#fff;
}

.navbar-toggle {
float: left;
border: 0px solid transparent;
border-radius: 0px;

}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: white; font-size: 1.3em; line-height: 1.3em;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
{color: #999;}

.navbar-collapse.in {
overflow: visible;
}

.navbar-collapse {
max-height:none;
}

.navbar-default .dropdown-menu {
background-color: #003366;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}

.leftcol {
	width: 100%;
	float: none;
}

.rightcol {
	margin-left: auto ;
	width: 100%;
}


/****carousel****/

.homehighlightbox {
border: 1px solid #ccc;
margin: 20px 0;
}

#homeCarousel,
#HCPCarousel {
  display: none;
}

/* move carousel slides to top */

.front div.home-page {
  padding-top: 300px;
}

.front .col-md-12,
.front .col-md-8,
.contextual-links-region {
  position: static;
}

.front ul.hnav {
  margin-right: 15px;
  position: absolute;
  top: 20px;
}

ul.hnav li {
  width: 100%;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

ul.hnav ul {
  margin-top: 0px;
}

#whatIsCarouselButtons > li {
    /*vertical-align: bottom; */
    height: auto;
}

ul.hnav [data-toggle] {
  display: none;
}

ul.hnav>li>a.mobileLink {
  display: block;
}

.highlightbox ul.hnav > li a,
.highlightbox ul.hnav > li.active a {
    color: white;
    background-color: #20558a;
}

.highlightbox ul.hnav > li a:hover,
.highlightbox ul.hnav > li.active a:hover {
  text-decoration: underline;
  background-color: #dedede;
  color: #20558a;
}


/****carousel ends****/

.panel-2col-stacked .panel-col-last,
.panel-2col-stacked .panel-col-first { float:none; width:100%; }
.panel-2col-stacked .panel-col-last { padding-left:0; }


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{border: 0px solid #ddd;
background-color: transparent;}

.region-sidebar-second li,
.fslisticons li
{padding-bottom: 1.3rem;}


/***********mobile nav*********/

/* Home Page */

.socialboxes,
.front .socialboxes {
  min-height: 0;
}

.front .socialboxes img {
  display: none;
}

.front .col-md-8 .pane-5 .pane-content .row {
  margin-right: 15px;
}

} /*end media query