@media only screen and (min-device-width: 576px) and (max-device-width: 1024px) {
  .herotop {
    background-clip: border-box;
    background-position: top center;
    background-size: cover;
    background-color: #1758a3;
    background-repeat: no-repeat;
    color: #fff;
  }

  .herotop>div>.row {
    background-image: url('../images/slider-bottom.png');
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1757a3+1,1757a3+100&0+67,0+67,1+68 */
    background: url('../images/slider-bottom.png'), -moz-linear-gradient(top, rgba(23, 87, 163, 0) 1%, rgba(23, 87, 163, 0) 50%, rgba(23, 87, 163, 1) 51%, rgba(23, 87, 163, 1) 100%);
    /* FF3.6-15 */
    background: url('../images/slider-bottom.png'), -webkit-linear-gradient(top, rgba(23, 87, 163, 0) 1%, rgba(23, 87, 163, 0) 50%, rgba(23, 87, 163, 1) 51%, rgba(23, 87, 163, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: url('../images/slider-bottom.png'), linear-gradient(to bottom, rgba(23, 87, 163, 0) 1%, rgba(23, 87, 163, 0) 50%, rgba(23, 87, 163, 1) 51%, rgba(23, 87, 163, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001757a3', endColorstr='#1757a3', GradientType=0);
    /* IE6-9 */
    background-position: center 250px;
    background-repeat: no-repeat;
  }

  .navbar-brand img {
    width: 165px !important;
    transition: 0.6s;
  }

  .navbar-brand.small img {
    width: 100px !important;
    transition: 0.6s;
  }

  .navbar .nav-item.active .nav-link {
    color: #37456F;
    border-bottom: 4px solid #37456F;
  }

  .about-hero .about-title>p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    padding-top: 70px;
    font-size: 0.6em;
  }

  .team img.img-fluid {
    width: 100%
  }

  #containerNav.owl-nav {
    top: 48%;
    width: 5%;
    left: 8%;
  }

  .managed a {
    width: 20%;
  }

  #the-project img.attachment-full.size-full.wp-post-image {
    /* width: 180px !important; */
  }
}