@media only screen  and (max-width:4500px) and (min-width:3901px){

	.news-post-img{
		height:189px;
	}

	.news-tile-body {
		height: 170px;
	}
	
	.env-tile-body-ht {
		height: 11vh;
	}

}

@media only screen  and (max-width:3900px) and (min-width: 2001px){
	
	.news-post-img{
		height:189px;
	}

	.news-tile-body {
		height: 170px;
	}
	
	.env-tile-body-ht {
		height: 11vh;
	}
	
}

@media only screen  and (max-width:2000px) and (min-width: 1700px){
	
	.display-4 {
		font-size: 6.5rem;
	}
	
	.news-post-img{
	height:189px;
	}

	.news-tile-body {
		height: 170px;
	}
 
}

@media only screen  and (max-width:1699px) and (min-width: 1500px){
	
	.main-heading { 
		font-size: 40px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.news-title {
		font-size: 24px;
	}
	
	.news-btn { 
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 23px; 
		line-height: 1.5;
	}
	
	.fot-address {
		font-size: 23px; 
		line-height: 1.6;
	}
	
	.fot-company {
		font-size: 38px;
	}
	
	.display-4 {
		font-size: 5.5rem;
	}
	
	p,.main-para {
		font-size: 22px; 
		line-height: 1.9;
	}
	
	.news-tile-body {
		height: 165px;
	}	
	
	.mag-and-video-blovk {
		max-width: 80%;
	}
	
	.icon-title {
		font-size: 22px;
	}
	
	.ns-and-news-blovk{
		max-width: 100%;
	}
	
}

@media only screen  and (max-width:1499px) and (min-width: 1400px){
	
	.main-heading { 
		font-size: 40px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.news-title {
		font-size: 24px;
	}
	
	.news-btn { 
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 23px; 
		line-height: 1.5;
	}
	
	.fot-address {
		font-size: 23px; 
		line-height: 1.6;
	}
	
	.fot-company {
		font-size: 38px;
	}
	
	.icon-title {
		font-size: 28px;
	}
	
	.display-4 {
		font-size: 5.5rem;
	}
	
	p, .main-para {
		font-size: 22px; 
		line-height: 1.9;
	}
	
	.news-tile-body {
		height: 170px;
	}
	
	.mag-and-video-blovk {
		max-width: 85%;
	}
	
	.icon-title {
		font-size: 22px;
	}
	
	.ns-and-news-blovk{
		max-width: 100%;
	}
	
}

@media only screen  and (max-width:1399px) and (min-width: 1300px){
	
	.main-heading { 
		font-size: 40px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.news-title {
		font-size: 24px;
	}
	
	.news-btn { 
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 23px; 
		line-height: 1.5;
	}
	
	.fot-address {
		font-size: 23px; 
		line-height: 1.6;
	}
	
	.fot-company {
		font-size: 38px;
	}
	
	.icon-title {
		font-size: 28px;
	}
	
	.display-4 {
		font-size: 4.5rem;
	}
	
	.main-outline-button-style { 
		font-size: 1.4rem;
	}
	
	p, .main-para {
		font-size: 22px; 
		line-height: 1.9;
	}
	
	.container {
		max-width: 1100px;
	}
	
	.nav-container-inner{
		max-width: 1200px;
	}
	
	.news-post-img {
		height: 175px;
	}
	
	.news-tile-body {
		height: 165px;
	}
	
	
	.mag-and-video-blovk {
		max-width: 85%;
	}
	
	.icon-title {
		font-size: 20px;
	}
	
	.ns-and-news-blovk{
		max-width: 100%;
	}
	
}

@media (max-width: 1200px){
	.ns-and-news-blovk{
		max-width: 100%;
	}
}

@media only screen  and (max-width:1299px) and (min-width: 1200px){
	
	.main-heading { 
		font-size: 40px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.news-title {
		font-size: 24px;
	}
	
	.news-btn { 
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 23px; 
		line-height: 1.5;
	}
	
	.fot-address {
		font-size: 23px; 
		line-height: 1.6;
	}
	
	.fot-company {
		font-size: 38px;
	}
	
	.icon-title {
		font-size: 28px;
	}
	
	.display-4 {
		font-size: 4.5rem;
	}
	
	.main-outline-button-style { 
		font-size: 1.4rem;
	}
	
	p, .main-para {
		font-size: 22px; 
		line-height: 1.9;
	}
	
	.container {
		max-width: 1100px;
	}
	
	.nav-container-inner{
		max-width: 1200px;
	}
	
	.header-sub-title { 
		font-size: 20px;
	}
	
	.news-post-img {
		height: 182px;
	}
	
	.news-tile-body {
		height: 165px;
	}
	
}


@media only screen  and (max-width:1199px) and (min-width: 1000px){
	
	.main-heading {
		font-size: 36px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.news-title {
		font-size: 22px;
	}
	
	.news-btn {
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 21px;
		line-height: 1.4;
	}
	
	.fot-address {
		font-size: 20px;
		line-height: 1.4;
	}
	
	.sponsere-title {
		font-size: 20px;
	}
	
	.fot-company {
		font-size: 30px;
	}
	
	.icon-title {
		font-size: 17px;
	}
	
	.display-4 {
		font-size: 4.5rem;
	}
	
	.main-outline-button-style {
		font-size: 1.4rem;
	}
	
	p, .main-para {
		font-size: 20px; 
		line-height: 1.9;
	}
	
	.project-title {
		font-size: 22px;
	}
	
	.project-para {
		font-size: 18px;
	}
	
	.count-title {
		font-size: 26px;
	}
	
	.project-btn { 
		font-size: 24px;
	}
	
	.container {
		max-width: 1100px;
	}
	
	.nav-container-inner{
		max-width: 1140px;
	}
	
	.header-sub-title { 
		font-size: 18px;
	}
	
	.main-outline-button-style {
		width: 31%;
	}
	
	.news-post-img {
		height: 162px;
	}
	
	.news-tile-body {
		height: 150px;
	}
	
	.env-tile-body-ht {
		height: 275px;
	}
	
	.post-title {
		font-size: 24px;
	}
	
	.post-title-2 {
		font-size: 25px;
	}
	
	.nav-logo-jkf {
		flex: 0 0 19%; 
	}
	
	.nav-middle-pils {
		flex: 0 0 0%;
	}
	
	.mobile-nav-button{
		flex: 0 0 73%;
		max-width: 73%;
	}
	
	.fasocial {
		padding: 10px; 
		width: 46px;
	}

	
}

@media screen and ( min-width: 1000px ){
	.no-padding-lg{padding:0 !important;}
	.no-padding-left-lg{padding-left:0 !important;}
	.no-padding-right-lg{padding-right:0 !important;}
	.no-padding-top-lg{padding-top:0 !important;}
	.no-padding-bottom-lg{padding-right:0 !important;}

	.no-margin-lg{margin:0 !important;}
	.no-margin-left-lg{margin-left:0 !important;}
	.no-margin-right-lg{margin-right:0 !important;}
	.no-border-lg{border:0 !important} 
}

@media screen and ( max-width: 1000px ){
	.no-padding-xs{padding:0 !important;}
	.no-padding-left-xs{padding-left:0 !important;}
	.no-padding-right-xs{padding-right:0 !important;}
	.no-padding-top-xs{padding-top:0 !important;}
	.no-padding-bottom-xs{padding-right:0 !important;}

	.no-margin-xs{margin:0 !important;}
	.no-margin-left-xs{margin-left:0 !important;}
	.no-margin-right-xs{margin-right:0 !important;}
	.no-border-xs{border:0 !important}
	
	.flayer-para {
		padding: 0px 0px 0px 0px;
	}
	
	.main-heading {
		font-size: 36px;
	}
	
	.project-title {
		font-size: 22px;
	}
	
	.project-para {
		font-size: 18px;
	}
	
	.main-outline-button-style {
		width: 52%;
	}
	
	.fot-address { 
		text-align: center; 
	}
	
	.fot-company {
		text-align: center;
	}
	
	.ft-logo-tg {
		margin-top: 0px;
	}
	
	.fot-cp-right { 
		text-align: center;
	}
	
	.nav-container-inner{
		padding-right: 0px;
		padding-left: 0px;
		max-width: 100%;
	}
	
	.news-post-img {
		height: 45vw;
	}
		
	.news-btn { 
		position: relative;
		bottom: 0;
		margin-bottom: 0px;
		left: 0;
		margin-left: 0px;
	}
		
	.nav-logo-jkh {
		flex: 0 0 17%;
		max-width: 13.333333%;
	}
	
	.nav-logo-jkf {
		flex: 0 0 42%;
		max-width: initial;
	}
	
	.social-block {
		text-align: center;
	}

}



/** 990**/

@media only screen  and (max-width:999px) and (min-width: 800px){ 
	.news-title {
		font-size: 20px;
	}
	
	.post-title {
		font-size: 24px;
	}
	
	.post-title-2 {
		font-size: 27px;
	}
}

@media only screen  and (max-width:799px) and (min-width: 765px){
	
	.post-title {
		font-size: 24px;
	}
	
	.post-title-2 {
		font-size: 27px;
	}	
	
	.flower-container { 
		height: 316px;
	}
	
	#num-1 {
		top: 200px; 
		left: 20%;
	}
	
	#num-3 {
		top: 182px; 
		right: 20%;
	}
	
	
	.mag-and-video-blovk {
		max-width: 95%;
	}
	
	.icon-title {
		font-size: 19px;
	}
	
}

@media screen and ( max-width: 767px ){
	
	.no-padding-xs{padding:0 !important;}
	.no-padding-xs-left{padding-left:0 !important;}
	.no-padding-xs-right{padding-right:0 !important;}
	.no-padding-xs-top{padding-top:0 !important;}
	.no-padding-xs-bottom{padding-right:0 !important;}	
	
	p, .main-para {
		font-size: 20px;
	}
	
	.icon-title {
		font-size: 24px;
	}
	
	.awards-title {
		font-size: 26px;
	}
	
	.count-title {
		font-size: 24px;
	}
	
	.main-heading {
		font-size: 30px;
	}
	
	.news-title {
		font-size: 24px;
	}
	
	.fot-company {
		font-size: 34px;
	}
	
	.fot-address {
		font-size: 20px;
	}
	
	.fot-cp-right {
		font-size: 22px;
	}
	
	.sponsere-title {
		font-size: 20px;
	}
	
	.sponser-block {
		padding: 60px 0px;
	}
	
	.btn-abs-fit-bottem {
		position: relative;
		bottom: auto;
		left: auto;
		margin-right: auto;
		transform: none;
	}
	
	.env-tile-body-ht {
		height: auto;
	}
	
	.post-image {
		height: auto;
	}
	
	.post-tile-body-ht {
		height: auto;
	}
	
	.post-title {
		font-size: 24px;
		margin:0;
	}
	
	.post-title-2 {
		font-size: 24px;
		margin:0;
	}
	
	.project-btn { 
		width: 34%;
		font-size: 20px; 
	}
	
	.fasocial {
		padding: 10px;
		font-size: 20px !important;
		width: 44px;
	}
	.social-block {
		padding: 0 0rem;
	}
	
	.flower-container p {
		line-height: 17px;
	}
	
	#num-2 {
		top: 65px;	
	}
	
	.btn-full-wd {
		width: 100%; 
	}


}

@media only screen  and (max-width:800px) and (min-width: 769px){
	
}

@media only screen  and (max-width:768px) and (min-width: 700px){
	
}

@media only screen  and (max-width:699px) and (min-width: 650px){
	
}

@media only screen  and (max-width:649px) and (min-width: 600px){
	
}


@media screen and ( max-width: 599px ){
	
	.main-slider-a{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-01-m.webp');
	}

	.main-slider-b{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-02-m.webp');
	}

	.main-slider-c{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-03-m.webp');
	}
	
	.main-slider-d{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-04-m.webp');
	}

	.main-slider-e{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-05-m.webp');
	}

	.main-slider-f{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-06-m.webp');
	}
	
		
	.mobile-nav-button{
		flex: 0 0 41.666667%;
		max-width: 39.666667%;
	}
	
	.nav-logo-jkh {
		flex: 0 0 17%;
		max-width: 14%;
	}
	
	.logo-abs { 
		margin-bottom: 119px; 
	}
	
}

@media only screen  and (max-width:599px) and (min-width: 550px){	
	
}

@media only screen  and (max-width:549px) and (min-width: 500px){
	
}

@media only screen  and (max-width:499px) and (min-width: 450px){
	
}


@media screen and ( max-width: 450px ){
	
	.main-slider-a{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-01-xm.webp');

	}

	.main-slider-b{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-02-xm.webp');
	}

	.main-slider-c{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-03-xm.webp');	
	}
	
	.main-slider-d{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-04-xm.webp');	
	}

	.main-slider-e{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-05-xm.webp');	
	}

	.main-slider-f{
		background-image: url('https://johnkeellsfoundation-2024.sgp1.digitaloceanspaces.com/assets/images/s-06-xm.webp');	
	}
		
}


@media only screen  and (max-width:449px) and (min-width: 401px){
	
}

@media only screen  and (max-width:400px) and (min-width: 350px){
	
}

@media only screen  and (max-width:349px) and (min-width: 300px){
	
	.nav-logo-jkh {
		flex: 0 0 18%;
		max-width: 15.333333%;
	}
	 
	.nav-heading-ls { 
		font-size: 23px;
	}
}