/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
 * Center the page.
 */
/* line 45, ../../sass/layouts/responsive-sidebars.scss */
#page,
.page-width,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  max-width: 1184px;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
/* line 64, ../../sass/layouts/responsive-sidebars.scss */
#content,
.region-sidebar-first,
.region-sidebar-second,
.region-sidebar-third,
#footer-nav-wrap,
#footer-affiliates-wrap,
.page-width {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

/*
 * Containers for grid items and flow items.
 */
/* line 52, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:before, #header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
/* line 56, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
#header:after,
#main:after,
#footer:after {
  clear: both;
}

/*
 * Navigation bar
 */
@media all and (min-width: 100px) and (max-width: 320px) { 
	*{/* (min-width: 100px) and (max-width: 320px) */}
	ul#header-utility-nav{
	  padding-left: 0px;	
	  height: initial;  
	  }
	ul#header-utility-nav li {
	  line-height: 20px;  
  	  }
	#header-strip-wrap .active{
	  background:none;
	  }
	#header-utility{
	  padding: 5px 0px;
	  float: none;
	  width: 100%;
	  }
	#header-social {
		width: 80%;
		float: left;
	}
	#header-picture{
		width: 20%;
		float: left;
	}		
	#logo {
	width: 100%!important;
	height: 80px!important;
	background-image: url(../../images/afta-logo-white-sm.png)!important;
	background-position: center center;
	margin: 0px 0px 0px 0px!important;
	}
	#header-top {
	clear: both;
	height: auto!important;
	}	
	#block-block-28 ul, #block-menu-menu-top-utility-navigation ul{
		margin: 15px 0px;
		}
	.breadcrumbs{
	display:none;	
	}
	#block-block-28 {
	float: left!important;
	margin-top: 0.5em;
	}
	#block-block-28 {
	float: none!important;
	}
	#search-block-form .form-submit,
	#search-block-form--2 .form-submit {
		padding-right:10px!important;
	}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text {
	width: 75%!important;
	}
	#block-search-form {
	margin-right: 0px!important;
	margin-left: 0px!important;
	}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text{
		width: 90%;
		padding: 4px;
	}
	#block-block-28 ul {
	padding-left:20px!important;
	}	
	#block-block-28 li {
	float: none!important;
	width: 100%!important;
	padding: 2px 10px 2px 10px;
	}
	ul#muchomenu-1 {
	float: none;
	padding-top: 0px;
	padding-bottom: 10px;
	}
	.muchomenu-menu .muchomenu-parent {
		display: block;
	}
	.muchomenu-menu .muchomenu-parent > span a {
		display: block;
		padding: 2px 10px!important;
		background-color: #275259;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #2E6169;
	}
	#muchomenu-1 > li > .muchomenu-parent-title a:hover {
	background-image: none;
	}
	#muchomenu-1 > li + li + li + li + li .muchomenu-parent-title a.active:hover {
	background-image: none!important;
	}
	#muchomenu-1 > li + li + li + li + li .muchomenu-parent-title a:hover {
	background-image: none!important;
	}
	li .muchomenu-parent-title a { 
		height: auto!important;
	}	
	
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin {
		display: none!important;
	}
	.muchomenu-bin-2 .panel-2col .panel-col-last{
		width:100%;
		}
	.muchomenu-bin-2 .inside > .pane-menu-block{
		float: none;
		width: 100%;
		}	
	#block-menu-menu-top-utility-navigation{
		margin: 0px;
	}
		.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin{
		padding: 8px;
		width: auto;
		position: static;
		display: none!important;
	}
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin .panel-pane,
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin .panel-pane p{
		margin-bottom: 0em;
		line-height: normal;
		}
	.muchomenu-menu .muchomenu-bin{
		position: static;
		top: auto;
		}
	.muchomenu-menu .pane-custom{
		display: none;
		}
	.muchomenu-bin-2 .panel-2col .panel-col-last,
	.muchomenu-bin-5 .panel-2col .panel-col-last,
	#navigation .pane-menu-block-5 ul.menu li,
	.muchomenu-bin-6 .panel-2col .panel-col-last,
	#navigation .muchomenu-bin-6 ul.menu li	{
		width:100%;
		}
	.muchomenu-bin-2 .inside > .pane-menu-block{
		float: none;
		width: 100%;
		}		
	.muchomenu-bin .panel-pane{
		margin-bottom: 0em;
		}
	#navigation .pane-menu-block-5 ul.menu,
	#navigation .muchomenu-bin-6 ul.menu{
		height:auto;
		padding:0px;
		}
	#navigation .pane-menu-block-5 ul.menu li:nth-child(7n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(14n+15),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+15),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(11n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+23),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+34),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(11n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+45)
	{
		margin-top: auto;
		margin-left: auto;
		}
	#navigation .pane-menu-block-5 ul.menu li.last,
	#navigation .muchomenu-bin-6 ul.menu li.last {
		margin-left: auto;
		margin-top: 14px;
		position: static;
		width: auto;
	}	
	/* slideshow */
	.media-slider {
		height: 295px;
	}	
	.view-slideshow-front .afta-common {
		padding-right: 18px;
	}		
	.featured-slider .left, .featured-slider .right {
		width: auto!important;
	}	
	.featured-slider .left, .featured-slider .right {
		float: none!important;
	}
	.featured-slider .right .inner {
		padding-right: 12px;
		padding-left: 0px!important;
	}
	#block-block-7 .content li {
		float: none!important;
		width: 100%!important;
	}
	ul.quicktabs-tabs li.active {
		
	}
	ul.quicktabs-tabs li{
		white-space: normal;
		width: 100%;
	}
	.quicktabs-tabs li a{
		max-width: 100%;
		}
	.quicktabs_main .views-field-field-news-image-upload,
	.view-americans-for-the-arts-news .views-field-field-news-image-upload {
		float: none!important;
	}
	.quicktabs_main .views-field-field-news-date, .quicktabs_main .views-field-title, .quicktabs_main .views-field-body,
	.view-americans-for-the-arts-news .views-field-field-news-date, .view-americans-for-the-arts-news .views-field-title, .view-americans-for-the-arts-news .views-field-body {
		margin-left: 0px!important;
	}
	.sidebar-blocks h2.block-title{
		line-height: 15px;
	}	
  	/*Research Page */
	.page-research #page-title {
	display: none;
	}
	.panel-3col .panel-col-first, .panel-3col .panel-col, .panel-3col .panel-col-last {
	float: none;
	width: auto;
	clear: both;
	}
	/*Maryland Page */
	.two-sidebars #content {
	float: none;
	margin-left: 0%!important;
	margin-right: -75%;
	width: 100%!important;
	}
	.two-sidebars .region-sidebar-first {
	width: 100%!important;
	margin-right: 0%;
	float: left;
	margin-left: 0%!important;
	}
	.two-sidebars .region-sidebar-second {
	margin-left: 0%!important;
	margin-right: 0%!important;
	width: 100%!important;
	clear: both;
	}
	.col-wrap.col-two .left, .col-wrap.col-two .right {
	width: auto!important;
	}
	.col-wrap.col-two > div {
		float:none!important;
	}
	.col-wrap.col-two .left .inner {
	margin-right: 0px!important;
	}
	.col-wrap.col-two .right .inner {
	margin-left: 0px!important;
	}	
	.thumb-list .thumb {
	float: none!important;
	width: auto!important;
	}	
	.thumb-list .date, .thumb-list .title, .thumb-list .body {
	margin-left: auto!important;
	}	
	.block-button.bg-user .content li:first-child {
	float: none!important;
	margin-bottom: 8px;
	}
	.block-button.bg-user .content li {
		float: none!important;
		width: auto!important;	
	}	
	/* Program Page */
	.section-program .research .featured-slider .left, .section-by-program .research .featured-slider .left {
		width: 88%!important;
		margin: 17px 10px;
	}
	.section-program .research .featured-slider .right, .section-by-program .research .featured-slider .right {
		margin-top: 0px;
	}	
	.section-program .featured.research .navigation, .section-by-program .featured.research .navigation {
		width: 100%;
	}
	.section-program .featured.research .bottom, .section-by-program .featured.research .bottom {
		min-height: 68px;
	}
	.section-program .featured.research .bottom p, .section-by-program .featured.research .bottom p {
		padding: 4px 10px;
		text-align: left;
		width: 86%;
	}	
	#block-block-25 .loc-1, #block-block-25 .loc-2{
		width: 100%;
		}
	/*search*/
	.page-search #page #main #content{
		margin-left: 10px;
		margin-bottom: 20px;
		}
	.page-search .region-sidebar-first{
		margin: 10px 0px;
		padding-right: 0px;
		}  
	.item-list .pager{
		height: inherit!important;
		}
	.item-list .pager li {
		display: inline-block;
		}
	.page-search .search-results{
		padding: 0px;
		}	
	/* user page */
	.page-user #content {
		margin: 0px 10px 10px 10px;
	}	
	#user-login .form-text{
		width:98%;
	} 
	/* newsletter */
	.node-27726 .field-item form p input:first-child{
		width: 59%;
		padding: 2px 0px;
	}
	.node-27726 .field-item form p b{
		display:block;
		padding: 7px 4px;
	}
	/* meet staff */
	.node-staff-team .view-left-column, .node-staff-team .view-right-column{
		float: none!important;
		width: auto!important;
		}
	/* news room */
	.view-aggregate-page .views-row{
		padding-left: 0px;
		}
	.view-aggregate-page .view-right-column{
		float: none;
		padding-top: 10px;
		}
	.view-aggregate-page .view-right-column img{
		margin: 0px;		
		}
	.view-aggregate-page .news_room_home_body{
		margin-top: 14px;
		}
	/* States selection options */
	.views-exposed-form .views-exposed-widget{
		padding-right: 0px;
		}
	.views-exposed-form .views-exposed-widget .form-submit{
		text-indent: -9999px;
		padding-left: 0px;
		}				
	/* 404 page */
	article.node-13 .float_left, article.node-13 .float_right {
		float: none;
		width: auto;
	}					
	/* contactus */
	.contact_us_left{
		float: none;
		width: 100%;
		}
	.contact_us_right {
		float: none;
		width: 100%;
		padding-top: 38px;
	}	
	.contact_us_left input, .contact_us_left select {
		width: 95%!important;
		}
	.contact_us_left #edit-submit{
		width: initial!important;
		}
	.form-type-checkbox {
	float: none;
	width: 100%;
	}
	#modalContent{
		left: 6.5px!important;
		}
	div.modal-forms-modal-content{
		width: 96%!important;
		}	
	#modalContent .popups-body{
		width: auto!important;
		}	
	#modalContent .webform-client-form input,
	#modalContent .webform-client-form select,
	.webform-component .form-text,
	.webform-component #edit-submitted-country,
	.webform-component .form-select{
		width: 96%;
		}
	#modalContent .webform-client-form .form-submit, #modalContent .webform-client-form #edit-captcha-response{
		width: initial!important;
		}		
	#modalContent .popups-body{
		overflow-y: scroll;
		}	
}
@media all and (min-width: 321px) and (max-width: 480px) {
  	*{/* (min-width: 321px) and (max-width: 480px) */}
	ul#header-utility-nav{
	  padding-left: 0px;	
	  height: initial;  
	  }
	ul#header-utility-nav li {
	  line-height: 20px;  
  	  }
	#header-strip-wrap .active{
	  background:none;
	  }
	#header-utility{
	  padding: 5px 0px;
	  float: none;
	  width: 100%;
	  }
	#header-social {
		width: 80%;
		float: left;
	}
	#header-picture{
		width: 20%;
		float: left;
	}	
	#logo {
		width: 100%!important;
		height: 140px!important;
		background-image: url(../../images/afta-logo-white.png)!important;
		background-position: center center;
		float: none;
		margin: 0px;
	}
	.breadcrumbs{
		display:none;	
	}
	#block-block-28 {
		float: left!important;
		margin-top: 0!important;
		margin-bottom: 0!important;
		clear: both;
	}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text {
		width: 83%!important;
		padding: 4px;
	}
	#block-search-form {
		margin-right: 0px!important;
		margin-left: 0px!important;
	}	
	#block-block-28 ul {
		padding-left:20px!important;
	}	
	#block-block-28 li {
		float: none!important;
		width: 100%!important;
		padding: 2px 10px 2px 10px;
	}
	#header-top {
		float: none;
		height: auto;
	}
	#block-menu-menu-top-utility-navigation ul{
		margin: 0px;
		}
	ul#muchomenu-1 {
		float: none;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.muchomenu-menu .muchomenu-parent {
		display: block;
	}
	.muchomenu-menu .muchomenu-parent > span a {
		display: block;
		padding: 2px 10px!important;
		background-color: #275259;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #2E6169;
	}	
	#muchomenu-1 > li > .muchomenu-parent-title a:hover{
		background-image:none;
		}
	#muchomenu-1 > li + li + li + li + li .muchomenu-parent-title a.active:hover {
		background-image: none!important;
	}
	#muchomenu-1 > li + li + li + li + li .muchomenu-parent-title a:hover {
		background-image: none!important;
	}	
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin{
		padding: 8px;
		width: auto;
		position: static;
		display: none!important;
		}
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin .panel-pane,
	.muchomenu-menu li:nth-child(-n+4) .muchomenu-bin .panel-pane p{
		margin-bottom: 0em;
		line-height: normal;
		}
	.muchomenu-menu .muchomenu-bin{
		position: static;
		top: auto;
		}
	.muchomenu-menu .pane-custom{
		display: none;
		}
	.muchomenu-bin-2 .panel-2col .panel-col-last,
	.muchomenu-bin-5 .panel-2col .panel-col-last,
	#navigation .pane-menu-block-5 ul.menu li,
	.muchomenu-bin-6 .panel-2col .panel-col-last,
	#navigation .muchomenu-bin-6 ul.menu li	{
		width:100%;
		}
	.muchomenu-bin-2 .inside > .pane-menu-block{
		float: none;
		width: 100%;
		}
		
	.muchomenu-bin .panel-pane{
		margin-bottom: 0em;
		}
	#navigation .pane-menu-block-5 ul.menu,
	#navigation .muchomenu-bin-6 ul.menu{
		height:auto;
		padding:0px;
		}
	#navigation .pane-menu-block-5 ul.menu li:nth-child(7n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(14n+15),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+15),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(11n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+23),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+34),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(11n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+45)
	{
		margin-top: auto;
		margin-left: auto;
		}
	#navigation .pane-menu-block-5 ul.menu li.last,
	#navigation .muchomenu-bin-6 ul.menu li.last {
		margin-left: auto;
		margin-top: 14px;
		position: static;
		width: auto;
	}
	/* slideshow */
	.media-slider {
		height: 295px;
	}	
	.featured-slider .left, .featured-slider .right {
		width: auto!important;
	}	
	.featured-slider .left, .featured-slider .right {
		float: none!important;
	}
	.featured-slider .right .inner {
		padding-right: 12px;
		padding-left: 0px!important;
	}
	.view-slideshow-front .afta-common{
		padding-right: 18px;
		}
	#block-block-7 .content li {
		float: none;
		width: 100%;
	}
	ul.quicktabs-tabs li.active {		
	}
	ul.quicktabs-tabs li{
		white-space: normal;
		width: 100%;
	}
	.quicktabs-tabs li a{
		max-width: 100%;
		}
	.sidebar-blocks h2.block-title{
		line-height: 15px;
	}
  	/*Research Page */
	.page-research #page-title {
	display: none;
	}	
	.panel-3col .panel-col-first, .panel-3col .panel-col, .panel-3col .panel-col-last {
	float: none;
	width: auto;
	clear: both;
	}	
	/*Maryland Page */
	.two-sidebars #content {
	float: none;
	margin-left: 0%!important;
	margin-right: -75%;
	width: 100%!important;
	}
	.two-sidebars .region-sidebar-first {
	width: 100%!important;
	margin-right: 0%;
	float: left;
	margin-left: 0%!important;
	}
	.two-sidebars .region-sidebar-second {
	margin-left: 0%!important;
	margin-right: 0%!important;
	width: 100%!important;
	clear: both;
	}
	.col-wrap.col-two .left, .col-wrap.col-two .right {
	width: auto!important;
	}
	.col-wrap.col-two > div {
		float:none!important;
	}
	.col-wrap.col-two .left .inner {
	margin-right: 0px!important;
	}
	.col-wrap.col-two .right .inner {
	margin-left: 0px!important;
	}	
	/* Program Page */
	.section-program .research .featured-slider .left, .section-by-program .research .featured-slider .left {
		width: 94%!important;
		margin: 17px 10px;
	}
	.section-program .research .featured-slider .right, .section-by-program .research .featured-slider .right {
		margin-top: 0px;
	}	
	.section-program .featured.research .navigation, .section-by-program .featured.research .navigation {
		width: 100%;
	}
	.section-program .featured.research .bottom, .section-by-program .featured.research .bottom {
		min-height: 68px;
	}
	.section-program .featured.research .bottom p, .section-by-program .featured.research .bottom p {
		padding: 4px 10px;
		text-align: left;
		width: 88%;
	}
	/*search*/
	.page-search #page #main #content{
		margin-left: 10px;
		margin-bottom: 20px;
		}
	.page-search .region-sidebar-first{
		margin: 10px 0px;
		padding-right: 0px;
		}  
	.item-list .pager{
		height: inherit!important;
		}
	.item-list .pager li {
		display: inline-block;
		}
	.page-search .search-results{
		padding: 0px;
		}	
	/* user page */
	.page-user #content {
		margin: 0px 10px 10px 10px;
	}
	#user-login .form-text{
		width:98%;
	} 
	/* newsletter */
	.node-27726 .field-item form p input:first-child{
		width: 75%;
		padding: 2px 0px;
	}
	.node-27726 .field-item form p b{
		display:block;
		padding: 7px 4px;
	}
	/* meet staff */
	.node-staff-team .view-left-column, .node-staff-team .view-right-column{
		float: none!important;
		width: auto!important;
		}
	/* news room */
	.view-aggregate-page .views-row{
		padding-left: 0px;
		}
	.view-aggregate-page .view-right-column{
		float: none;
		padding-top: 10px;
		}
	.view-aggregate-page .view-right-column img{
		margin: 0px;		
		}
	.view-aggregate-page .news_room_home_body{
		margin-top: 14px;
		}
	/* States selection options */
	.views-exposed-form .views-exposed-widget{
		padding-right: 0px;
		}	
	.views-exposed-form .views-exposed-widget .form-submit{
		text-indent: -9999px;
		padding-left: 0px;
		}	
	/* 404 page */
	article.node-13 .float_left, article.node-13 .float_right {
		float: none;
		width: auto;
	}		
	/* contactus */
	.contact_us_left{
		float: none;
		width: 100%;
		}
	.contact_us_right {
		float: none;
		width: 100%;
		padding-top: 38px;
	}
	.contact_us_left input, .contact_us_left select {
		width: 95%!important;
		}
	.contact_us_left #edit-submit{
		width: initial!important;
		}
	.form-type-checkbox {
	float: none;
	width: 100%;
	}		
	#modalContent .webform-client-form input,
	#modalContent .webform-client-form select,
	.webform-component .form-text,
	.webform-component #edit-submitted-country,
	.webform-component .form-select{
		width: 97%;
		}
	#modalContent .webform-client-form .form-submit, #modalContent .webform-client-form #edit-captcha-response{
		width: initial!important;
		}
	#modalContent .popups-body{
		overflow-y: scroll;
		}		
}
@media all and (min-width: 481px) and (max-width: 640px) {
  	*{/* (min-width: 481px) and (max-width: 640px) */}
  /* line 83, ../../sass/layouts/responsive-sidebars.scss */
  ul#header-utility-nav{
	  padding-left: 0px;
	  height: initial;	  
	  }
  ul#header-utility-nav li {
	  line-height: 20px;  
  	  }
  #header-strip-wrap .active{
	  background:none;
	  }
  #header-utility{
	  padding: 5px 0px;
	  float: none;
	  width: 100%;
	  }
	#header-social {
		width: 80%;
		float: left;
	}
	#header-picture{
		width: 20%;
		float: left;
	}
  #main {
    /*padding-top: 3em;  Move all the children of #main down to make room. 
    position: relative;*/
  }

  /* line 87, ../../sass/layouts/responsive-sidebars.scss */
  #navigation {
    /*position: absolute;
    top: 0;  Move the navbar up inside #main's padding. 
    height: 3em;
    width: $zen-grid-width;*/
  }
  #logo {
		width: 120px!important;
		height: 140px!important;
		background-image: url(../../images/afta-logo-white.png)!important;
	}
	#block-search-form {
		float: left!important;
		width: 57%!important;
		margin-left: 24px;
	}
	
	#block-block-28, #block-menu-menu-top-utility-navigation{
		float: left;
		width: 62%;
		margin-left: 24px;
		}
	#block-block-28 ul, #block-menu-menu-top-utility-navigation ul{
		margin: 0px;
		}
	.breadcrumbs{
	display:none;	
	}
	ul#muchomenu-1 {
	float: left;
	width: 96%;
	padding-left: 9px;
	margin-top: 7px;
	}	
	#navigation {
	clear: none!important;
	}
	#header-top {
	float: none;
	height: 113px!important;
	}
	#header-inner {
	min-height: 228px!important;
	}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text {
		width: 85%;
		padding: 4px;
		}
	.featured-slider .left, .featured-slider .right {
	width: auto!important;
	}	
	.featured-slider .left, .featured-slider .right {
	float: none!important;
	margin-top: 0px;
	}
	.featured-slider .right .inner {
	padding-right: 12px;
	padding-left: 0px!important;
	}
	/* menu */
	.muchomenu-menu .muchomenu-bin {
		top: 115px !important;
	}
	#navigation .pane-menu-block-5 ul.menu,
	#navigation .muchomenu-bin-6 ul.menu{
		height: auto;
		}
	#navigation .pane-menu-block-5 ul.menu li{
		width: 50%;
		float: left;
		}
	#navigation .muchomenu-bin-6 ul.menu li{
		width: 33%;
		float: left;
		}
	#navigation .pane-menu-block-5 ul.menu li:nth-child(7n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+8),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(14n+15),
	#navigation .pane-menu-block-5 ul.menu li:nth-child(n+15),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(11n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+12),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+23),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+34),
	#navigation .muchomenu-bin-6 ul.menu li:nth-child(n+45)
	 {
		margin-top: auto;
		margin-left: inherit;
		}
	
	#muchomenu-1 > li > .muchomenu-parent-title a:hover{
		background-image: none;
		}
	#navigation .pane-menu-block-5 ul.menu li.last,
	#navigation .muchomenu-bin-6 ul.menu li.last{
		margin-left: 0px;
		position: static;
		margin-top: 30px;
		width:100%;
		}
	.muchomenu-bin-2 .pane-content > .menu > li {
	display: block;
	float: none!important;
	width: auto!important;
	margin-left: 2%;
	}
	.muchomenu-bin-2 .panel-2col .panel-col-first,
	.muchomenu-bin-5 .panel-2col .panel-col-first,
	.muchomenu-bin-2 .panel-2col .panel-col-last,
	.muchomenu-bin-5 .panel-2col .panel-col-last {
	width: auto!important;
	}
	.panel-2col .panel-col-first {
	float: none!important;
	}
	.muchomenu-slots .panel-col-first .pane-content {
	margin-left: auto!important;
	}
	.muchomenu-bin-6 .panel-2col .panel-col-first {
	width: auto!important;
	}
	.muchomenu-bin-6 .panel-2col .panel-col-last {
	width: auto!important;
	}
	.muchomenu-menu li:nth-child(3) .muchomenu-bin {
		margin-left: -75px;
	}
	.muchomenu-menu li:nth-child(4) .muchomenu-bin {
		margin-left: -185px;
	}
	.view-slideshow-front .afta-common {
	padding-right: 18px;
	}

	/* slideshow */
	.media-slider {
		height: 295px;
	}	
  	/*Research Page */
	.page-research #page-title {
	display: none;
	}
	.panel-3col .panel-col-first {
	float: left;
	width: 42%;
	}
	.panel-3col .panel-col {
	float: left;
	width: 58%;
	}
	.panel-3col .panel-col-last {
	float: none;
	width: auto;
	clear: both;
	}
	/*Research Page */
	ul.quicktabs-tabs li {
	width: 100%!important;
	}
	ul.quicktabs-tabs li.first {
	white-space:normal;
	}
	.quicktabs-tabs li a {
		max-width: 100%;
		}
	/*Maryland Page */
	.two-sidebars #content {
	float: none!important;
	margin-left: 0%!important;
	margin-right: -75%;
	width: 100%!important;
	}
	.two-sidebars .region-sidebar-first {
	width: 100%!important;
	margin-right: 0%;
	float: left;
	margin-left: 0%!important;
	}
	.two-sidebars .region-sidebar-second {
	float: left;
	margin-left: 0%!important;
	margin-right: 0%!important;
	width: 100%!important;
	}
	.col-wrap.col-two .left, .col-wrap.col-two .right {
	width: auto!important;
	}
	.col-wrap.col-two .left .inner {
	margin-right: 0px!important;
	}
	.col-wrap.col-two .right .inner {
	margin-left: 0px!important;
	}
	
	/* Program Page */
	.section-program .research .featured-slider .left, .section-by-program .research .featured-slider .left {
		width: 94%!important;
		margin: 17px 10px;
	}
	.section-program .research .featured-slider .right, .section-by-program .research .featured-slider .right {
		margin-top: 0px;
	}
	
	/*search*/
	.page-search #page #main #content{
		margin-left: 10px;
		margin-bottom: 20px;
		}
	.page-search .region-sidebar-first{
		margin: 10px 0px;
		padding-right: 0px;
		}  
	.item-list .pager{
		height: inherit!important;
		}
	.item-list .pager li {
		display: inline-block;
		}
	.page-search .search-results{
		padding: 0px;
		}
	/* user page */
	.page-user #content {
		margin: 0px 10px 10px 10px;
	}
	/* newsletter */
	.node-27726 .field-item form p input:first-child{
		width: 50%;
		padding: 2px 0px;
	}
	/* newsroom */	
	.news_room_home_body {
	margin-top: 14px;
	}
	/* staff */	
	.node-staff-team .view-left-column {
		float: left;
		width: 30%;
	}
	.node-staff-team .view-right-column {
		float: right !important;
		width: 65% !important;
	}
	/* 404 page */
	article.node-13 .float_left, article.node-13 .float_right {
		float: none;
		width: auto;
	}
	/* contactus */
	.contact_us_left{
		float: none;
		width: 100%;
		}
	.contact_us_right {
		float: none;
		width: 100%;
		padding-top: 38px;
	}		
}
@media all and (min-width: 641px) and (max-width: 880px) {
	*{/* (min-width: 641px) and (max-width: 880px) */}
	#header-top {
		width: 76%!important;
		float: left!important;
		height: 115px!important;
	}
	#block-search-form {
		float: none!important;
		width: auto!important;
		margin-top: 1em!important;
		margin-left: 24px;
	}
	#block-block-28 {
		float: none!important;
	}
	/* user page */
	.page-user #content {
		margin: 0px 10px 10px 10px;
	}
	/* slideshow */
	.media-slider {
		height: 295px;
	}
	/* staff */	
	.node-staff-team .view-left-column {
		float: left;
		width: 30%;
	}
	.node-staff-team .view-right-column {
		float: right !important;
		width: 65% !important;
	}			
}
@media all and (min-width: 641px) and (max-width: 815px) {
	*{/* (min-width: 641px) and (max-width: 815px) */}
	ul#header-utility-nav {
	overflow: visible!important;
	line-height: 20px!important;
	padding-left: 0px;
	}
	#header-utility {
	width: 62%!important;
	}	
	#header-social {
	width: 28%!important;
	}
	#header-social .content ul {
		height: 63px;
		}
	#header-social .content li{
		margin-top: 19px;
		}
	#header-picture {
	width: 10%;
	height: 63px;
	}
	#header-picture .content li{
		height: 56px;
		}
	#header-picture .content a{
		margin-top: 7px;
		}
	#header-strip-wrap .active {
	background: none;
	}
	#block-block-28, #block-menu-menu-top-utility-navigation{
		float: left;
		margin-left: 24px;
		}
	#block-block-28 ul, #block-menu-menu-top-utility-navigation ul{
		padding-left: 0;
		}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text{
		width: 90%;
		padding: 4px;
	}	
	/* menu */
	.muchomenu-menu .muchomenu-bin{
		top: 175px !important;
		}
	#muchomenu-1 > li > .muchomenu-parent-title a:hover{
		background-image: none;
		}
	#navigation .pane-menu-block-5 ul.menu li.last{
		margin-left: 0px;
		position: static;
		margin-top: 30px;
		}
	#navigation .muchomenu-bin-6 ul.menu li.last{
		margin-left: auto;
		position: static;
		margin-top: 30px;
		}
	#navigation .pane-menu-block-5 ul.menu{
		height: auto;
		}
	#navigation .muchomenu-bin-6 ul.menu {
		height: 266px;
	}
	.block-button.bg-user .content li {
	width: auto!important;
	float: none!important;
	margin-bottom: 8px;
	}
	.breadcrumbs{
	display:none;	
	}
	#block-menu-menu-top-utility-navigation ul li.first {
		margin-left: 0px;
		}
	#block-muchomenu-1 {
	width: 100%;
	position: relative;
	}
	ul#muchomenu-1 {
	float: left;
	width: 73%;
	padding-left: 9px;
	}
	.muchomenu-menu .muchomenu-bin {
	top: 186px !important;
	}
	.muchomenu-menu li:nth-child(3) .muchomenu-bin {
		margin-left: -56px;
	}
	.muchomenu-menu li:nth-child(4) .muchomenu-bin {
		margin-left: -168px;
	}
	.front.two-sidebars #content {
	width: 100%!important;
	float:none!important;
	}
	.front.two-sidebars .region-sidebar-first {
	margin-left: 0px!important;
	width: 50%!important;
	float:left!important;
	}
	.front.two-sidebars .region-sidebar-second {
	float: left;
	width: 50%!important;
	margin-left: 0%!important;
	}
	.muchomenu-bin-2 .panel-2col .panel-col-first,
	.muchomenu-bin-5 .panel-2col .panel-col-first,
	.muchomenu-bin-6 .panel-2col .panel-col-first,
	.muchomenu-bin-2 .panel-2col .panel-col-last,
	.muchomenu-bin-5 .panel-2col .panel-col-last,
	.muchomenu-bin-6 .panel-2col .panel-col-last{
	width: 100%;
	}
	.muchomenu-bin-2 .inside > .pane-menu-block:first-child{
		margin-left: 0%;
		}

	/* Research Page */
	ul.quicktabs-tabs li, .quicktabs-tabs li a {
	width: 100%!important;
	}
	/* Program */
	.section-program .research .featured-slider .left, .section-by-program .research .featured-slider .left {
		width: 93%;
		margin: 17px 10px;
	}
	.section-program .research .featured-slider .right, .section-by-program .research .featured-slider .right {
		margin-top: 0px;
	}		
	.section-program .featured.research .navigation, .section-by-program .featured.research .navigation {
		width: 100%;
	}
	.section-program .featured.research .bottom, .section-by-program .featured.research .bottom {
		min-height: 68px;
	}
	.section-program .featured.research .bottom p, .section-by-program .featured.research .bottom p {
		padding: 4px 10px;
		text-align: left;
		width: 88%;
	}
	/* slideshow */
	.media-slider {
		height: 295px;
	}
	.view-slideshow-front .afta-common{
		padding-right:18px;
		}
	.view-slideshow-front .panel-2col .panel-col-first, .view-slideshow-front .panel-2col .panel-col-last{
		width: 100%;
		}
	.view-slideshow-front .views-field-field-picture{
		width: auto;
		}
	.view-slideshow-front .views-field-field-picture-info {
		width: 89%;
		margin: 0px 12px;
		}
	/*search*/
	.page-search #page #main #content{
		margin-left: 10px;
		margin-bottom: 20px;
		}
	.page-search .region-sidebar-first{
		margin: 10px 0px;
		padding-right: 0px;
		}
	/* user page */
	.page-user #content {
		margin: 0px 10px 10px 10px;
	}

}
@media all and (max-width: 768px) {
	*{/* (max-width: 768px) */}
	.panel-2col .panel-col-last, .panel-2col .panel-col-first {
		float: none;
		width: 100%;
	}
	div.views-slideshow-pager-fields, .view-slideshow-front .views-field-field-picture, .view-slideshow-front .views-field-field-picture-info {
		width:auto;	
	}
	.view-slideshow-front .views-field-body {
		margin-top: 0;
		margin-bottom:20px;
	}
	.panel-2col .panel-col-last .inside {
		margin:0;
	}	
}
@media all and (min-width: 816px) and (max-width: 1024px) {
	*{/* (min-width: 816px and max-width: 1024px) */}
	ul#muchomenu-1 {
	float: left;
	width: 73%;
	padding-left: 39px;
	}
	#header-top {
	height: 120px;
	}
	.muchomenu-menu .muchomenu-bin {
	top: 66px !important;
	}
	#navigation .muchomenu-bin-6 ul.menu li.last,
	#navigation .pane-menu-block-5 ul.menu li.last{
		margin-left: auto;
		margin-top: 40px;
		position: static;
		}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text{
		width: 80%;
		padding: 4px;
	}
	.block-button.bg-user .content li {
		width: auto!important;
		float: none!important;
		margin-bottom: 8px;
	}
	.pane-block-22 .content a:after{
		display:none;
		}
	
	.media-slider {
	height: 295px;
	}

}
@media all and (min-width: 816px) and (max-width: 960px) {
	*{/* (min-width: 816px) and (max-width: 960px) */}
  /*
   * Use 3 grid columns for smaller screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
	#header-inner {
	   min-height: 200px!important;
	}	
	#header-utility {
	width: 72%!important;
	}	
	#header-social {
	width: 20%!important;
	}
	ul#header-utility-nav {
	overflow: visible!important;
	line-height: 20px!important;
	padding-left: 1px;
	}	
	#header-strip-wrap .active{
		background: none;
		}
	#header-top {
	float: left;
	}
	#block-search-form {
	float: none!important;
	width: auto!important;
	margin-top: 1em!important;
	margin-left: 53px;
	}
	#header #search-block-form .form-text,
	#header #search-block-form--2 .form-text{
		width: 90%;
		padding: 4px;
		}	
	/* menu */
	.muchomenu-menu .muchomenu-bin{
		top: 200px !important;
		}
	#muchomenu-1 > li > .muchomenu-parent-title a:hover{
		background-image: none;
		}
	#navigation .pane-menu-block-5 ul.menu li.last{
		margin-left: 0px;
		position: static;
		margin-top: 30px;
		width: auto;
		}
	
	.pane-block-22 .content a:after{
		display:none;
		}
	.block-button.bg-user .content ul{
		width: 100%!important;
		}
	.block-button.bg-user .content li {
	width: auto!important;
	float: none!important;
	margin-bottom:8px;
	}
	.featured-slider .left, .featured-slider .right {
		width: 50%;
	}
	.section-program .research .featured-slider .left, .section-by-program .research .featured-slider .left {
		width: 68%;
	}
	.section-program .featured.research .navigation, .section-by-program .featured.research .navigation {
		width: 100%;
	}	
	.section-program .featured.research .bottom, .section-by-program .featured.research .bottom {
		min-height: 68px;
	}
	.section-program .featured.research .bottom p, .section-by-program .featured.research .bottom p {
		padding: 4px 10px;
		text-align: left;
		width: 88%;
	}	
	
  /* line 106, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 2 columns, starting in 2nd column from left. */
    float: left;
	width: 65.5%;
    /* width: 66.66667%; */
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  /* line 110, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  /* line 120, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }
  /* line 124, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */
  /* line 134, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 2 columns, starting in 2nd column from left. */
    float: left;
	width: 50%;
	margin-left: 24%;
	margin-right: -100%;
  }
  /* line 138, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -74%;
  }
  /* line 142, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Start a new row and span all 3 columns. */
	float: left;
	width: 25%;
	margin-left: 74%;
	margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    /*clear: left;*/
  }
  /* line 147, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block {
    /*padding-left: 10px;
    padding-right: 10px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  /* line 150, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
    /* Span 1 column, starting in the 1st column from left. */
    /*float: left;
    width: 33.33333%;*/
    margin-left: 0%;
    /*margin-right: -33.33333%;*/
    clear: left;
  }
  /* line 154, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
    /* Span 1 column, starting in the 2nd column from left. */
    /*float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;*/
  }
  /* line 157, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
    /* Span 1 column, starting in the 3rd column from left. */
    /*float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;*/
  }
  
	/*Research Page */
	ul.quicktabs-tabs li.first {
	width: 24%;
	white-space:normal!important;
	}
	/* slideshow */
	.media-slider {
	height: 295px;
	}
	.view-slideshow-front .afta-common{
		padding-right:18px;
		}
	.view-slideshow-front .panel-2col .panel-col-first, .view-slideshow-front .panel-2col .panel-col-last{
		width: 100%;
		}
	.view-slideshow-front .views-field-field-picture{
		width: auto;
		}
	.view-slideshow-front .views-field-field-picture-info {
		width: 89%;
		margin: 0px 12px;
		}
}
@media all and (min-width: 960px) {
	*{/* min-width: 960px */}
  /*
   * Use 5 grid columns for larger screens.
   */
  /*
   * The layout when there is only one sidebar, the left one.
   */
  /* line 175, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 74%;
    margin-left: 25%;
    margin-right: -100%;
  }
  /* line 179, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  /* line 189, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 80%;
    margin-left: 0%;
    margin-right: -80%;
  }
  /* line 193, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */
  /* line 203, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 3 columns, starting in 2nd column from left. */
	float: left;
	width: 50%;
	margin-left: 25%;
	margin-right: -75%;
  }
  /* line 207, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 1 column, starting in 1st column from left. */
	float: left;
	width: 25%;
	margin-left: 0%;
	margin-right: -25%;
  }
  /* line 211, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Span 1 column, starting in 5th column from left. */
    float: left;
	width: 25%;
	margin-left: 75%;
	margin-right: -100%;
  }
  
  /*Research Page*/

}