@media only screen and (max-width : 600px)  {
	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }

	#views_slideshow_jcarousel_pager_item_top_nodes_under_term_viewed_videos-default_0 > div.views-field-field-video-poster-frame img {
		display: none;
	}
	#index-page #md-blog-image img {
		display: none;
	}
}
@media (max-width: 23em) { /* 336px */
	#md-multimedia-taxonomy-child-terms .md-child-term-teaser {
		width: 100%;
	}
}

@media (min-width: 25em) {  /* 400px */
	#header #logo {
	background: #01628c url("/sites/default/files/banner_background/MDP_web_banner_750_12.05.16.jpg") no-repeat;
	padding-top: 13.33%;
	background-size: contain;
	width: 100%;
	height: 0;
	}
	#taxonomy-term .pane-special-event-nodes-under-term-viewed-articles .views-field-field-image,
	#taxonomy-term .views-field-field-taxonomy-image{
		/* display: inline-block; */
		float: left;
		margin: 10px 10px 2em 0;
		max-width: 100%;
		width: 50%;
	}
	#taxonomy-term  .view-publications-root-terms .views-field-field-publications-term-image, /* dev2 */
	#taxonomy-term  .view-publications-root-terms .views-field-field-publication-term-image {
		float: left;
		margin: 10px 15px 1.5em 0;
		max-width: 100%;
		width: auto;
	}
	.md-mapping-main-pane {
/* 		width: 94.16%; */
	}
		/* MDMAP gallery ****************************/
	.view-md-map-gallery .view-grouping-content,
	.view-md-map-image-search .view-grouping-content{
		margin-left: 3em;
	}
	.view-md-map-gallery .views-row,
	.view-md-map-image-search .views-row {
		width: 48%;
		display: inline-block;
		box-sizing: border-box;
		padding: 1%;
	}
	
}

@media (min-width: 552px) {
	#main {
		position: relative;
		padding: 0;
	}

	#navigation #main-menu {
		font-size: .7em;
		font-weight: 600;
	}
	#mdpubslink, #mdfundinglink{
		width: 47%;	
		margin-top: 2em;	
	}
	#mdpubslink .pane-content img, #mdfundinglink .pane-content img {
		/* height: 70px; */
	}
	/* index blog feed */
	#index-page  #md-blog-feed-octopus .item-list {
		clear: none;
		padding-top: .2em;
	}
	#index-page  #md-blog-image {
		float: left;
		margin-right: 2em;
		margin-bottom: 0;
		text-align: left;
		/* max-height: 200px; */
	}
	/* Container for grid images */
	/* #md-image-gallery-grid .view-content .views-row, */
	#md-image-gallery-grid .md-gallery-row,
	#md-calendar-gallery-grid .md-gallery-row	{
		width: 17%;
		padding: 1px;
		margin: 1.3%;
	}
	.md-image-grid-main-with-sidebar,
	.panels-flexible-region-3-center,
	.panels-flexible-region-5-center,
	.panels-flexible-region-6-center , 
	.panels-flexible-region-29-center,
	.panels-flexible-region-55-center	{
		margin: 0 5%;
		width: 90%;
	}
	.panels-flexible-region-3-column_2,
	.panels-flexible-region-5-column_2,
	.panels-flexible-region-6-column_2, 
	.panels-flexible-region-29-column_2,
	.panels-flexible-region-23-column_2,
	.panels-flexible-region-55-column_2	{
		margin: 0 5%;
		width: 90%;
	}
	#taxonomy-term .taxonomy-resources-links h2,
	#taxonomy-term .taxonomy-resources-downloads h2  {
		width: 48%;
	}
	/* Publications */
	#taxonomy-term .view-publications-term-nodes .views-row {
		width: 46%;
		padding: 2%;
	}
	/* Show image in larger view-port */
	#taxonomy-term .pane-special-event-nodes-under-term-viewed-articles .views-field-field-image,
	#taxonomy-term .views-field-field-taxonomy-image {
		display: inline-block;
		width: 48%;
		float: left;
	}
	.pillar-term #taxonomy-term .pane-special-event-nodes-under-term-viewed-articles .views-field-field-image,
	.pillar-term #taxonomy-term .views-field-field-taxonomy-image {
		display: none;
	}
	.pillar-term #taxonomy-term .view-on-our-radar-term .views-field-field-taxonomy-image {
		display: inline-block;
	}
	/* teaser display */
	.page-taxonomy-term-5  #taxonomy-term .md-multimedia .md-child-term-teaser  {
		width: 28%;
		margin: 0 1%;
	}
		#taxonomy-term-image-gallery .md-multimedia .md-child-term-teaser, 
	#taxonomy-term .md-multimedia .md-child-term-teaser,
	#md-multimedia-taxonomy-child-terms .md-child-term-teaser {
		width: 30%;
		margin: 0 1%;
		display: inline-block;
	}
	#taxonomy-term #md-multimedia-taxonomy-child-terms .views-field-field-taxonomy-image,
	#md-multimedia-taxonomy-child-terms  .md-child-term-teaser  .views-field-field-taxonomy-image {
		display: inline-block;
	}
	#taxonomy-term-image-gallery .pane-taxonomy-term-field-taxonomy-image {
		width: 25%;
		display: inline-block;
	} 
	body:not(.page-taxonomy-term-5).section-multimedia #taxonomy-term .taxonomy-description.multimedia-top-term,
	#taxonomy-term-image-gallery .taxonomy-description,
	.section-multimedia #taxonomy-term-video .taxonomy-description.multimedia-top-term	{
    clear: none;
    margin: 0;
    width: 50%;
		margin-left: 2%;
    display: inline-block;
    vertical-align: top;
	}
	.section-multimedia #taxonomy-term .taxonomy-description.multimedia-top-term h2,
	#taxonomy-term-image-gallery .taxonomy-description h2 {
		margin-top: 0;
	}
	.section-multimedia #taxonomy-term .pane-term-list.multimedia-top-term	{
    height: auto;
    margin: 0;
}
	#taxonomy-term-image-gallery 	.pane-term-list,
	.section-multimedia #taxonomy-term .pane-term-list.multimedia-top-term	{
		width: 20%;
		padding-left: 1em;
    display: inline-block;
		vertical-align: top;
		border-left: 1px solid #eee;
		box-sizing: border-box;
		margin-left: 0;
	}
	.section-multimedia #taxonomy-term .pane-term-list.multimedia-top-term  ul {
		list-style-type: disc;
		margin: .5em 0 1.5em 0;
	}
	.section-multimedia #taxonomy-term .pane-term-list.multimedia-top-term  ul li {
		float: none;
		margin: 0;	
	}
	#taxonomy-term .view-audio-files-in-video .views-row {
		width: 45%;
		display: inline-block;
		margin-right: 2em;
	}
	/**** Styles for Publications    ****/
