@media screen and (max-width: 1599px) {
	.video IFRAME {
		height: 240px!important;
	}

	.video-member IFRAME {
		height: 200px!important;
	}


	.projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
		top: 10%;
		right: 50%;
		left: auto;
	}

	.resource-item {
		min-height: 600px;
	}

	BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
		height: 175px;
	}

	.page-template-page-news H2.news-title, .page-template-page-activity H2.news-title {
		min-height: 165px;
	}

	.main-menu-wrapper li a {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}

	.logo-wrapper {
		position: absolute;
		width: 130px;
		height: 100px;
		background: url('../images/bg/5hoek-shape.svg') no-repeat;
		background-size:130px 100px;
	}

	.logo-img-wrapper {
		max-width: 50px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 12px;
		clear: both;
	}

	.font-size-wrapper {
		margin-left:-15px;
		margin-right:-15px;
	}

	.sign-in-wrapper a {
		font-size:13px;
	}

	#page-content .box-header .box-title {
		font-size: 20px;
	}

	.members-col {
		margin-top:60px !important;
	}

	.header-image-mask-white .header-image-mask-title {
		top: 22%;
	}
	.product-gallery-thumbs img {
		height: auto;
		width: 100% !important;
	}

	.header-image-wrapper {
		min-height:200px;
		height:auto;
	}

	.footer-row-2 {
		font-size: 40px;
	}

	.slider-members-item .club-logo-wrapper img {
		padding: 7% 29% 6% 30%;
	}

	.page-template-page-members  .slider-members-item .club-logo-wrapper {
		height: 105px;
	}

	.projects-wrapper .col-lg-6 .mask-image {
		height:165px;
	}

	.projects-filter-content .mask-image {
		height:100px;
	}

	.project-details-box .club-logo-wrapper {
		height: 55px;
	}

	.project-details-wrapper .club-logo-wrapper i{
		line-height:55px;
	}
	.resource-item > A {
		height: 130px;
	}
	.page-template-page-news .item  > A {
		height: 175px!important;
	}
	#content .box-title, .projects-wrapper .box .box-title {
		min-height: 150px;
	}
	.projects-filter-content .content-text, .projects-wrapper .content-text {
		min-height: 150px;
	}
	
	.main-menu-wrapper li:not(:first-child) a {
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	} 

}

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

	.header-filter-area ul li {
		font-size: 22px;
	}

	.header-filter-area {
		bottom:0;
	}

	.header-image-mask-title {
		font-size:40px !important;
	}

	div.filter-wrapper input {
		width: 73%;
	}
	div.filter-wrapper a {
		width: 25%;
	}
	#mc_embed_signup .mc-field-group input {
		width: 70%!important;
	}



}


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


	#mc_embed_signup .mc-field-group input {
		width: 60%!important;
	}
	#mc_embed_signup {
		float: none!important;
		width: 100%!important;
		margin-top: 30px!important;
	}

	#mc_embed_signup .mc-field-group input {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}

	#mc_embed_signup form {
		padding: 0!important;
	}

	#mc_embed_signup H6 {
		margin-bottom: 0!important;
	}
	.resource-item {
		min-height: 500px;
	}
	#mc-embedded-subscribe {
		top: 65px!important;
	}

	BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
		height: 145px;
	}


	#content .box-title, .projects-wrapper .box .box-title {
		min-height: 125px;
	}

	.partner-item {
		margin-bottom: 15px;
	}

	.charity-box .logo-corner {
		top: 15%;
	}

	#header .row-1,
	#header .row-2,
	.main-menu-wrapper {
		display:none;
	}

	.mobile-menu-icon-wrapper {
		display:block;
		position:absolute;
		right:25px;
		margin-top:25px;
	}

	.mobile-menu-icon {
		cursor:pointer;
		font-size:32px;
	}

	.mobile-menu-row {
		display:block;
		padding-top:20px;
		padding-bottom:20px;
	}

	.mobile-menu-row #menu-menu-top-1 li {
		display:block;
		border-bottom:1px solid #7777a7 !important;
	}

	.mobile-menu-row #menu-menu-top-1 > li:first-child {
		border-top:1px solid #7777a7 !important;
	}

	.mobile-menu-row #menu-menu-top-1 .sub-menu a,
	.mobile-menu-row #menu-menu-top-1 .sub-menu li{
		border:none !important;
	}

	.mobile-menu-row #menu-menu-top-1 .sub-menu {
		display:none !important;
	}

	.mobile-menu-row #menu-menu-top-1 > li:hover > .sub-menu {
		display:block !important;
	}


	.mobile-menu-row #menu-menu-top-1 a {
		padding:10px 20px;
		display:block;
		text-align:center;
		color:#fff;
	}

	.mobile-menu-row .social-wrapper {
		float:right;
		clear:both;
	}

	.mobile-menu-row ul {
		padding:0;
		margin:0;
	}

	.mobile-menu-row .social-wrapper li {
		margin-right:20px;
	}

	.content-col-right .box-link{
		clear:both;
		width:100%;
		text-align:left;
	}
	.slider-members-item .club-logo-wrapper img {
		padding: 7% 31% 7% 31%;
	}

	.mask-image {
		width: 100%;
		height: 190px !important;
	}

	.page-template-page-members  .slider-members-item .club-logo-wrapper {
		height: 125px;
	}

	#header .header-wrapper {
		border-bottom:0px;
	}

	.logo-wrapper {
		margin-left:0px;
	}

	.projects-filter-content .mask-image {
		height:145px !important;
	}

	.project-details-wrapper .club-logo-wrapper {
		min-width:65px;
		max-width:65px;
		margin-left:-10px;
	}


	.resource-item > A {
		height: 160px;
	}
	.page-template-page-news .item > A {
		height: 140px;
	}
	.logo-wrapper {
		top: 18px;
	}
	#header .header-wrapper {
		height: 80px;
	}

	.footer-row-2 {
		font-size: 40px;
		line-height:40px;
	}



}

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

	
	.projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
		top: 20%;
		right: 50%;
		left: auto;
	}

	.projects-filter-content .content-text, .projects-wrapper .content-text {
		min-height: auto;
	}

	#content .box-title, .projects-wrapper .box .box-title {
		min-height: auto;
		margin-bottom: 15px!important;
	}
	.resource-item {
		min-height: auto;
	}

	HEADER .row {
		margin: 0 0 0 15px;
	}

	.slider-content-wrapper {
		padding: 20px;
		padding-right: 30px;
		bottom: 10%;
	}

	.slider-title {
		text-transform: uppercase;
		font-size: 20px;
		line-height: 26px;
	}

	.btn-custom {
		font-size: 16px;
		padding: 8px 10px;
	}

	.box-link{
		clear:both;
		width:100%;
		text-align:left;
	}

	#page-content .row-2 .news-title {
		margin-top:20px;
	}

	#page-content .row-1 .news-title  {
		margin-bottom:30px;
		margin-top:0px;
	}

	#page-content .row-1 .news-subtitle {
		display:none;
	}

	.page-content-wrapper {
		padding: 20px 10px;
	}

	div.filter-wrapper a {
		font-size:12px;
	}

	div.filter-wrapper a i {
		display:none;
	}

	.row-copyright {
		font-size:14px;
	}

	.menu-left-box,
	.project-details-box,
	.refine-selection-form,
	.club-info-box {
		margin-top: -40px;
	}

	.slider-members-item .club-logo-wrapper img {
		padding: 7% 28% 7% 28%;
	}

	.menu-left-box, .project-details-box,
	.refine-selection-form, .club-info-box {
		margin-top: 0px;
	}

	.page-template-page-members  .slider-members-item .club-logo-wrapper {
		height: 235px;
	}

	.row-2 .col-xs-12 {
		padding-right:0px;
	}

	#page-content .col-lg-12 .row-wrapper {
		margin-right:15px;
	}

	#page-content .row-2  .row-wrapper > div {
		padding-right:0px !important;
	}

	.projects-filter-content .mask-image {
		height:220px !important;
	}

	.page-template-page-news .item > A, BODY:not(.home) .box.latest-news-home-wrapper .box-content div > A {
		height: auto!important;
	}
	.page-template-page-news H2.news-title, .page-template-page-activity H2.news-title {
		min-height: auto;
	}






}

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

	.header-filter-area .filter-wrapper {
		width:100%;
	}

	.slider-members-item .club-logo-wrapper img {
		padding: 6% 36% 7% 36%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		/*height: 480px; */
	}
	.resource-item > A {
		min-height: 250px;
	}
}

