@media (max-width: 1366px){

}
@media (max-width: 1024px) and (min-width: 981px){
.about-image{
    margin-right: var(--m30);
    left: 0px;
    margin-left: 0px;
}
}
@media (max-width: 980px){
  .about_section .about_img img{
    height: 400px;
  }
  .about_section .img-area {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .about_section .about_content{
    margin-left: 0px;
    height: 100%;
    min-height: auto;
    margin-top: 40px;
  }
    .about-image {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0;
    bottom: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: var(--m30);
}
.main-img img {
    width: 100%;
    position: relative;
    height: 652px;
    object-fit: cover;
    bottom: 50px;
    border-radius: 50%;
}
  .middle-img img {
    height: 700px;
}
}
@media (max-width: 600px){

}
@media (max-width: 540px){
  .about_section .about_img img {
        height: 300px;
    }
  .about_section .about_content h5 {
    font-size: var(--f24);
    margin-bottom:15px;
  }
    section.about-us-page .col-12{
        padding: 0px;
    }
    .middle-img img {
    height: 450px;
}
.main-img {
    height: 330px;
}
.main-img img {
    width: 100%;
    position: relative;
    height: 350px;
    object-fit: cover;
    bottom: 75px;
    border-radius: 50%;
}
section.about-us-page .about{
    font-size: var(--f16);
}
section.about-us-page {
    padding-bottom: 0px;
}
}
@media (max-width: 400px){

}
@media (max-width: 384px){
.main-img img{
    height: 326px;
}
}
@media (max-width: 380px){

}
@media (max-width: 360px){
.main-img img {
    height: 300px;
    bottom: 95px;
}
.middle-img img {
    height: 400px;
}
.main-img {
    height: 280px;
}
   .about_section .about_content h5 {
    font-size: var(--f21);
    margin-bottom:15px;
  }
}
@media (max-width: 320px){
    .middle-img img {
    height: 370px;
}
 .main-img {
    height: 250px;
}
.main-img img {
    height: 260px;
}
}