@media (max-width: 1024px){
    .head-sec h2 {
    font-size: var(--f60);
    }
    .head-sec span {
    font-size: var(--f35);
    }
}
@media (max-width: 980px){
    .left-abt{
        min-width: 360px;
    }
    .head-sec span{
        display:block;
    }
    .img-part {
    float: none;
    width: 100%;
    margin-right: 0;
}
.about_section .about_img img{
    height: 400px;
}
.about_section .about_content{
    margin-top: 40px;
}
}
@media (max-width: 540px){
    .head-sec h2 {
    font-size: var(--f50);
}
.head-sec span {
    font-size: var(--f30);
}
.left-abt {
    min-width: 250px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: var(--m20);
}
    .about_section .about_img img {
        height: 300px;
    }
    .about_section .about_content h5 {
    font-size: var(--f24);
    }
    .about_section .about_content{
    margin-top: 30px;
}
}
@media (max-width: 360px){
    .head-sec h2 {
    font-size: var(--f40);
}
.head-sec span{
    font-size: var(--f25);
}
.banner h1 {
    font-size: var(--f28);
}
}