/*=========================================

Template Name:
Author: Bongosoft
Version: 1.0
Design and Developed by: Bongosoft

=========================================*/

/* Desktop Layout */

@media only screen and (min-width: 1000px) and (max-width: 1170px) {




}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-brand:before, .navbar-brand:after {
      background: transparent;
  }
  .navbar-inverse .navbar-toggler {
    top: 10px;
    border: 1px solid #fff;
    outline: 0px;
    cursor: pointer;
}





}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
.demo-2 {
  background: #fff;
}

.main-logo img {
  min-width: 190px;
  max-width: 190px;
  max-height: 100px;
}
.navbar-brand {
  padding: 0;
  width: 74%;
}

.navbar-toggler {
  border-radius: 0;
  padding: 0px;
  font-size: 30px;
  border: 0;
}
.inner-box {
  min-height: unset;
  max-height: unset;
}
.contact-title hr {
  width: 25%;
}
.title h5 {
  font-size: 28px;
}
.title h4 {
  line-height: 1.4;
}
.title {
  margin-top: 100px;
}
.counter-wrapper {
  padding: 25px 0;
}
.counter-wrapper .col-md-3 {
  padding-top: 30px;
  padding-bottom: 10px;
}
.about-section {
  padding-top: 20px;
  padding-bottom: 10px;
}
.new-humanitarian-section {
  padding-bottom: 15px;
  padding-top: 20px;
}
.photo-gallery-area {
  padding: 0 0 20px;
}
.blog-section {
  padding: 20px 0px 40px;
}
.top-services .post {
  margin: 0 auto 30px;
}
.header-social{
  text-align: center;
  margin-top: 10px;
  display: none;
}
.header-social ul{
  margin: 0;
}
.mege-menu-trigger{
  width: 40px;
  padding: 6px 0 2px;
}
.mege-menu-trigger i{
  font-size: 21px;
}
.mege-menu-trigger span{
  display: none;
}
.details-image{
  padding-right: 0;
  border-right: none;
}
.form-area{
  width: 100%;
}
.user-area p{
  word-break: break-word;
}
.user-area input{
  width: 100%;
}
.form-area{
  padding-top: 72px;
}
.mega-menu-wrapper{
  top: 75px;
}
.header{
  position: absolute;
}








}