@media screen and (max-width: 760px) {
	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 480px;
	}

	.page-content-container P IMG {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 685px) {
	.slider-members-item .club-logo-wrapper img {
		padding: 6% 34% 7% 34%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 420px;
	}


}


@media screen and (max-width: 600px) {
	.page-template-page-members .members-wrapper {
		margin-top: 50px;
	}

	.members-wrapper .slider-members-item .club-logo-wrapper img {
		padding:7% 28% 8%;
	}

	.header-image-mask-title {
		padding-bottom: 80px;
	}

	.row-copyright .text-right {
		text-align:left !important;
	}

	.slider-members-item .club-logo-wrapper img {
		padding: 3% 40% 7% 40%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 370px;
	}


	.header-image-wrapper {
		padding-bottom: 20px;
	}
	.header-image-mask-title {
		top:40px;
		padding-bottom: 0;
	}

	.club-info-box {
		margin-top:50px !important;
	}

	.header-image-mask {
		background:none;
		display:block;
		/* position:relative !important;  */
	}

	.header-image-wrapper img {
		display:none;
	}

	.header-image-mask-title {
		position:relative !important;
		color: #3c3c83;
	}

	.header-image-wrapper {
		min-height: 0px;
		height: auto;
		padding-top:40px;
		padding-bottom:10px;
	}

	.map-area {
		display: none;
	}
}

