@media (max-width: 980px){
section.memory-section .col-4{
	width: 50%;
}
.hero-section .card{
	height: 450px;
}
.hero-section .card__heading{
	font-size: 1.7rem;
}
section.sub-category .row{
	gap: 30px 0;
	justify-content: center;
}
section.sub-category .attr-sub{
	width: 50%;
}
}
@media (max-width: 540px){
section.memory-section .col-4, .memory-section .img, .memory-section .content{
	width: 100%;
	padding: 0px;
}
.hero-section .card__heading{
	font-size: 1.5rem;
}
.memory-section h2 {
    font-size: var(--f21);
    height: auto;
    }
    .hero-section .card{
	height: 400px;
}
.head-sec h2 {
    font-size: var(--f28) !important;
}
section.sub-category .attr-sub{
	width: 100%;
	padding: 0px;
}
.atr-sub .card-content h3{
	font-size: 20px;
}
.atr-sub{
	height: 300px;
}
}