@media (max-width: 575px) { 
.topbar{display: none;}
.menubar .navbar-brand img{max-width: 240px;}
.menubar .navbar-brand span{font-size: 17px;}
.menubar .dropdown-menu{width: 100%;}
.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 0%;
  top: 0px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 0%;
  left: 0;
}

.banner-area-three {
  background-color: #005995;
  min-height: auto
}

.banner-img-three img.main-img {
  display: none;
}
.banner-img-three img.main-img2 {
  display: none;
}
.banner-img-three img.main-img3 {
  display: none;
}




.inner-page-hero{
  min-height: 180px; 
}

.inner-page-hero h1{
  color: #fff;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 28px;
}



.banner-content-three .title {
  font-size: 35px;
}

.shape-2{
  background-color: #005995
}


.headerlsider .owl-nav{display: none;}

.feature-1 {
  padding: 30px 15px;
}

.feature-1 .item-1 {
  margin-bottom: 20PX;
}



.footer {
  position: relative;
  background-color: #8b5918;
  margin-bottom: 0;
  padding: 25px 15px 25px 15px;
}



}


@media (min-width: 576px) and (max-width: 767px) {


.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:40px; }
.fixedbg p{font-size: 14px;}


}


@media (min-width: 768px) and (max-width: 991px) { 

.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:40px; }
.fixedbg p{font-size: 14px;}

}

@media (min-width: 992px) and (max-width: 1200px) { 

.fixedbg {padding: 50px 0;}
.fixedbg h1{color: #fff; font-size:50px; }
.fixedbg p{font-size: 16px;}

}



@media (min-width: 1201px) and (max-width: 1400px) { 

}