@media screen and (max-width: 550px) {
	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 350px;
	}
	.resource-item > A {
		min-height: 160px;
	}
	.page-template-page-news .item > A {
		height: 160px;
	}


}


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


	.projects-filter-content .logo-corner, .projects-wrapper .logo-corner, .charity-box .logo-corner {
		top: 13%;
	}

	.slider-members-item .club-logo-wrapper img {
		padding: 4% 38% 7% 38%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 300px;
	}

	.share-icons {
		clear:both;
		margin-top:15px;
	}

	.projects-filter-content .mask-image {
		height:170px !important;
	}

	.slider-home-container {
		display:none;
	}

}

@media screen and (max-width: 450px) {
	.page-template-page-news .header-image-wrapper {
		min-height: unset;
	}

	.page-template-page-news .header-image-wrapper .header-image-mask-title {
		display: none;
	}

	.page-template-page-news .header-image-wrapper .header-filter-area {
		position: relative;
	}

	.page-template-page-news .header-image-wrapper .header-filter-area .filter-wrapper {
		height: auto;
	}

	.page-template-page-news .header-image-wrapper .header-filter-area .filter-wrapper li {
		width: 100%;
		line-height: 40px;
	}
}

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


	.charity-box .logo-corner {
		top: 5%;
	}
	.slider-members-item .club-logo-wrapper img {
		padding: 4% 36% 8% 36%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 260px;
	}
	
	.menu-left-box .box-title, .project-details-box .box-title, .refine-selection-form .box-title, .club-info-box .box-title, #page-content .gray-box .box-title, #page-content .box-masked .box-title {
		font-size: 22px; 
	}
	#page-content .knowledge-title {
		font-size: 32px;	
	}

}


@media screen and (max-width: 380px) {
	.slider-members-item .club-logo-wrapper img {
		padding: 4% 34% 8% 34%;
	}
	.mask-image {
		width: 100%;
		height: 170px !important;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 220px;
	}

	.projects-filter-content .mask-image {
		height:145px !important;
	}
}

@media screen and (max-width: 360px) {
	.slider-members-item .club-logo-wrapper img {
		padding: 4% 32% 8% 32%;
	}
	.mask-image {
		width: 100%;
		height: 150px !important;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 200px;
	}
}

@media screen and (max-width: 320px) {
	.slider-members-item .club-logo-wrapper img {
		padding: 4% 30% 8% 30%;
	}

	.page-template-page-members .slider-members-item .club-logo-wrapper,
	.page-template-page-partners .slider-members-item .club-logo-wrapper {
		height: 190px;
	}
}