@media screen and (max-width: 1199px) {
	ul#nav{
		right:20px;
	}

	.screenContainer{
		width:100%;	
		padding-left: 40px;
		padding-right: 40px;
	}
	
	ul#nav{
		right:20px;
	}

    #navWrap{
		font-size:14px;
    }

    #navWrap .fa.fa-acg-icons::before{
        font-size: 18px;
    }

    #showcase-images-wrap{
        height:480px;
    }

    #showcase-images .contentWrapper{
        padding: 40px;
    }

    #showcase-images .screenContainer{
        padding-left: 0;
        padding-right: 0;
    }
	
	#showcase-images li > div{
		height:100%;
	}

    #showcase-images li div h1 {
        font-size: 28px;
    }

    #showcase-images a{
        font-size: 28px;
    }
	
	#thinkTankMap,
	#itcMap{
		width:100%;
		height:60vw !important;
	}
	
	#thinkTankMap h1,
	#itcMap h1{
		margin-bottom:0;	
	}
	
	.projects-grid .image{
		flex-basis: auto;
	}
	
	.projects-grid figcaption{
		padding: 15px;
	}
	
	#page-projects .projects-grid figcaption h1{
		font-size: 15px;	
	}

	#page-cigarette-tax-scorecard .chart-wrap-container{
		padding:40px;
	}
}


@media screen and (max-width: 999px) {
	
	#showcase-images-wrap{
		height:380px;
	}

    #showcase-images li div h1 {
        font-size: 24px;
    }

    #showcase-images a{
        font-size: 24px;
    }

    #showcase-images .contentWrapper{
        padding: 30px;
    }
	
	.featured-item h1:not(.kicker){
		font-size: 28px;
	}
	
	.three-column-grid.latest .image{
		flex-basis:125px;
	}
	
	.three-column-grid.latest figcaption h1{
		font-size:18px;
	}
	
	.three-column-grid.latest figcaption{
		font-size:16px;
	}
	
	.descriptor
	,.testimonialWrap{
		font-size: 22px;
	}
	
	.featured-item .visual{
		flex-basis:40%;
	}
	
	.featured-item .content{
		flex-basis:60%;
	}
	
	.featured-item.right .content{
		flex-basis:60%;
		padding-left:0;
	}
	
	#headerImage h1{
		font-size: 50px;
	}
	
	#headerImage {
	    height: 160px;
	}
	
	.search-results-article-list h1{
		font-size:20px;
	}
	
	.search-results-article-list article .col1{
		font-size:16px;
	}

	#navWrap{
		font-size:14px;
		height: 130px;
	}
	
	#navWrap #logo{
		height:80px;
	}
	
	ul#nav{
		bottom: 28px;
	}
	
	ul#nav.linear li{
		padding-left: 15px;
	}
	
	.bio-list figure{
		flex-basis:200px;
	}
	
	.bio-list img{
		width:200px;
		height:200px;
	}
	
	.search-results-article-list article .col1{
		border-right:none;
		padding-right:0;
	}
	
	.search-results-article-list article{
		flex-direction:column;
		padding:15px;
		margin-bottom: 15px;;
	}
	
	.search-results-article-list article aside{
		margin-left:0;
		margin-top:20px;
		border-top:1px solid #000;
		padding-top:20px;
		font-size:14px;
		flex-basis:auto;
	}
	
	.search-filter li label{
		font-size:14px;
	}
	
	aside.search-filter h1{
		font-size:18px;
	}
	
	#page-research-database .twoColumn aside{
		flex-basis: auto;
	}
	
	#page-research-details .twoColumn aside{
		flex-basis:180px;
	}
	
	.related-research-sidebar h1 {
		font-size:18px;
	}
	
	.related-research-sidebar .link-wrap a{
		font-size:14px;
	}
	
	#page-projects .twoColumn aside{
		flex-basis:180px;
	}
	
	#page-projects.sub-page aside h1 {
		font-size:18px;
	}
	
	#page-projects.sub-page .content h1{
		font-size:20px;
	}
	
	#showcase-images li div.content{
		width:85%;
	}

	#page-projects .two-column-grid{
		width:100%;
	}

	#page-projects .two-column-grid .column{
		flex-basis: 45%;
	}

	.scorecard-search-widget > .screenContainer{
		grid-template-columns: 1fr;
		grid-template-areas:
		"description" 
		"button"
		"dropdown";
		padding: 50px;
	}

	.four-grading-components .component{
		grid-template-columns: 1fr;
	}

	#page-cigarette-tax-scorecard .infographic-details{
		display:grid;
		grid-template-columns:250px 250px;
		grid-template-areas: 
		"figures map" 
		"slides slides";
		justify-content: space-between;
		row-gap: 30px;
	}

	#page-cigarette-tax-scorecard .additional-downloads .downloads-wrapper{
		flex-direction: column;

	}

	#page-cigarette-tax-scorecard .additional-downloads .downloads-wrapper > div:not(:first-of-type){
		border-left: none;
		margin-top: 20px;
	}

	#page-projects .projects-grid figcaption{
		min-height: 150px;
		padding-bottom: 15px;
	}
}

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

    #showcase-images li div h1 {
        font-size: 20px;
    }

    #showcase-images a{
        font-size: 20px;
    }

    ul#nav.linear li{
		padding-left: 10px;
	}
		
	#newsletter-wrap{
		width:100%;	
	}
	
	#newsletter-wrap table{
		width:100% !important;
		max-width:100% !important;	
	}
	
	#newsletter-wrap td{
		max-width:100% !important;	
	}
	
	#footerNav.linear li{
		display: block;
		margin-left: 0;
	}

	#searchMap{
		height:400px !important;
	}
}


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

    #navWrap {
        font-size: 12px;
    }

    #navWrap.screenContainer{
        padding-left: 20px;
    }

	.featured-item h1:not(.kicker){
		font-size:22px;
	}
	
	#page-topics figure.header figcaption{
		font-size:30px;
		left:0px;
		padding-left:20px;
		bottom:20px;
		width:100%;
		box-sizing:border-box;
	}
	
	#footerNav ul.linear li{	
		display:block;
		margin-left: 0 !important;
	}
	
	#page-projects .projects-grid figcaption h1 {
    	font-size: 16px;
	}

	#page-cigarette-tax-scorecard .chart-wrap-container{
		grid-template-columns: 1fr;
	}
	
}