/* #md-publications menu  *************************************************************/
	#node-publication #md-publications-menu-pane .pane-content ul.menu {
		width: 100%;
	}
	#md-publications-menu-pane .pane-content ul.menu li.leaf{
		margin-left: -3px;
		border-right: 1px solid #eee;
		box-sizing: border-box;
	}
	#md-publications-menu-pane .pane-content ul.menu li.leaf {
		width: 25%;
	}	
	#md-publications-menu-pane .pane-content ul.menu li.leaf:nth-of-type(n+5):nth-of-type(-n+8) {
		border-bottom: none;
	}	
	#md-publications-menu-pane .pane-content ul.menu li:last-child,
	#md-publications-menu-pane .pane-content ul.menu li:nth-of-type(4) {
		border-right: none;
	}
	#node-publication .node-image-left {
	width: 46%;
	float: left;
	margin: 10px 1.8em 2em 0;
	}
	#node-publication .pane-node-body {
		margin-top: 2em;
		width: 46%;
	}
	#node-publication .pane-node-field-publication-file {
		width: 46%;
	}
	#node-publication .pane-node-body ,
	#node-publication .pane-node-field-publication-file,
	#node-publication .pane-node-field-resources-links,
	#node-publication .pane-node-field-publication-file-additiona,
	#node-publication .node-resources-links, 
	#node-publication  .node-resources-downloads,
	#node-publication .md-pub-node-resources-links,
	#md-pub-related-publications-view {
		clear: right;
		float: right;
		width: 46%;
	}
	#node-publication .node-resources-links h2, 
	#node-publication .node-resources-downloads h2,
	#node-publication .md-pub-node-resources-links h2.pane-title {
		width: 55%;
	}
	/* Data Analysis MDMAP ***************************/
		.view-data-analysis-templates .views-row  {
		width: 49%;
		padding: 2%;
		display: inline-block;
	}

	/* MDMAP photo gallery */
	.page-mdmap-images-gallery ul.tabs-primary li ,
	.page-mdmap-images-gallery ul.tabs-primary li.tabs-primary__tab  {
		min-width: 181px;
		width: 24%;
	} 
	.page-mdmap-images-gallery ul.tabs-primary li a.tabs-primary__tab-link,
	.page-mdmap-images-gallery ul.tabs-primary li a.tabs-primary__tab-link.is-active  {

		font-size: 1.6em;
		padding: 15px 0 0 0;
	}
	/* Resources link boxes and main image slideshow in nodes */	
	#node .node-resources-links,#node .node-resources-downloads,
	#article-node .node-resources-links,#article-node  .node-resources-downloads,
	.md-node-slide-image,
	.md-sibling-nodes /* Sibling nodes (How to Help) */  {
		width: 47%;  /* 346px/712 */
		margin: 20px 0 10px 4%;
		float: right;
		clear: right;
	}

	/* image slideshow in body */
	#article-node #md-inner-slides-desktop {
		display: initial;
		width: 45%;
	}
	#article-node #md-bottom-slides-mobile {
		display: none;
	}
	#article-node .pane-article-image-slideshow-for-body {
	
	}
	#node .node-location-map {
		max-width: 47%;
	/* 	height: auto;
		float: right;
		clear: right; */
		margin: 0 0 0 10px;
	}
	#view-of-tags {
    width: 46%; /* 327px */
	}
	#block-search-form, #block-block-8 {
		float: right;
	}

	/* Regional Pages */
	#taxonomy-term-mdmap .md-region-box , 
	#taxonomy-term-regions .md-region-box,
	#article-node .md-spec-project-box  {
		width: 48%;	
	}
	/* mdmap page */
	#taxonomy-term-regions .md-region-row-cubes.mdmap-cubes .md-region-box  {
		height: 350px;: 
	}
	
	#taxonomy-term-regions .md-region-row-cubes .md-region-box .panels-flexible-region-inside {
		position: absolute;
		top:0;
		left:0px;
		bottom:0;
		right:0px;
		overflow: auto;
	}
	/* scrollbbar for overflow */
	#taxonomy-term-regions ::-webkit-scrollbar {
		width: 12px;
	}
	 
	#taxonomy-term-regions ::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		border-radius: 10px;
	}
	 
	#taxonomy-term-regions ::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
		height: 30px;
	}
	#taxonomy-term-regions  .md-region-faq-box .panels-flexible-region-inside {
		position: relative;
	}
