/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	.contact .form p i {
    background: #185d94;
    padding: 14px 16px;
    color: #fff;
    font-size: 20px;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

   .nav-left{
    display: none;
  }
  .menu-section{
    display: block;
  }


/*header .container-fluid{
	display: none;
}
*/
header{

    height: 500px;}

	.we-are .w_head-text h1{
		font-size: 28px;
	}
.parallax .p_head-text h2{
 font-size: 29px;
}
.parallax .p_head-text p{
 font-size: 24px;
}

.contact .form .submit input {
    font-size: 18px;
}


.contact .form p input, .contact .form p textarea{
    width: 100%;
}

.contact .form p i{
width: 100%;
    text-align: center;
}

.contact .form {
    width: 60%;
    margin: 0 auto;
}

footer h4{
	text-align: left;
	font-size: 14px
}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

		.we-are .w_head-text h1{
		font-size: 21px;}
		.we-are .w_head-text {
		padding: 24px 19px;
	}
.we-are .we-are_bg{
 margin: 0;
height: 200px;
}
.we-are .w_head-text{
	width: 100%;
}
.we-are {
    margin-bottom: 0;
    padding: 0;
}

.head-text h2{
	font-size: 30px;
}


.testimonials .t_slider .block h4{
    padding: 20px 0 0;
}

.parallax .p_head-text h2{
 font-size: 20px;
}
.parallax .p_head-text p{
 font-size: 18px;
}
.contact .form p i {
    width: 80%;
    text-align: center;
}

footer{
	padding-bottom: 0;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.contact .form p input, .contact .form p textarea{
		    width: 100%;
	}
	.contact .form {
    width: 84%;
    margin: 0;
}


.contact .form p i {
    background: #185d94;
    padding: 17px 20px;
    color: #fff;
    font-size: 14px;
    width: 68%;
}

.parallax .p_head-text {
    padding: 17px;
}

.parallax .p_head-text h2 {
    font-size: 20px;
    margin: 5px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.contact .form {
    width: 94%;
    margin: 0;
}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1565px) {

	 .we-are .we-are_bg {
	 	margin: -150px 0;
	 }

}


.bx-pager {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.bx-prev, .bx-next {
  text-decoration: none;
  position: absolute;
  top: 50%;
  margin-top:-25px;
  background:white;
  color: #666;
  width: 50px;
  height: 50px;
 opacity:0;
    text-align: center;

  transition: linear .4s;z-index: 10;
    cursor: pointer;
}
.bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next, .bx-wrapper:hover .bx-prev:active, .bx-wrapper:hover .bx-next:active {
opacity:1;}
.bx-prev{left:20px}
.bx-next{right:20px}
.bx-prev:before, .bx-next:before {
   font-family: "FontAwesome";
  font-size:30px;line-height:50px;
}
.bx-prev:before {
  content: "\f104";
}
.bx-next:before {
  content: "\f105";
}




body input + label {
      position: fixed;
      top: 40px;
      right: 40px;
      height: 20px;
      width: 35px;
      z-index: 5;
    }
    body input + label span {
      position: absolute;
      width: 100%;
      height: 2px;
      top: 50%;
      margin-top: -1px;
      left: 0;
      display: block;
      background: #020304;
      transition: .5s;
    }
    body input + label span:first-child {
      top: 3px;
    }
    body input + label span:last-child {
      top: 16px;
    }
    body label:hover {
      cursor: pointer;
    }
    body input:checked + label span {
      opacity: 0;
      top: 50%;
    }
    body input:checked + label span:first-child {
      opacity: 1;
      transform: rotate(405deg);
    }
    body input:checked + label span:last-child {
      opacity: 1;
      transform: rotate(-405deg);
    }
    body input ~ nav {
      background: white;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      z-index: 3;
      transition: .5s;
      transition-delay: .5s;
      overflow: hidden;
    }
    body input ~ nav > ul {
      position: absolute;
      top: 1%;
      left: 0%;
      right: 20%;
    }
    body input ~ nav > ul > li {
      opacity: 0;
      transition: .5s;
      transition-delay: 0s;
    }
    body input ~ nav > ul > li > a {
      text-decoration: none;
      text-transform: uppercase;
      color: #020304;
      font-weight: 700;
      font-family: sans-serif;
      display: block;
      padding: 30px;
    }
    body input:checked ~ nav {
      height: 100%;
      transition-delay: 0s;
    }
    body input:checked ~ nav > ul > li {
      opacity: 1;
      transition-delay: .5s;
    }