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

	#header .main-nav {float:right;}
	#header .main-nav .menu {float:left; padding:10px 0 0 0; line-height:20px;}
	#header .main-nav .menu li {position:relative; float:left; padding:0 0 30px 0;}
	#header .main-nav .menu > li > a {display:block; padding:0 15px; color:#3f3f3f; border-left:1px solid #95be20; transition:color 0.2s ease;}
	#header .main-nav .menu > li:first-child > a {padding-left:0; border:none;}
	#header .main-nav .menu > li:last-child > a {padding-right:0;}
	#header .main-nav .menu li a:hover,
	#header .main-nav .menu li a:active,
	#header .main-nav .menu li a:focus,
	#header .main-nav .menu > li.current-menu-item a,
	#header .main-nav .menu > li.current-post-ancestor a {color:#95be20; text-decoration:none;}
	
	#header .main-nav li.menu-item-has-children .toggle {display:none;}
	#header .main-nav .menu li .sub-menu {display:none!important; position:absolute; top:50px; right:-6px; padding:0 20px 5px 20px; border:solid #e5e5e5; border-width:0 1px 1px 1px; background:#FFF;}
	#header .main-nav .menu li:hover .sub-menu {display:block!important;}
	#header .main-nav .menu li .sub-menu li {float:none; margin:0; padding:0; text-align:right; border:none; border-bottom:1px solid #e5e5e5; white-space:nowrap;}
	#header .main-nav .menu li .sub-menu li:last-child {border:none;}
	#header .main-nav .menu li .sub-menu li a {position:relative; display:inline-block; padding:10px 0; color:#3f3f3f; transition:color 0.2s ease;}
	#header .main-nav .menu li .sub-menu li a:hover, #header .main-nav .menu li .sub-menu li a:active, #header .main-nav .menu li .sub-menu li a:focus, #header .main-nav .menu li .sub-menu li.current-menu-item a {color:#95be20;}
	#header .main-nav .menu li .sub-menu li a::before {position:absolute; top:13px; left:-10px; width:3px; height:12px; content:''; background:#95be20; opacity:0; transition:opacity 0.2s ease;}
	#header .main-nav .menu li .sub-menu li a:hover::before {opacity:1;}

}

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

	.wrapper {width:940px;}

	#header .head .search-form {width:280px;}
	#header .head .search-form .search-input {right:-280px;}
	#header .foot {padding:20px 0;}

	#header #main-logo {margin:0;}

	#header #nav-toggle {float:right; display:block; padding:18px 8px; border:none; background:#94bd1f;}
	#header #nav-toggle:hover, #header #nav-toggle:active, #header #nav-toggle:focus {background:#9f9f9f;}
	#header #nav-toggle span {position:relative; display:block; width:24px; height:4px; margin:0; text-indent:-9999px; background:#FFF;}
	#header #nav-toggle span::before, #header #nav-toggle span::after {position:absolute; display:block; width:24px; height:4px; content:''; background:#FFF;}
	#header #nav-toggle span::before {top:-8px; transition:top 0.3s ease;}
	#header #nav-toggle span::after {bottom:-8px; transition:bottom 0.3s ease;}
	#header #nav-toggle:hover span::before {top:-10px;}
	#header #nav-toggle:hover span::after {bottom:-10px;}

	#header .main-nav {z-index:-1; position:fixed; top:112px; right:-320px; bottom:0; width:320px; background:#94bd1f; transition:right 0.3s ease, width 0.3s ease;}
	.logged-in #header .main-nav {top:144px;}
	.nav-active #header .main-nav {right:0;}
	#header .main-nav .wrap {position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto;}
	#header .main-nav .wrap > ul {padding:10px 15px;}
	#header .main-nav ul li {font-size:16px; line-height:1.4em;}
	#header .main-nav .wrap > ul > li {border-top:1px solid #a1c92d;}
	#header .main-nav ul li:first-child {border-top:none;}
	#header .main-nav ul li a {position:relative; display:block; padding:10px; color:#FFF; text-decoration:none; transition:color 0.2s ease;}
	#header .main-nav ul li a:hover, #header .main-nav ul li a:active, #header .main-nav ul li a:focus {color:#3f3f3f;}
	#header .main-nav ul li.current-menu-item a::before {position:absolute; top:14px; left:0; width:3px; height:12px; content:''; background:#FFF;}
	#header .main-nav ul li.current-menu-item ul li a::before {display:none;}
	#header .main-nav ul li ul li.current-menu-item a::before {top:9px; left:10px;}

	#header .main-nav ul li.menu-item-has-children {position:relative;}
	#header .main-nav ul li.menu-item-has-children > a {margin-right:35px;}
 	#header .main-nav ul li.menu-item-has-children .toggle {position:absolute; top:7px; right:0; display:block; width:24px; height:24px; text-indent:-9999px; border:1px solid #FFF; border-radius:50%; cursor:pointer;}
	#header .main-nav ul li.menu-item-has-children .toggle::before {display:block; top:5px; left:11px; position:absolute; width:2px; height:14px; content:''; background:#FFF;}
	#header .main-nav ul li.menu-item-has-children .toggle::after {display:block; top:11px; left:5px; position:absolute; width:14px; height:2px; content:''; background:#FFF;}
	#header .main-nav ul li.menu-item-has-children .toggle.active::before {display:none;}
 	#header .main-nav ul li.menu-item-has-children .sub-menu {display:none;}
	#header .main-nav ul li.menu-item-has-children .sub-menu li:last-child {margin:0 0 10px 0;}
	#header .main-nav ul li.menu-item-has-children .sub-menu li a {padding:5px 20px;}

	#content h1 {margin:0 0 15px 0; font-size:30px; line-height:36px;}
	#content h1::before {top:5px; height:25px;}

	#main {width:680px;}

	#content .posts-list .post {width:290px; margin:0 25px 15px 0;}

	#content .logos {width:660px;}
	.front-page #content .logos {width:920px;}
	.front-page #content .logos-wrap .controls .prev {left:-10px;}
	.front-page #content .logos-wrap .controls .next {right:-10px;}

	.front-page #banner {height:460px;}
	#content .overview-section .services-list li, #content .stakeholders-section .stakeholders-list li {font-size:12px;}
	#content .participate-section h1 {margin:0 0 30px 0;}
	#content .participate-section .tabs-list {margin:0 0 25px 0; font-size:0;}
	#content .participate-section .tabs-list li {margin:0 0 0 15px; font-size:16px;}
	#content .news-section .col-wrap .col-1 {width:630px;}
	#content .news-section .col-wrap .col-2 {width:290px;}

	#aside {width:220px;}

	#footer {padding:30px 0;}
	#footer .col-wrap {display:block;}
	#footer .col-1 {width:auto; padding:0;}
	#footer .col-1 nav {clear:both; float:none; margin:0 0 20px 0; padding:20px 0 0 0;}
	#footer .col-1 nav ul {padding:15px 0 5px 0; border:1px solid #FFF; border-width:1px 0;}
	#footer .col-1 .note {margin:0 0 20px 0;}
	#footer .col-2 {width:auto; padding:0; border:none;}
	#footer .col-2 .social-links {margin:0 0 20px 0;}
	
	#content .research-wrap #results-chart {width:100%;height: 450px;}

}

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

	#page-wrap {padding-top:90px;}

	.wrapper {width:740px;}

	#header .head .search-form {width:210px;}
	#header .head .search-form .search-input {right:-210px;}
	#header .foot {padding:10px 0;}
	#header #main-logo {margin:5px 0 0 0; height:30px;}
	#header .main-nav {top:92px;}
	.logged-in #header .main-nav {top:124px;}
	
	#banner {height:230px;}
	.front-page #banner {height:330px;}
	#banner h1 {font-size:36px; line-height:42px;}	
	
	#content {padding:30px 0; background:#FFF;}
	#main {float:none; width:auto; margin:0 0 30px 0;}

	#content .col-wrap {display:block;}
	#content .col-wrap .col {display:block; width:auto;}
	#content .col-wrap .col-1 {padding-right:0;}
	#content .col-wrap .col-2 {padding-left:0;}
	#content .overview-section .col-1 {margin:0 0 30px 0;}
	#content .overview-section .services-list {padding:0;}
	#content .facts-section .stats-wrap .stat-wrap {display:block; width:auto;}
	#content .facts-section .stats-wrap .stat-wrap:nth-child(odd) {padding-right:0;}
	#content .facts-section .stats-wrap .stat-wrap:nth-child(even) {padding-left:0;}
	#content .participate-section .content {width:auto; padding:0;}
	#content .participate-section .bg {display:none!important;}
	#content .news-section {padding:50px 0 30px 0;}
	#content .news-section .col-wrap .col-1 {width:100%; padding:0;}
	#content .news-section .col-wrap .col-2 {width:100%; padding:20px;}

	#content .logos {width:460px;}
	#content .logos-list li {width:230px;}
	.front-page #content .logos {width:690px;}
	.front-page #content .logos-wrap .controls .prev {left:0;}
	.front-page #content .logos-wrap .controls .next {right:0;}

	#content .posts-list .post {width:50%; margin:0 0 5px 0; box-sizing:border-box;}
	#content .posts-list .post:nth-child(odd) {padding-right:15px;}
	#content .posts-list .post:nth-child(even) {padding-left:15px;}

	#content .market-research-jumps .jumps li, #content .market-research-jumps .jumps li:nth-child(2) {float:none; width:auto; margin:0 0 30px 0;}
	#content .market-research-jumps .jumps li:nth-child(3) {margin:0;}

	#content .research-wrap .chart-wrap {display:none;}
	#content .research-wrap .chart-message {display:block; margin:0 0 20px 0; font-weight:700; font-size:18px; line-height:1.4em; text-align:center;}
	
	#aside {float:none; width:auto;}
	#aside .main-nav {display:none;}

}

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

	.logged-in #header {top:46px;}
	.logged-in #header .main-nav {top:138px;}

}

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

	.wrapper {width:560px;}

	#banner {height:170px;}
	.front-page #banner {height:auto; padding:30px 0;}
	#banner h1 {font-size:26px; line-height:32px;}

	#content h1 {margin:0 0 15px 0; font-size:24px; line-height:28px;}
	#content h1::before {height:19px;}

	#content .editable-content h2, .content-form h2 {font-size:20px; line-height:24px;}
	#content .editable-content h3 {font-size:18px; line-height:22px;}

	#content .stat-wrap.stat-a .stat {min-height:120px;}
	#content .stat-wrap.stat-a .stat .value-wrap {width:120px;}
	#content .stat-wrap.stat-a .stat .value-wrap::before {top:8px; left:8px; display:block; width:104px; height:104px; border:7px solid rgba(0,0,0,0.1);}
	#content .stat-wrap.stat-a .stat .value-wrap canvas {width:120px!important; height:120px!important;}
	#content .stat-wrap.stat-a .stat .value-wrap .value {font-size:30px; line-height:30px;}
	#content .stat-wrap.stat-a .stat .details {padding-left:140px;}

	#content .stat-wrap.stat-b .details p {font-size:16px;}

	#content .txt-img-list li {min-height:115px; padding:0 0 5px 130px;}
	#content .txt-img-list li .thumb {width:115px;}

	#content .overview-section {padding:30px 0;}
	#content .stakeholders-section {padding:30px 0;}
	#content .facts-section {padding:30px 0;}
	#content .participate-section {padding:30px 0 10px 0;}

	#content .logos {width:460px!important;}

	#content .posts-list .post {width:100%;}
	#content .posts-list .post:nth-child(odd) {padding-right:0;}
	#content .posts-list .post:nth-child(even) {padding-left:0;}

	#content .research-wrap {padding:30px 0;}
	#content .research-wrap header h1 {margin:0 0 30px 0;}
	#content .research-wrap header .tabs li {width:50%;}
	#content .research-wrap header .tabs li a {width:100%; padding:10px; font-size:16px; line-height:16px; box-sizing:border-box;}
	#content .research-wrap .questions li {padding:15px;}
	#content .research-wrap .questions li .text {min-height:0; margin:0; padding:0; border-right:none;}
	#content .research-wrap .questions li .options {position:static; width:auto; padding:10px 0 0 0; border-top:1px solid #e4e4e4;}

	#content #aside h2::before {top:4px; height:18px;}

	#footer .col-1 .address {float:none; margin:0 0 10px 0; line-height:1.4em;}
	#footer .col-1 .email {float:none; margin:0;}
	#footer .col-1 .note {padding:0; background:none;}

}

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

	#header .main-nav {right:-100%; width:100%; max-width:100%;}

}


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

	#wpadminbar {position:fixed!important;}

}

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

	#content .participate-section .tabs-list li:first-child {margin:0;}

}

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

	.wrapper {width:100%;}

	#header .head .search-form {width:148px;}
	#header .head .search-form .search-input {right:-148px;}
	#header .head .region-toggle .title {display:none;}

	#banner h1 {font-size:20px; line-height:26px;}
	#banner h2 {font-size:14px; line-height:20px;}

	#content .editable-content ul, #content .editable-content ol {padding:15px 10px 5px 10px;}

	#content .stat-wrap.stat-a .stat {min-height:0;}
	#content .stat-wrap.stat-a .stat .value-wrap {position:relative; top:auto; left:auto; margin:0 auto 15px auto;}
	#content .stat-wrap.stat-a .stat .details {padding-left:0;}

	#content .txt-img-list li {min-height:0; padding-left:0;}
	#content .txt-img-list li .thumb {position:static; top:auto; left:auto; margin:0 0 10px 0;}

	#content .overview-section .services-list li {width:50%; margin:0 0 15px 0;}
	#content .overview-section .services-list li:nth-child(1n+3) {margin:0;}
	#content .stakeholders-section .stakeholders-list li {width:50%;}
	#content .participate-section .tabs-list {margin:0 0 15px 0;}
	#content .participate-section .tabs-list li {display:block; margin:0 0 10px 0;}
	#content .participate-section .tabs-list li a {display:inline-block; color:rgba(255,255,255,0.5);}
	#content .participate-section .tabs-list li.selected a {color:rgba(255,255,255,1);}

	#content .logos {width:230px!important;}

	#content .market-research-jumps .jumps li .wrap h2 {font-size:20px; line-height:26px;}

	.content-form {padding:20px 10px;}

}