@charset "utf-8";
/* CSS Document */

.home-about-us-sec .container{
	justify-content: space-between;
}
.home-about-us-sec .leftpan img{
	max-width: 424px;
	width: 100%;
	height: auto;
	display: block;
	border: 6px solid #ffffff;
    box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.1);
}
.home-about-us-sec .container{
	flex-direction:column-reverse;
}
.home-about-us-sec.width-30-70 .leftpan{
	margin-bottom: 0;	
}
.home-about-us-sec.width-30-70 .rightpan{
	margin-bottom: 40px;
}
@media only screen and (min-width: 500px){
	
}
@media only screen and (min-width: 768px){
	
	
	.home-about-us-sec.width-30-70 .leftpan{
		width: 100%;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 100%;
	}
	
}
@media only screen and (min-width: 921px){
	.home-about-us-sec{
		background: url("../images/about-img-bg.webp") no-repeat 0 0;
		background-size: 143px;
		display: block;
	}
	.home-about-us-sec .leftpan img{
		max-width: 100%;
		border: 8px solid #ffffff;
	}
	.home-about-us-sec.width-30-70 .leftpan{
		width: 40%;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 57%;
		margin-bottom: 0;
	}
	.home-about-us-sec .container{
		flex-direction:row;
	}
}
@media only screen and (min-width: 1025px){
	.home-about-us-sec.width-30-70 .leftpan{
		width: 35%;
	}
	.home-about-us-sec .leftpan img{
		border: 10px solid #ffffff;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 62%;
	}
	.home-about-us-sec{
		background-position: 0 50%;
		background-size: 302px;
	}
}
@media only screen and (min-width: 1200px){
	.home-about-us-sec.width-30-70 .leftpan{
		width: 28%;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 70%;
	}
}
@media only screen and (min-width: 1500px){
	.home-about-us-sec.width-30-70 .leftpan{
		width: 33%;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 61%;
	}
	.home-about-us-sec{
		background-size:350px;
	}
}
@media only screen and (min-width: 1800px){
	.home-about-us-sec.width-30-70 .leftpan{
		width: 28%;
	}
	.home-about-us-sec.width-30-70 .rightpan{
		width: 68%;
	}
}