/* wide displays */
@media only screen and (min-width: 2700px) {
	
	#page-banner {background-size: 115% auto;}
		#page-banner.has-breadcrumb h1 {padding: 50px 0 90px 0;}
	#search-section {background-size: 115% auto;}
}


@media only screen and (min-width: 1850px) and (max-width: 2699px) {
	
	#page-banner {background-size: 110% auto;}
		#page-banner.has-breadcrumb h1 {padding: 40px 0 60px 0;}
	#search-section {background-size: 110% auto;}
	
}


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

	/* es header */
	.language-es #header .header-main nav > ul > li > a {font-size: 18px;}
	.language-es #header .header-main .link span {font-size: 18px;}

	.breadcrumb {padding-bottom: 30px;}
	#page-banner h1 {padding: 60px;}
	#page-banner.has-breadcrumb h1 {padding: 0 50px 50px 50px;}
	
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {

	.split .image-container:nth-child(2n) {margin-left: 100px; margin-right: 64px;}
	
}


@media only screen and (min-width: 1025px) and (max-width: 1360px) {

	/* es header */
	.language-es #header .header-main nav ul li {margin-right: 15px;}
		.language-es #header .header-main nav > ul > li > a {font-size: 18px;}
	.language-es #header .header-right a.link {display: none !important;}
	
}


@media only screen and (min-width: 1024px) {

	/* level 2 */
	#header .header-main nav ul li ul {
		position: absolute; top: 48px; left: -20px; display: none; z-index: 20000; background: #fff; border-radius: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 10px 0;
	}
		#header .header-main nav ul li ul li { display: block; position: relative; z-index: 20000; min-width: 280px; padding: 0; margin: 0; }
			#header .header-main nav ul li ul li a { 
				font-size:18px; display: inline-block; padding: 7px 20px; margin: 3px 0; line-height: 1.2; font-weight: normal; color: #000; width: 100%;
			}
			#header .header-main nav ul li ul li a:hover { background: #f5f5f5; color: #005191; }
	
			#header .header-main nav ul li ul li.current-menu-item a { color: #005191; }
	
			#header .header-main nav ul li ul li:first-of-type a { margin-top: 10px; }
			#header .header-main nav ul li ul li:last-of-type a { margin-bottom: 10px; }
	#header .header-main nav ul li:hover ul {display: block;}

	/* spanish */
	.language-es #header .header-main nav ul li ul li a { font-size:17px; }
	
}


@media only screen and (min-width: 1024px) and (max-width: 1400px) {

	.container { padding-left:30px; padding-right:30px; max-width: none; }

	#header .container {}
		#header .header-top .lang { font-size:20px; }
		#header .header-main nav ul li a { font-size:20px; }
		#header .header-main .link .text { font-size:20px; }
		#search-bar-close {right: 30px; top: 30px; transform: none;}
	
	/* shared */
	h1 {font-size: 54px;}
	#page-banner.has-breadcrumb h1 {padding-bottom: 65px;}

	.breadcrumb {padding: 30px 30px 20px 30px;}
	
	/* home */
	#top-slider-section .slides li .right-column .image-container::before {width: 600px; height: 600px; bottom: inherit; top: 135px; right: -60px;}
	#top-slider-section .slides li .right-column .image-container img {width: 600px; bottom: inherit; top: 135px;}
	#top-slider-section .slides li .right-column .image-container::after {width: 600px; height: 600px; bottom: inherit; top: 135px; right: -120px;}
	#top-slider-section .slides li .left-column .h1-title { font-size:50px; margin:0; line-height:1.1; }
	#top-slider-section .slides li .left-column h3, #top-slider-section .slides li .left-column h4 { font-size:20px; }

	/* search */
	#advanced-search-container form { width: 924px; margin: auto; }
	#advanced-search-container form .field { width: 280px; }
	
	/* results */
	#search-results-section .top-container .left-container .sort-container {  padding:12px 39px 12px 18px; width:202px; margin:0 10px 0 0; }
	#search-results-section .top-container .left-container .sort-container ul li { padding:3px 18px; }
	
	/* detail */
	#detail-section .location-container .map-container { width:45%; }
	#detail-section .location-container .location-overview { width:50%; }

	#tab-section .tab-title > li > a { font-size:16px; }

}


