/***************************************************************************/
/* RESPONSIVE FIXES */
/***************************************************************************/
/*==========  Desktop First Method  ==========*/
@media only screen and (max-width: 360px) {
  html,
  body {
    font-size: 90%;
  }
  .header .logo img {
    width: 55px;
    height: auto;
  }
  .subscribe-newsletter .fa {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    height: 70px;
    width: 70px;
    line-height: 80px;
    font-size: 30px;
  }
  .subscribe-newsletter .input-group .form-control,
  .subscribe-newsletter .input-group .btn {
    height: 40px;
    font-size: 14px;
  }
  .subscribe-newsletter .btn-main {
    min-width: 100px;
    padding: 8px;
  }
  .easy-features-available .easy-caption {
    text-align: center;
  }
  .easy-features-available .each-easy-step {
    margin-bottom: 20px;
  }
  .easy-features-available .each-easy-step h5.text-colored {
    padding: 10px 0;
  }
  .easy-features-available .col-xs-1,
  .easy-features-available .col-xs-11 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .feature-area-4 {
    text-align: center;
  }
  .feature-area-4 h3 {
    margin-bottom: 30px;
  }
  .feature-area-4 .col-xs-2,
  .feature-area-4 .col-xs-10 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .feature-area-4 .margin-reduced {
    margin-bottom: 1.5rem;
  }
  .testimonials #sync2 {
    padding-left: 1.5rem;
  }
  .contact-us .each-item .col-xs-1 {
    width: 15%;
  }
  .contact-us .each-item .col-xs-11 {
    width: 85%;
  }
  .footer .social-icons ul li {
    margin: 0 0.8rem;
  }
  .footer .social-icons ul li a {
    font-size: 26px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .header .logo img {
    width: 65px;
    height: auto;
  }
}
/* Few Mobile versions */
@media only screen and (max-width: 576px) {
  .sticky-navbar .main-navigation li a {
    padding: 15px;
  }
  .our-other-apps .app-description {
    text-align: center;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .header .color-overlay {
    padding: 8rem 0;
  }
  .sticky-navbar .main-navigation li {
    display: inline-block;
    margin-bottom: 0;
  }
  .testimonials #sync2 {
    padding-left: 5rem;
  }
  .easy-features-available .easy-caption h3 {
    text-align: center;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .feature-area-4 .each-easy-step .margin-reduced {
    margin-right: -35px;
  }
  .contact-us .about-us address {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .header .color-overlay {
    min-height: inherit;
  }
  .header .header-container {
    min-height: inherit;
    position: relative;
  }
  .header .header-container .content {
    position: absolute;
    top: 50%;
    margin-top: -210px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 481px) and (max-width: 992px) {
  h1 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 992px) {
  .app-intro .app-spec {
    margin-top: 0;
  }
  .app-intro .mockup1 {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 992px) {
  .easy-features-available .easy-screens .front {
    position: absolute;
    left: 30%;
    top: -30px;
    z-index: 1;
    box-shadow: -40px 0 30px -30px rgba(0, 0, 0, 0.5);
    height: 420px;
    width: auto;
  }
  .easy-features-available .easy-screens .back {
    height: 360px;
    width: auto;
  }
  .feature-area-4 .pad-mockup {
    width: 420px;
  }
  .our-other-apps .apps-mock img {
    max-height: 450px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .testimonials #sync2 {
    padding-left: 8.1rem;
  }
}