.header-section {
      background-image: url("../images/bg/location.jpg");
      background-size: cover;
      background-position: center;
      height: 300px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
    }

    .location {
      display: flex;
      flex-wrap: wrap;
      margin: auto;
    }
    .info {
      flex: 1;
      min-width: 300px;
      text-align: left;
    }
    .info h3 {
      margin-bottom: 40px;
	  text-align: left;
    }
    .info span {
	 font-size:25px;
	 font-weight: 600;
	 margin-bottom: 10px;
     display: block;
	 color: #e7882c;
    }
    .info p {
      margin-bottom: 40px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
    }
    .info i {
      margin-right: 8px;
      color: #e7882c;
	  font-size: 24px;
    }
    .map {
      flex: 1;
      min-width: 300px;
      padding-left: 40px;
	  
    }
    iframe {
      width: 100%;
      height: 600px;
      border: none;
	  border-radius: 10px;		
    }




    @media (max-width: 767px) {
    .location  {
        flex-direction: column;
       }
    .info {
 	  padding-top: 0px;
    }
    .info p {
      margin-bottom: 20px;
	  border-bottom: 1px solid #ddd;
	  padding-bottom: 10px;
    }		
    .map {
      padding-left: 0;
      margin-top: 20px;
    }
    }