@media (max-width: 1024px){
    .hero-section .card{
        height: 450px;
    }
    .hero-section .card__content {
        padding: 24px 12px;
    }
    .hero-section .card__heading {
        font-size: 1.7rem;
        line-height: 1.3;
    }
    .hero-section .card:before{
        padding-bottom: 100%;
    }
}
@media (max-width: 980px){
    .memory-section .img {
    width: 100%;
    position: relative;
     padding:0px;
}
.memory-section .memory-image img{
    width: 100%;
    height: 400px;
    max-width: 100%;
     padding:0px;
}
.memory-image {
    height: 400px;
    margin-bottom: var(--m30);
    padding:0px;
}
.memory-section .content {
    width: 100%;
     padding:0px;
}
.memory-section .dot{
    display:none;
}
.memory-section .row, .row .rev {
    margin-bottom: 3rem;
}
.memory-section .rev{
    flex-direction: column-reverse;
}
.memory-section .memory-item{
    min-height: auto;
}
section.about-home .col-4 {
    width: 49%;
}
}
@media (max-width: 540px){
    section.about-home .col-4 {
    width: 100%;
}
section.about-home img, section.about-home .img{
    height:300px;
}
section.about-home .name h2 {
    font-size: var(--f21);
}
    .memory-section .memory-image img, .memory-image{
         height: 300px;
    }
    .head-sec h2 {
    font-size: var(--f28) !important;
}
    .memory-section h2 {
    font-size: var(--f26);
    }
        .hero-section .card__heading {
        font-size: 1.5rem;
    }
        .hero-section .card {
        height: 350px;
    }
}
@media (max-width: 360px){
     .head-sec h2 {
    font-size: var(--f24) !important;
}
    .memory-section h2 {
    font-size: var(--f24);
}
}