.mid-ser {
  border: 1px solid #fff;
}

.why-icon{
  width: 100px;
  height: 100px;
  border-radius: 100%;
}

.ser-cover-wrapper {
  padding: 10% 0;
  background: 
  linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), 
  url('../img/ser-cover.jpg') center center/cover no-repeat;
}

.gallery-cover-wrapper {
  padding: 10% 0;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
    url('../img/gal-cover.jpg') center center/cover no-repeat;
}

.contact-cover-wrapper {
  padding: 10% 0;
  background:
    linear-gradient(to bottom, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
    url('../img/b2.jpg') center center/cover no-repeat;
}

.submit-btn {
  padding: 12px 45px;
  border: none;
}

.submit-btn:hover {
  background-color: #000;
  color: #fff;
}


.service-page .ser-details{
    min-height:295px;
}

.carousel-caption {
  top: 0;
  left: 40%;
  right: 5%;
  bottom: 0;
  background: rgba(21, 36, 64, .3);
  z-index: 1;
}

.logo {
  margin-right: 15%;
  position: relative;
  z-index: 99;
  width: 44%;
  margin-top: 22%;
  border:1px solid #076b97;
}

#header-carousel{
    border-top:1px solid #076b97;
    border-bottom:1px solid #076b97;
}

.our-clients-wrapper,.after-services-wrapper-top,.mid-bar-wrapper-top{
    background-color:#000;
}

.sticky-top .logo {
  width: 53%;
  margin-top: 0;
}

.tow-image {
    display:none;   
}

@media (max-width: 768px) {
  .navbar-light .navbar-toggler {
    margin-right:0;
    margin-top: 0;
    width: 100%;
  }
  
   .navbar-light .navbar-brand {
    color: rgba(0,0,0,0.9);
    width: auto;
    
  }
  .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  
}

  #navbarCollapse {
    border-top: navajowhite;
    text-align: center;
    background: #fff;
    z-index: 99;
    border-bottom: 5px solid var(--secondary);
    margin-top: 0;
  }
}

.logo {
  margin-right: 15%;
  position: relative;
  z-index: 99;
  width: 70%;
  margin-top: 0;
  border: 1px solid #076b97;
}

@media (max-width: 768px) {
  .logo-mobile {
    display: block !important;
    width: 76%;
    margin-left: 0;
    margin-top: 0;
    margin: 0 auto;
  }
  
  .navbar {
  height: auto;
}
}

@media (max-width: 768px) {
  .navbar-light .navbar-toggler {
    margin-right: 0;
    margin-top: 0;
    width: 100%;
    background: #000;
    color: #fff !important;
    margin-bottom: -14px;
    padding: 15px 0;
  }
}

@media (max-width: 768px) {
  .navbar-light .navbar-brand {
    color: #fff;
    width: auto;
  }
  
  .menu-icon{
      width:16px;
  }
}

@media (max-width: 768px) {
  #navbarCollapse {
    border-top: none;
    text-align: center;
    background: #fff;
    z-index: 99;
    border-bottom: none;
    margin-top: 14px;
  }
}

@media (max-width: 768px) {
  .navbar {
    height: auto;
    background: #fefaf4 !important;
  }
}