@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";

@import "custom/breadcrumbs";
@import "custom/banner-style";
.sigle-banner {
h1{
  color: $white !important;
}
p{
  color: $white;
}
}
.contact-outer{
  width: 840px;
  margin: 0 auto;
  @include media-breakpoint-down(md) {
  width: 100%;
  }
}
.contact-ico-menu{
  ul{
    padding: 0;
    li{
     float: left;
      text-align: center;
      width: 20%;
      list-style-type: none;

       @include media-breakpoint-down(md) {
           width: 33.33%;
       }
        @include media-breakpoint-down(md) {
           width: 50%;
       }
      a{
        display: block;
        color: $black;
        width: 160px;
         @include media-breakpoint-down(md) {
           display: inline-block;
           margin-bottom: 20px;
         }
      }
    }
  }
  img{
    width: 65px;
    height: 65px;
    display: block;
    margin: 10px auto;
  }
}
.contact-banner{
  .sigle-banner {
    overflow: hidden;
    img{
      max-width: initial;

    }
  }
}
.top-area-content{
  p{
    color: $black;
    font-weight: $font-weight-normal;
    font-size: 15px;
    text-align: center;
  }
}
.address-block{
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
            @include media-breakpoint-down(md) {
                 margin: 22px 0 15px;
                 padding: 20px 50px;
            }
      .adrs-outer{
        width: 275px;
        p{
          padding: 0 10px;
          font-size: 14px;
          &:before{
            content: "\e94d";
             font-family: 'icomoon' !important;
             position: absolute;
             left: 0;
          }
        }
      }
       .ph{
        margin-top: 17px;
    display: block;
      }
}
.contact-form{
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  ul {
    padding: 0;
  }  
      @include media-breakpoint-down(sm) {
      padding: 20px !important;
      }
      ul{
        @include media-breakpoint-down(sm) {
         padding: 0;
      }
        li{
          list-style-type: none !important;
             @include media-breakpoint-down(sm) {
              width: 100%;
             }
          &:nth-last-child(2){
            width: 100% !important;
            margin-top: 15px;
          }
        }
      }
      .form-control{
        border: none;
    border-bottom: solid 1px #e6e6e6;
    height: 30px;
    padding: 0;
        resize: none;
      }
      h3{
      font-size: 24px;
      margin-bottom: 0;
      }
      label{
        margin-bottom: 0;
        font-size: 14.5px;
        font-weight: $font-weight-light;
        color: #7d7d7d;
      }
      .btn{
        padding: 6px 35px;
        margin-left: 10px;
      }

}