@media(max-width: 1350px) {
	:root {
		--font50: 50px;
		--font45: 45px;
		--font38: 38px;
		--font34: 34px;
		--font32: 32px;
		--font30: 30px;
		--font27: 27px;
		--font25: 25px;
		--font24: 24px;
		--font20: 20px;
		--font18: 18px;
		--font17: 17px;
		--font16: 16px;
		--lineH40: 40px;
		--lineH38: 38px;
		--lineH36: 36px;
	}

	nav.navbar .navbar-nav {
		padding: 107px 40px 40px;
	}

	/**/
	.inner-banner .banner-content h2 {
		font-size: var(--font50);
	}

	.text-img-downalod .growth-btn h4,
	.diamond-wrap .number li h4,
	.staff-wrap .staf-dtl h4,
	.napa-left h5,
	.napa-right h5,
	.counter-listing>li h3 {
		font-size: var(--font45);
	}

	.landing-options .options-wrap .overlay-content h2,
	.directors-wrap h2,
	.national-officers h2 {
		font-size: var(--font38);
	}

	.text-img-downalod.style-2 .left-block h2,
	.cs-heading figure figcaption,
	.images-text-block-wrap-2 .text-block h2,
	.diamond-wrap h2,
	.operational-wrap h2,
	.title-box h2,
	.road-wrap h2,
	.new-staff-wrap h2,
	.staff-wrap h2,
	.staff-wrap .staf-dtl h4 span,
	.noteworthy-wraper h2 {
		font-size: var(--font34);
	}

	.head-content-block h2 {
		font-size: var(--font32);
	}

	.full-width-text h2,
	.img-logo-content-block .right-block h2,
	.join-today h2,
	.top-txt p,
	.txt-wrap h2,
	.cs-heading h2,
	.img-quote-sec .quote-box p,
	.associations-wrap p,
	.award-winner h2 {
		font-size: var(--font32);
		line-height: var(--lineH40);
	}

	.img-logo-content-block .left-block h3 {
		font-size: var(--font30);
		line-height: var(--lineH38);
	}

	.full-width-text p,
	.common-h2,
	.asphalt-txt h2,
	.left-img-content .right-content h2,
	.join-today p,
	.text-blocks .block-wrap h2,
	.board-app .con-wrap h2,
	.diff-clr h2,
	.day-count-txt h2,
	.day-count-txt h2,
	.partner-txt h2,
	.napa-wrap h2,
	.articles-wrap .title,
	.news-wrap .new-bottom h2,
	.copeland .txtwrap h2 {
		font-size: var(--font27);
		line-height: var(--lineH36);
	}

	.champion-wrap h3,
	nav.navbar .navbar-nav li a,
	.full-width-text.font-2 p {
		font-size: var(--font25);
	}

	.Demonstrate-wrap h3 {
		font-size: var(--font24);
	}

	.inner-banner .banner-content p,
	.award-item h6,
	.operational-item h5,
	.national-officers .txt h4,
	.noteworthy-wraper .noteworthy-txt h4 {
		font-size: var(--font20);
	}

	.landing-options .options-wrap .overlay-content p,
	.txt-wrap p,
	.cs-heading p,
	.leason-learned .txt-wrap p,
	.three-images .inner-wrap h4,
	.three-images .inner-wrap a,
	.text-img-downalod p,
	.arrow-btn,
	.new-blurb .center-txt h3,
	.new-blurb .center-txt p,
	.img-quote-sec .text-block>h2,
	.img-quote-sec .text-block>p,
	.day-count-txt p,
	.asphalt-txt p,
	.partner-txt p,
	.napa-wrap p,
	.award-winner h5,
	.diamond-wrap .number li p,
	.operational-item p,
	.articles-wrap .short-des p,
	.news-wrap .news-des p+p,
	.news-wrap .new-bottom .news-tag,
	.img-text-wrap .text-block h2,
	.img-text-wrap .text-block p,
	.text-img-block h2,
	.text-img-block p,
	.coming-soon p,
	.text-blocks .block-wrap p,
	.road-wrap .hd,
	.road-wrap .road-txt h4,
	.common-p,
	.map-txt ul li,
	.board-app .con-wrap p,
	.board-app ul li,
	.diff-clr p,
	.national-officers .txt p,
	.directors-wrap ul li,
	.staf-list .txt h4,
	.staf-list .txt p,
	.staff-wrap .staf-dtl h6,
	.copeland .txtwrap p,
	.noteworthy-wraper .noteworthy-txt p,
	.project-listing-wrap .description p,
	.project-listing-wrap .tags-logo .tag-left p,
	.images-text-block-wrap .text-block p,
	.images-text-block-wrap .text-block h2,
	.img-text-block .right-block p,
	.listing-content h3,
	.listing-content p,
	.counter-listing>li p,
	.cs-counter h3,
	.images-text-block-wrap-2 .text-block p,
	.resources-wrap h2,
	.left-img-content .right-content p {
		font-size: var(--font18);
	}

	.operational-item h6 {
		font-size: var(--font17);
	}

	.img-logo-content-block .right-block p {
		font-size: var(--font16);
	}

	/**/
	.landing-options .options-wrap .overlay-content h2 {
		margin-bottom: 8px;
	}

	.landing-options .options-wrap .overlay-content {
		padding: 24px 35px 15px
	}

	.head-content-block p {
		margin-bottom: 20px;
	}

	.img-logo-content-block .right-block {
		padding: 0 40px 60px 40px
	}

	.inner-banner .banner-content {
		padding: 29px 39px;
	}
}

