@media (max-width: 1024px) and (min-width: 981px){
    section.about-home .main-about-img {
    width: 450px;
}
    section.about-owner .abt-detail {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}
@media (max-width: 980px){
section.about-home .main-about-img{
   width: 100%;
    overflow: hidden;
    float: none;
    margin-right: 0;
    margin-bottom: var(--m30);
    margin-left:0px;
}
section.about-home img{
    height:400px;
}
section.about-home .abt-cont{
    min-height: 100%;
}
section.about-owner .col-6.col-md-6.col-sm-12.img, section.about-owner .col-6.col-md-6.col-sm-12.cont{
        width: 100%;
        height: auto;
    }
    section.about-owner .abt-img{
        position: relative;
        width: 100%;
        height: 400px;
    }
    section.about-owner .abt-img img{
         height: 400px;
    }
    section.about-owner .row{
        gap: 30px;
    }
}
@media (max-width: 540px){

section.about-home img{
    height:350px;
}
section.about-home h3 {
    font-size: 22px;
}
section.about-owner .col-6.col-md-6.col-sm-12.img, section.about-owner .col-6.col-md-6.col-sm-12.cont {
        width: 100%;
        height: auto;
        padding: 0px;
    }
    section.about-owner .abt-img img, section.about-owner .abt-img{
        height: 350px;
    }
        section.about-owner .abt-detail {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
        section.about-owner .call-area a {
        display: block;
        font-size: 15px;
    }
}
@media (max-width: 360px){
section.about-home img{
    height:300px;
}
    section.about-owner .call-area a {
        display: block;
        font-size: 14px;
    }
}