@media screen and (max-width: 1200px) {
	.tablesaw th, .tablesaw td {
	padding:0;
	font-size: 0.5625em;
}

span.custom-tip {
	width: 180px;
	}
}  

@media screen and (max-width: 1199px) {	
	.staff-directory
	{
		display: block;
	}	
	span.custom-tip {
	width: 120px;	
}
	ul#superfish-main {
	width:100%;
    display: flex;	
}

#OBSSRCarousel.carousel.slide {
	width: 100%;
	height:auto;
}

.carousel-item img {
	width:100%;
	height:auto;
}

ol.carousel-indicators {
	width:100%;
}

.inner {
	display: flex;
    padding: 13px;
}

.top-section {
	margin-bottom:0px;
}

.top-section > div {
	width: 25%;
	text-align: center;
}

}

@media screen and (max-width: 991px) {
		.staff-directory
	{
		display: block;
	}
		
	.wrap-list-495 h3 {
		padding: 0;
	}
	
	span.custom-tip {
	width: 100px;
	
}

a.custom-tooltip {
	/* font-size: 0.75em; */
	font-size: 10px;
}

.tablesaw th, .tablesaw td {
	padding:0;
	font-size: 8px;
}

.top-section > div {
	width: 25%;
	text-align: center;
}
	
.hero-research-resources .hero h1, .hero-training .hero h1,
.hero-news-events .hero h1, .hero-aboutObssr .hero h1 {
	font-size: 1.5em;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 41px;
    height: 27px;
}

a.right.carousel-control, a.left.carousel-control {
	top: 110px;
}	
ol.carousel-indicators {
    width: 83%;
	bottom: 6px;
}	

#OBSSRCarousel {
	height: auto;
}

.carousel-item img {
	height: auto;
 }
 
.f-links-nih a {
	left: 218px;
}

.f-links-hhs a {
	left: 62px;
}

.f-links-usa a {
    
    left: -81px;
}

 table.obssrTable thead {
	display:none;
 }
 
 table.obssrTable tbody, table.obssrTable tr, table.obssrTable td {
	 display: block;
	 width: 100%;
	
 }
 
 table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}
}

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

.internal-covid-banner .region-covid-banner {
	margin-top: 10px;
}

.tablesaw th, .tablesaw td {
	padding:0;
	font-size: 7px;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
font-size: 7px;
padding: 3px;
top: 30px !important;
}

.hero-research-resources .hero h1, .hero-training .hero h1,
.hero-news-events .hero h1, .hero-aboutObssr .hero h1 
 {
	display:none;
}

 table.obssrTable thead {
	display:none;
 }
 
 table.obssrTable tbody, table.obssrTable tr, table.obssrTable td {
	 display: block;
	 width: 100%;
	
 }
 
 table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
    padding:2em 0 2em 2em;
  }
  ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker {
    left:-5px;
  }
}

@media screen and (max-width: 767px) {
	
#OBSSRCarousel.carousel.slide {
	width: 100%;
	margin-bottom: 8px;
}

.carousel-item img {
	width:100%;	
}

ol.carousel-indicators {
	width:100%;
}

a.left.carousel-control, a.right.carousel-control {
	top: 183px;
	}

.top-section > div {
	width: 25%;
	text-align: center;
}

.footer-item-2 {
    margin-left: 0px;
 }
 
 .f-links-nih, .f-links-hhs, .f-links-usa {
	 margin-bottom: 5px;
 }
 
 .f-links-nih a {
	position:relative;
	left:0;
}

.f-links-hhs a {
	position:relative;
	left:0;
}

.f-links-usa a {
	position:relative;
	left:0;
}

.hero-research-resources .hero h1, .hero-training .hero h1,
.hero-news-events .hero h1, .hero-aboutObssr .hero h1 
 {
	display:none;
}

 table.obssrTable thead {
	display:none;
 }
 
 table.obssrTable tbody, table.obssrTable tr, table.obssrTable td {
	 display: block;
	 width: 100%;
	
 }
 
 table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}

.footer-item-2 {
    margin-bottom: 11px;
}

.footer-item-3 {
    margin-bottom: 11px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 41px;
    height: 27px;
}

}

/* iphone 6/7/8 and mobile */

@media screen and (max-width: 375px) {
	
	.wrap-list-495 h3 {
		padding: 0;
		font-size: 15px !important;
	}
	
	.image-logo img {
    max-width: 339px;
}
	
	ul#superfish-main {
	width:100%;
   flex-direction: column;
	}
	
	a.right.carousel-control, a.left.carousel-control {
	top: 110px;
}	
ol.carousel-indicators {
    width: 83%;
	bottom: 0px;
}	
	

	.top-section > div {
	width: 25%;
	text-align: center;
}
	
 table.obssrTable thead {
	display:none;
 }
 
 table.obssrTable tbody, table.obssrTable tr, table.obssrTable td {
	 display: block;
	 width: 100%;
	
 }
 
 table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}
.footer-item-2 {
    margin-bottom: 11px;
}

.footer-item-3 {
    margin-bottom: 11px;
}


 
}

/* iphone 6/7/8 plus */
@media screen and (max-width: 414px) {
	
	.wrap-list-495 h3 {
		padding: 0;
		font-size: 17px;
	}
	
	 .flexslider .flex-direction-nav a {
    display: block;
}
	
	

	 
a.right.carousel-control, a.left.carousel-control {
	top: 110px;
}

ol.carousel-indicators {
    width: 75%;
	bottom: 0px;
}

.get-update-section .get-update {
	background-position: 240px 12px;
}	
	
 table.obssrTable thead {
	display:none;
 }
 
 table.obssrTable tbody, table.obssrTable tr, table.obssrTable td {
	 display: block;
	 width: 100%;
	
 }
 
 table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}

.footer-item-2 {
    margin-bottom: 11px;
}

.footer-item-3 {
    margin-bottom: 11px;
}


 }

/* Search button alignment on iphone 6, iphone 7, iphone 8, iPhone X, iphone 11, ipad, safari browsers */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1),
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
screen and (-webkit-min-device-pixel-ratio:0) {

	#search_form [type=submit] {
		margin-left: -50px;
		width: 50px;
		position: absolute;
		height: 36px;
	}
}