@media (min-width: 1200px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 1164px) {
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
}

/* reposnisve */
.hidden-m {
  display: flex !important;
}

.hidden-d {
  display: none !important;
}

/* mobile */
@media screen and (max-width: 767px) {

.hero-banner {
    margin-bottom: 30px;
}

  .header h2::before {
    display: none;
  }

  .header h2::after {
    display: none;
  }

  .nav-open .dineuron-menu {
    top: 0;
  }

  .hero-info {
    margin-bottom: 80px;
    margin-top: 60px;
  }

  .hero-bg-gradiant {
    width: 90vw;
  }

  .loan-product-info {
    margin-left: auto;
    margin-top: 120px;
    padding-left: 0px;
    padding-right: 0px;
    width: 90%;
    margin-right: auto;
  }

  .navbar-expand-lg .navbar-nav {
        flex-wrap: nowrap  !important;  
  }

  .footer-copy {
  font-size: 15px;
  color: #fff;
}

.footer-img {
      justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.mortgage-section .header-title {
 margin-top: 30px;
}

.from-block {
  margin-top: 30px;
}

.reviews-section .col-lg-4 {
  margin-bottom: 30px;
}

.loan-program {
  margin-bottom: 30px;
}

.call-action {
  position: relative;
  width: 100%;
}

.closingsimplified-block {
     top: 0;
    position: relative;
    margin-top: 30px;
}

.hero-section .hero-iframe {
  position: relative;
  top: 0;
  margin-bottom: 30px;
}

.social-icon-list {
  justify-content: center;
  margin-top: 60px;
}

footer .social-icon-list  {
 margin-top: 20px;
}

.loan-officer {
    width: 290px;
    margin: 0 auto;
}

.about-info {
  margin-top: 30px;
}

.iphone-img {
  margin: 0 auto;
}

}


.navbar-expand-lg .navbar-nav {
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-right: 15px;
}

@media screen and (max-width: 992px) {
  .hidden-m {
    display: none !important;
  }

  .hidden-d {
    display: block !important;
  }
   .navbar-expand-lg .navbar-nav {
        flex-wrap: nowrap  !important; 
            justify-content: flex-start;
      margin-top: 30px;
  }
  .navbar-nav>li {
    border-right: none;
  }
}

@media screen and (max-width: 360px) {
}