@media(max-width: 1100px){
	.container{
		max-width: 940px;
	}
	.key-cards img{
		height: 230px;
	}
	.our-leader-homepage > .container > .row:last-child > div:first-child .leader-inner{
		padding-right: 60px;
	}
	.our-leader-homepage > .container > .row:last-child > div:last-child .leader-inner{
		padding-left: 60px;
	}
	.our-leader-homepage > .container > .row:last-child{
		max-width: 100%;
	}
	.about-michael-rothschild-section .image-box{
		width: 100%;
	}
}
@media(min-width: 1150px) and (max-width: 1300px){
	.banner {
		padding-block: 82px;
	}
	.banner .custom-padding-right {
		padding-right: 114px;

	}
}
@media(min-width: 991px) and (max-width: 1150px){
	.banner {
		padding-block: 56px;
	}
	.banner .custom-padding-right {
		padding-right: 147px;
	}
}

@media(min-width:1025px){
	.global-search-left a.common-btn:hover{
        background-color: #fff;
        color: var(--primary-color);
    }
    .common-btn:hover{
        text-decoration: none;
        color: #fff;
    }.common-btn:hover{
        color: var(--primary-color);;
    }
    .common-btn:hover img{
        filter: invert(80%) sepia(52%) saturate(284%) hue-rotate(88deg) brightness(99%) contrast(91%);
    }
    .common-btn:hover::after{
        width: 0%;
    }
    .main-navigation a:hover::before{
        width: 100%;
    }
    .common-btn.white:hover{
        color: #fff;
    }
}

@media(max-width:1024px){
	.main-navigation ul{
		justify-content: flex-end;
	}
	.main-navigation a{
		margin: 10px 20px;
		margin-right: 0px;
	}
	.portfolio-cards-outer > div{
		width: calc(100%/2 - 8px);
	}
    .main-header .col-1{
        max-width: 20%;
    }
    .main-header .col-11{
        max-width: 80%;
    }
	.future-section .row-f5 .col-3{
		max-width: 33.333%;
	}
	
}

@media(min-width:991px){
	.navicon{
		display: none;
	}
	.site-header{
	    position: sticky;
		-webkit-position: sticky;
		top: 0;
		background-color: #fff;
		z-index: 9999;
	/* box-shadow: 0px 4px 15px 2px #33333329; */
	}
    .hide-desktop img{
        display: none;
    }
    img.how-to-donate-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        object-fit: cover;
    }
}

