/* ============================================================
   NAVBAR & LAYOUT RESPONSIVE FIXES
   ============================================================ */

@media only screen and (max-width: 1199px) {
  .site-navbar .site-logo img {
    width: 120px;
  }
}

@media only screen and (max-width: 960px) {
  .site-navbar .site-logo .logo-white,
  .site-navbar .site-logo .logo-black {
    width: 110px;
  }

  .section-top {
    padding-top: 130px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-top {
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .section-top-title h1 {
    font-size: 32px;
  }

  .section-title h2 {
    font-size: 40px;
  }

  .feature_bg {
    padding: 30px;
  }

  .single_why_choose {
    margin-top: 0px;
    margin-bottom: 60px;
  }

  .single_why_choose h2 {
    font-size: 40px;
    line-height: 56px;
  }

  .case_content_top {
    margin-bottom: 60px;
  }

  .case_content {
    margin-bottom: 60px;
  }

  .portfolio_filter ul {
    width: 100%;
  }

  .case_content p {
    padding-right: 0px;
  }

  .our-team {
    margin-bottom: 30px;
  }

  .project_dec img {
    width: 100%;
  }

  .single_project img {
    width: 100%;
    margin-bottom: 30px;
  }

  .marketing_content h2 {
    font-size: 30px;
  }

  .single-project {
    margin-top: 60px;
  }

  .comment_form textarea {
    width: 100%;
  }

  .blog_search {
    margin-top: 60px;
  }

  .pricingTable {
    margin-bottom: 30px;
  }

  .newsletter-form {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 480px) {
  .section-top {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .section-top-title h1 {
    font-size: 26px;
  }

  .section-title h2 {
    font-size: 30px;
  }

  .section-title p {
    padding: 0 10px;
    width: 90%;
    margin: auto;
  }

  .hero-text h2 {
    font-size: 40px;
  }

  .hero-text p {
    color: #fff;
    margin: auto;
    width: 90%;
    margin-bottom: 25px;
  }

  .single_about_content h2 {
    font-size: 30px;
  }

  .case_content_top h2 {
    font-size: 30px;
    line-height: 48px;
  }

  .portfolio_filter ul li {
    margin-bottom: 10px;
  }

  .case_content_top_img img {
    margin-top: 60px;
  }

  .testimonial_img img {
    float: none;
    margin-bottom: 30px;
  }

  .hire_img {
    margin-bottom: 60px;
  }

  .single_address {
    margin-bottom: 30px;
  }

  .single_footer {
    padding-top: 30px;
  }

  .newsletter-form {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 880px) {
  .marketing_text {
    margin-top: 60px;
  }
}