.project{
  overflow:hidden;
}
@media only screen and (max-width: 1170px) {
  .projects {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
    article.feed-item .feed-img {
      display: block;
      margin: 0 auto;
      width: auto;
    }
    .footer,
    .top {
      width: 90%;
    }
    .main-container {
      margin-top: 3em;
    }
    article.feed-item .img-holder {
      padding: 0;
    }
    .cd-nav-trigger {
      left: 90%;
    }
    .cd-nav .cd-navigation-wrapper,
    .cd-form .cd-form-wrapper {
      padding: 20px 5% 20px 5%;
    }
    .mybutton a span::before,
    .csstransforms3d .mybutton a span::before,
    .csstransforms3d .mybutton button span::before {
      content: none;
    }
    .mybutton a:hover span,
    .mybutton button:hover span {
      -webkit-transform: rotateX(0deg) translateY(0px);
      */ -moz-transform: rotateX(0deg) translateY(0px);
      transform: rotateX(0eg) translateY(0px);
    }
    .single-project .text {
      width: 100%;
    }
    .project-logo img {
      width: 49%;
      margin-right: 1%;
      display: inline-block;
      vertical-align: middle;
    }
    .project-logo .view {
      width: 48%;
      opacity: 1;
      margin-left: 1%;
      display: inline-block;
      vertical-align: middle;
      padding: 10% 0;
      margin-top: 0;
    }
  }

  @media screen and (max-width: 1024px) {
    header {
      height: 18%;
    }
    .footer,
    .top {
      width: 90%;
    }
    .cd-nav-trigger {
      left: 90%;
    }
    /*.cd-nav-trigger .cd-nav-icon {
    width: 40px;
  }
  .cd-nav-trigger .cd-nav-icon::before {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .cd-nav-trigger .cd-nav-icon::after {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  } */
    .desc {
      font-size: 2vw;
      width: 90%;
    }
    .project-logo {
      width: 100%;
    }
    .project-text {
      width: 100%;
      margin-top: 15px;
    }
    .project-title {
      font-size: 2.5vw;
    }
    .project-desc p,
    .project-desc {
max-height: 110px;
    overflow: hidden;
    font-size: 2vw;
    height: auto;
    }
    .view {
      font-size: 2vw;
    }
    .copyright {
      font-size: 0.8vw;
    }
    .menu a {
      font-size: 2vw;
      line-height: 3.2vw;
    }
    .button {
      font-size: 1.8vw;
    }
    .project {
      width: 46.3%;
      padding-left: 2%;
    }
    .project:nth-child(2n) {
      padding-right: 2%;
    }
    .expertise-box {
      width: 48.7%;
      margin-right: 2%;
    }
    .expertise-box:nth-child(3n) {
      margin-right: 2%;
    }
    .expertise-box:nth-child(2n) {
      margin-right: 0;
    }
    .content {
      width: 90%;
    }
    .expertise-box-title {
      font-size: 3vw;
    }
    .expertise-box-content {
      font-size: 2.7vw;
    }
    .page-about .content {
      width: 90%;
    }
    .content-title {
      font-size: 4vw;
    }
    .content-text {
      font-size: 2.3vw;
    }
    .content-quote {
      font-size: 3vw;
    }
    .founder-name {
      font-size: 3vw;
    }
    .founder-quote {
      font-size: 2.3vw;
    }
    .content-quote-line {
      font-size: 3vw;
    }
    .page-project .text {
      width: 90%;
    }
    .project-info .title {
      font-size: 4.75vw;
    }
    .ios-version,
    .android-version {
      font-size: 2.25vw;
    }
    .header-project-logo {
      width: 20%;
      margin-top: 4%;
    }
    .download-url {
      width: 17%;
    }
    .project-info {
      width: 55%;
    }
    .slider {
      width: 90%;
    }
    .slide-desc {
      font-size: 2.4vw;
    }
    .slide-image {
      width: 35%;
      margin-left: 5%;
    }
    .slide-info {
      width: 52%;
    }
    .page-testimonials .content {
      width: 90%;
    }
    .testimonial-image {
      width: 60%;
    }
    .testimonial-name {
      font-size: 3.2vw;
    }
    .testimonial-desc {
      font-size: 2.5vw;
      text-align: justify;
    }
  }

  @media screen and (max-width: 50em) {
    .project .bottom img {
      max-width: 200px;
      width: auto;
      margin: 0 auto;
      display: none;
    }
    .bottom {
      height: 18%;
      width: 100%;
      margin-top: 5px;
    }
    .project-logo .view {
      font-size: 22px;
      padding: 10PX 0;
      margin-top: 10px;
      width: 100%;
    }
    .project-title {
      font-size: 26px;
    }
    .project-desc p,
    .project-desc {
      font-size: 20px;
     max-height: 108px;
    }
  }
@media screen and (min-width: 1025px) {
  body,
  html {
    margin: 0;
    min-width: 1150px;
  }
}

@media screen and (max-width: 55em) {
    .blog-hire-us-button {
        display: none;
    }
    .home-get-more{top: 20px;}
}
    @media screen and (max-width: 40em) {
      .read-more.button {
        width: 100%;
      }
      .cd-nav-trigger {
        left: 80%;
      }
      .box {
        width: 100%;
      }
      .footer-logo {
        width: 290px;
        margin: 0 auto;
        margin-top: 43px;
      }
      .copyright {
        padding: 0;
        font-size: 12px;
        text-align: center;
      }
      .footer .menu-item {
        width: 100%;
        text-align: center;
      }
      .menu a {
        font-size: 15px;
        line-height: 25px;
        padding: 0;
      }
      footer .socials {
        width: 96%;
      }
      .button {
        width: 100%;
        font-size: 15px;
      }
      .desc {
        font-size: 12px;
      }
      .project {
        width: 100%;
        padding: 20px 10px;
        box-sizing: border-box;
        border-bottom: 2px dashed rgba(0, 0, 0, 0.2);
      }
      .founder {
        width: 100%;
        margin-bottom: 30px;
      }
      .testimonial {
        width: 100%;
      }
      .testimonial-image {
        margin: 0 auto;
      }
      .testimonial-desc {
        padding: 0;
      }
      .expertise-box {
        width: 100%;
      }
      .header-project-logo {
        width: 50%;
        margin: 10px auto 0;
        float: none;
      }
      .version, .project-skills-wrap {display: none;}
      .project-info {
        width: 100%;
        text-align: center;
      }
      .project-info .title {
        font-size: 20px;
        text-align: center;
      }
      .ios-version,
      .android-version {
        font-size: 14px;
      }
      .download-url {
        width: 100%;
        margin: 10px auto;
      }
      .ios-url,
      .android-url,
      .popup-video{
        width: 200px;
          margin: 5px auto;
        display: block;
      }

        .single-project .slider {
            padding-top: 10px;
        }
      header {
        padding-bottom: 0px;
      }

        .big-header .title {
            font-size: 6.7vw;
        }


    }
@media screen and (max-width: 40em) {
  .section-title .line.big {
    width: 20%;
  }
  .section-title .line {
    width: 10%;
  }
  .section-title h1 {
    font-size: 30px;
  }
  .section-title div {
    font-size: 14px;
    display: none;
  }
  #cd-nav .menu a {
    font-size: 25px;
  }
  .form-group-wrapper {
    width: 100%;
  }
  .lead {
    display: none;
  }
  .element-line {
    margin-top: 0px;
  }
  #cd-form .cd-form-wrapper {
    padding: 0px 5% 0px 5%;
  }
  #contact .form-group textarea {
    height: 90px;
  }
  .form-group {
    /*margin-bottom: 0px;*/
  }
  .form-group-wrapper .wpcf7-form-control {
    margin: 0;
  }
  div.wpcf7 img.ajax-loader {
    display: none;
  }
  .home-get-more{top: 0px;}
  .home-footer .socials{display:none;}
}

@media screen and (max-width: 640px) {
  #toggle-nav + label {
    top: 15px;
    left: -5px;
  }
  .service-item{
    margin-left: auto;
    margin-right: auto;
    float:none;
    width:300px;
  }
}