.access_bg .container {
  background-image: url(../img/bg_dotted.png);
  background-position: center;
  background-size: contain;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
 .title_ins{
  font-weight: 900;
  /* background: var(--header_title); */
  text-align: center;
  font-weight: 900;
  margin-bottom: 0;
 }

.map-area{
  font-size: 13px;
  padding: 5px 15px;
  color: tomato;
  background-color: rgb(249, 141, 0);
  border-radius:15px;
  color: black;
  text-align: center;
}

.access_map a:hover{
  opacity: .5
}
.access_map img{
  width: auto;
  max-height: 100px;
}

.flex_row{
  display: flex;
  flex-direction: row;
}
.flex_col_center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex_center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.block_767{
  display: none;
}

.logo_img img{
  width: auto;
  max-height: 220px;
}
.person_img img{
  width: 100%;
  object-fit: contain;
  min-height: 180px;
  margin-top: 1.7rem;
}
.access_sec ul{
  padding-left: 1rem;
}

@media only screen and (max-width: 991px) {
  .logo_img img{
    width: 100%;
    height: auto;
  }
  .access_map img{
    max-height: 80px!important;
  }

}
@media only screen and (max-width: 850px){
  .map-area{
    font-size: 10px!important;
  }
}
@media only screen and (max-width: 768px) {

    .title_ins {
        font-size: 25px;
    }

}

 @media only screen and (max-width: 767px){
   .school_txt{
     order: 2;
   }
   .person_img{
     order: 1;
   }
   /* .logo_img img{
     width: auto!important;
     max-height: 200px;
     margin-bottom: 1.5rem;
   } */
   .person_img img{
     max-height: 250px;
   }
   .access_sec .logo_img{
      width: 50%;
     order: 1;
   }
   .access_sec .access_map{
     width: 50%;
     order: 2;
   }
   .access_sec .col-md-6{
     order: 3;
     /* justify-content: center; */

   }
   .access_map .flex_center{
     justify-content: flex-start;
   }

   .logo_img img{
     width: auto;
     height: auto;
     max-height: 125px;
     margin-bottom: 1rem;
     float:right;
   }
 }

 @media only screen and (max-width: 450px){
     .logo_img img {
       max-height: 100px;
     }
     .access_map img{
       max-height: 70px!important;
     }
     .map-area{
       font-size: 10px!important;
     }
     .title_ins{
       font-size: 20px;
     }

  }
 @media only screen and (max-width: 375px){

   .access_map{
     padding: 0!important;
   }
 }