

@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-size: 130px 100px
	}
	.logo-img-wrapper {
		max-width: 100px;
		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
	}
}

@media screen and (max-width:1334px) {
	.header-filter-area ul li {
		width: 28%;
		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 li {
		display: block;
		border-bottom: 1px solid #7777a7!important
	}
	.mobile-menu>li:first-child {
		border-top: 1px solid #7777a7!important
	}
	.mobile-menu .sub-menu a,
	.mobile-menu .sub-menu li {
		border: none!important
	}
	.mobile-menu .sub-menu {
		display: none!important
	}
	.mobile-menu>li:hover>.sub-menu {
		display: block!important
	}
	.mobile-menu 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: 0
	}
	.logo-wrapper {
		margin-left: 0
	}
	.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: 5px
	}
	#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;
		bottom: 10%;
		box-sizing: border-box;
		margin: 0 auto;
		position: absolute;
		right: 0;
		left: 0;
		width: 300px;
	}
	.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: 0
	}
	#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: 0
	}
	.page-template-page-members .slider-members-item .club-logo-wrapper {
		height: 235px
	}
	.row-2 .col-xs-12 {
		padding-right: 0
	}
	#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%
	}
	.resource-item>A {
		min-height: 250px
	}
	.logo-img-wrapper img:not(.alignleft):not(.alignright):not(.alignnone) {
		max-height: 130px;
	}
}

@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 {
		height: auto
	}
	.slider-members-item .club-logo-wrapper img {
		max-height: none;
	}
}

@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
	}
	.logo2 {
		display: none
	}
}

@media screen and (max-width:600px) {
	.wp-block-embed-youtube iframe{
		width: 100%;
	}
	.wp-block-embed-facebook iframe{
		width: 100% !important;
	}
	.wp-block-embed-facebook .fb_iframe_widget{
		width: 100% !important;
	}
	.wp-block-embed-facebook .fb_iframe_widget > span{
		width: 100% !important;
	}

	.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
	}
	.header-image-wrapper img {
		display: none
	}
	.header-image-mask-title {
		position: relative!important;
		color: #3c3c83
	}
	.header-image-wrapper {
		min-height: 0;
		height: auto;
		padding-top: 40px;
		padding-bottom: 10px
	}
	.header-filter-area ul li:first-child {
		width: 16%
	}
	.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
	}
	.owl-carousel .owl-item{
		height:285px;
	}
	.owl-carousel .owl-item img {
		display: block;
		margin: 0;
		max-width: none;
		max-height: none;
		width: 100%;
		height: 300px !important;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.logo-img-wrapper img:not(.alignleft):not(.alignright):not(.alignnone) {
		max-height: 100px;
	}
}

@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
	}
}

@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
	}
}