/* Create height proportional to width. See .panels-flexible-region-inside style for absolute container  */
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		content: "";
		display: block;
		padding-top: 160%;
	}
	#taxonomy-term-regions .md-region-faq-box::before {
		padding-top: 0;
	}
	/* Show Regional topic images */
	#taxonomy-term-regions .md-region-box  .md-regional-topic-image {
		text-align: center;
		display: block;
	}
	/* Position image and video Titles absolutely to the bottom of the pane */
	#taxonomy-term-regions .md-regional-photos .pane-title,
	#taxonomy-term-regions .md-region-video-box .pane-title {
		position: absolute;
		left:8px;
		bottom: .25em;
		margin-bottom: 0;
	}

	 /* Style ADV accordians*/
	.node-ADV .adv-state-options-list {
		margin: 10px 1.3%;
		width: 30%;
		display: inline-block;
}
	/* ADV Pages */
	.md-state-top .mdRadarSidebarInfoRegion{
		width: 45%;
	}
	/* Document Link boxes */
	#node .node-ADV  .taxonomy-resources-links {
		float: right;
		width: 50%;
		margin-left: 1em;
	}
/* 	#taxonomy-term-regions .md-regional-photos .field-item,
	#taxonomy-term-regions .md-regional-photos .prettyphoto-formatter-image {
		width: 48%;
	} */
	/* Style for html in body field */
	/* .md-special-body-col-one {
		width:45%;
	} */
	.page-node-223  #node  .pane-node-body .md-special-body-col-one,
	.page-node-223  #node  .pane-node-body .md-special-body-col-two {
		width:50%; 
		float:left; 
	}
	/* on pages: about-us,  */
	.md-special-body-list-inline li {
		width: 45%;
	}
	/* education terms ***************************** */
	.education-portal #taxonomy-term-regions .pane-term-list.education-sibling-terms {
			width: 20%;
			padding-left: 1em;
			display: inline-block;
			vertical-align: top;
			border-left: 1px solid #eee;
			box-sizing: border-box;
			margin-left: 0;
	}
	.education-portal #taxonomy-term-regions .pane-term-description.education-sibling-terms {
		clear: none;
    margin: 0;
    width: 70%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: top;
	}	    
}