@media(max-width:991px){

	section.foundation-main
	, section.mission-section
	, section.about-main
	, section.auth-common.register-main{
		padding: 150px 0px 60px 0px;
	}
    .hide-mobile{
        display: none !important;
    }
    .main-navigation a{
		text-transform: uppercase;
		font-size: 18px;
		margin-bottom: 0px;
		line-height: inherit;
		border-bottom: 1px solid #2b43333b;
		margin-left: 0;
		margin-top: 0;
		padding: 25px 20px;

	}
	.main-navigation li.current-menu-item a{
		color: #ffffff !important;
		background-color: var(--primary-color);
	}
	.main-header{
		padding-top: 35px;
		padding-bottom: 35px;
		position: fixed;
		background-color: #fff;
		width: 100%;
		z-index: 99999;
		box-shadow: 0px 4px 15px 2px #33333329;
	}
	html, body{
		overflow-x: hidden;
	}
	.navicon{
		width: 45px;
		height: 45px;
		background: var(--primary-color);
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
		z-index: 9999;
		position: absolute;
		top: 28px;
		right: 20px;
		border-width: 0px;
	}
	.main-navigation > div {
		position: fixed;
		height: 100%;
		width: 100%;
		left: -100%;
		top: 0;
		background-color: #fff;
		z-index: 999;
		transition: all 0.3s ease-in-out 0s;
	}
	.main-navigation > div.open-menu{
		left: 0px
	}
	.navbar-toggler span {
		background: #ffffff;
	}
	.navicon span:nth-child(1) {
		top: 13px;
		width: 22px;
	}
	.navicon span:nth-child(2) {
		top: 22px;
		width: 25px;
	}
	.navicon span:nth-child(3) {
		top: 32px;
		width: 20px;
	}
	.main-navigation{
		text-align: right;
	}
	.navicon span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		border-radius: 1px;
		opacity: 1;
		background: #fff;
		left: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	 .navbar-toggler.open span {
		background: #fff;
	}
	.navicon.open span:nth-child(1) {
		top: 23px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.navicon.open span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}
	.navicon.open span:nth-child(3) {
		top: 23px;
		width: 23px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	ul#primary-menu {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		margin-top: 110px;
	}
	.main-navigation li{
		width: 100%;
		text-align: left;
	}
	.main-navigation li a::before{
		display: none;
	}
    section.main-banner{
        padding-top: 130px;
    }
	section.notice{
        padding-top: 130px;
    }
  .passion-content-slider .slick-dots{
    display: block !important;
  }
  .how-to-donate-section .row > .col-6{
    max-width: 100%;
  }
  .how-to-donate-section .row > .col-6 img{
    width: 100%;
  }
  .how-to-donate-right{
    padding: 40px 0px 0px 0px;
    min-height: auto;
  }
  .how-to-donate-section{
    padding: 60px 0px;
  }
  .main-banner .row
  , .foundation-main .row
  , .future-section .row-f3
  , .mission-section .row{
    flex-direction: column-reverse;
}
.main-banner .main-banner-img {
    width: 100%;
}
.main-banner-data{
    padding: 30px 0px 0px 0px;
}
.main-banner .row > div
, .foundation-main .row > div
, .future-section .row-f2 > div
, .future-section .row-f3 > div
, section.sustain-last .row
, .mission-section .row > div
, .key-section .row .col-6
, .about-main .row .col-6 {
    max-width: 100%;
}
.foundation-content {
    padding-top: 30px;
}
.foundation-content h1 br{
	display: none;
}
.row.education-cards > div:not(:last-child, :nth-last-child(2)){
	margin-bottom: 30px;
}
.row.education-cards > div{
	max-width: 50%;
}
.future-section .container .row-f2, .future-section .container .row-f3{
	padding: 30px 0px;
}
.enviroment-sustain-content h3{
	padding-top: 22px;
}
.key-section h3{
	margin-top: 0px;
	margin-bottom: 10px;
}
.key-section .col-3{
	max-width: 33.333%;
}
section.contact-main{
	padding-top: 140px;
}
section.contact-main .row
, .news-section .row{
	max-width: 100%;
}
section.news-section{
	padding: 110px 0px 80px;
}
.notice .content {
	flex-wrap: wrap;
	justify-content: center;
}
.notice .content .text{
	text-align: center;
}
.banner .image-box {
	position: relative;
	right: 0;
	bottom: 0;
	padding: 20px;
	width: 100%;
	height: 100%;
}
.banner .image-box img {
	position: relative;

} 
.banner .image-box .box {
	top: 0;
    right: 0;
}
.banner {
	padding-block: 70px;
}
}
@media(max-width:767px){
  section.certification-section .row, .passion-section .container .row:last-child{
  	max-width:100% !important;
  }
  section.certification-section .row .col-9 img{
    width:100%;
  }
	.thumbnail-image img{
		min-height: auto;
	}
  .footer-copyright{
    padding-right:0px;
  }
    .row > .col-3
    , .row > .col-2
    , .row > .col-1
	, .row > .col-7
	, .row > .col-4
	, .row > .col-5
	, .row > .col-6
	, .row > .col-8
	, .row > .col-9
	, .row > .col-10
	, .row > .col-11
	, .row > .col-12
	{
		max-width: 100%;
	}
  
    section.passion-section
    , section.certification-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .ngo-group-img{
        flex-direction: row;
       padding: 0px 40px;
    }
    .certification-section img{
        margin-left: 0px;
    }
    .site-footer-logo{
        text-align: center;
    }
	.future-section .row-f5 .col-3
	, section.multi-image-section .container .row{
		max-width: 100% !important;
	}
	.key-section h3{
		line-height: 38px;
	}
	.initiatives-cards{
		min-height: auto;
	}
	.shape_row3 {
		flex-direction: column-reverse;
	}
	.card-content {
		margin-top: 20px;
	}
	.key-cards img{
		height: auto;
	}
	body .key-section .col-3{
		max-width: 50%;
	}
	.about-main-content{
		padding-left: 20px;
		padding-right: 20px;
	}
	.our-leader-homepage > .container > .row:last-child > div:first-child .leader-inner{
		padding-right: 0px;
		margin-bottom: 50px;
	}
	.our-leader-homepage > .container > .row:last-child > div:last-child .leader-inner{
		padding-left: 0px;
	}
	#sarah-rothschild{
		flex-direction: column-reverse;
	}
	.henripay-content p {
		margin-block: 10px;
		text-align: left;
	}
	.rights-reserved-flex {
		flex-direction: column;
	}
	.banner {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.banner .heading{
		margin-top: 30px;
	}
	.reality-of-today-section .border-left{
		padding-top: 32px;
		border-left: none;
		padding-left: 15px;
	}
	.reality-of-today-section p{
		text-align: left;
	}
	.recent-updates-section .horizontal-line {
		display: none;
	}
	.recent-updates-section .image-box {
		width: 100%;
		height: auto;
	}
	.recent-updates-section .content {
		flex-wrap:wrap;
	}
	.recent-updates-section .text-box {
		padding: 0;
	}
	.recent-updates-section .text-box p{
		line-height: 22px;
	}
	.about-michael-rothschild-section .image-box{
		height: 100%;
	}
	.about-michael-rothschild-section .text-box {
		border-left: none;
		padding-left: 0;
		padding-top: 32px;
	}
	.about-michael-rothschild-section .heading, .about-michael-rothschild-section p {
		text-align: left;
	}
	.banner .col-7 {
		order: 2;
	}
	.banner .col-5 {
		order: 1;
	}
	
}
@media(max-width:680px){
	.contact-main-banner{
		height: auto;
	}
	.share-inner{
		justify-content: flex-start;
	}
	.share-inner a{
		margin-left: 0px !important;
	}
	span#close-share{
		top: 10px;
		right: 10px;
	}
	.sustain-main-content .sustain-data-inner{
		padding-left: 30px;
		padding-right: 30px;
	}
	.sustain-logo-inner > div{
		width: calc(100% / 3);
	}
	.sustain-logo-inner > div {
		width: calc(100% / 2);
	}
	#soundcloud-title{
		font-size: 14px;
	}
	.sustain-main-content .sustain-data-inner{
		padding-left: 15px;
		padding-right: 15px;
	}
	.row.education-cards > div
	, section.future-section .section-title-outer
	, .educational-section .section-title-outer
	, .row.shape_row1{
		max-width: 100%;
	}
    .main-header .col-1{
        max-width: 50%;
    }
    h1, h2
    , .main-banner-data h1
	, .section-title-outer h2, .section-title
	, .sustain-main-content h1
	, .about-main-content h1
	, .news-content h1
	, .our-leader-homepage > .container .leader-inner h3{
        font-size: 34px;
        line-height: 42px;
    }
    .main-banner-data h3{
        font-size: 26px;
    }
    .ngo-group-img img{
        width: 120px;
        margin-top: 20px
    }
	.navicon{
		top: 20px;
	}
	.row.education-cards > div:not(:last-child){
		margin-bottom: 30px !important;
	}
	.shaping-further-section .row:not(.shape_row1)
	, .about-the-founders .row:not(.heading-row){
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(max-width:580px){
	body .key-section .col-3{
		max-width: 100% !important;
	}
	.key-section .container .row > .col-3:not(:last-child){
		margin-bottom: 30px;
	}
	.quote-section .inner-box{
		padding: 70px 31px;
	}
}