@charset 'utf-8';
 /* css document */
 
  
.contact-us-main {
    border: solid thin transparent;
    text-align: center;
    background-image: url('../images/location.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 213px;
	/* background-position-y: -229px; */
	margin-top: -20px;
}

.contact-us-main h1{
	border: solid thin #f6efef;
    background-color: #f0f8ff9c;    
    color: #085be5;
    vertical-align: middle;
    padding: 24px 0px;
}


 .contact-container {
    border-top: 1px solid #ccc;
    padding-top: 20px;
	/* margin-top: 20px; */
 }
 


   
  .contact-us-content{
	  border: solid thin transparent;
	  min-height: 300px;
  }
  
  
    .locations{
	  border: solid thin #bcbcf1;
	  min-height: 250px; 
	  max-width: 800px;
	  margin: 4px auto;
	  padding: 2px;
      border-radius: 5px;
      background-color: #f1f1f1;

      margin: 4px auto 9px auto;	  
  }
  
  
  
  .map{	  
	 border: solid thin transparent;
     height: 500px;
     margin: 2px auto;
     width: 100%;
  }
  
  .locations-description{
	  border: solid thin transparent;
	 /*border: solid thin red; */
     position: relative;     
     display: inherit;
	 line-height: 2em;
	 background-color: #f2f2f2;
	 width: 40%;     
	 
  }
  
  .locations-description h3{
	  color: #333;
	  padding: 2px 8px;
  }
  
  
  .locations-description i{
	 color: green;
	 padding: 2px 8px;
	  
  }
    
  .locations-description i.fas.fa-phone{	 
	 padding: 2px 2px 2px 8px;
	 font-size: small;
	  
  }  
  
    
  span.locations-description ul{	 
	 list-style: none;
     padding-left: 47px;
	  
  }
  
  
  
  .location-image {
    width: 54%;
    height: 196px;
    border: solid thin transparent;
    display: flex;
    float: right;
    position: relative;
    top: -198px;
	margin-bottom: -184px;
    }
  
  #eaglehall.location-image img{
	 right: -134px;
     position: relative; 
		 
	 } 
  
    
  #henleys.location-image img{
	 right: -117px;
     position: relative; 
		 
	 } 
  
    
  #elgar-pharmacy.location-image img{
	 right: -79px;
     position: relative; 
		 
	 } 
  
  
  .form{
	 border: solid thin transparent;
	 background-color: #f2f2f2;
	 margin: 8px auto;
	 position: relative;
     width: 768px;
	 padding: 2px 20px;
	 border-radius: 11px;
  }	  
	  
  form#contact_us{
	
	width: 100%;
    /* height: 30px; */
    margin: 2px auto; 
	padding: 13px;
  }
  
  input[type="email"],
  input[type="text"] { 
    width: 90%;  
    height: 30px;
    margin: 1px auto;
}
   
   textarea {
    width: 90%;
    height: 100px;
	color: #666;
	padding: 2px;
}
  
  input[type="submit"] { 
    width: 30%;  
    height: 30px;
    margin: 6px auto;
	background-color: #18e1463b ;
	border-radius: 5px;
	border: solid thin #18e1463b;
}


  .call-button {
            display: inline-block;
            margin: 0px 10px;
            padding: 0px 2px;
            font-size: 16px;
            color: white;
            background-color: #0f8908;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
        }
        .call-button:hover {
            background-color: #18e146f5;
        }






 
 /* @media  (max-width: 767px) {
	.form {
	     width: inherit;		
	 }
	 
   .contact-us-main h1 { 
	 padding: 45px 0px; 
  	
    }
	
 .location-image {
    width: 54%;
    height: 223px;
	top: -227px;
   }
	
	#eaglehall.location-image img {
	  right: -1px;
      position: relative;
      width: -webkit-fill-available;	
	}
	
	#henleys.location-image img {
    right: -1px;
    position: relative;
    width: -webkit-fill-available;
  }
  
  #elgar-pharmacy.location-image img {
    right: 0px;
    position: relative;
	width: -webkit-fill-available;
   }
  
   .footer-sections h4 {
	 position: relative;
     left: -11px; 
     padding-left: 13px;	 
	   
   }
   
   .ptf {
    line-height: 2em;
    position: relative;
    left: -11px;
    padding-left: 13px;
   }
  
   .contact-us-main {
	 background-size: 100% 88%;
	   
   }
  
  
	 
 }
  */
  
  
   @media  (max-width: 767px) {
	.form {
	     width: inherit;		
	 }
	 
   .contact-us-main h1 { 
	 padding: 45px 0px; 
  	
    }
	
 .location-image {
        width: 99%;
        height: 243px;
        top: 12px;
        border: solid thin transparent;
    }
   
	
	#eaglehall.location-image img {
	  right: -1px;
      position: relative;
      width: -webkit-fill-available;	
	}
	
	#henleys.location-image img {
    right: 2px;
    position: relative;
    width: -webkit-fill-available;
  }
  
  #elgar-pharmacy.location-image img {
    right: 0px;
    position: relative;
	width: -webkit-fill-available;
   }
  
   .footer-sections h4 {
	 position: relative;
     left: -11px; 
     padding-left: 13px;	 
	   
   }
   
   .ptf {
    line-height: 2em;
    position: relative;
    left: -11px;
    padding-left: 13px;
   }
  
   .contact-us-main {
	 background-size: 100% 88%;
	   
   }
   
   
   .locations {
       min-height: 989px;
       margin: 58px auto 9px auto;
       
   }
   
  
   .locations-description {
      border: solid thin transparent; 
      width: 99%;
   }
  
  
  
  
  
	 
 }