@media (max-width: 980px){
.pro-area{
	gap: 30px 0%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-area .pro-detail {
    width: 49%;
}
section.about .abt-para{
	max-height: 295px;
}
}
@media (max-width: 540px){
  
	.banner .search-bar.desk{
		margin-top: 10px;
	}
	.pro-area .pro-detail {
    width: 100%;
}
.pro-area img{
	height: 250px;
}
.pro-area h3 {
    font-size: var(--f16);
    max-height: 100%;
}
section.abt-seo .abt-img {
    float: none;
    margin-right: 0;
    width: 100%;
}
section.abt-seo img{
	height: 300px;
	margin-bottom: 20px;
}
section.abt-seo.rev .abt-img {
    float: none;
    margin-left: 0;
    width: 100%;
}
}
@media (max-width: 375px){
	.banner .guides {
    margin-top: 100px;
}
}
@media (max-width: 360px){
	.banner .guides {
    margin-top: 130px;
}
}