@media (max-width: 1200px) {
    .navbar-nav > li > a {
      padding: 0 15px;
    }
    .works-grid-3-col-wide .container-fluid {
      padding: 0 15px;
    }
    .main-wrapper-onepage.angles .result-box {
      padding: 40% 0;
    }
  }
  
  @media (max-width: 991px) {
    .section-wrap,
    .section-wrap-mp {
      background-attachment: scroll;
    }
    .section-wrap {
      padding: 90px 0;
    }
    .service-item-box,
    .team-member,
    .blog-col-3 {
      margin-bottom: 40px;
    }
    .promo-description {
      padding: 40px;
    }
    .grid-3-col.grid-gutter .work-item {
      width: 50%;
    }
    .call-to-action h2,
    .cta-button {
      text-align: center;
    }
    .call-to-action h2 {
      margin-bottom: 30px;
      line-height: 1.5;
    }
    .contact-item {
      border-right: none;
      margin-bottom: 50px;
    }
    .page-title .container {
      height: 300px;
    }
    .title-text {
      padding-top: 50px;
    }
    .title-text h1 {
      font-size: 28px;
    }
    .blog-standard .sidebar,
    .blog-single .sidebar {
      padding-left: 30px;
    }
    .blog-standard .entry-title,
    .blog-standard .entry-meta {
      padding-left: 0;
    }
    .blog-standard .entry {
      margin-top: 20px;
    }
    .entry-content .entry-share {
      float: none;
    }
    #portfolio.angle-bottom:after {
      margin-top: 200px;
    }
    .main-wrapper-onepage.angles .parallax-testimonials .owl-pagination {
      bottom: 140px;
    }
    .nav-type-2 .navbar,
    .nav-type-4 .navbar,
    .nav-type-4 .nav-left {
      min-height: 60px;
    }
    .nav-type-2 .navbar-nav {
      padding: 0;
    }
    .nav-type-2 .navbar-collapse,
    .nav-type-4 .navbar-collapse {
      border-top: 1px solid #f2f2f2;
    }
    .nav-type-2 .nav-wrap {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
    .dropdown-menu {
      padding: 0;
    }
    .dropdown-menu,
    .dropdown-submenu > .dropdown-menu {
      display: none;
      opacity: 1;
      visibility: visible;
    }
    .navbar-nav .open .dropdown-menu {
      width: auto !important;
    }
    .nav-type-2 .nav > li > a {
      padding: 15px 0 15px 15px;
      border-bottom: 1px solid #f2f2f2;
      line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      padding: 15px 0 15px 20px;
      border-bottom: 1px solid #f2f2f2;
    }
    .navbar-nav .open .dropdown-submenu .dropdown-menu > li > a {
      padding: 15px 0 15px 30px;
    }
    .navbar-nav .open .dropdown-submenu .dropdown-menu > li > ul > li > a {
      padding: 15px 0 15px 45px;
    }
    .navbar .navbar-collapse.in .navbar-nav .dropdown > a:after,
    .dropdown-submenu > a:after {
      font-family: "FontAwesome";
      position: absolute;
      content: "\f107";
      right: 15px;
      color: #45464b;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      color: #7a7a7a;
    }
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: transparent;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #bfa67a;
    }
    .navbar-nav > li > a.nav-search {
      display: none;
    }
    #mobile-search {
      display: block;
    }
    .mobile-search .form-control {
      height: 51px;
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      margin-bottom: 0;
    }
    #mobile-search .search-button {
      position: absolute;
      right: 0;
      top: 0;
      width: 45px;
      height: 51px;
      border: 0;
      cursor: pointer;
      background-color: transparent;
    }
    .pricing-3-col {
      margin-bottom: 30px;
    }
    .widget {
      margin-bottom: 40px;
    }
    .page-title.style-2 .title-text {
      padding-top: 0;
    }
    .portfolio-description {
      padding-left: 0;
      margin-top: 30px;
    }
    .masonry-grid .work-item.quarter {
      width: 50%;
    }
    .intro.style-2 .intro-text p {
      font-size: 36px;
    }
    .about-me .info {
      padding-left: 0;
    }
    .content-wrap {
      margin-left: 0;
    }
    .nav-type-4 {
      width: 100%;
      height: auto;
      position: fixed;
    }
    .nav-type-4 .navbar-header {
      margin: 0;
    }
    .nav-type-4 .header-wrap {
      width: 100%;
      padding: 0 15px;
    }
    .nav-type-4 .logo-container {
      width: auto;
      padding: 0 15px;
    }
    .nav-type-4 .nav {
      margin: 0;
    }
    .nav-type-4 .logo-wrap > a {
      height: 60px;
    }
    #ytb-wrap .hero-text {
      font-size: 76px;
    }
  }