@media (min-width: 736px) {
	#header #logo {
		background: #01628c url("/sites/default/files/banner_background/MDP_web_banner_1300_12.06.16.jpg") no-repeat;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-size: contain;
		width: 100%;
		height: 0;
		padding-top: 10%;
		display: inline-block;
	}
	/* home page slide show */
	#index-page .panels-flexible-region-4-center {
		float: left;
		width: 76.72%;
		margin-right: 2.59%;
	}
	#index-page .panels-flexible-region-4-region_2 {
		margin-top: 1.5em;
	}
	/* home page 2nd tier links: move to inline display */
	#index-page .panels-flexible-row-4-1-inside .panels-flexible-region {
		width: 17.24%;
		display: inline-block;
	}
	#index-page .front-page-boxes#mdp-clearinghouse-icon-link p {
		position: relative;
	}
	#index-page .front-page-boxes,
	#index-page .panels-flexible-region-4-quick_link_icon .front-page-boxes 	{
		opacity: 0.8;
	}
	#index-page .panels-flexible-row-4-1-inside .front-page-boxes p,
	#index-page .panels-flexible-region-4-quick_link_icon .front-page-boxes p{
		display: block;
		position: relative;
		width: 100%;		
	}
	#index-page .front-page-boxes .pane-title {
		background-color: rgb(25,82,118);
		padding: 0;
	}
	#index-page .front-page-boxes .pane-title a {
		padding: 1em 0 0 0;
		height: auto;
	}
	#index-page .panels-flexible-row-4-1-inside .front-page-boxes img,
	#index-page .front-page-boxes#mdp-clearinghouse-icon-link img,
	#index-page .panels-flexible-region-4-quick_link_icon .front-page-boxes  img{
		height: auto;
		border: none;
		background: none;		
	} 
	#index-page .front-page-boxes .pane-title {
		width: 100%;
	}
	#mdnewslink, #mdeducatornewslink, #mdcontactlink, #mdblogSignuplink {
	margin: 0  0 1em 0;
	width: 100%;	
}
	/* Octopus Blog Feed */
	#index-page #md-blog-feed-octopus {
    padding-bottom: 3em;
	}
	#index-page .panels-flexible-region-4-blog_feed {  
		width: 56.89%;
	}
	#index-page .panels-flexible-region-4-blog_feed  .panels-flexible-region-inside {
		width: 100%;
		position: relative;
	}
	#index-page #md-blog-image {
		width: 30.3%;
		margin-right: 4.54%;
		max-height: none;
	}
	/* End Octopus Blog Feed */
		/*quick links and social media links */
	#index-page .panels-flexible-region-4-site_follow, 
	#index-page .panels-flexible-region-4-main_quick_links,
	#index-page .panels-flexible-region-4-quick_link_icon,
	#index-page .panels-flexible-region-4-main_social_media{
		width: 17.24%;
		margin-right: 2.58%;
	}
	#index-page .panels-flexible-region-4-site_follow {
		margin-left: 2.58%;
	}
	/* social media links */
	#index-page .panels-flexible-region-4-main_quick_links {
		text-align: center;
	}		
	/* taxonomy term pages */
	.md-panels-region-main-left,
	.panels-flexible-region-5-center,
	.panels-flexible-region-6-center , 
	.panels-flexible-region-29-center,
	.panels-flexible-region-55-center {
		margin-left: 3.93%;
		margin-right: 0;
		width: 45%;   /* 344px; */
	}
	.md-panels-region-main-right,
	.panels-flexible-region-3-column_2,
	.panels-flexible-region-5-column_2,
	.panels-flexible-region-6-column_2, 
	.panels-flexible-region-29-column_2,
	.panels-flexible-region-23-column_2,
	.panels-flexible-region-55-column_2 {
		margin-left: 2.08%;
		margin-right: 0;
		width: 45%;
	}
	/* Multimedia term pages */
	.md-multimedia .md-image-grid-main-with-sidebar {
		margin: 10px 0 10px 20px;
		width: 74%;		
	}
		.md-multimedia .md-image-grid-main-with-sidebar #md-multimedia-hub {
		margin-left: 6%;		
	}
	#md-multimedia-taxonomy-child-terms .views-field-field-taxonomy-image {
	width: 100%;
}

	/* /multimedia page */