@media screen and (max-width: 767px) {
	#navToggle{
		display:block !important;
		position:absolute;
		top:10px;
		right:20px;
	}

	#navToggle:before{
		content:"\f0c9";
		font-family:"FontAwesome";
		font-size:30px;
	}

	.navActive #navToggle{
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#nav{
		display:none;
	}

	#navWrap{
		height:100px;
	}

	#navWrap #logo{
		height:70px;
	}

	.navActive body{
		position:fixed;
	}

	.navActive #nav{
		display:block !important;
	}

	.navActive ul.linear li{
		display:block;
	}

	.navActive ul#nav{
		top:100px;
		left:0;
		bottom:inherit;
		right:inherit;
		z-index:10000;
		width: 100%;
		background-color: var(--main-color-hertiage-blue);
		height: 100%;
		position: fixed;
		padding-top:10px;
		font-size:22px;
	}

	.navActive #navWrap{
		color:#fff;
	}

	.navActive #navWrap a{
		color:#fff;
	}

	.navActive #navWrap .fa-twitter{
		color:#fff;
	}

	.navActive #navWrap li{
		margin-bottom:5px;
	}

	#boTaskBarWrap{
		display:none;	
	}
	
	#headerImage{
		height:100px;
	}

	#headerImage h1 {
	    font-size: 30px;
		bottom:20px;
	}

	#page-projects .projects-grid{
		grid-template-columns: repeat(2, 1fr);
	}

    .latest-news-wrap .three-column-grid figure .image::after{
        font-size: 16px;
    }

}

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

    :root{
        --slider-content-width:100%;
    }
	
	.screenContainer{
		padding-left:20px;
		padding-right:20px;
	}
	
	.featured-item{
		flex-direction:column;
	}
	
	.featured-item .col1{
		margin-bottom:20px;
	}
	
	.three-column-grid.latest{
		flex-direction:column;
	}
	
	.three-column-grid.latest .column{
		flex-basis:auto;
		margin-bottom:20px;
	}
	
	#page-bio-details .threeColumn{
		flex-direction:column;
	}
	
	#page-bio-details .headshot
	,#page-bio-details .personal-contact-info{
		float:left;
	}
	
	#page-bio-details .personal-contact-info{
		margin-left:20px;
	}
	
	.descriptor
	,.testimonialWrap{
		font-size: 18px;
	}
	
	.testimonialWrap blockquote::before{
		font-size:80px;
	}
	
	#showcase-images-wrap{
		height:300px;
	}
	
	#showcase-images li > div{
		height:100%;
		padding:20px;
		position: absolute;
	}
	
	#showcase-images li div.content{
		width:100%;
		font-size:16px;
		
	}
	
	#showcase-images li div h1{
		font-size:24px;
	}

    #showcase-images .contentWrapper{
        height: 100%;
    }
	
	#footer .row1
	,#footer .row2
	,#footer .row3{
		flex-direction:column;
	}
	
	#footer .col1{
		flex-basis:auto;
	}
	
	.project-detail .twoColumn{
		flex-direction:column;
	}
	
	#page-projects.sub-page .content{
		padding-right:0;
		margin-bottom:20px;
	}
	
	.three-column-grid
	,.twoColumn{
		flex-direction:column;
	}
	
	.three-column-grid .column{
		flex-basis:auto;
		margin-bottom:20px;
	}
	
	.twoColumn aside{
		margin-right:0;
	}
	
	.two-column-grid
	,.four-column-grid{
		flex-direction:column;	
	}
	
	.search-results-article-list{
		font-size:16px;
	}
	
	.bio-list{
		justify-content:center;
	}
	
	#page-topics figure.header figcaption{
		font-size:20px;
		left:0px;
		padding-left:20px;
		bottom:20px;
		width:100%;
		box-sizing:border-box;
	}
		
	#page-research-database #find-research-bar .twoColumn aside.col1{
		flex-basis:auto;
		font-size:0;
	}
	
	#page-research-database #find-research-bar .col2{
		flex-direction:column;
	}
	
	#page-research-database #find-research-bar #search-bar-wrap{
		margin-left:0;
	}
	
	#numberOfResults{
		padding-left:40px !important;
	}
	
	.media-section .twoColumn aside{
		flex-basis:auto;
		margin-bottom:10px;
	}
	
	#page-research-details .related-research-sidebar{
		order:1;
	}
	
	#page-research-details .research-download-details .flexWrap{
		flex-direction:column;
	}
	
	.research-download-details .col1{
		flex-basis:150px;
	}
	
	.show-search-field .site-search input{
		display:inline-block;
		width: calc(100% - 70px);
	}
	
	.projects-grid .column{
		margin-bottom:10px;
	}

	#page-home .featured-item .visual{
		order: 1;
		margin-bottom:20px;
		padding-right: 0;
	}

	#page-home .featured-item .content{
		order: 2;
		padding-right: 0;
		margin-bottom:20px;
	}

	.three-column-grid.latest figcaption{
		height: auto;
	}

	#page-topics figure.header{
		height:90px;
	}

	.media-section .search-results-article-list h1{
		font-weight:bold;
	}

	#page-projects .two-column-grid .column:last-child{
		flex-basis: 45%;
	}

	.scorecard-search-widget > .screenContainer{
		padding: 30px;
	}

	.scorecard-search-widget .custom-dropdown-wrapper{
		width: 100%;
		margin-bottom: 30px;
	}

	.scorecard-search-widget img{
		max-width: 100%;
	}	

	.section.featured-columns > * + *{
		border-left: none;
		padding-left: 0;
		border-top: 1px solid #cccccc;
		padding-top: 50px;
	}

	.featured-columns img{
		margin: auto;
		display: block;
		margin-bottom: 20px;
	}

	.four-grading-components > div{
		flex-basis:100%;
	}

	#page-cigarette-tax-scorecard .downloads-wrapper{
		grid-template-columns: 1fr;
		gap: 30px;
	}

	#page-cigarette-tax-scorecard .custom-dropdown-wrapper.split-select{
		margin: auto;
	}

	#page-cigarette-tax-scorecard .downloads-wrapper > *{
		width: 70%;
		margin: auto;
	}

	#page-cigarette-tax-scorecard .downloads-wrapper .scorecard-report{
		padding-right: 0;
		border-right: none;
		text-align: center;
	}

	#page-cigarette-tax-scorecard .infographic-details{
		grid-template-columns: 1fr;
		grid-template-areas: 
		"figures" 
		"map"
		"slides";
	}

	#page-cigarette-tax-scorecard .infographic-details .infographic-figures{
		max-width: 250px;
		margin: auto;
	}

	#page-cigarette-tax-scorecard .infographic-details .country-map{
		height: 200px;
	}

	#searchMap{
		height:300px !important;
	}

	#page-cigarette-tax-scorecard .additional-downloads .scorecard-dropdown-wrapper{
		margin: auto;
	}

	#country-details-popup {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%,-50%) !important;
		min-width: 330px !important;
	}

	#page-cigarette-tax-scorecard .chart-wrap-container{
		padding:30px 20px ;
	}

    #footer .hopkins-logo{
        margin-top: 0;
    }

    #sitewideNotification .modal{
        max-width: 80%;
        padding: 20px;
        font-size: 14px;
    }

    .latest-news-wrap .three-column-grid figure .image::after{
        font-size: 22px;
    }

}

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

	#countryDetail{
		width:90% !important;
	}
	
	#subNavWrap ul{
		display:none;	
	}

	#about-us #subNavWrap ul{
		display:block;
	}

	#about-us #subNavWrap ul.linear li{
		display:block;
		padding:0;
		margin-bottom: 5px;
	}
	
	ul#nav ul{
		display:block;	
		font-size:20px;
	}
	
	ul.subNav.linear li + li{
		border:none;	
	}

	.who-we-are #subNavWrap .subNav li.who-we-are a:before,
	.what-we-do #subNavWrap .subNav li.what-we-do a:before,
	.contact-us #subNavWrap .subNav li.contact-us a:before{
		content:none;
	}

	.who-we-are #subNavWrap .subNav li.who-we-are a,
	.what-we-do #subNavWrap .subNav li.what-we-do a,
	.contact-us #subNavWrap .subNav li.contact-us a{
		text-decoration: underline;
		font-weight:bold;
	}
	
	#page-research-database #find-research-bar #search-bar-container{
		flex-wrap: wrap;
	}
	
	#page-research-database #find-research-bar .search-bar-reset{
		margin-top: 10px;
	}
	
	#page-research-database #find-research-bar .search-bar-label{
		flex: 1 0 100%;
		margin-bottom: 10px;
	}
	
	#find-research-bar #refine-search-link{
		margin-top: 10px;	
	}
	
	.contact-us .twoColumn aside{
		flex-basis:auto;
	}

	.bio-list figure{
		margin-right: 0;
	}

	.bio-list img,
	.noBioImage{
		display: block;
		margin: auto;
		margin-bottom: 20px;
	}

	.noBioImage{
		width:200px;
		height:200px;
	}

	.noBioImage::before{
		font-size:120px;
	}

	#page-cigarette-tax-scorecard .infographic-details .download-slides{
		grid-template-columns: 1fr;
	}

	#page-cigarette-tax-scorecard .downloads-wrapper > *{
		width:100%;
	}

	#country-details-popup {
		min-width: 250px !important;
	}

	#page-cigarette-tax-scorecard.is-country-specific main section.section:first-of-type{
		margin-bottom: 8px;
	}

	#page-cigarette-tax-scorecard h1.large{
		margin-bottom: 0;
	}	

	#page-cigarette-tax-scorecard .infographic-details {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "figures map" "slides slides";
	}		

	#page-cigarette-tax-scorecard .infographic-details .infographic-figures .figures{
		column-gap: 13px;
	}

	#page-cigarette-tax-scorecard .infographic-details .infographic-figures{
		max-width: 175px;
	}

	#page-cigarette-tax-scorecard .infographic-figures .figures .figure-country{
		font-size: 70px;
	}

	#page-cigarette-tax-scorecard .infographic-figures .figures .figure-out-of,
	#page-cigarette-tax-scorecard .infographic-figures .figures .figure-total{
		font-size: 35px;
		white-space: nowrap;
	}

	#page-cigarette-tax-scorecard .infographic-details .download-slides img{
		height: 50px;
	}

	#page-projects .projects-grid {
		grid-template-columns: 1fr;
	}


}