@media only screen and (min-width: 1024px) and (max-width: 1280px) {

	h1 {font-size: 48px;}
		#page-banner.has-breadcrumb h1 {padding-bottom: 70px;}
	h2 {font-size: 36px;}

	/* search */
	#search-bar-form {max-width: 1060px;}
		#search-bar-form span, #search-form span  {font-size: 18px;}
		#search-bar-form input[type="submit"] {min-width: 0;}
	
	/* spanish */
	.language-es #header .header-main .link {display: none;}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1249px) {
	
	#footer-widgets-section .footer-widget-content {display: block; margin: 0 0 20px 0;}
		#footer-widgets-section .footer-widget-content .footer-widget1 {width: 100%; padding: 0 0 30px 0; border-right: none;}
		#footer-widgets-section .footer-widget-content nav {width: 100%;}
			#footer-widgets-section .footer-widget-content nav .menu > li {width: calc(33.33% - 3px);}
			#footer-widgets-section .footer-widget-content nav .menu > li:first-of-type {padding-left: 0;}
	
	#footer-widgets-section .footer-widget-content nav .menu > li:last-of-type  { padding:0 20px 0 0; }
	
	/* home */
	#top-slider-section .slides li .right-column .image-container::before {width: 540px; height: 540px; top: 150px; right: -50px;}
	#top-slider-section .slides li .right-column .image-container img {width: 540px; top: 150px;}
	#top-slider-section .slides li .right-column .image-container::after {width: 540px; height: 540px; top: 150px; right: -100px;}
	
}