/* 	.page-taxonomy-term-5  #taxonomy-term .md-multimedia .md-child-term-teaser {
		width: 20%;
		margin: 0 4% 0 0;
		
	} */
	#taxonomy-term-image-gallery .md-multimedia .md-child-term-teaser  .views-field-field-taxonomy-image, 
	#taxonomy-term .md-multimedia .md-child-term-teaser  .views-field-field-taxonomy-image {
		float: none;
		/* width: 100%; */
	}
	
	/* Nodes */
	#node .node-image  {
	float: right;
	max-width: 48.31%; 
	margin-left: 1.2em;
	}

	.panels-flexible-region-22-sidbar_2 {
		display: block;
		float: left;
		width: 21.25%; 
	}
	/* Style for main content */
	.md-main-content-panels {
		float: left;
		margin: 10px 0 10px 20px;
		max-width: 74%;
		min-height: 21.25em;
		min-width: 50%;
	}
	/* Main content makes room for sidebar */
	.panels-flexible-row-1-main-row-middle {
		margin-right: 22.75%;
	}
	.section-mdmap-tutorials #article-node .panels-flexible-row-20-main-row-inside {
		width: 77%;
    float: left;
	}
	.section-mdmap-tutorials #article-node .panels-flexible-region-20-column_1 {
		width: auto;
	}
	.md-one-column-region-with-sidebar,
	#article-node .panels-flexible-region-20-column_1 , 
	#article-node .panels-flexible-region-19-column_1 {
		margin: 10px 0 10px 3.5%;
		width: 72%;
	}
	 /* Turtle Sidebar becomes visible */ 

	.mdRadarSidebarRegion {
		display: block;
		margin-left: 1.5%;
		width: 21.25%; /* 204px/960 */
		height: 100%;
		border-left: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		padding-bottom:3em;
		overflow: hidden;
		float: right;
	}
	.mdRadarSidebarRegion #turtle p {
		margin: 0;
	}
	/* taxonomy term pages make room for sidebar */
	.md-image-grid-main-with-sidebar,
	.panels-flexible-region-3-center ,
	.panels-flexible-region-5-center,
	.panels-flexible-region-6-center,
	.panels-flexible-region-55-center,	
	.md-panels-region-main-left {
		margin-left: 2.92%; /* 28px/960 */
		margin-right: 0;
		width: 35.83%;  /* 344px; */ 
	}
	.md-panels-region-main-right,
	.panels-flexible-region-3-column_2,
	.panels-flexible-region-5-column_2,
	.panels-flexible-region-6-column_2, 
	.panels-flexible-region-29-column_2,
	.panels-flexible-region-55-column_2 {
		margin-left: 2.08%; /* 20px; */
		margin-right: 0;
		width:  35.83%;  /* 344px; */
		padding-top: 2em;		
	}
	.panels-flexible-3 .panels-flexible-region {
		padding-top: 2em;
	}
	/* h2 link titles */
	#taxonomy-term .taxonomy-resources-links h2,
	#taxonomy-term .taxonomy-resources-downloads h2  {
		width: 75%;
	}	
/* 	location map becomes visible */
	#article-node .node-location-map {
		display: block;
		width: 48.88%; /*  348/712 */
		height: auto;
		float: right;
		clear: right;
		margin: 0 0 0 1.4%;
		max-width: 100%;
	}
	#article-node .back-to-map {
		width: 98.5%;
		height: auto;
		float: right;
		clear: right;
		background-color: rgba(25,82,118,0.6);
		margin: 0 0 10px 0;
		padding: 0 4px 0 4px;
		font-size: .5em;
		font-weight: 900;
		color: white;
		max-width: 100%;
		}
	#article-node .back-to-map a {
		color: white;
	}
	#article-node .gmap-popup {
		font-size: 76%;
	}
	#article-node .gmap-popup .adr {
		font-size: 90%;
		line-height: 1.25em;
	}
	/* Publications Term pages allow room for sidebar */
	#taxonomy-term .md-publications-main-pane {
		float: left;
		width: 72%;
	}
	/* video node make room for sidebar */
/* 	#taxonomy-term-video .panels-flexible-region-11-center {
		width: 72.91%;
	} */
/* Create height proportional to width. See .panels-flexible-region-inside style for absolute container  */
/* 	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 130%;
	}
	#taxonomy-term-regions .md-region-faq-box::before {
		padding-top: 0;
	} */
		/* ADV pages */
	.node-ADV .md-region-box {
		width: 46%;
		display: inline-block;
		height: 350px;
	}
	.node-ADV .taxonomy-resources-links {
	width: 30%;
	min-height: 84px;
	display: inline-block;
	margin: 1% 1.3%;
	box-sizing: border-box;
	vertical-align: top;
	}
	.node-ADV #taxonomy-faqs {
		margin: 0;
	}
	#adv-images .views-slideshow-cycle-main-frame-row .views-row a img {
		max-height: 300px;
	}
	#node .node-ADV .md-adv-node-banner {
		width: 74.16%;
	}
	#md-adv-case-studies-list .item-list:first-of-type h3, 
	#md-adv-case-studies-list .item-list ul li{
		width: 45%;	
	}
	.md-mapping-main-pane {
/* 		width: 74.16%;
		margin-left: 2.92%;
		margin-right: 0; */
	}
		/* Style for html in body field */
	.md-special-body-col-one {
		width: 45%;
	}
	.md-special-body-cols {
		width: 100%;
	}
	/* /research/economic-impacts-marine-debris-tourism-dependent-communities */
	.md-special-body-cols+p {
		clear: both;
		padding-top: 1.5em;
	}	
	.md-special-body-cols .md-special-body-col-one {
		width: 55%; 
		padding-right: 1em;
	}
	.md-special-body-cols .md-special-body-col-two {
		width: 45%; 
	}
	.md-special-body-cols .md-special-body-col-one, 
	.md-special-body-cols .md-special-body-col-two {
		float:left; 
	}
	.md-special-body-cols .md-special-body-col-two {
	margin-top: 0;
	}
	/* MDMAP gallery ****************************/
	.view-md-map-gallery .view-grouping-content,
	.view-md-map-image-search .view-grouping-content{
		margin-left: 3em;
	}
	.view-md-map-gallery .views-row,
	.view-md-map-image-search .views-row {
		width: 24%;
	}
		/* MDMAP tutorials *********************************************************/
	.view-id-mdmap_videos.view-display-id-block_1 > div.view-content {
		width: 45%;	
	}
	.view-id-mdmap_videos.view-display-id-block_1 > div.view-content .views-row {
		width: 100%;
	}
	.view-id-mdmap_videos .views-row {
		display: inline-block;
		width: 45%;
		margin-bottom: 2em;
	}
	.view-id-mdmap_videos .views-row.views-row-odd {
		margin-right: 7%;		
	}

}