@media(max-width: 1300px) {
	:root {
		--font50: 45px;
		--font45: 40px;
		--font38: 36px;
		--font34: 32px;
		--font32: 30px;
		--font30: 28px;
		--font27: 25px;
		--font25: 23px;
		--font24: 22px;
		--font20: 18px;
		--font18: 17px;
		--font17: 16px;
		--font16: 15px;
		--lineH40: 38px;
		--lineH38: 36px;
		--lineH36: 34px;
	}

	nav.navbar .navbar-nav li a {
		font-size: 20px;
		line-height: 30px;
	}

	.navbar-brand {
		width: 240px;
	}

	.navbar .right-btns {
		padding: 5px 20px;
	}

	nav.navbar .navbar-brand {
		padding: 17px 24px;
		height: auto;
	}

	.head-content-block h2 {
		letter-spacing: 0;
		margin-bottom: 25px;
	}

	.team-member .member-wrap p {
		padding: 15px
	}

	button.navbar-toggler {
		width: 50px;
	}

	nav.navbar .navbar-nav {
		padding: 100px 35px 30px;
	}

	.landing-options .options-wrap .overlay-content {
		padding: 24px 30px 15px;
	}

	.img-logo-content-block {
		padding: 50px 0;
	}

	.img-logo-content-block .right-block {
		padding: 0 30px 40px 30px;
	}

	.img-logo-content-block .right-block h2,
	.img-logo-content-block .right-block p {
		padding-left: 20px;
	}

	.img-logo-content-block .right-block figure {
		width: 404px;
	}

	.text-blocks .block-wrap {
		padding: 40px;
	}

	.diff-clr .left-clr,
	.diff-clr .right-clr {
		padding: 40px 50px;
	}

	.diff-clr h2 {
		margin-bottom: 30px;
	}

	.copeland .txtwrap {
		padding: 30px 30px 30px 60px;
	}

	.copeland .imgwrap {
		padding-right: 60px;
	}

	.clr-bg {
		padding: 20px 0 30px
	}

	.cs-heading h2 {
		width: 31%
	}

	.leason-learned .txt-wrap p {
		margin-bottom: 130px;
	}

	.new-blurb .text-block .center-txt {
		padding: 30px !important;
	}

	.new-blurb .text-block {
		min-height: 514px;
	}

	.day-count-txt h2 {
		margin-bottom: 20px;
	}

	.leason-learned {
		padding: 0 20px;
	}
}

