.banner_overlayer{
  background-image: linear-gradient(to bottom, rgba(0, 42, 53, 0.4) 9%, rgba(43, 22, 4, 0.8));
}
/*-----------------------------------------------------------------*/
@media (min-width: 1440px){
  .container {
    max-width: 1024px;
  }
}
.company_about{
  padding-top: 5em;
  padding-bottom: 6.25em;
}
.company_about .company_about_title_ch{
  margin-top: 10px;
}
.company_timeline h5{
   color: #00bc7a;
}
.company_timeline .company_about_title_ch h2{
  color: #05322b;
}
.company_timeline{
  opacity: 0.9;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.company_structure{
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(112deg, #4ad585 14%, #01a799 126%);
}
.company_timeline_img img,
.company_structure_img img{  
  width: auto; 
  height: auto;
  max-width: 1024px;
  max-height: 316px;
  margin: 0;
  padding: 0;
}
.company_structure_img,
.company_timeline_img{
  padding-top: 3em;
}
.company_timeline_img img{
  content: url("../images/img_timeline.svg");
}
.company_structure_img img{
  content: url("../images/img_structure.svg");
}
@media screen and (max-width: 768px) {
  .company_about{
    padding-top: 3em;
    padding-bottom: 5em;
  }
  .company_timeline_img,
  .company_structure_img{
    padding-left: 0.7em;
    padding-right: 0.5em;  
  }
  .company_timeline_img img{
     max-height: 720px;
     max-width: auto;
  }
  .company_structure_img img{    
    max-height: 512px;
    max-width: auto;
  }
  .company_timeline_img img{
    content: url("../images/img_timeline_1.svg");
  }
  .company_structure_img img{
    content: url("../images/img_structure_1.svg");
  }
}
/*-----------------------------------------------------------------*/
#contact_us {
  /*margin-top:4.375em;*/
  width: 100%;
  min-height: 545px;
  background-color: rgba(1, 1, 1, 0.5);
}    
#contact_us h5{
  padding-top: 60px;
}/*
#contact_us h1{
  padding-top: 54px;
}*/
#contact_us .info{
  margin-right: auto;
  margin-left: auto;
  margin-top:65px;
  max-width: 1260px;
  min-height: 269px;
  height: auto;
  width: auto;
  border-radius: 30px;
  border: solid 2px #05a87f;
  background-color: rgba(0, 0, 0, 0.5);

  display: grid;
  grid-template-columns: 50% 50%;
  justify-content: center;
  text-align: center;
  grid-template-areas:
   "contact_us_map contact_us_info"
}
@media screen and (max-width: 1280px) {
  #contact_us .info{
    margin-right: 10px;
    margin-left: 10px;
  }
}
.contact_us_info{
  grid-area:contact_us_info;
}
#contact_us .map img{  
  max-width: 410px;
  max-height: 270px;
  width: auto;
  height: auto;
  box-shadow: 5px 20px 10px 0 rgba(0, 0, 0, 0.4);
  border: solid 6px #ffffff;
  background-color: rgba(0, 0, 0, 0.1); 
}
#contact_us .map iframe{
  max-width: 410px;
  max-height: 270px;
  width: 100%;
  height: 85%;
  box-shadow: 5px 20px 10px 0 rgba(0, 0, 0, 0.4);
  border: solid 6px #ffffff;
  background-color: rgba(0, 0, 0, 0.1); 
}
#contact_us .map{
  grid-area:contact_us_map;
  margin-top: -2em;
  text-align: right;
   /*text-align: left;
   margin-left: 14em;  
   position: absolute;*/
}
.contact_us_desc_mail,
.contact_us_desc_phone,
.contact_us_desc_addr{ 
  text-align: left;
  padding-left: 75px;
}
.contact_us_desc_mail{
  margin-top: 39px;
}
.contact_us_desc_phone,
.contact_us_desc_addr{ 
   margin-top: 22px;
}
.contact_us_desc h4{
   color: #6fe88e;
}
.contact_us_desc_addr_sub_info{
   padding-left: 50px;
}
.contact_us_desc img{
   margin-right: 20px;
   max-width:30px;
   max-height: 30px; 
   width:auto;
   height:auto;
   vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  #contact_us {
    /*margin-top:80px;*/
    min-height: 790px;
  }
 #contact_us .info{  
  height: 600px;
  margin-top: 1em;
  margin-left:0.5em;
  margin-right: 0.5em; 
  margin-bottom: 6em;
  grid-template-columns: 100%;
  grid-template-areas:
  "contact_us_info"
  "contact_us_map";   
}
 #contact_us .map{
   margin-top: 0em;
   text-align: center;
   padding: 0em 2em 2em 2em;
}
  #contact_us .map img{ 
    max-width: 320px;
    max-height: 230px;
    width: auto;
    height: auto;
  }   
  #contact_us .map iframe{
    width: 100%;
    height: 95%;    
    margin: 0em;
  }
  .contact_us_desc_mail,
  .contact_us_desc_phone,
  .contact_us_desc_addr{ 
    text-align: left;
    padding-left: 0px;
  }
  .contact_us_info{
    padding-left: 10px;
    padding-right: 5px;
  }
}