/*our story sec start*/
.our-story{
	background: url("../images/our-story-img-600.webp") no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	
}
.no-webp .our-story{
	background: url("../images/our-story-img-600.jpg") no-repeat;
	background-size: cover;
}
.our-story-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 12;
}
.our-story .container{
	position: relative;
	z-index: 13;
}
.our-story{
	color: #fff;
	font-family: 'Sora-Regular';
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 2.6rem;
}
.our-story h1{
	font-family: 'Sora-SemiBold';
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #fff;
}
.our-story p{
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.story-btn{
	border: 2px solid #fff;
	border-radius: 0;
	padding: 14px 28px;
	background-color: transparent;
	font-size: 1.6rem;
	line-height: 2.0rem;
}
/*our story sec end*/

@media only screen and (min-width:620px){
	
}
@media only screen and (min-width:768px){
	/*our story sec start*/
	.our-story h1{
		margin-bottom: 30px;
	}
	.our-story p{
		margin-bottom: 35px;
	}
	.our-story{
		background: url("../images/our-story-img-768.webp") no-repeat;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
	}
	.no-webp .our-story{
		background: url("../images/our-story-img-768.jpg") no-repeat;
		background-size: cover;
	}	
	/*our story sec end*/	
}
@media only screen and (min-width:921px){
	/*our story sec start*/
	.our-story h1{
		margin-bottom: 35px;
	}
	.our-story p{
		margin-bottom: 40px;
	}
	.story-btn{
		/*padding: 16px 34px;
		font-size: 2.0rem;
   	 	line-height: 2.4rem;*/
	}
	/*our story sec end*/	
}
@media only screen and (min-width:1024px){
	.our-story{
		background: url("../images/our-story-img-1024.webp") no-repeat;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
	}
	.no-webp .our-story{
		background: url("../images/our-story-img-1024.jpg") no-repeat;
		background-size: cover;
	}	
}
@media only screen and (min-width:1025px){
	/*our story sec start*/
	.our-story h1{
		margin-bottom: 40px;
	}
	.our-story p{
		margin-bottom: 50px;
	}
	.story-btn:hover{
		background: #86c240;
		border: 2px solid #86c240;
	}
	/*our story sec end*/	
}
@media only screen and (min-width:1300px){
	.our-story{
		background: url("../images/our-story-img-1300.webp") no-repeat;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
	}
	.no-webp .our-story{
		background: url("../images/our-story-img-1300.jpg") no-repeat;
		background-size: cover;
	}	
}
@media only screen and (min-width:1500px){
	/*our story sec start*/
	.our-story{
		font-size: 2.6rem;
		line-height: 3.2rem;	
	}
	.our-story h1{
		margin-bottom: 52px;
	}
	.our-story p{
		margin-bottom: 68px;
	}
	
	/*our story sec end*/	
}
@media only screen and (min-width:1800px){
	.our-story{
		background: url("../images/our-story-img-1800.webp") no-repeat;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
	}
	.no-webp .our-story{
		background: url("../images/our-story-img-1800.jpg") no-repeat;
		background-size: cover;
	}	
}

@media only screen and (min-width:1900px){
	.story-btn {
		padding: 25px 40px;
		font-size: 3.0rem;
		line-height: 3.4rem;
	}	
}
@media only screen and (min-width:2000px){
	.our-story{
		background: url("../images/our-story-img.webp") no-repeat;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
	}
	.no-webp .our-story{
		background: url("../images/our-story-img.jpg") no-repeat;
		background-size: cover;
	}	
}