@media(max-width: 1199px) {
	:root {
		--font50: 40px;
		--font45: 38px;
		--font38: 34px;
		--font34: 30px;
		--font32: 28px;
		--font30: 26px;
		--font27: 24px;
		--font25: 22px;
		--font24: 21px;
		--font20: 17px;
		--font18: 16px;
		--font17: 15px;
		--lineH40: 36px;
		--lineH38: 34px;
		--lineH36: 32px;
	}

	.ratio-1 {
		padding-bottom: 200.6%;
	}

	.ratio-2 {
		padding-bottom: 55%;
	}

	.landing-options .options-wrap .overlay-content {
		padding: 22px 20px 15px;
	}

	.head-content-block h2 {
		margin-bottom: 20px;
	}

	.head-content-block p {
		margin-bottom: 15px;
	}

	.img-logo-content-block .left-block {
		max-width: 40%;
	}

	.img-logo-content-block .right-block figure {
		width: 354px;
	}

	.inner-banner .banner-content {
		padding: 25px;
	}

	.inner-banner .banner-content h2 {
		line-height: 1.3;
	}

	.diamond-wrap .number-style-2 {
		gap: 49px;
		max-width: 100%;
	}

	.text-img-downalod.style-2 .left-block h2 {
		margin-bottom: 20px;
	}

	.text-img-downalod .growth-btn {
		margin-top: 20px;
	}

	.img-text-wrap .img-block {
		min-height: 434px;
	}

	.text-blocks .block-wrap,
	.diff-clr .left-clr,
	.diff-clr .right-clr {
		padding: 30px;
	}

	.board-app .con-wrap {
		width: 70%;
	}

	.officers-list .txt {
		padding: 0 0 0 10px;
	}

	.national-officers .txt h4 {
		margin-bottom: 15px;
	}

	.leason-learned {
		padding: 0 15px;
	}

	.leason-learned .txt-wrap p {
		margin-bottom: 0;
	}

	.img-wrap.img-scale img {
		width: 135%;
		margin-left: -30%;
		margin-top: -48px;
		margin-bottom: -9%;
	}

	.new-blurb .text-block {
		min-height: 434px;
	}

	.img-quote-sec .text-block {
		padding: 20px;
	}

	.asphalt-txt {
		padding: 0;
	}

	.left-img-content .right-content,
	.images-text-block-wrap-2 .text-block,
	.images-text-block-wrap .text-block {
		padding: 30px;
	}

	.images-text-block-wrap .text-block h2~h2 {
		margin-top: 30px;
	}

	.project-listing-wrap .tag-right img {
		max-width: 123px;
	}

	/* 18 01 24 */
	.img-text-wrap img.round-circle {
		width: 55% !important;
	}

	img.round-circle.img-fluid {
		top: 75%;
		right: -26%;
	}

	/* 19-01-24 */
	.images-text-block-wrap-2 .img-block .ratio-3.small_image img {
		padding: 0 20px;
	}

	/*  */

}

