@media only screen and (min-width: 768px) {
    .sidebarWrapper {
      position: fixed;
    }
    .toggle-btn {
      position: absolute;
      visibility: hidden;
    }
    .toggle-placeholder {
      display: none;
    }
    .service-box,
    .skill-outer {
      float: left;
      width: 50%;
    }
    .service-box:nth-child(2n + 1),
    .skill-outer:nth-child(2n) {
      padding-left: 25px;
    }
    .service-box:nth-child(2n),
    .skill-outer:nth-child(2n + 1) {
      padding-right: 25px;
    }
    .portfolio-filter ul li {
      margin-right: 10px;
    }
    .footer-background ul li:last-child,
    .portfolio-filter ul li:last-child {
      margin: 0;
    }
    .contact-form {
      padding: 0 25px 0 0;
    }
    .contact-info {
      padding: 0 0 0 25px;
    }
    .footer-background ul li {
      margin-right: 20px;
    }
  }
  @media only screen and (min-width: 1600px) {
    .aboutWrapper,
    .blogWrapper,
    .contactWrapper,
    .footer-background,
    .portfolioWrapper,
    .resumeWrapper,
    .servicesWrapper,
    .testimonialWrapper {
      margin-left: 30%;
      width: 70%;
    }
  }
  @media only screen and (min-width: 1920px) {
    .aboutWrapper,
    .blogWrapper,
    .contactWrapper,
    .footer-background,
    .portfolioWrapper,
    .resumeWrapper,
    .servicesWrapper,
    .testimonialWrapper {
      margin-left: 35%;
      width: 65%;
    }
  }
  @media only screen and (max-width: 767px) {
    body {
      background-color: #fff;
    }
    .fixed-left-contact,
    .fixed-right-socials,
    .right-br,
    .left-br {
      display: none;
    }
    .container {
      padding: 0 30px;
    }
    .menu {
      position: relative;
    }
    .nav {
      background: #141414 none repeat scroll 0 0;
      box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3);
      left: 0;
      opacity: 0;
      position: absolute;
      top: 60px;
      transform: translateY(-10px);
      transition: all 0.3s ease-out 0s;
      visibility: hidden;
      width: 100%;
      z-index: 997;
    }
    .show-nav {
      opacity: 1;
      transform: translateY(0px);
      visibility: visible;
    }
    .stickyNav {
      left: 30px;
      position: fixed;
      right: 30px;
      width: auto;
    }
    .about-background,
    .services-background,
    .skill-outer:last-child {
      margin: 0;
    }
    .skill-outer {
      margin-bottom: 30px;
      width: 100%;
    }
    .service-box {
      width: 100%;
    }
    .service-box:last-child {
      margin: 0;
    }
    .portfolio-filter ul {
      margin: -10px 0;
    }
    .portfolio-filter ul li {
      margin: 10px 20px 10px 0;
    }
    .blog-post div:last-child {
      padding: 30px 0 0;
    }
    .contact-form {
      margin-bottom: 50px;
    }
    .footer-background ul {
      margin: 20px 0 -10px;
    }
    .footer-background ul li {
      padding: 10px;
    }
  }