@import url('https://fonts.googleapis.com/css?family=Coda:400,800|Michroma|PT+Sans:400,400i,700,700i|Squada+One');
@import url('https://fonts.googleapis.com/css?family=Electrolize');
* {
   margin: 0;
   font-family: 'Electrolize', sans-serif;
}

p {
   line-height: 2;
   font-weight: 300;
}
/*Header Style */

header {
   background: url(../images/contact-banner.jpg);
}

.nav li:nth-child(7) a {
   color: #2093d1;
}

.fixed li:nth-child(7) a {
   color: #2093d1 !important;
}
/*product section*/

.address {
   width: 43%;
}
.address p{
   margin-bottom: 20px;
   line-height: 1.5;
}
.contactus {
   display: flex;
   width: 85%;
   margin: auto;
   margin-top: 100px;
   color: #ffffff;
}

form input {
   display: block;
   width: 100%;
   margin: auto;
   border: none;
   background-color: transparent;
   border-bottom: 1px solid white;
   font-size: 16px;
   outline: none;
   color: #fff;
   margin-top: 20px;
}
form textarea{
    display: block;
   width: 100%;
   margin: auto;
   border: none;
   background-color: transparent;
   border-bottom: 1px solid white;
   font-size: 16px;
   outline: none;
   color: #fff;
   margin-top: 20px;
}
form button {
   width: 40%;
    padding: 10px 0;
    color: #234087;
    font-size: 15px;
    font-weight: bold;
    margin-top: 15px;
   cursor: pointer;
}

.contacts {
   display: flex;
   background-color: #154087;
   width: 64%;
   margin-top: 30px;
   padding: 3%;
   margin-bottom: 30px;
   justify-content: space-between;
}

.contact {
   color: #ffffff;
   width: 50%;
}
.contact p{
   margin-top: 15px;
   text-align: justify;
}
.icons {
   list-style: none;
   display: flex;
   color: #ffffff;
   padding: 0px;
}

.icons li a {
   color: #ffffff;
   padding-right: 35px;
}

.enquiry {
   background-color: #2f2f2f;
   border: none;
   width: 24%;
   padding: 3%;
}

.location {
   width: 90%;
   text-align: center;
   color: black;
   margin: 100px auto;
}

.location #map {
   width: 100%;
    height: 400px;
   margin-top: 50px;
}

/* Media Query */
@media only screen and (max-width: 960px) {
   .contactus{
      width: 90%;
      display: block;
   }
   .contacts,.enquiry{
      width: 94% !important;
   }
}
@media only screen and (max-width: 768px){
   .contacts{
      display: block;
   }
   .contact,.address{
      width: 100%;
   }
}