@media(max-width: 991px) {
	:root {
		--font50: 38px;
		--font45: 34px;
		--font38: 32px;
		--font34: 29px;
		--font32: 27px;
		--font30: 25px;
		--font27: 23px;
		--font25: 21px;
		--font24: 20px;
		--font20: 16px;
		--lineH40: 34px;
		--lineH38: 32px;
		--lineH36: 30px;
	}

	.ratio-1 {
		padding-bottom: 220.6%;
	}

	.landing-options .options-wrap .overlay-content {
		padding: 22px 15px 15px;
		/* min-height: 350px; */
	}

	.img-logo-content-block .right-block {
		width: 80%;
		margin-left: auto
	}

	.img-logo-content-block .left-block {
		max-width: 80%;
	}

	.img-logo-content-block {
		flex-direction: column-reverse;
	}

	.img-logo-content-block .left-block h3 {
		margin: 30px 0 0;
		padding-right: 20px;
	}

	.text-img-downalod.style-2 .left-block {
		width: 100%;
	}

	.text-img-downalod .right-block {
		max-width: 350px;
		width: 100%;
	}

	.top-articles-inner {
		gap: 30px;
	}

	.top-articles-inner>div {
		width: calc(33.33% - 20px);
	}

	.news-wrap .news-details {
		padding-left: 20px;
	}

	.text-blocks .block-wrap,
	.cs-heading .cs-container,
	.diamond-wrap .number-style-2 {
		gap: 30px;
	}

	.img-text-wrap .text-block,
	.text-blocks .block-wrap,
	.diff-clr .left-clr,
	.diff-clr .right-clr {
		padding: 15px;
	}

	.img-text-wrap>div:first-of-type,
	.img-text-wrap>div:nth-of-type(2) {
		width: 50%;
	}

	.img-text-wrap .text-block {
		gap: 10px;
	}

	.text-blocks .block-wrap.w-33 {
		width: 50%;
	}

	.text-blocks>div:nth-of-type(2),
	.text-blocks .block-wrap:not(.text-o) .block-inner {
		width: 100% !important
	}

	.text-blocks .block-wrap:not(.text-o) {
		flex-wrap: wrap;
	}

	.text-blocks .block-wrap img {
		margin-top: 20px;
	}

	.map figure img {
		margin-top: 30px;
	}

	.national-officers h2 {
		margin-bottom: 30px;
	}

	.staf-list .txt,
	.staf-list .txt p {
		padding-right: 0;
	}

	.staf-list figure img {
		object-fit: cover;
		margin-right: 20px;
	}

	.staff-wrap .wdh {
		max-width: 100%;
	}

	.copeland .txtwrap {
		padding: 20px;
	}

	.noteworthy-wraper h2 {
		margin-bottom: 0;
	}

	.clr-bg .img-wrap img {
		max-width: 360px;
		padding: 0 0 40px 0;
	}

	.clr-bg {
		padding: 20px 15px 30px;
	}

	.txt-wrap.px-5 {
		padding: 0 !important;
	}

	.leason-learned {
		padding-bottom: 40px;
	}

	.three-images .inner-wrap .ratio-4 {
		margin-bottom: 10px;
	}

	.text-img-downalod .left-block {
		width: 100%;
		margin-bottom: 30px;
	}

	.text-img-downalod .right-block {
		margin: 0 auto;
	}

	.new-blurb .text-block .center-txt {
		padding: 20px !important;
	}

	.day-count-img {
		margin-bottom: 30px;
	}

	.diamond-wrap .number {
		max-width: 100%;
	}

	.diamond-wrap .number li h4 {
		line-height: 1
	}

	.operational-item figure,
	.award-item figure {
		margin-bottom: 15px;
	}

	.project-listing-wrap {
		gap: 20px;
	}

	.project-listing-wrap .right-content {
		width: calc(51% - 20px);
	}

	.left-img-content .right-content,
	.images-text-block-wrap-2 .text-block,
	.images-text-block-wrap .text-block {
		padding: 16px;
	}

	.safety-crew-listing>div {
		width: calc(50% - 10px);
	}

	.counter-listing>li {
		width: 50%;
	}

	.counter-listing {
		justify-content: center;
	}

	.resources-wrap {
		width: calc(50% - 15px);
	}

	.resources-listing {
		gap: 30px;
	}

	/* 18-01-24 */
	.inner-banner.stewardship-banner {
		background-position: left;
	}

	.the-way-wrap .image {
		margin: 20px 0 0 0;
		padding-left: 20px;
	}

	.the-way-wrap .txt {
		margin-top: 50px;
		padding: 0 20px;
	}

	.save-center-txt {
		padding: 52px 20px 105px;
	}

	.day-count-txt {
		padding: 0 20px;
	}

	.diamond {
		padding: 40px 20px;
	}

	img.round-circle.img-fluid {
		top: 81% !important;
		right: -23% !important;
	}

	.img-text-wrap img.round-circle {
		/* width: 50% !important; */
		display: none;
	}

	.every-day-count .botm-img figure {
		margin-top: 20px;
	}

	.day-count-img img {
		display: none;
	}

	/* 22-1-24 */
	.copeland .imgwrap {
		padding-right: 0px;
	}

	.copeland .imgwrap {
		padding-right: 0px;
	}

	/* 23 1 24 */
	.leason-learned .txt-wrap p{
		padding-top: 0;
	}
	/*  */
}

