.contact-outer {
    float: left;
    width: 100%;
    padding: 60px 0px;
    border-top: 1px solid #b5b5b5;
  }
  
  .contact-left .detail-cart {
  margin-top: 30px; }
  
  .contact-heading {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #000;
    margin-bottom: 15px;
    /*text-transform: uppercase;*/
    background-color: #447923;
    padding: 15px;
    border-radius: 6px 6px 0 0;
  }
  h4.contact-heading {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    margin-bottom: 8px !important;
    text-transform: none;
  }
  .contect-ul, .cont-phone{
      float: left;
    width: 100%;
    padding: 10px 0px 0px 0px !important; }
  
  .contect-ul li {
  color: #333;
  float: left;
  font-size: 16px;
  margin-bottom: 8px;
  width: 100%;
  /*text-transform: capitalize;*/
      list-style: none;
  }
  
  .contect-ul li a {
  color: #1b4c90; }
  .cont-phone a {
    /*font-size: 20px;
    color: #000;*/
        color: #1b4c90;
  }
  .contect-ul li a:hover {
  text-decoration: underline; }
  
  .contact-phone {
  float: left;
  width: 100%;
  margin-top: 10px; }
  
  .cont-phone {
  float: left;
  width: 100%; }
  
  .cont-phone li {
  float: left;
  width: 100%;
  color: #333;
  font-size: 14px;
  margin-bottom: 7px; list-style: none; }
  
  .contact-left {
  float: left;
  width: 48%;
  }
  
  .contact-right {
  float: right;
  width: 40%;
  }
  
  .form_contact .cart-input input {
  border: 1px solid #bbb;
  padding: 4px 15px;
  box-sizing: border-box;
  height: 50px;  
  font-size: 16px;
  }
  .contact-btn button {
    font-size: 18px;
    background-color: #287ff9;
    border: 0;
    height: 45px;
    padding: 0 20px;
    color: #fff;
    transition: .3s;
    border-radius: 5px;
  }
  .contact-btn button:hover {
    background-color: #287ff9;
  }
  .form_contact .cart-input textarea {
  padding: 15px;
  height: 200px;
  resize: none;
  border: 1px solid #bbb;
  }
  .style-input, .form-control {
    border: 1px solid #ccc !important;
    background: #fff!important;
    height: 50px !important;
    float: left;
    width: 100%;
    padding: 12px 22px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    border-radius: 50px !important;
  }
  textarea.form-control {
    border: 1px solid #ccc !important;
    background: #fff;
    height: 100px !important;
    float: left;
    width: 100%;
    padding-left: 12px !important;
    padding-top: 10px !important;
    margin: 0 0 20px 0;
    border-radius: 20px !important;
    resize: none;
    box-shadow: none;
  }
  .btn-primary {
    padding: 7px 20px 10px 20px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    display: inline-block !important;
    box-shadow: none;
  }
  .contact-left-section h4.contact-heading {
    background:#262626!important;
    color: #fff !important;
    height: 50px;
    border-radius: 10px 10px 0 0 !important;
    padding: 15px 20px 0px 20px !important;
    border: 1px solid #e7e7e7 !important;
    margin-bottom: 0 !important;
    border-bottom: none;
  }
  .contact-left-section .form-border {
    float: left;
    width: 100%;
    margin-top: 0;
    border: 1px solid #e7e7e7;
    border-radius: 0 0 10px 10px;
    border-top: 0;
    padding: 10px 22px 0;
        background: #fff;
  }
  .col-md-5.contact-left-section {
    float: right;
}
  
.form_contact {background:#fff !important;display:inline-block!important;}

@media screen and (max-width: 768px) {
.col-md-5.contact-left-section {
float: left;margin-bottom: 30px;}
.contact-left {float: left;width: 100%;} 
.contact-right {float: right; width: 100%; margin-top: 40px;  }
.contact-outer { padding-top:30px; padding-bottom:0; }
  .contact-outer .container { 
    width: 100%;
  }
  
  }
  .custom_banner.contact_banner .banner_search_area h1.banner-hd {
    text-align: center;
}
  
  .contact-outer .contact-left-section .contect-ul li i, .contact-outer .contact-left-section .contact-phone .cont-phone i {
 margin-right: 10px; width: 20px;
}
  
  .form_contact .form-group {float:left;width: 100%;}
  
  <?php  if  (isset( $_SESSION["user_site_color"]))  {
  $primary =$_SESSION["user_site_color"];
  }  else
  {
      $primary = "#23c8b9";
  } ?>
  
  .contact-btn button{{    background-color: <?php echo $primary;  ?> !important;    border-color: <?php echo $primary;  ?> !important;    color: #fff!important;}