/* ***************************min-width 770px *************************************** */
@media (min-width: 770px) {
	/* noaa header link */
	#block-block-1 {
		display: block;
		height: 1.375em;
		float: left;
		margin: 0;
		padding: 8px 0 0 0;
		font-size: .7em;
	}
/* Style site-wide main menu */

	#navigation {
		height: 4em; 		
	}
	#main-menu {
	    padding: .65em 0;
	}	
	#main-menu label {
		display: none;
	}
	#main-menu input[type=checkbox]:checked {
		
	}	
	#main-menu input[type=checkbox] ~ .main-menu-container, #main-menu input[type=checkbox]:checked ~ .main-menu-container {
		height: 4em;
		overflow: visible;
	}
	#main-menu ul {
		border: 0;
		margin: 0;
	}
	#navigation .links li, #navigation .menu li {
		padding: 0 /* .66% 0 0 */;
	}	
	#main-menu li, #main-menu input[type=checkbox]:checked ~ li {
		width: 14.25%;
		text-align: center;
		padding: 0;
		height: 4em;
		display: inline-block;
		border: 0;
	}
	#main-menu a, #main-menu input[type=checkbox]:checked ~ a {
		display: inline-block;
		width: 100%;
		padding: .8em 0 0 0;
		border-radius: 3px;
		height: 100%;
		line-height: 1.1em;
		border-right: 1px solid #555;
	}	
/* 	end of main navigation bar */
	
	/* quick links */

	#index-page .panels-flexible-region-inside {
		width: auto;
	}
	#mdpubslink .pane-content img, #mdfundinglink .pane-content img{
		/* width: 50%; */
		float:left;
		max-height: 100%;
	}
		/* Regions */
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 120%;
	}
		/* MDMAP Quiz ********************************************************************* */
	.node-type-quiz .node-quiz .field-name-field-banner-image {
		float: right;
	}
}
/* ***************************min-width 840px *************************************** */

@media (min-width: 840px) {
		#index-page  .front-page-boxes .pane-title {
		height: 28px;
	}		
	/* Regions */
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 110%;
	}
/* 	#taxonomy-term-regions .md-region-faq-box::before {
		padding-top: 0;
	} */
		/* Regions */
	#taxonomy-term-regions .md-regional-photos .views-row {
		display: inline-block;
		/* width: 35%; */
		text-align: center;
		/* margin-left: 10%; */
	}
		/* Regional Landing page */	
	/* desktop map */
	#md-regions-zoom-4 {
		display: block;	
	}
	/* mobile map */
	#md-regions-zoom-3 {
		display: none;	
	}
	.md-map-container .panels-flexible-region-inside {
		position: relative;
	}
	.md-map-container .md-map-pacific-region .views-field-name {
		padding-bottom: .5em;
		border-bottom: 1px solid #ccc;
	}
	.md-map-pacific-region {
		display: inline-block;
		width: 25%;
		max-width: 225px;
		position: absolute;
		bottom:50px;
		left: 1em;
		border: 2px solid #777;
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888;
		background-color: #eee;
		border-radius: 8px;
		font-size: .85em;
		padding: .5em;
		
	}
	.md-map-pacific-region .leaflet-popup {
		max-width: 210px;
		font-size: .95em;
	}	