@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	
	#header .header-main .link {display: none;}
	
	/* shared */
	.split .image-container { max-width: 400px; }
		.split .image-container:before { width: 400px; height: 400px; left: 30px; }
		.split .image-container:after { width: 400px; height: 400px; left: 60px; }
		.split .image-container img { max-width: 400px;}
		.split .image-container:nth-child(odd) { margin-right: 120px; }
		.split .image-container:nth-child(even) { margin-left: 120px; }
	.split .text-container { width: calc(100% - 400px - 120px); }
	
	.split .image-container:nth-child(2n) {margin-left: 60px; margin-right: 60px;}
	
	form .field {margin: 5px auto;}
	#search-bar-form input[type="submit"] {margin-top: 10px;}
	
}


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

	#search-bar-form,
	#search-form {display:block; text-align:center;}
		#search-form .field {position: relative; width: 363px; margin: auto;}
	
}


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

	body { font-size:18px; }
	h1 { font-size:48px; }
	h2 { font-size:32px; }
	h3 { font-size:24px; }
		.location-overview > h3 {font-size:32px;}
	
	.button { font-size:20px; }

	.container, #header .container { width: 100%; max-width: 100%; padding-left:20px; padding-right:20px; }
	
	.view-desktop { display:none; }
	.view-mobile { display:block; }

	#header-overlay { /*height:199px;*/ }
	#header .header-main .header-right { display:none; }
	#header .menu-icon { margin:0 0 0 auto; width: 36px; height: 36px; }
		#header .menu-icon img { width: 100%; height: auto; }
			#header .menu-icon img:hover { opacity: 0.6; }
		
	#header .menu-container { padding:10px 20px 50px 20px; text-align:left; background:#F0F6FA; }
		#header.show-menu .menu-container { top: 50px; right: 0; }
		#header.show-menu .lang, #header.show-menu form { /*right: -5000px;*/ }
	
		/* top */
		#header .menu-container .menu-container-top { display:flex; justify-content:space-between; align-items:center; margin:0 0 40px 0; }
			#header .menu-container .menu-container-top .close-icon { display:block; font-size: 32px; }
	
		/* nav */
		#header .header-main nav { margin:0 0 30px 0; }
		#header .header-main nav ul { display:block; }
		#header .header-main nav > ul > li { margin:0 0 5px 0; display: block; border-bottom: solid 1px #CBDCEC; }
		
		/* nav - level 2 */
		#header .header-main .menu-container nav ul li ul.sub-menu {display: none; margin: 0 0 15px 0;}
			#header .header-main .menu-container nav ul li ul.sub-menu li {padding: 3px 0; color: #000;}
			#header .header-main .menu-container nav ul li ul.sub-menu li:hover {}
	
		#header .header-main .menu-container nav ul li.menu-item-has-children {
			background: url(../images/down-arrow.svg) no-repeat right 14px / 14px auto; transition:all 0.3s ease 0s; 
		}
			#header .header-main .menu-container nav ul li.active-submenu {background-image: url(../images/up-arrow.svg);}
				#header .header-main .menu-container nav ul li.active-submenu ul.sub-menu {/*display: block;*/}

		/* bottom */
		#header .menu-container .menu-container-bottom {  }
			#header .menu-container .menu-container-bottom .link { margin:0 0 10px 0; vertical-align:middle; }

		#search-bar-close {right: 20px; top: 20px; transform: none;}
	
	#footer-widgets-section .footer-widget-top { display:block; }
		#footer-widgets-section .footer-widget-top .logo { margin:0 0 30px 0; font-size:20px; }
	#footer-widgets-section .footer-widget-content { font-size:20px; display:block; margin:0 0 30px 0; }
		#footer-widgets-section .footer-widget-content .footer-widget1 { width:100%; padding:0; border-right:none; margin:0 0 30px 0; }
		#footer-widgets-section .footer-widget-content nav {width: 100%; }
		
			#footer-widgets-section .footer-widget-content nav .menu > li:first-of-type {padding-left: 0;}
			#footer-widgets-section .footer-widget-content nav .menu > li:last-of-type  { padding:0 20px 0 0; }
	
		#footer-widgets-section .footer-widget-content h3 { font-size:20px; }
		#footer-widgets-section .footer-widget-content ul li a { font-size:18px; }

	#footer-widgets-section .footer-widget-bottom { justify-content:center; }

	#footer { text-align:center; }
		#footer .container { display:block; text-align: center; width: calc(100% - 40px); }
		#footer #footer-left { margin:0 auto; padding: 0; width: 100%;}
		#footer #footer-right { margin:0 auto; text-align: center; width: 100%;}
	

	/*-----------------------------------------------------------------------------------*/
	/* Shared
	/*-----------------------------------------------------------------------------------*/
	
	.breadcrumb {padding: 30px 20px 20px 20px;}
	
	#main {padding: 30px 0;}

	.split .image-container { margin: 15px auto; max-width: 400px; order: 1 !important;}
		.split .image-container:before { width: 400px; height: 400px; left: 30px; }
		.split .image-container:after { width: 400px; height: 400px; left: 60px; }
		.split .image-container img { max-width: 400px; }
		.split .image-container:nth-child(odd) { margin-right: auto; }
		.split .image-container:nth-child(even) { margin-left: auto; }
	.split .text-container { margin: 0 auto; padding: 15px 0; width: 100%; max-width: 680px; text-align: left; order: 2 !important; }

	.mini-grid {display: block; padding-top: 30px; padding-bottom: 30px;}
		.mini-grid div {width: calc(100% - 6%);}
			.mini-grid div p {max-width: 480px;}

	#main .flexible-block .content-container {width: 100% !important; margin: 25px auto; order: 2;}
	#main .flexible-block .image-container {width: 100% !important; margin: 25px auto; order: 1;}
	.grid {display:block;}
	
	#main .has-thumbnail {display: block;}
	#main .has-thumbnail .content-inner {width: 100%;}
	#main .has-thumbnail .image-container {width: 100%; max-width: 570px; margin: auto;}
	
	/*-----------------------------------------------------------------------------------*/
	/* home
	/*-----------------------------------------------------------------------------------*/
	
	#top-slider-section {margin-top: 135px; background-position: top center; background-size: cover;}
		#top-slider-section .slides li { height:auto; }
			#top-slider-section .slides li .container { display:flex; height:auto; flex-wrap:wrap; }
			#top-slider-section .slides li .left-column { width: auto; padding:30px 0 50px 0; margin: auto; }
			#top-slider-section .slides li .left-column .h1-title { font-size:40px; }
			#top-slider-section .slides li .left-column h3, #top-slider-section .slides li .left-column h4 { font-size:20px; }
			#top-slider-section .slides li .right-column { width:100%; height:auto; }
				#top-slider-section .slides li .right-column .image-container { position:relative; width: 90%; max-width: 480px; height:auto; margin: 0 auto 40px auto; }
					#top-slider-section .slides li .right-column .image-container:before { display:none; }
					#top-slider-section .slides li .right-column .image-container:after { display:none; }
					#top-slider-section .slides li .right-column .image-container img { width:100%; position:static; }


	#looking-for ul { padding:10px 20px; display:block; }
		#looking-for ul li { width:100%; padding:15px 0; border-bottom:1px solid #D2D1D1; border-top:none; font-size:18px; line-height:1.2; }
		#looking-for ul li:last-child { border:none; }
		#looking-for ul li .icon { margin:0 10px 0 0; }

	#map-section h2 br { display:none; }

	/*-----------------------------------------------------------------------------------*/
	/* Search
	/*-----------------------------------------------------------------------------------*/
	
	#search-form form { display:block; text-align:center; }
		#search-form form span { margin:0 0 15px 0; display:block; }
		#search-form form input[type=text] { margin:0 0 20px 0; }
		#search-form form input[type=submit] { display:block; margin:0 auto; }

	#search-results-section .list-view .container { display:block; }
		#search-results-section .filter-container { width:100%; margin:0 0 50px 0; }
		#search-results-section .results-container { width:100%; margin:0 0 0 auto; }
	
	#search-results .top-container  { display:block; }
		#search-results .top-container .left-container { margin:0 0 30px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
		#search-results .results-list li { padding:25px 0 5px 50px; }
		#search-results .results-list li .number { width:36px; height:36px; line-height:40px; font-size:18px; }
		#search-results .results-list li .button-container { display:block; }
		#search-results .results-list li .button-container a { margin:0 0 20px 0; }

	#search-results {padding: 0 20px 35px 20px;}

	#results-top-filters {margin: 20px auto;}
		
		#filters .filter-button {margin-bottom: 10px;}
	
		.view-switcher {margin: 20px 0 0 0; display: flex; flex-wrap: wrap; width: 100%;}
			.view-switcher li:first-of-type {margin-left: 0;}
	
	.map-view #results {overflow: hidden; height: auto;}
	.map-view #search-wrapper {display: flex; height: auto; flex-wrap: wrap;}
		#search-results.map-view #search-results-list {order: 2; width: 100%; margin-right: auto; overflow-y: visible;}
		#results-map { order: 1; width: 100%; height: 400px; margin: 0 0 30px 0; }
			#results-map #map {height: 400px;}
	.filter-popup-container { padding:100px 0; }

	.results-count {line-height: 1; margin: -5px 0 25px 0;}
	
	/*-----------------------------------------------------------------------------------*/
	/* Detail Page styling
	/*-----------------------------------------------------------------------------------*/

	#breadcrumb-bar .breadcrumb {padding: 20px 20px 15px 20px;}	
	#detail-section {padding: 30px 20px;}
	
	#detail-section .detail-top-container { display:block; }
	#detail-section .detail-top-container .title { margin:0 0 20px 0; }

	#detail-section .detail-top-container #buttons-container ul li {margin: 0 25px 0 0;}
	#detail-section .favorite-link, #detail-section .favorite-link.active, #detail-section .favorite {font-size: 18px; background-size: 20px auto; padding: 0 0 0 28px;}
	.printer-link {background-size: 20px auto; padding: 0 0 0 28px;}
	
	#detail-section .location-container { display:block; }
	#detail-section .location-container .map-container { width:100%; margin:0 0 30px 0;}
		#detail-section .location-container .map-container #map, #detail-section .location-container .map-container #map iframe {height:400px;}
	
	#detail-section .location-container .location-overview { width:100%; }
		#detail-section .location-container .location-overview > ul > li > strong { width:100px; }
		#detail-section .location-container .location-overview > ul > li li span { width:150px; }

	/* tabs */
	#tab-section img.divider { margin:0 0 20px 0; }
	#tab-section .tab-content { display:block; opacity: 1; min-height: 1px; padding: 0 0 30px 0; }
	
	#tabs { padding: 0 20px 50px 20px; }

		/* tabs */
		#tabs .tab-title { margin:0 0 30px 0;  }
			#tabs .tab-title > li { display: inline-block;; margin:0 20px 0 0;  }
			#tabs .tab-title > li:last-child { margin-right:0; }
			#tabs .tab-title > li { text-align:left; }
			#tabs .tab-title > li > a { font-size:22px; font-weight:700; font-family:"League Spartan", Arial, sans-serif; color:#000; box-shadow:inset 0 -4px #000; display:inline-block; padding-bottom:8px; }
			#tabs .tab-title > li.ui-state-active > a { color:#005191; box-shadow:inset 0 -4px #005191; }
			#tabs .tab-title > li a:hover { color:#005191; box-shadow:inset 0 -4px #005191; }

		/* tab content */
		#tabs .tab-content { min-height: 1px; display: block !important; border-top: 2px solid #E2E2E2; padding: 30px 0; }
			#tabs #tab-content1 { border: none; padding-top: 20px; }
		#tabs .tab-content .ui-state-active { display:block; opacity:1; }

			#tabs .tab-content h2.tab-content-title {font-size: 32px; margin: 10px auto; display: block !important;} /* show on no tab mobiled */
			#tabs #tab-content1 h2.tab-content-title { padding-top: 10px; }

				#tabs .tab-content ul:last-child { margin:0; }
				#tabs .tab-content ul li { margin:0 0 2px 20px; list-style:disc; }
				#tabs .tab-content a { font-weight:700; color:#005191; }
				#tabs .tab-content a:hover { box-shadow:inset 0 -2px 0 0 #FF443B; }
	
}


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

	#header .header-top p { display: none; }
	.language-en #header .header-top p { display: block; }
	
	#footer-widgets-section .footer-widget-content nav .menu > li,
	#footer-widgets-section .footer-widget-content nav .menu > li:last-of-type {width: 100%; border: none; margin: 0 auto 20px auto; padding: 0; }
	
	/* detail */
	#detail-section .detail-top-container .title h1 {font-size: 28px;}
	#detail-section .location-container .location-overview > ul > li > strong { width:100%; }
	#detail-section .location-container .location-overview > ul > li li span { width:100%; }
	
	/* topics */
	.page-template-search-topic #subtopics-list ul li { margin: 10px auto; width: 100%; }
		.page-template-search-topic #subtopics-list ul li a { padding: 30px 50px 30px 20px; display:flex; align-items:center; position:relative; color:#005191; }
		.page-template-search-topic #subtopics-list li a:hover { color:#F9B156; }
		.page-template-search-topic #subtopics-list li span { position:absolute; right:20px; top:50%; margin-top:-9px; }
	
	/* favorites */
	.page-template-favorites #buttons-container li div .text-label {font-size: 21px;}
	
	/* resources grid*/
	ul.resources-grid {display: block;}
		ul.resources-grid li {width: 100%;}
	
}


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

	.language-en #header .header-top p { display: none; }
	
	/* shared */
	.split .image-container { max-width: 280px; }
		.split .image-container:before { width: 280px; height: 280px; left: 20px; }
		.split .image-container:after { width: 280px; height: 280px; left: 40px; }
		.split .image-container img { max-width: 280px; }
	
	.breadcrumb {padding: 20px;}
	
	/* home */
	#top-slider-section .slides li .left-column .contact .content {width: 100%;}
		#top-slider-section .slides li .left-column .contact .icon {display: none;}
	
	/* search */
	#search-bar-form .field { width: 100%; min-width: 320px; margin: auto; }
	#search-form .field { width: 100%; }
	
	/* detail */
	#detail-section .detail-top-container #buttons-container ul {display: block;}
		#detail-section .detail-top-container #buttons-container ul li {margin: 10px 0;}
	
	/* favorites */
	.page-template-favorites #buttons-container ul {display: block;}
		.page-template-favorites #buttons-container li {margin: auto; text-align: center; width: 90%; max-width: 160px; display: block;}
			.page-template-favorites #buttons-container li div { border: solid 1px #ccc; padding: 5px 10px; border-radius: 10px; margin-bottom: 10px;}
				.page-template-favorites #buttons-container li span {font-size: 24px;}
				.page-template-favorites #buttons-container li span.text-label { font-size: 18px; }
					.page-template-favorites #buttons-container li .active span.text-label { color: #FF443B; }
	.favorite-mini-form {padding: 15px;}
		.favorite-mini-form  .button {padding: 8px 20px 5px 20px; font-size: 21px;}
}

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

	h1 {font-size: 36px;}
	h2 {font-size: 28px;}
	h3 {font-size: 21px;}
	
	#footer-widgets-section .footer-widget-top {margin: 0 0 20px 0;}
		#footer-widgets-section .footer-widget-top .button-container {display: block;}
			#footer-widgets-section .footer-widget-top .link {margin: 0 0 10px 0;}
	
	/* home */
	#top-slider-section .slides li .left-column {padding: 20px 0;}
		#top-slider-section .slides li .left-column .h1-title {font-size: 32px;}
			#top-slider-section .slides li .left-column h3 br {display: none;}
			#top-slider-section .slides li .left-column .contact .content h4 {font-size: 17px; }
		#top-slider-section .slides li .right-column .image-container {margin-bottom: 0;}
	#search-form {padding: 20px 0;}
		#search-form form span {margin: 0 0 5px 0;}
		body form#search-form .field {padding-bottom: 0;}
		#search-form form input[type="text"] {margin: 0 0 10px 0;}
	 #search-form form input[type="submit"] {margin-top: 10px;}
	
	/* favorites */
	.list-view #search-results-list ul li h3 {font-size: 28px;}
	
}