.contactus-container{
  margin-top: 5.25vw;
  width: auto;
  margin-left: 5vw;
  margin-right: 5vw;
  border: 0.0525vw solid  #E0E0E0;
  display: flex;
  justify-content: space-between;
}
/*  disabling the mobile view */
.mob-contactus-container{
  display: none;
}
.query-info{
  height: 70vw;
  width: 50%;
  text-align: center;
}
.query-info h2{
  padding-top: 5vw;
  color: #333333;
  font-family: 'Source Sans Pro';
  font-size: 2.3vw;
}
.user-name-container, .email-container, .phone-no-container, .message-container{
  margin-left: 3vw;
  margin-right: 3vw;
  width: auto;
  border: 0.0525vw solid #BDBDBD;
  margin-bottom: 1.575vw;
}
.query-info h4{
  color: #333333;
  font-family: 'Source Sans Pro';
  font-size: 1.4vw;
}
.user-name-container .user-name-field, .email-container .email-field, .phone-no-container .phone-no-field{
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  width: 100%;
  height: 5vw;
}
.message-container .message-field{
  height: 8vw;
  width: 100%;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  resize: none;
  border-radius: 0px !important;
}
.message-field::placeholder, .user-name-field::placeholder, .email-field::placeholder, .phone-no-field::placeholder{
    font-size: 1.3vw;
}
.send-btn{
  background: #FF9800;
  border: none;
  color: #FFFFFF;
  height: 3.5vw;
  width: 20vw;
  font-family: 'Source Sans Pro';
  font-size: 1.8vw;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
/* contact-info css */
.contact-info-container{
  height: 70vw;
  width: 50%;
  background-image: url('../img/contact-us-img.jpg');
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-right: 0.525vw;
}
.contact-info-bg-color{
  background: rgba(7,2,54,0.8);
  height: 70vw;
  width: 100%;
}
.contact-heading h3{
  margin-top: -65vw;
  text-align: center;
  color: #FFFFFF;
  font-family: 'Source Sans Pro';
  font-size: 2.5vw;
}
.contact-us-page-info-container{
  display: flex;
  justify-content: center;
  /*background-color: red;*/
  margin-top: 15vw;
}
.contact-info-add-container{
  margin-top: -65vw;
}
.contact-us-page-info{
  position: relative;
}
/* changing the content type of  list to none & placing the elements*/
.contact-us-page-info li{
  list-style-type: none;
  font-size: 1.8vw;
  color: #FFFFFF;
  width: 100%;
}
/* changing the addresss of logo */
.contact-us-page-info .address::before{
  content: "\f041";
  font-family: FontAwesome;
  margin-right: 2.4vw;
  color: #FF9800;
}
.contact-us-page-info .add2{
  margin-left: 3.2vw;
  margin-top: -0.5vw;
}
/* changing the logo & placing the mobile number */
.contact-us-page-info .phone-no::before{
  content: "\f095";
  font-family: FontAwesome;
  margin-right: 1.8vw;
  color: #FF9800;
}
.contact-us-page-info .phone-no{
  margin-top: -1vw;
}
/* changing the logo & placing the email address */
.contact-us-page-info .mail-id::before{
  content: "\f0e0";
  font-family: FontAwesome;
  margin-right: 1.8vw;
  color: #FF9800;
}
.contact-us-page-info .mail-id{
  margin-top: 0.5vw;
}
/* aligning the 2nd address   */
.contact-us-page-info-container-2{
  display: flex;
  justify-content: center;
  margin-top: 10vw;
}
/* enabling the mobile view  */
@media only screen and (max-width: 1024px) {
  .contactus-container{
    display: none;
  }
  .mob-contactus-container{
    display: block;
  }
  /* styling the heading */
  .mob-contact-heading{
    color: #333333;
    text-align: center;
    font-size: 5vw;
    margin-top: 2.625vw;
  }
  /* styling the user name field */
  .mob-user-name-container .mob-user-name, .mob-email-container .mob-email-field, .mob-phone-no-container .mob-phone-no-field{
    height: 8vw;
    margin-left: 6vw;
    width: 80vw;
    font-size: 2vw;
    border: 0.105vw solid #BDBDBD;
  }
  .mob-email-container, .mob-phone-no-container, .mob-message-container, .mob-btn-container{
    margin-top: 5vw;
  }
  .mob-message-container .mob-message-field{
    height: 20vw;
    width: 100%;
    margin-left: 6vw;
    width: 80vw;
    resize: none;
    font-size: 2vw;
    border: 0.105vw solid #BDBDBD;
  }
  .mob-send-btn{
    background: #FF9800;
    border: none;
    color: #FFFFFF;
    height: 5vw;
    width: 25vw;
    font-family: 'Source Sans Pro';
    font-size: 2vw;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
  }
  .mob-btn-container{
    text-align: center;
  }
}