#taxonomy-term-adv .md-map-island-accordian {
    display: inline-block;
    width: 25%;
    max-width: 225px;
    position: absolute;
    top: 35%;
    left: 1em;
    border: 2px solid #777;
    -moz-box-shadow: 10px 10px 5px #999;
    -webkit-box-shadow: 10px 10px 5px #999;
    box-shadow: 10px 10px 5px #999;
    background-color: #CBD1F3;
    font-size: .75em;
    border-radius: 8px;
	}
}
/* ***************************min-width 880px *************************************** */

@media (min-width: 880px) {
	
			/* Pillar terms and nodes */
	.pillar-term  #taxonomy-term .taxonomy-description {
		margin-bottom: 2em;
	}
	.pillar-term  #taxonomy-term  .pillar-nodes,
	.pillar-term .node-resources-links ,
	.pillar-term .node-resources-downloads,
	.pillar-term .md-sibling-terms	{
		width: 47%;  
		margin: 0 0 20px 1em;
		float: right;
		clear: right;
		position: relative;
		z-index: 10;
	}
	.pillar-term #body-accordions ~.node-resources-downloads {
	margin-left: 2em;
}
		/* Show image in larger view-port */
	.pillar-term #taxonomy-term .pane-special-event-nodes-under-term-viewed-articles .views-field-field-image	{
		display: inline-block;
		width: 48%;
		float: left;
		margin: .5em 1em 0 0em;
	}
	.pillar-term  #taxonomy-term .pane-term-list.md-sibling-terms .pane-title {
		margin-left: 1em;
	}
	.pillar-term .md-sibling-terms	 ul {
		margin: 0;
	}
	.pillar-term  #taxonomy-term .item-list:first-of-type h3,
	.pillar-term  #taxonomy-term .view-nodes-under-pillar-term-viewed-articles .view-header h3,
	.pillar-term  #taxonomy-term .item-list:first-of-type h2,
	.pillar-term  #taxonomy-term .view-nodes-under-pillar-term-viewed-articles .view-header h2	{
		width: 48%;
	}

	.pillar-term  #taxonomy-term .view-education-terms ul .item-list:first-of-type h3,
	.pillar-term  #taxonomy-term .view-education-terms .item-list ul h3 {
		width: 100%;
	}
	.page-taxonomy-term-8.pillar-term  #taxonomy-term .item-list:nth-of-type(2) h3,
	.page-taxonomy-term-8.pillar-term  #taxonomy-term .item-list:nth-of-type(2) h2	{
		width: 48%;
	}
	.pillar-term  #taxonomy-term  .item-list ul  {
		padding-left: 1em;
	}
	.pillar-term  #taxonomy-term  .item-list ul li.views-row,
	.pillar-term  #taxonomy-term  .pillars-archives .views-row {
		width: 47%;
		margin-left: 2.5%;
	}
	/* 2nd tier Education terms  */
	/* .pillar-term.education-portal #taxonomy-term .views-field-view .item-list ul li.views-row,
	.pillar-term.education-portal #taxonomy-term .views-field-view-1 .item-list ul li.views-row	{
		width: 100%;
		margin: 0;
	} */
/* 	.pillar-term.education-portal #taxonomy-term .views-field-view,
	.pillar-term.education-portal #taxonomy-term .views-field-view-1 {
		float: left;
		width: 47%;
		margin-left: 2.5%;
	} */
	.pillar-term.education-portal #taxonomy-term .views-field-name {
		clear: both;
	}
	.pillar-term  #taxonomy-term  .item-list ul li .views-field,
	.pillar-term  #taxonomy-term  .pillars-archives 	.views-field {
		margin-bottom: 1em;
	}
	.pillar-term  #taxonomy-term  .item-list ul li .views-field-field-image,
	.pillar-term  #taxonomy-term  .item-list ul li .views-field-field-banner-image,
	.pillar-term  #taxonomy-term  .item-list ul li .views-field-field-education-image,	
	.pillar-term  #taxonomy-term  .pillars-archives .views-field-field-image {
		float: left;
		width: 45%;
		margin-right: .5em;
	}


}