/*  */


@media(max-width: 767px) {
	:root {
		/* --font50: 38px;
		--font45: 34px;
		--font38: 32px;
		--font34: 29px;
		--font32: 27px;
		--font30: 25px;
		--font27: 23px;
		--font25: 21px;
		--font24: 20px;
		--font20: 16px;
		--lineH40: 34px;
		--lineH38: 32px;
		--lineH36: 30px; */
	}

	.navbar-brand {
		width: 170px;
	}

	/**/
	.navbar .right-btns>p span {
		font-size: 26px;
	}

	.champion-wrap h3,
	.full-width-text p,
	.join-today p {
		font-size: 18px;
		line-height: 28px;
	}

	nav.navbar .navbar-nav li a {
		font-size: 16px;
		line-height: 24px;
	}

	.navbar .menu-btn>p {
		font-size: 15px;
	}

	.navbar .right-btns>p {
		font-size: 14px;
	}

	/**/
	button.navbar-toggler {
		height: 25px;
	}

	.navbar .right-btns {
		padding: 13px 20px;
		min-height: unset;
	}

	.landing-options .options-wrap {
		width: 50%;
	}

	.landing-options>div:last-of-type {
		width: 100%
	}

	.landing-options>div:last-of-type figure {
		padding-bottom: 100%;
	}

	.navbar-collapse {
		width: 50%;
		min-width: 320px;
	}

	button.navbar-toggler[aria-expanded="true"]::after {
		transform: rotate(45deg) translate(-7px, -8px);
	}

	.team-member .member-wrap {
		width: 100%;
	}

	footer .right-content {
		width: 100%;
		margin-top: 30px;
	}

	footer .copyright,
	footer .copyright ul:not(.social-icons) {
		gap: 10px;
		justify-content: center !important;
	}

	footer .footer-container {
		padding: 22px 15px 28px;
	}

	.diamond-wrap .number {
		max-width: 100%
	}

	.inner-banner {
		padding: 360px 30px 30px;
	}

	.inner-banner .banner-content::before {
		transform: translate(30px, 30px);
	}

	.diamond-wrap .number-style-2 li {
		max-width: 44%;
	}

	.top-articles-inner>div {
		width: calc(50% - 15px);
	}

	.news-wrap .img-wrap {
		width: 90%;
	}

	.news-wrap .news-details {
		width: 100%;
		padding: 20px 20px 0;
	}

	.cs-heading.style-2 .cs-container {
		flex-direction: column;
	}

	.cs-heading.style-2 h2,
	.cs-heading .right-content {
		width: 100%;
	}

	.cs-heading {
		padding: 60px 0 40px;
	}

	.napa-road-wrap>div {
		width: calc(50% - 16px);
	}

	.board-app .con-wrap {
		width: 100%;
	}

	.board-app .con-wrap {
		padding: 30px;
	}

	.national-officers .txt h4 {
		line-height: 1.4;
	}

	.staff-wrap .wdh,
	.officers-wrap {
		gap: 40px 0;
	}

	.staff-wrap h2 {
		margin-bottom: 40px;
	}

	.noteworthy-wraper .noteworthy-txt,
	.noteworthy-wraper .center-wrap {
		padding-top: 20px;
	}

	.noteworthy-wraper .center-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.noteworthy-wraper .center-wrap figure {
		order: -1;
		margin-bottom: 10px;
	}

	.leason-learned .img-wrap img {
		margin-bottom: 30px;
	}

	.img-wrap.img-scale img {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.three-images .inner-wrap {
		margin-top: 30px;
	}

	.cs-heading .cs-container {
		flex-direction: column;
	}

	.cs-heading h2 {
		width: 100%;
	}

	.images-text-block-wrap-2>div,
	.new-blurb .img-block {
		width: 100% !important;
	}

	.images-text-block-wrap-2 .img-block img,
	.new-blurb .img-block img,
	.img-quote-sec>div img {
		position: relative;
		max-height: 400px;
	}

	.img-quote-sec>div {
		width: 100% !important;
	}

	.associations {
		padding: 40px 0;
	}

	.associations-wrap p {
		max-width: 100%;
	}

	.diamond-wrap .number {
		flex-wrap: wrap;
		justify-content: center !important;
		gap: 15px;
	}

	.diamond-wrap .number li {
		width: 163px;
	}

	.project-listing-wrap {
		flex-direction: column;
	}

	.project-listing-wrap>div {
		width: 100% !important;
	}

	.img-text-block .cs-container {
		gap: 30px;
	}

	.img-text-block .right-block {
		width: calc(60% - 30px);
	}

	.round-circle {
		display: none;
	}

	/* 19-01-24 */
	.noteworthy-wraper .center-wrap figure {
		order: 0;
	}

	.noteworthy-wraper .center-wrap p {
		margin-bottom: 0px;
	}

	/* 19-01-24 */
	.images-text-block-wrap-2 .img-block .ratio-3.small_image img {
		padding: 0;
		object-fit: cover;
	}

	/* 22 1 24 */
	section.board-app.my-3 {
		padding: 0;
	}

	/* 25-1-24 */
	[class^="ratio-"] .res {
		object-position: top;
	}
	/*  */
}

@media(max-width: 575px) {
	:root {
		--font50: 36px;
		--font45: 32px;
		--font38: 30px;
		--font34: 27px;
		--font32: 25px;
		--font30: 23px;
		--font27: 22px;
		--font25: 20px;
		--font24: 20px;
		--lineH40: 32px;
		--lineH38: 30px;
		--lineH36: 28px;
	}

	.ratio-1 {
		padding-bottom: 193.6% !important;
	}

	.ratio-2 {
		padding-bottom: 72%;
	}

	nav.navbar .navbar-brand {
		padding: 17px 12px;
		height: auto;
		width: 126px;
		margin-right: 0;
	}

	.navbar .right-btns>p {
		max-width: 66px;
	}

	.navbar .right-btns {
		gap: 20px;
	}

	.text-img-block .left-block,
	.text-img-block .right-block,
	.text-blocks .block-wrap.w-33,
	.napa-road-wrap>div,
	.landing-options .options-wrap,
	.top-articles-inner>div,
	.img-text-wrap .img-block,
	.img-text-wrap>div:nth-of-type(2)~div,
	.img-text-wrap>div:first-of-type,
	.img-text-wrap>div:nth-of-type(2) {
		width: 100% !important;
	}

	.road-wrap .road-txt figure {
		padding-top: 0 !important;
	}

	.napa-road-wrap {
		gap: 30px;
	}

	.napa-road-wrap a.arrow-btn {
		margin-bottom: 20px;
	}

	.landing-options>div:last-of-type figure {
		padding-bottom: 220.6%;
	}

	.img-logo-content-block .right-block {
		width: 90%;
		margin-left: auto;
		padding: 0 15px 30px 15px;
	}

	.map-wrap {
		max-width: 100%;
	}

	.map .map-con {
		padding: 20px 0;
	}

	.map .map-txt ul.mb-5 {
		margin-bottom: 20px !important;
	}

	.board-app .con-wrap {
		padding: 20px;
	}

	.copeland .imgwrap {
		padding-right: 0px;
	}

	.top-txt p {
		max-width: 100%;
	}

	.cs-heading figure {
		width: 63%;
	}

	.day-count-txt h2 {
		max-width: 100%;
	}

	.diamond-wrap .diamond-img {
		flex-wrap: wrap;
	}

	.resources-wrap,
	.img-text-block .left-block,
	.img-text-block .right-block,
	.left-img-content .right-content,
	.left-img-content figure {
		width: 100%;
	}

	.left-img-content figure {
		padding-bottom: 120%
	}

	.images-text-block-wrap {
		display: flex;
		flex-direction: column;
	}

	.images-text-block-wrap>div img {
		position: relative;
		max-height: 400px;
	}

	.safety-crew-listing {
		gap: 30px;
	}

	.safety-crew-listing>div {
		width: 100%;
	}

	/* 18 01 24 */
	.save-features ul {
		display: flex;
		justify-content: center;
	}

	/*  */

}