/* ***************************min-width 920px *************************************** */
@media (min-width: 920px) {
	/* Style site-wide main menu */

	#navigation {
		height: 3.43em; 		
	}
	#main-menu input[type=checkbox] ~ .main-menu-container, #main-menu input[type=checkbox]:checked ~ .main-menu-container {
		height: 3em;
	}
	#main-menu li, #main-menu input[type=checkbox]:checked ~ li {
		/* margin: -6px 0 0; */
		height: 3em;
	}
	/* fix for long text in main menu links */
	#navigation #main-menu {
	
		font-size: 100%;
		font-size: 1em;
		font-size: .8em;
	}
	/* Main page quick links */
		#index-page .panels-flexible-region-4-region_2 {
		width: 100%;
		/* width: 17.24%;  */ /* 160px; */
		/* float: left; */
		margin-top: 0;	
	}
	#md-MD-statement {
		width: 15%;
		float: left;
	}
	#mdpubslink, #mdfundinglink {
		display: block;
		/* height: 75px; */
	}
	#mdNewsLink .pane-content, #mdeducatornewslink .pane-content,	#mdContactLink .pane-content, #mdblogSignuplink .pane-content	{
		width: 100%;	
		margin: 0;
		-moz-box-shadow: 3px 3px 4px lightgray;
		-webkit-box-shadow: 3px 3px 4px lightgray;
		box-shadow: 3px 3px 4px lightgray;
		-webkit-transition: box-shadow .5s linear;
		transition: box-shadow .5s linear;
		display: inline-block;
		position: relative;	
		
	}
	#index-page  #md-blog-feed-octopus .pane-content {
		width: 70%;
		padding-left: 30%
	}
	/* Label for resource boxes */
		/* h2 link titles */
	#taxonomy-term .taxonomy-resources-links h2,
	#taxonomy-term .taxonomy-resources-downloads h2  {
		width: 60%;
	}	
	#node .node-resources-downloads h2 {
		width: 60%;
	}
 	#view-of-tags {
		margin-right: 2%;
	}
		/* Publications */
	#taxonomy-term .view-publications-term-nodes .views-row {
		width: 30%;
		margin-right: 2%;
	}

		/* Regions */
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 90%;
	}
	/* #taxonomy-term-regions .md-region-faq-box::before {
		padding-top: 0;
	} */
		/* Site Hierarchy - Terms with content page */
	.view-md-site-properties {
		column-count: 2;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-gap: 20px;
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		-webkit-column-rule: 4px outset #ddd; /* Chrome, Safari, Opera */
		-moz-column-rule: 4px outset #ddd; /* Firefox */
		column-rule: 4px outset #ddd;
	}
}
/* ***************************min-width 1110px *************************************** */
@media (min-width: 1110px) {

		/* Regions */
	.md-map-pacific-region {
		max-width: 270px;
		position: absolute;
		bottom:100px;
		left: 1em;
	}
	#md-adv-case-studies-list .item-list:nth-of-type(2) h3 {
		width: 45%;	
	}
}

@media (min-width: 1150px) {
	/* ADV pages */
	.node-ADV .md-region-box {
		width: 30%;
		margin: 1% 1.3%;
	}
		/* Region Page */
	#taxonomy-term-mdmap .md-region-box ,
	#taxonomy-term-regions .md-region-box,
	#article-node .md-spec-project-box {
		width: 31.25%;
	}
	#article-node .md-spec-project-box .md-region-text {
		padding: .5em ;
	}
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 120%;
	}
	#taxonomy-term-regions .mdmap-toolbox  .md-region-row-cubes .md-region-box::before  {
		padding-top: 90%;
	}	
	#taxonomy-term-regions .md-region-faq-box::before {
		padding-top: 0;
	}	
	#main-menu a, #main-menu input[type=checkbox]:checked ~ a {
	/* padding: .8em 0px 0px 0px;
	line-height: 1.5em; */
	}	
	/* Main page quick links */
	#index-page .panels-flexible-region-4-region_2 {
	width: 17.24%;  /* 160px; */
	float: left;
	margin-top: 0;	
	}
	#md-MD-statement {
		width: 100%;
		float: left;
	}
	#md-MD-statement p {
		line-height: 1.3em;
		padding: .5em 2.5% 1em 0;
		font-size: 1.1em;
	}
	#mdpubslink, #mdfundinglink {
		display: block;
		width: 100%;
		margin-top: 1em;
		margin-bottom: 0;
	}
	#mdfundinglink {
		/* padding-top: 10px; */
	}
	#mdpubslink .pane-content img, #mdfundinglink .pane-content img{
		width: 100%;
	}
	#mdpubslink .pane-content span, #mdfundinglink .pane-content span{
		width: 100%;
		/* padding-top: 3px; */
	}
		/* ADV State Pages move upper sidebar */
	#node .md-state-top .md-node-main{
		width: 74.16%;
	}
	.md-state-top .mdRadarSidebarInfoRegion{
		width: 21.25%;
		margin: 0;
	}
	.md-state-top .mdRadarSidebarInfoRegion .panel-pane{
		display: block;
		width: 100%;
	}
}

@media (min-width: 1250px) {
	#taxonomy-term-regions .md-region-row-cubes .md-region-box::before {
		padding-top: 110%;
	}
	#taxonomy-term-regions .mdmap-toolbox  .md-region-row-cubes .md-region-box::before {
		padding-top: 90%;
	}	

}


@media (min-width: 1600px) {



}