/*
  Template Name: MobiCom - Mobile App Landing Page Template
  Theme URL: https://themeforest.net/user/dsathemes
  Description: MobiCom - Mobile App Landing Page Template
  Author: DSAThemes
  Author URL: https://themeforest.net/user/dsathemes
  Version: 1.1.0
  Website: www.dsathemes.com
  Tags: Responsive, HTML5 template, DSAThemes, Mobile, Application, One Page, Landing, Mobile App
*/

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1921px) {
  /*------------------------------------------*/
  /*   HERO
  /*------------------------------------------*/

  #hero-2 {
    background-position: center center;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 1200px) {
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 992px) and (max-width: 1199.99px) {
  html {
    font-size: 15px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  .ind-5,
  .ind-10,
  .ind-15,
  .ind-20,
  .ind-25 {
    padding-right: 0;
    padding-left: 0;
  }
  .ind-30,
  .ind-35,
  .ind-40 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .ind-45,
  .ind-50 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .ind-60 {
    padding-right: 40px;
    padding-left: 40px;
  }

  .wide-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-90 {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .wide-80 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .wide-70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .wide-60 {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .wide-50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .wide-40 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .wide-30 {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .p-left-0,
  .p-left-5,
  .p-left-10,
  .p-left-15 {
    padding-left: 0;
  }
  .p-left-20,
  .p-left-25,
  .p-left-30,
  .p-left-35 {
    padding-left: 10px;
  }
  .p-left-40,
  .p-left-45,
  .p-left-50 {
    padding-left: 20px;
  }
  .p-left-50,
  .p-left-60,
  .p-left-70,
  .p-left-80,
  .p-left-90,
  .p-left-100 {
    padding-left: 30px;
  }

  .p-right-0,
  .p-right-5,
  .p-right-10,
  .p-right-15 {
    padding-right: 0;
  }
  .p-right-20,
  .p-right-25,
  .p-right-30,
  .p-right-35 {
    padding-right: 10px;
  }
  .p-right-40,
  .p-right-45,
  .p-right-50 {
    padding-right: 20px;
  }
  .p-right-50,
  .p-right-60,
  .p-right-70,
  .p-right-80,
  .p-right-90,
  .p-right-100 {
    padding-left: 30px;
  }

  .division.p-top-100 {
    padding-top: 80px;
  }

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 15px */
  h5.h5-sm {
    font-size: 1.055rem;
  } /* 15.825px */
  h5.h5-md {
    font-size: 1.111rem;
  } /* 16.665px */
  h5.h5-lg {
    font-size: 1.222rem;
  } /* 18.33px */
  h5.h5-xl {
    font-size: 1.333rem;
  } /* 19.95px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.44rem;
  } /* 21.6px */
  h4.h4-sm {
    font-size: 1.55rem;
  } /* 23.25px */
  h4.h4-md {
    font-size: 1.66rem;
  } /* 24.9px */
  h4.h4-lg {
    font-size: 1.77rem;
  } /* 26.55px */
  h4.h4-xl {
    font-size: 1.88rem;
  } /* 28.2px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 2.11rem;
  } /* 31.65px */
  h3.h3-sm {
    font-size: 2.22rem;
  } /* 33.3px */
  h3.h3-md {
    font-size: 2.33rem;
  } /* 34.95px */
  h3.h3-lg {
    font-size: 2.44rem;
  } /* 36.6px */
  h3.h3-xl {
    font-size: 2.66rem;
  } /* 39.9px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 2.88rem;
  } /* 43.2px */
  h2.h2-sm {
    font-size: 3rem;
  } /* 45px */
  h2.h2-md {
    font-size: 3.11rem;
  } /* 46.65px */
  h2.h2-lg {
    font-size: 3.33rem;
  } /* 49.95px */
  h2.h2-xl {
    font-size: 3.55rem;
  } /* 53.25px */

  /* Paragraphs */
  p.p-sm {
    font-size: 0.95rem;
  } /* 14.25px */
  p {
    font-size: 1rem;
  } /* 15px */
  p.p-md {
    font-size: 1.066rem;
  } /* 16px */
  p.p-lg {
    font-size: 1.133rem;
  } /* 17px */
  p.p-xl {
    font-size: 1.266rem;
  } /* 19px */

  /* Buttons */

  /* Store Badges */
  a.store {
    margin-right: 10px;
  }

  .store img.appstore-original {
    width: 141px;
    height: 44px;
  }
  .store img.googleplay-original {
    width: 150px;
    height: 44px;
  }
  .store img.amazon-original {
    width: 139px;
    height: 44px;
  }
  .store img.windows-original {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-white {
    width: 136px;
    height: 44px;
  }
  .store img.googleplay-white {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-grey {
    width: 139px;
    height: 44px;
  }
  .store img.googleplay-grey {
    width: 148px;
    height: 44px;
  }

  /* Modal Video Button */
  .modal-video {
    line-height: 2rem;
  }
  .modal-video a span {
    font-size: 2rem;
    line-height: 2rem;
    margin-right: 3px;
  }
  .modal-video a {
    line-height: 2rem;
  }

  /* Box Icons */
  .box-icon span {
    font-size: 3.5rem;
  }
  .box-icon-xs span {
    font-size: 2.5rem;
  }
  .box-icon-sm span {
    font-size: 3rem;
  }
  .box-icon-md span {
    font-size: 4rem;
  }
  .box-icon-lg span {
    font-size: 4.5rem;
  }
  .box-icon-xl span {
    font-size: 5rem;
  }

  /* Section Title */
  .section-title p {
    font-size: 1.1rem;
  }

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
    /*------------------------------------------*/

  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1rem;
    padding: 0.65rem 1.25rem;
  }
  .header-socials {
    margin-top: 2px;
    margin-left: 0;
  }
  .header-socials a {
    width: 36px;
    height: 36px;
    font-size: 0.95rem;
    line-height: 32px !important;
    border: 2px solid #fff;
    margin-left: 2px;
  }

  .header-store img.appstore-button {
    width: 135px;
    height: 42px;
  }
  .header-store img.googleplay-button {
    width: 144px;
    height: 42px;
  }

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  #hero-1 {
    padding-top: 160px;
    padding-bottom: 100px;
  }
  #hero-2 {
    padding-top: 160px;
    padding-bottom: 90px;
  }
  #hero-4 {
    padding-top: 150px;
  }
  #hero-5,
  #hero-7,
  #hero-10 {
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .hero-row-200 {
    padding-top: 200px;
    padding-bottom: 160px;
  }
  .hero-row-180 {
    padding-top: 180px;
    padding-bottom: 140px;
  }
  .hero-row-160 {
    padding-top: 160px;
    padding-bottom: 120px;
  }
  .hero-row-140 {
    padding-top: 140px;
    padding-bottom: 100px;
  }
  .hero-row-120 {
    padding-top: 130px;
    padding-bottom: 100px;
  }
  .hero-row-100 {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  /* Hero Big Title */
  .hero-app-logo span {
    font-size: 3.5rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Text */
  #hero-1 .hero-txt {
    margin-top: 100px;
  }
  #hero-9-content {
    padding-top: 160px;
    padding-bottom: 370px;
  }

  /* Hero eaders */
  .hero-section h4,
  .hero-section h3,
  .hero-section h2 {
    margin-bottom: 15px;
  }
  #hero-1.hero-section h2 {
    margin-bottom: 20px;
  }

  /* Hero Paragraphs */
  #hero-8 .hero-txt p {
    padding-bottom: 25px;
  }

  /* Hero Store Badges */
  .hero-stores-badge {
    margin-top: 30px;
  }
  #hero-12 a.store {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
  }

  /* Hero Buttons */
  #hero-4 .btn {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  /* Hero Logo */
  .hero-app-logo {
    margin-bottom: 20px;
  }
  #hero-4 .hero-app-logo {
    margin-bottom: 20px;
  }
  #hero-8 .hero-app-logo {
    margin-bottom: 30px;
  }

  .hero-app-logo img {
    width: 110px;
    height: 110px;
  }
  #hero-4 .hero-app-logo img {
    width: 125px;
    height: 125px;
  }

  /* Hero Links */
  #hero-2 .hero-links {
    margin-top: 0px;
    margin-left: 5px;
  }

  /* Hero Boxes */
  .hero-boxes {
    margin-top: 50px;
  }

  /* Hero Newsletter Form */
  #hero-2 .newsletter-form {
    margin-top: 30px;
    margin-right: 10%;
  }
  #hero-2 .newsletter-form .form-control {
    height: 46px;
    font-size: 1rem;
  }
  #hero-2 .newsletter-form .btn {
    height: 46px;
  }

  /* Hero Image */
  #hero-4 .hero-img {
    margin: 0 15%;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  .fbox-2,
  .fbox-3 {
    padding: 40px 20px;
  }
  .fbox-5 {
    margin-bottom: 25px;
  }
  .fbox-6 {
    margin-bottom: 30px;
  }

  .fbox-1 p {
    padding: 0;
  }
  .fbox-5-txt,
  .fbox-6-txt {
    padding-left: 15px;
  }
  .fbox-5 span,
  .fbox-6 span {
    width: 55px;
    height: 55px;
  }

  /* Content */
  .content-txt h2.h2-xs {
    margin-bottom: 20px;
  }
  .content-txt h5.h5-md {
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .cbox-1 {
    margin-bottom: 15px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 30px;
    padding-right: 30px;
  }
  #content-7 .content-img {
    margin-top: -80px;
    margin-bottom: 40px;
  }

  .nav-pills .nav-link {
    font-size: 1rem;
    padding: 8px 24px;
    margin-right: 6px;
  }

  /* Statistic */
  .statistic-number {
    font-size: 3.65rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 3.35rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-4 {
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .video-inner-bg {
    margin-right: 20px;
    margin-left: 20px;
  }
  .video-content {
    padding: 80px 70px;
    margin-right: 30px;
    margin-left: 30px;
  }

  #video-4 .video-content {
    margin: -30px 40px;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 70px;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 130px;
  }

  /* Team */
  .team-member-photo {
    margin: 0 15px 20px;
  }
  .join-team.m-top-25 {
    margin-top: 10px;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0 5%;
  }

  /* Testimonials */
  .review-1,
  .review-2 {
    padding: 0 20px;
    margin-bottom: 30px;
  }
  .review-2 .review-txt {
    padding: 40px 25px 50px;
  }

  .review-1 .testimonial-avatar img,
  .review-2 .testimonial-avatar img {
    width: 70px;
    height: 70px;
  }
  .review-2 .testimonial-avatar img {
    margin: -35px auto 15px;
  }

  .review-2 h5.h5-lg {
    font-size: 1.0675rem;
    margin-bottom: 15px;
  }
  .review-1 p,
  .review-2 p {
    font-size: 1rem;
  }
  p.testimonial-autor {
    font-size: 1.05rem;
  }

  .app-rating .svg-inline--fa {
    font-size: 0.75rem;
  }

  /* FAQs */
  .question {
    margin-bottom: 20px;
  }
  .question h5 {
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .more-questions-btn {
    margin-top: 30px;
  }

  /* Brands */
  #brands-1 {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  /* Press */
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }

  /* Newsletter */
  #newsletter-1 {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  #newsletter-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #newsletter-1 .newsletter-form {
    margin: 40px 20% 0;
  }

  .newsletter-section .newsletter-form .form-control {
    height: 54px;
    font-size: 1.15rem;
  }
  .newsletter-section .newsletter-form .btn {
    height: 54px;
  }

  /* Blog */
  #blog-page {
    margin-top: 140px;
    margin-bottom: 80px;
  }
  #single-post-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }

  .sidebar-div.m-bottom-50 {
    margin-bottom: 40px;
  }

  .posts-holder.p-right-60,
  .post-holder.p-right-60 {
    padding-right: 30px;
  }
  #search-field .btn {
    padding: 12px;
  }
  .badge {
    font-size: 0.7rem;
    margin-bottom: 6px;
    padding: 3px 8px;
  }

  a.share-ico {
    width: 70px;
    height: 30px;
    font-size: 15px;
    line-height: 30px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  .blog-page-pagination.m-top-80 {
    margin-top: 50px;
  }

  /* Contacts */
  .contact-form .form-control {
    height: 50px;
    margin-bottom: 20px;
  }
  .contact-form .custom-select {
    height: 50px;
    margin-bottom: 20px;
  }

  #contacts-2 .contact-form .form-control {
    font-size: 1.15rem;
    margin-bottom: 30px;
  }

  /* Footer */
  .footer .p-left-60 {
    padding-left: 0;
  }
  .footer-logo img {
    width: 110px;
    height: 110px;
  }

  .footer-info p {
    font-size: 1rem;
  }
  .foo-links li a {
    font-size: 1rem;
    line-height: 1.4;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 768px) and (max-width: 991.99px) {
  html {
    font-size: 15px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  .ind-5,
  .ind-10,
  .ind-15,
  .ind-20,
  .ind-25,
  .ind-30,
  .ind-35,
  .ind-40,
  .ind-45,
  .ind-50,
  .ind-60,
  .ind-70,
  .ind-80,
  .ind-90,
  .ind-100 {
    padding: 0px;
  }

  .wide-160 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-150 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-140 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-130 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-110 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-90 {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .wide-80 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .wide-70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .wide-60 {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .wide-50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .wide-40 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .wide-30 {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .p-left-0,
  .p-left-5,
  .p-left-10,
  .p-left-15,
  .p-left-20,
  .p-left-25,
  .p-left-30,
  .p-left-35,
  .p-left-40,
  .p-left-45,
  .p-left-50,
  .p-left-50,
  .p-left-60,
  .p-left-70,
  .p-left-80,
  .p-left-90,
  .p-left-100 {
    padding-left: 0;
  }

  .p-right-0,
  .p-right-5,
  .p-right-10,
  .p-right-15,
  .p-right-20,
  .p-right-25,
  .p-right-30,
  .p-right-35,
  .p-right-40,
  .p-right-45,
  .p-right-50,
  .p-right-50,
  .p-right-60,
  .p-right-70,
  .p-right-80,
  .p-right-90,
  .p-right-100 {
    padding-right: 0px;
  }

  .division.p-top-100 {
    padding-top: 80px;
  }

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 15px */
  h5.h5-sm {
    font-size: 1.055rem;
  } /* 15.825px */
  h5.h5-md {
    font-size: 1.111rem;
  } /* 16.665px */
  h5.h5-lg {
    font-size: 1.15rem;
  } /* 17.25px */
  h5.h5-xl {
    font-size: 1.2rem;
  } /* 18px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.2rem;
  } /* 18px */
  h4.h4-sm {
    font-size: 1.3rem;
  } /* 19.5px */
  h4.h4-md {
    font-size: 1.38rem;
  } /* 20.7px */
  h4.h4-lg {
    font-size: 1.475rem;
  } /* 22.125px */
  h4.h4-xl {
    font-size: 1.55rem;
  } /* 23.25px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 1.75rem;
  } /* 26.25px */
  h3.h3-sm {
    font-size: 1.85rem;
  } /* 27.75px */
  h3.h3-md {
    font-size: 1.95rem;
  } /* 29.25px */
  h3.h3-lg {
    font-size: 2.05rem;
  } /* 30.75px */
  h3.h3-xl {
    font-size: 2.21rem;
  } /* 33.15px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 2.4rem;
  } /* 36px */
  h2.h2-sm {
    font-size: 2.5rem;
  } /* 37.5px */
  h2.h2-md {
    font-size: 2.6rem;
  } /* 39px */
  h2.h2-lg {
    font-size: 2.775rem;
  } /* 41.625px */
  h2.h2-xl {
    font-size: 2.95rem;
  } /* 44.25px */

  /* Paragraphs */
  p.p-sm {
    font-size: 0.95rem;
  } /* 14.25px */
  p {
    font-size: 1rem;
  } /* 15px */
  p.p-md {
    font-size: 1.05rem;
  } /* 15.75px */
  p.p-lg {
    font-size: 1.05rem;
  } /* 15.755px */
  p.p-xl {
    font-size: 1.15rem;
  } /* 17.25px */

  /* Button */
  .btn {
    padding: 0.9rem 1.85rem;
  }

  /* Store Badges */
  a.store {
    margin-right: 10px;
  }

  .store img.appstore-original {
    width: 141px;
    height: 44px;
  }
  .store img.googleplay-original {
    width: 150px;
    height: 44px;
  }
  .store img.amazon-original {
    width: 139px;
    height: 44px;
  }
  .store img.windows-original {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-white {
    width: 136px;
    height: 44px;
  }
  .store img.googleplay-white {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-grey {
    width: 139px;
    height: 44px;
  }
  .store img.googleplay-grey {
    width: 148px;
    height: 44px;
  }

  /* Modal Video Button */
  .modal-video {
    line-height: 1.75rem;
  }
  .modal-video a span {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-right: 3px;
  }
  .modal-video a {
    font-size: 1.05rem;
    line-height: 1.75rem;
  }

  /* Box Icons */
  .box-icon span {
    font-size: 3.5rem;
  }
  .box-icon-xs span {
    font-size: 2.5rem;
  }
  .box-icon-sm span {
    font-size: 3rem;
  }
  .box-icon-md span {
    font-size: 4rem;
  }
  .box-icon-lg span {
    font-size: 4.5rem;
  }
  .box-icon-xl span {
    font-size: 5rem;
  }

  /* Quote */
  .quote p {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .quote-avatar img {
    width: 40px;
    height: 40px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }

  /* App Devices Icons */
  .app-devices {
    padding: 5px 0 0 5px;
  }
  .app-devices .svg-inline--fa {
    font-size: 2.15rem;
  }
  .app-devices .svg-inline--fa.f-phone {
    margin-right: 1rem;
  }
  .app-devices-desc p {
    font-size: 0.95rem;
    padding-right: 5%;
  }

  /* Section Title */
  .section-title {
    margin-bottom: 40px;
  }

  .section-title p {
    font-size: 1.1rem;
    padding: 0 5%;
  }

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
    /*------------------------------------------*/

  .bg-light {
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }
  .navbar {
    text-align: center;
  }
  .dropdown-menu {
    text-align: center;
    padding: 0;
    margin-top: 0;
    border-top: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .dropdown-divider {
    margin: 5px 0;
  }
  .dropdown-item {
    padding: 10px 0;
  }

  .navbar.bg-tra {
    padding: 0.75rem 1.1rem;
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }
  .navbar.scroll.bg-tra {
    padding: 0.75rem 1.1rem;
  }

  .logo-white,
  .navbar-light.bg-tra .logo-white,
  .navbar-light.bg-light .logo-white,
  .navbar-dark.bg-tra .logo-white,
  .navbar-dark.bg-dark .logo-white {
    display: none;
  }

  .navbar-dark.bg-tra .logo-black,
  .navbar-light.bg-tra .logo-black,
  .logo-black,
  .navbar-light.bg-light .logo-black {
    display: block;
  }

  .bg-tra.navbar-dark .nav-link {
    color: #333;
  }
  .bg-tra.navbar-dark .navbar-nav .active > .nav-link {
    color: rgba(0, 0, 0, 0.9);
  }
  .navbar-dark .nav-link:focus,
  .navbar-dark .nav-link:hover {
    color: #333;
    background-color: rgba(200, 200, 200, 0.35);
  }
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #333;
  }

  .navbar-nav {
    padding-top: 15px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1.1rem;
    padding: 10px 0;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navbar-text {
    padding: 10px 0;
    margin-top: 2px;
  }
  .header-socials {
    margin: 8px auto 0;
  }

  .header-socials a {
    width: 34px;
    height: 34px;
    font-size: 0.95rem;
    line-height: 30px !important;
    margin-left: 1px;
  }
  .header-socials span {
    margin-left: 3px;
  }
  .header-socials a,
  .navbar.scroll .header-socials a {
    color: #fff;
    opacity: 0.7;
  }

  .header-socials a.ico-facebook,
  .navbar.scroll .header-socials a.ico-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
  }
  .header-socials a.ico-twitter,
  .navbar.scroll .header-socials a.ico-twitter {
    background-color: #00a9ed;
    border-color: #00a9ed;
  }
  .header-socials a.ico-behance,
  .navbar.scroll .header-socials a.ico-behance {
    background-color: #2473f6;
    border-color: #2473f6;
  }
  .header-socials a.ico-google-plus,
  .navbar.scroll .header-socials a.ico-google-plus {
    background-color: #cd1111;
    border-color: #cd1111;
  }
  .header-socials a.ico-linkedin,
  .navbar.scroll .header-socials a.ico-linkedin {
    background-color: #015886;
    border-color: #015886;
  }
  .header-socials a.ico-dribbble,
  .navbar.scroll .header-socials a.ico-dribbble {
    background-color: #d92d84;
    border-color: #d92d84;
  }
  .header-socials a.ico-instagram,
  .navbar.scroll .header-socials a.ico-instagram {
    background-color: #beb3a8;
    border-color: #beb3a8;
  }
  .header-socials a.ico-pinterest,
  .navbar.scroll .header-socials a.ico-pinterest {
    background-color: #ac281a;
    border-color: #ac281a;
  }
  .header-socials a.ico-youtube,
  .navbar.scroll .header-socials a.ico-youtube {
    background-color: #cd1b20;
    border-color: #cd1b20;
  }
  .header-socials a.ico-tumblr,
  .navbar.scroll .header-socials a.ico-tumblr {
    background-color: #3a5976;
    border-color: #3a5976;
  }
  .header-socials a.ico-vk,
  .navbar.scroll .header-socials a.ico-vk {
    background-color: #3b5998;
    border-color: #3b5998;
  }

  .header-socials a:hover {
    color: #fff;
    opacity: 1;
  }

  .header-store img {
    margin-top: 4px;
  }
  .header-store img.appstore-button {
    width: 128px;
    height: 40px;
  }
  .header-store img.googleplay-button {
    width: 137px;
    height: 40px;
  }

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  .hero-section {
    margin-top: 58px;
  }

  #hero-1,
  #hero-7 {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  #hero-2 {
    padding-top: 100px;
    padding-bottom: 80px;
    background-position: right top;
  }
  #hero-4 {
    padding-top: 100px;
  }
  #hero-5,
  #hero-10 {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .hero-row-120,
  .hero-row-140,
  .hero-row-160,
  .hero-row-180,
  .hero-row-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .hero-row-100 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  /* Hero Big Title */
  .hero-app-logo span {
    font-size: 3rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Text */
  #hero-1 .hero-txt {
    margin-top: 40px;
  }
  #hero-2 .hero-txt,
  #hero-6 .hero-txt,
  #hero-8 .hero-txt {
    margin-left: 20px;
  }
  #hero-9-content {
    padding-top: 100px;
    padding-bottom: 370px;
  }

  /* Hero Headers */
  .hero-section h4,
  .hero-section h3,
  .hero-section h2,
  #hero-1.hero-section h2 {
    margin-bottom: 15px;
  }
  #hero-10.hero-section h2 {
    margin-bottom: 25px;
  }

  /* Hero Paragraphs */
  #hero-1 .hero-txt p,
  #hero-11 .hero-txt p {
    padding-right: 0;
  }
  #hero-5 .hero-txt p {
    padding-right: 5%;
  }
  #hero-8 .hero-txt p {
    padding-bottom: 15px;
  }
  #hero-9 .hero-txt p {
    padding: 0 5%;
    margin-bottom: 30px;
  }

  /* Hero Store Badges */
  .hero-stores-badge {
    margin-top: 25px;
  }
  #hero-12 a.store {
    display: block;
    margin-left: 0;
    margin-bottom: 10px;
  }

  /* Hero Buttons */
  #hero-4 .btn {
    margin-top: 15px;
    margin-bottom: 35px;
  }

  /* Hero Logo */
  .hero-app-logo {
    margin-bottom: 20px;
  }
  #hero-4 .hero-app-logo {
    margin-bottom: 20px;
  }
  #hero-8 .hero-app-logo {
    margin-bottom: 25px;
  }

  .hero-app-logo img {
    width: 90px;
    height: 90px;
  }
  #hero-4 .hero-app-logo img {
    width: 110px;
    height: 110px;
  }

  /* Hero Links */
  #hero-2 .hero-links {
    margin-top: 0px;
    margin-left: 0;
  }
  #hero-5 .modal-video {
    margin-top: 8px;
  }
  #hero-8 .modal-video.m-left-25 {
    margin-left: 15px;
  }

  /* Hero Boxes */
  .hero-boxes {
    margin-top: 50px;
  }

  /* Hero Newsletter Form */
  #hero-2 .newsletter-form {
    margin-top: 25px;
    margin-right: 0;
  }
  #hero-2 .newsletter-form .form-control {
    height: 42px;
    font-size: 1rem;
  }
  #hero-2 .newsletter-form .btn {
    height: 42px;
  }

  /* Hero Image */
  .hero-3-img {
    bottom: 2%;
    width: 48%;
    left: 52%;
  }
  #hero-4 .hero-img {
    margin: 0 15%;
  }
  .hero-9-image img {
    margin-top: -330px;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  #features-4 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #features-4 .bg-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #features-5 {
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .fbox-2 {
    padding: 40px 30px;
  }
  .fbox-3 {
    padding: 40px 60px;
  }
  .fbox-5 {
    margin-bottom: 25px;
  }
  .fbox-6 {
    margin-bottom: 30px;
  }

  .fbox-1 h5,
  .fbox-2 h5,
  .fbox-3 h5 {
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .fbox-4 h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .fbox-1 p {
    padding: 0;
  }
  .fbox-5-txt,
  .fbox-6-txt {
    padding-left: 15px;
  }
  .fbox-5 span,
  .fbox-6 span {
    width: 55px;
    height: 55px;
  }

  .fbox-4-img {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .features-6-content.wide-50 {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .features-5-img,
  .features-6-img {
    width: 38%;
    left: 62%;
  }

  /* Content */
  #content-5 .p-top-100.bg-inner {
    padding-top: 80px;
  }
  #content-7 .section-title {
    margin-bottom: 100px;
  }
  #content-7 .section-title p,
  #content-8 .section-title p {
    padding: 0;
  }

  .content-txt h2.h2-xs {
    margin-bottom: 12px;
  }
  .content-txt h5.h5-md {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .cbox-1 {
    margin-bottom: 10px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-txt .btn {
    margin-top: 5px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 0;
    padding-right: 0;
  }
  .content-7-image {
    padding-bottom: 40px;
  }
  #content-7 .content-img {
    margin-top: -80px;
    margin-bottom: 30px;
  }

  .nav-pills .nav-link {
    font-size: 1rem;
    padding: 8px 24px;
    margin-right: 6px;
  }

  /* Statistic */
  #statistic-2 .statistic-block {
    padding: 25px 20px;
  }

  .statistic-number {
    font-size: 3rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 2.65rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-3 .section-title {
    margin-bottom: 5.75rem;
  }
  #video-4 {
    padding-top: 130px;
    padding-bottom: 80px;
  }

  #video-1 .video-preview {
    margin-top: 50px;
  }
  .video-inner-bg {
    margin-right: 10px;
    margin-left: 10px;
  }
  .video-content {
    padding: 60px 50px;
    margin-right: 20px;
    margin-left: 20px;
  }

  .play-icon-green {
    width: 100px;
    height: 100px;
    background: url(../images/play-icon-green-medium.png);
    margin-top: -50px;
    margin-left: -50px;
  }

  #video-3 h4 {
    margin-bottom: 15px;
  }
  #video-1 p {
    padding: 0;
    margin-bottom: 20px;
  }
  #video-4 p {
    padding: 0 5%;
  }
  .video-section .btn {
    margin-top: 10px;
  }

  #video-4 .video-content {
    margin: -30px 20px;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 70px;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 130px;
  }

  /* Team */
  #team-1 .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .join-team.m-top-25 {
    margin-top: 0;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0 5%;
  }

  /* Pricing */
  .pricing-table span.price {
    font-size: 40px;
    line-height: 40px;
  }
  .pricing-table sup {
    font-size: 26px;
    top: -3px;
    right: 2px;
  }
  ul.features {
    font-size: 1rem;
  }
  ul.features li {
    padding: 7px 0;
  }
  .pricing-notice p {
    padding: 0;
  }

  /* Testimonials */
  .review-1,
  .review-2 {
    padding: 0 80px;
    margin-bottom: 30px;
  }
  .review-2 .review-txt {
    padding: 40px 25px 50px;
  }

  .review-1 .testimonial-avatar img,
  .review-2 .testimonial-avatar img {
    width: 70px;
    height: 70px;
  }
  .review-2 .testimonial-avatar img {
    margin: -35px auto 15px;
  }

  .review-2 h5.h5-lg {
    font-size: 1.0675rem;
    margin-bottom: 15px;
  }
  .review-1 p,
  .review-2 p {
    font-size: 1rem;
  }
  p.testimonial-autor {
    font-size: 1.05rem;
  }

  .app-rating .svg-inline--fa {
    font-size: 0.75rem;
  }

  /* FAQs */
  .question {
    margin-bottom: 20px;
  }
  .question h5 {
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .more-questions-btn {
    margin-top: 30px;
  }

  /* Download */
  #download-2,
  #download-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #download-4 .download-txt {
    margin-bottom: 40px;
  }

  #download-1 p,
  #download-4 p {
    padding: 0;
  }
  .download-section .stores-badge {
    margin-top: 25px;
  }

  /* More App */
  .m-img {
    padding: 40px 40px;
  }
  .m-img img {
    width: 120px;
    height: 120px;
  }

  /* Brands */
  #brands-1 {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  #brands-1 .brand-logo img {
    padding: 0;
  }

  /* Press */
  #press-1 .col-md-3 {
    padding-right: 8px;
    padding-left: 8px;
  }
  .press-logo {
    padding: 50px 30px;
  }
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }
  .press-txt.m-top-20 {
    margin-top: 0;
  }

  /* Newsletter */
  #newsletter-1 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  #newsletter-2 {
    padding-top: 80px;
    padding-bottom: 60px;
    text-align: center;
  }

  #newsletter-2 h3 {
    padding: 0 15%;
  }

  #newsletter-1 .newsletter-form {
    margin: 30px 15% 0;
  }
  #newsletter-2 .newsletter-form {
    margin: 30px 20% 0;
  }

  .newsletter-section .newsletter-form .form-control {
    height: 54px;
    font-size: 1.15rem;
  }
  .newsletter-section .newsletter-form .btn {
    height: 54px;
  }

  /* Blog */
  #blog-page {
    margin-top: 140px;
    margin-bottom: 80px;
  }
  #single-post-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }

  .sidebar-div.m-bottom-40 {
    margin-bottom: 30px;
  }
  .sidebar-div.m-bottom-50 {
    margin-bottom: 40px;
  }

  .posts-holder.p-right-60,
  .post-holder.p-right-60 {
    padding-right: 0;
  }
  #search-field .btn {
    padding: 10px;
  }
  .badge {
    font-size: 0.65rem;
    margin-bottom: 6px;
    padding: 3px 8px;
  }

  a.share-ico {
    width: 70px;
    height: 30px;
    font-size: 15px;
    line-height: 30px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  .blog-page-pagination.m-top-80 {
    margin-top: 50px;
  }

  /* Contacts */
  .contact-form .form-control {
    height: 50px;
    margin-bottom: 20px;
  }
  .contact-form .custom-select {
    height: 50px;
    margin-bottom: 20px;
  }

  #contacts-2 .contact-form .form-control {
    font-size: 1.15rem;
    margin-bottom: 30px;
  }

  /* Footer */
  .footer .p-left-60 {
    padding-left: 0;
  }
  .footer-logo img {
    width: 110px;
    height: 110px;
  }

  .footer-info p {
    font-size: 1rem;
  }
  .foo-links li a {
    font-size: 1rem;
    line-height: 1.4;
  }

  #footer-3 .foo-links li,
  #footer-4 .foo-links li,
  .bottom-footer .foo-links li {
    margin-left: 10px;
  }

  /* Bottom Form */
  .bottom-form {
    min-width: 240px;
    max-width: 240px;
  }
  .bottom-form-header {
    padding: 11px 20px;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 768px) {
  .animated {
    visibility: visible;
    display: block;
  }

  @keyframes fadeIn {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  /*------------------------------------------*/
  /*   PRELOAD SPINNER
    /*------------------------------------------*/

  #loader {
    margin: -30px 0 0 -30px;
  }
  .cssload-flex-container li {
    height: 60px;
    width: 60px;
  }
  .cssload-loading {
    width: 63px;
    height: 63px;
  }
  .cssload-loading:before {
    height: 39px;
    width: 39px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  .wide-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .wide-90 {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .wide-80 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  .wide-70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .wide-60 {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .wide-50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
  .wide-40 {
    padding-top: 80px;
    padding-bottom: 20px;
  }
  .wide-30 {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .ind-5,
  .ind-10,
  .ind-15,
  .ind-20,
  .ind-25,
  .ind-30,
  .ind-35,
  .ind-40,
  .ind-45,
  .ind-50,
  .ind-60,
  .ind-70,
  .ind-80,
  .ind-90,
  .ind-100 {
    padding: 0;
  }

  .p-left-0,
  .p-left-5,
  .p-left-10,
  .p-left-15,
  .p-left-20,
  .p-left-25,
  .p-left-30,
  .p-left-35,
  .p-left-40,
  .p-left-45,
  .p-left-50,
  .p-left-50,
  .p-left-60,
  .p-left-70,
  .p-left-80,
  .p-left-90,
  .p-left-100 {
    padding-left: 0;
  }

  .p-right-0,
  .p-right-5,
  .p-right-10,
  .p-right-15,
  .p-right-20,
  .p-right-25,
  .p-right-30,
  .p-right-35,
  .p-right-40,
  .p-right-45,
  .p-right-50,
  .p-right-50,
  .p-right-60,
  .p-right-70,
  .p-right-80,
  .p-right-90,
  .p-right-100 {
    padding-right: 0;
  }

  .division.p-top-100 {
    padding-top: 80px;
  }

  /*------------------------------------------*/
  /*   NAVIGATION MENU    
    /*------------------------------------------*/

  .bg-light {
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }
  .navbar {
    text-align: center;
  }
  .dropdown-menu {
    text-align: center;
    padding: 0;
    margin-top: 0;
    border-top: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .dropdown-divider {
    margin: 5px 0;
  }
  .dropdown-item {
    padding: 10px 0;
  }

  .navbar.bg-tra {
    padding: 0.75rem 1.1rem;
    background-color: #fff !important;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
  }
  .navbar.scroll.bg-tra {
    padding: 0.75rem 1.1rem;
  }

  .logo-white,
  .navbar-light.bg-tra .logo-white,
  .navbar-light.bg-light .logo-white,
  .navbar-dark.bg-tra .logo-white,
  .navbar-dark.bg-dark .logo-white {
    display: none;
  }

  .navbar-dark.bg-tra .logo-black,
  .navbar-light.bg-tra .logo-black,
  .logo-black,
  .navbar-light.bg-light .logo-black {
    display: block;
  }

  .bg-tra.navbar-dark .nav-link {
    color: #333;
  }
  .bg-tra.navbar-dark .navbar-nav .active > .nav-link {
    color: rgba(0, 0, 0, 0.9);
  }
  .navbar-dark .nav-link:focus,
  .navbar-dark .nav-link:hover {
    color: #333;
    background-color: rgba(200, 200, 200, 0.35);
  }
  .navbar-dark .navbar-nav .nav-link:focus,
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #333;
  }

  .navbar-nav {
    padding-top: 15px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 1.1rem;
    padding: 10px 0;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navbar-text {
    padding: 10px 0;
    margin-top: 2px;
  }
  .header-socials {
    margin: 8px auto 0;
  }

  .header-socials a {
    width: 34px;
    height: 34px;
    font-size: 0.95rem;
    line-height: 30px !important;
    margin-left: 1px;
  }
  .header-socials span {
    margin-left: 3px;
  }
  .header-socials a,
  .navbar.scroll .header-socials a {
    color: #fff;
    opacity: 0.7;
  }

  .header-socials a.ico-facebook,
  .navbar.scroll .header-socials a.ico-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
  }
  .header-socials a.ico-twitter,
  .navbar.scroll .header-socials a.ico-twitter {
    background-color: #00a9ed;
    border-color: #00a9ed;
  }
  .header-socials a.ico-behance,
  .navbar.scroll .header-socials a.ico-behance {
    background-color: #2473f6;
    border-color: #2473f6;
  }
  .header-socials a.ico-google-plus,
  .navbar.scroll .header-socials a.ico-google-plus {
    background-color: #cd1111;
    border-color: #cd1111;
  }
  .header-socials a.ico-linkedin,
  .navbar.scroll .header-socials a.ico-linkedin {
    background-color: #015886;
    border-color: #015886;
  }
  .header-socials a.ico-dribbble,
  .navbar.scroll .header-socials a.ico-dribbble {
    background-color: #d92d84;
    border-color: #d92d84;
  }
  .header-socials a.ico-instagram,
  .navbar.scroll .header-socials a.ico-instagram {
    background-color: #beb3a8;
    border-color: #beb3a8;
  }
  .header-socials a.ico-pinterest,
  .navbar.scroll .header-socials a.ico-pinterest {
    background-color: #ac281a;
    border-color: #ac281a;
  }
  .header-socials a.ico-youtube,
  .navbar.scroll .header-socials a.ico-youtube {
    background-color: #cd1b20;
    border-color: #cd1b20;
  }
  .header-socials a.ico-tumblr,
  .navbar.scroll .header-socials a.ico-tumblr {
    background-color: #3a5976;
    border-color: #3a5976;
  }
  .header-socials a.ico-vk,
  .navbar.scroll .header-socials a.ico-vk {
    background-color: #3b5998;
    border-color: #3b5998;
  }

  .header-socials a:hover {
    color: #fff;
    opacity: 1;
  }

  .header-store img {
    margin-top: 4px;
  }
  .header-store img.appstore-button {
    width: 128px;
    height: 40px;
  }
  .header-store img.googleplay-button {
    width: 137px;
    height: 40px;
  }

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  .hero-section {
    margin-top: 58px;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Video */
  #video-4 {
    padding-top: 130px;
    padding-bottom: 80px;
  }

  /* Blog */
  #blog-page {
    margin-top: 140px;
    margin-bottom: 80px;
  }
  #single-post-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 576px) and (max-width: 767.99px) {
  .animated {
    visibility: visible;
    display: block;
  }

  @keyframes fadeIn {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  html {
    font-size: 15px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 15px */
  h5.h5-sm {
    font-size: 1.05rem;
  } /* 15.75px */
  h5.h5-md {
    font-size: 1.05rem;
  } /* 15.75px */
  h5.h5-lg {
    font-size: 1.08rem;
  } /* 16.2px */
  h5.h5-xl {
    font-size: 1.08rem;
  } /* 16.2px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.08rem;
  } /* 16.2px */
  h4.h4-sm {
    font-size: 1.08rem;
  } /* 16.2px */
  h4.h4-md {
    font-size: 1.15rem;
  } /* 17.25px */
  h4.h4-lg {
    font-size: 1.23rem;
  } /* 18.45px */
  h4.h4-xl {
    font-size: 1.3rem;
  } /* 19.5px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 1.45rem;
  } /* 21.75px */
  h3.h3-sm {
    font-size: 1.54rem;
  } /* 23.1px */
  h3.h3-md {
    font-size: 1.625rem;
  } /* 24.375px */
  h3.h3-lg {
    font-size: 1.7rem;
  } /* 25.5px */
  h3.h3-xl {
    font-size: 1.85rem;
  } /* 27.75px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 2rem;
  } /* 30px */
  h2.h2-sm {
    font-size: 2.08rem;
  } /* 31.2px */
  h2.h2-md {
    font-size: 2.16rem;
  } /* 32.4px */
  h2.h2-lg {
    font-size: 2.3125rem;
  } /* 34.6875px */
  h2.h2-xl {
    font-size: 2.45rem;
  } /* 36.75px */

  /* Paragraphs */
  p.p-sm {
    font-size: 0.95rem;
  } /* 14.25px */
  p {
    font-size: 1rem;
  } /* 15px */
  p.p-md {
    font-size: 1rem;
  } /* 15px */
  p.p-lg {
    font-size: 1rem;
  } /* 15px */
  p.p-xl {
    font-size: 1rem;
  } /* 15px */

  /* Button */
  .btn {
    font-size: 0.95rem;
    padding: 0.9rem 1.7rem;
  }

  /* Store Badges */
  a.store {
    margin-right: 10px;
  }

  .store img.appstore-original {
    width: 141px;
    height: 44px;
  }
  .store img.googleplay-original {
    width: 150px;
    height: 44px;
  }
  .store img.amazon-original {
    width: 139px;
    height: 44px;
  }
  .store img.windows-original {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-white {
    width: 136px;
    height: 44px;
  }
  .store img.googleplay-white {
    width: 144px;
    height: 44px;
  }

  .store img.appstore-grey {
    width: 139px;
    height: 44px;
  }
  .store img.googleplay-grey {
    width: 148px;
    height: 44px;
  }

  /* Modal Video Button */
  .modal-video {
    line-height: 1.75rem;
  }
  .modal-video a span {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-right: 3px;
  }
  .modal-video a {
    font-size: 1.05rem;
    line-height: 1.75rem;
  }

  /* Box Icons */
  .box-icon span {
    font-size: 3.5rem;
  }
  .box-icon-xs span {
    font-size: 2.5rem;
  }
  .box-icon-sm span {
    font-size: 3rem;
  }
  .box-icon-md span {
    font-size: 4rem;
  }
  .box-icon-lg span {
    font-size: 4.5rem;
  }
  .box-icon-xl span {
    font-size: 5rem;
  }

  /* Quote */
  .quote p {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .quote-avatar img {
    width: 40px;
    height: 40px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }

  /* App Devices Icons */
  .app-devices {
    padding: 5px 0 0 5px;
  }
  .app-devices .svg-inline--fa {
    font-size: 2.15rem;
  }
  .app-devices .svg-inline--fa.f-phone {
    margin-right: 1rem;
  }
  .app-devices-desc p {
    font-size: 0.95rem;
    padding-right: 5%;
  }

  /* Section Title */
  .section-title {
    margin-bottom: 30px;
  }

  .section-title p {
    font-size: 1rem;
    padding: 0 5%;
  }

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  .hero-section {
    text-align: center;
  }

  #hero-1,
  #hero-5 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  #hero-2 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: left bottom;
  }
  #hero-4 {
    padding-top: 80px;
  }
  #hero-7 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: bottom left;
  }
  #hero-10 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: right center;
  }
  #hero-12 {
    background-position: right center;
  }

  .hero-row-100,
  .hero-row-120,
  .hero-row-140,
  .hero-row-160,
  .hero-row-180,
  .hero-row-200 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #hero-3 .hero-row-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #hero-11 .hero-row-200 {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  /* Hero Big Title */
  .hero-app-logo {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-app-logo span {
    font-size: 2.75rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Text */
  #hero-1 .hero-txt {
    margin-top: 0;
  }
  #hero-7 .hero-txt.text-right {
    text-align: center !important;
  }
  #hero-9-content {
    padding-top: 80px;
    padding-bottom: 370px;
  }

  /* Hero Headers */
  .hero-section h4,
  .hero-section h3,
  .hero-section h2,
  #hero-1.hero-section h2 {
    margin-bottom: 12px;
  }
  #hero-5 .hero-txt h2,
  #hero-6 .hero-txt h2,
  #hero-11 .hero-txt h2 {
    padding: 0 5%;
  }
  #hero-10.hero-section h2 {
    color: #fff;
    margin-bottom: 20px;
  }

  #hero-2 h2,
  #hero-2 p,
  #hero-2 .hero-links a,
  #hero-2 .hero-links span,
  #hero-7 h2,
  #hero-7 p,
  #hero-7 .hero-data span,
  #hero-10 h2,
  #hero-10 h2 span {
    color: #333;
  }

  #hero-12 h3,
  #hero-12 p {
    color: #fff;
  }

  .hero-section .modal-video {
    margin: 0 auto;
  }
  #hero-10 .modal-video a span,
  #hero-12 .modal-video a span,
  #hero-10 .modal-video a,
  #hero-12 .modal-video a {
    color: #fff;
  }

  /* Hero Paragraphs */
  #hero-1 .hero-txt p,
  #hero-11 .hero-txt p {
    padding-right: 0;
  }
  #hero-3 .hero-txt p,
  #hero-5 .hero-txt p,
  #hero-6 .hero-txt p,
  #hero-11 .hero-txt p,
  #hero-12 .hero-txt p {
    padding: 0 10%;
  }
  #hero-8 .hero-txt p {
    padding: 0 10% 10px;
  }
  #hero-9 .hero-txt p {
    padding: 0 5%;
    margin-bottom: 25px;
  }

  /* Hero Store Badges */
  .hero-stores-badge {
    margin-top: 20px;
  }
  #hero-12 .hero-stores-badge {
    margin-top: 15px;
  }
  #hero-12 a.store {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
  }

  /* Hero Buttons */
  #hero-4 .btn {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .hero-btns {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Hero Logo */
  .hero-app-logo,
  #hero-4 .hero-app-logo,
  #hero-8 .hero-app-logo {
    margin-bottom: 20px;
  }
  .hero-app-logo img {
    width: 80px;
    height: 80px;
  }
  #hero-4 .hero-app-logo img {
    width: 100px;
    height: 100px;
  }

  /* Hero Links */
  #hero-2 .hero-links {
    margin-top: 0px;
    margin-left: 0;
  }
  #hero-5 .modal-video {
    margin-top: 8px;
  }
  #hero-8 .modal-video.m-left-25 {
    margin-left: 15px;
  }

  /* Hero Boxes */
  .hero-boxes {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .hbox {
    width: 30%;
    margin-top: 30px;
    float: none !important;
    display: inline-block;
  }
  .hbox span {
    margin-bottom: 10px;
  }

  /* Hero Newsletter Form */
  #hero-2 .newsletter-form {
    margin-top: 20px;
    margin-right: 0;
  }
  #hero-2 .newsletter-form .form-control {
    height: 44px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-right: none;
  }
  #hero-2 .newsletter-form .form-control:focus {
    border: 1px solid #ddd;
    border-right: none;
  }
  #hero-2 .newsletter-form .btn {
    height: 44px;
    border: 1px solid #ddd;
    border-left: none;
  }

  /* Hero Image */
  #hero-1 .hero-img,
  #hero-5 .hero-img,
  #hero-10 .hero-img {
    margin: 40px 12% 0;
  }
  .hero-3-img,
  .hero-11-img {
    display: none;
  }
  #hero-4 .hero-img {
    margin: 40px 10% 0;
  }
  #hero-2 .hero-img,
  #hero-6 .hero-img,
  #hero-7 .hero-img,
  #hero-8 .hero-img {
    margin: 0 12% 40px;
  }
  .hero-9-image img {
    margin-top: -330px;
  }
  #hero-12 .hero-img {
    margin: 30px 12%;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  #features-4 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #features-4 .bg-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #features-4 .col-md-4 {
    text-align: center !important;
  }
  #features-5 {
    padding-top: 80px;
    padding-bottom: 55px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .fbox-2 {
    padding: 40px 60px;
    margin-right: 2%;
    margin-left: 2%;
  }
  .fbox-3 {
    padding: 40px;
    margin-right: 2%;
    margin-left: 2%;
  }
  .fbox-5 {
    margin-bottom: 25px;
  }
  .fbox-6 {
    margin-bottom: 30px;
  }

  .fbox-1 h5,
  .fbox-2 h5,
  .fbox-3 h5 {
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .fbox-4 h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .fbox-1 p {
    padding: 0 8%;
  }
  .fbox-4 p {
    padding: 0 10%;
  }
  .fbox-5-txt,
  .fbox-6-txt {
    padding-left: 15px;
  }
  .fbox-5 span,
  .fbox-6 span {
    width: 55px;
    height: 55px;
  }

  .fbox-4-img {
    margin: 40px 25%;
  }
  .features-6-content.wide-50 {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .features-5-img,
  .features-6-img {
    display: none;
  }

  /* Content */
  #content-5 .p-top-100.bg-inner {
    padding-top: 80px;
  }
  #content-7 .section-title {
    margin-bottom: 30px;
  }
  #content-7 .section-title p,
  #content-8 .section-title p {
    padding: 0;
  }

  .content-txt h2.h2-xs {
    margin-bottom: 12px;
  }
  .content-txt h5.h5-md {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .cbox-1 {
    margin-bottom: 10px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-txt .btn {
    margin-top: 5px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 15%;
    padding-right: 15%;
  }
  .content-7-image {
    padding-bottom: 40px;
  }
  #content-7 .content-img {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  #content-8 #tab-3 .content-img {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-pills .nav-link {
    font-size: 1rem;
    padding: 8px 24px;
    margin-right: 6px;
  }

  /* Statistic */
  #statistic-2 .statistic-block {
    padding: 25px 20px;
  }

  .statistic-number {
    font-size: 2.75rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 2.75rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  .statistic-img img {
    padding-left: 15%;
    padding-right: 15%;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-4 {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  #video-3 .section-title {
    margin-bottom: 5.75rem;
  }

  #video-1 .video-preview {
    margin-top: 50px;
  }
  #video-3 .video-preview {
    margin: 40px 10% 0;
  }
  .video-inner-bg {
    margin-right: 10px;
    margin-left: 10px;
  }
  .video-content {
    padding: 60px 50px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .play-icon-green {
    width: 100px;
    height: 100px;
    background: url(../images/play-icon-green-medium.png);
    margin-top: -50px;
    margin-left: -50px;
  }

  #video-3 h4 {
    margin-bottom: 15px;
  }
  #video-1 p {
    padding: 0;
    margin-bottom: 20px;
  }
  #video-4 p {
    padding: 0;
  }
  .video-section .btn {
    margin-top: 10px;
  }

  #video-4 .video-content {
    margin: -30px 10px;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 60px;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 130px;
  }

  /* Team */
  #team-1 .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .join-team.m-top-25 {
    margin-top: 0;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0 5%;
  }

  /* Pricing */
  .pricing-table span.price {
    font-size: 32px;
    line-height: 32px;
  }
  .pricing-table sup {
    font-size: 26px;
    top: -3px;
    right: 2px;
  }
  ul.features {
    font-size: 1rem;
  }
  ul.features li {
    padding: 7px 0;
  }
  .pricing-notice p {
    padding: 0;
  }

  /* Testimonials */
  .review-1,
  .review-2 {
    padding: 0 50px;
    margin-bottom: 30px;
  }
  .review-2 {
    padding: 0 10px;
  }
  .review-2 .review-txt {
    padding: 40px 25px 50px;
  }

  .review-1 .testimonial-avatar img,
  .review-2 .testimonial-avatar img {
    width: 70px;
    height: 70px;
  }
  .review-2 .testimonial-avatar img {
    margin: -35px auto 15px;
  }

  .review-2 h5.h5-lg {
    font-size: 1.0675rem;
    margin-bottom: 15px;
  }
  .review-1 p,
  .review-2 p {
    font-size: 1.05rem;
  }
  p.testimonial-autor {
    font-size: 1.1rem;
  }

  .app-rating .svg-inline--fa {
    font-size: 0.85rem;
  }

  /* FAQs */
  .question {
    margin-bottom: 20px;
  }
  .question h5 {
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .more-questions-btn {
    margin-top: 30px;
  }

  /* Download */
  #download-2,
  #download-3 {
    text-align: center;
    padding: 0;
  }

  #download-2 .download-txt,
  #download-3 .download-txt {
    padding: 80px 0;
  }
  #download-4 .download-txt {
    margin-bottom: 35px;
  }

  #download-2 h2,
  #download-3 h2 {
    padding: 0 8%;
  }
  #download-1 p,
  #download-4 p {
    padding: 0;
  }
  #download-2 p,
  #download-3 p {
    padding: 0 10%;
  }
  .download-section .stores-badge {
    margin-top: 20px;
  }

  .download-2-img,
  .download-3-img {
    display: none;
  }

  /* More App */
  .m-img {
    display: inline-block;
    padding: 40px;
  }
  .m-img img {
    width: 100px;
    height: 100px;
  }

  /* Brands */
  #brands-1 {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  #brands-1 .brand-logo img {
    padding: 0;
  }

  /* Press */
  #press-1 .col-md-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .press-logo {
    padding: 60px 30px;
  }
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }
  .press-txt.m-top-20 {
    margin-top: 0;
  }

  /* Newsletter */
  #newsletter-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #newsletter-2 {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
  }

  #newsletter-2 h3 {
    padding: 0 10%;
  }

  #newsletter-1 .newsletter-form {
    margin: 20px 5% 0;
  }
  #newsletter-2 .newsletter-form {
    margin: 20px 10% 0;
  }

  .newsletter-section .newsletter-form .form-control {
    height: 54px;
    font-size: 1.1rem;
  }
  .newsletter-section .newsletter-form .btn {
    height: 54px;
  }

  /* Blog */
  .blog-post h5,
  #blog-2 .blog-post h5 {
    margin-bottom: 10px;
  }
  .blog-post-txt span {
    margin-bottom: 8px;
  }

  #sidebar-right {
    margin-top: 40px;
  }
  .sidebar-div.m-bottom-40 {
    margin-bottom: 30px;
  }
  .sidebar-div.m-bottom-50 {
    margin-bottom: 40px;
  }

  .posts-holder.p-right-60,
  .post-holder.p-right-60 {
    padding-right: 0;
  }
  #search-field .btn {
    padding: 14px;
  }
  .badge {
    font-size: 0.7rem;
    margin-bottom: 8px;
    padding: 4px 10px;
  }

  a.share-ico {
    width: 70px;
    height: 30px;
    font-size: 15px;
    line-height: 30px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  .blog-page-pagination.m-top-80 {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  /* Contacts */
  #contacts-2 .form-holder {
    margin: 0 20px;
  }

  .contact-form .form-control {
    height: 50px;
    margin-bottom: 20px;
  }
  .contact-form .custom-select {
    height: 50px;
    margin-bottom: 20px;
  }

  #contacts-2 .contact-form .form-control {
    font-size: 1.05rem;
    margin-bottom: 30px;
  }

  .contact-form textarea {
    min-height: 150px;
  }

  /* Footer */
  .bottom-footer {
    margin-top: 10px;
    padding-top: 40px;
  }

  .footer-logo img {
    width: 110px;
    height: 110px;
  }

  .footer-info p {
    font-size: 1rem;
  }
  .foo-links li a {
    font-size: 1rem;
    line-height: 1.4;
  }

  #footer-3 .foo-links li,
  #footer-4 .foo-links li,
  .bottom-footer .foo-links li {
    margin-left: 10px;
  }
  .footer-stores-badge.text-right,
  .footer-socials-links.text-right {
    text-align: left !important;
  }

  .footer-links.text-right,
  .footer-copyright {
    text-align: center !important;
  }
  #footer-2 .footer-copyright,
  #footer-3 .footer-copyright {
    margin-bottom: 10px;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .terms-box p span {
    font-size: 1rem;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 575px) {
  .animated {
    visibility: visible;
    display: block;
  }

  @keyframes fadeIn {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInLeft {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  html {
    font-size: 14px;
  }

  /* Paragraphs */
  p.p-sm {
    font-size: 0.95rem;
  } /* 13.3px */
  p {
    font-size: 1rem;
  } /* 14px */
  p.p-md {
    font-size: 1rem;
  } /* 14px */
  p.p-lg {
    font-size: 1rem;
  } /* 14px */
  p.p-xl {
    font-size: 1rem;
  } /* 14px */

  /* Button */
  .btn {
    font-size: 0.95rem;
    padding: 0.8rem 1.7rem;
  }

  /* Store Badges */
  a.store {
    margin-right: 8px;
  }

  .store img.appstore-original {
    width: 128px;
    height: 40px;
  }
  .store img.googleplay-original {
    width: 137px;
    height: 40px;
  }
  .store img.amazon-original {
    width: 126px;
    height: 44px;
  }
  .store img.windows-original {
    width: 131px;
    height: 40px;
  }

  .store img.appstore-white {
    width: 124px;
    height: 40px;
  }
  .store img.googleplay-white {
    width: 131px;
    height: 40px;
  }

  .store img.appstore-grey {
    width: 126px;
    height: 40px;
  }
  .store img.googleplay-grey {
    width: 134px;
    height: 40px;
  }

  /* Box Icons */
  .box-icon span {
    font-size: 3.25rem;
  }
  .box-icon-xs span {
    font-size: 2.25rem;
  }
  .box-icon-sm span {
    font-size: 2.75rem;
  }
  .box-icon-md span {
    font-size: 3.75rem;
  }
  .box-icon-lg span {
    font-size: 4.25rem;
  }
  .box-icon-xl span {
    font-size: 4.75rem;
  }

  /* Quote */
  .quote p {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .quote-avatar img {
    width: 40px;
    height: 40px;
  }
  .quote-author {
    padding: 0 0 0 10px;
  }

  /* App Devices Icons */
  .app-devices {
    padding: 5px 0 0 5px;
  }
  .app-devices .svg-inline--fa {
    font-size: 2.15rem;
  }
  .app-devices .svg-inline--fa.f-phone {
    margin-right: 1rem;
  }
  .app-devices-desc p {
    font-size: 0.95rem;
    padding-right: 5%;
  }

  /* Section Title */
  .section-title {
    margin-bottom: 30px;
  }

  .section-title p {
    font-size: 1rem;
    padding: 0;
  }

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  .hero-section {
    text-align: center;
  }

  #hero-1,
  #hero-5 {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  #hero-2 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: left bottom;
  }
  #hero-4 {
    padding-top: 80px;
  }
  #hero-7 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: bottom left;
  }
  #hero-10 {
    padding-top: 80px;
    padding-bottom: 60px;
    background-position: right center;
  }
  #hero-12 {
    background-position: right center;
  }

  .hero-row-100,
  .hero-row-120,
  .hero-row-140,
  .hero-row-160,
  .hero-row-180,
  .hero-row-200 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #hero-3 .hero-row-200,
  #hero-11 .hero-row-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  /* Hero Big Title */
  .hero-app-logo {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Hero Text */
  #hero-1 .hero-txt {
    margin-top: 0;
  }
  #hero-7 .hero-txt.text-right {
    text-align: center !important;
  }

  /* Hero Headers */
  .hero-section h4,
  .hero-section h3,
  .hero-section h2,
  #hero-1.hero-section h2 {
    margin-bottom: 12px;
  }
  #hero-10.hero-section h2 {
    color: #fff;
    margin-bottom: 20px;
  }
  #hero-2 h2,
  #hero-2 p,
  #hero-2 .hero-links a,
  #hero-2 .hero-links span,
  #hero-7 h2,
  #hero-7 p,
  #hero-7 .hero-data span,
  #hero-10 h2,
  #hero-10 h2 span {
    color: #333;
  }

  #hero-12 h3,
  #hero-12 p {
    color: #fff;
  }

  .hero-section .modal-video {
    margin: 0 auto;
  }
  #hero-10 .modal-video a span,
  #hero-12 .modal-video a span,
  #hero-10 .modal-video a,
  #hero-12 .modal-video a {
    color: #fff;
  }

  /* Hero Paragraphs */
  #hero-1 .hero-txt p,
  #hero-5 .hero-txt p,
  #hero-11 .hero-txt p {
    padding-right: 0;
  }
  #hero-9 .hero-txt p {
    padding: 0;
    margin-bottom: 0;
  }

  /* Hero Logo */
  .hero-app-logo,
  #hero-4 .hero-app-logo,
  #hero-8 .hero-app-logo {
    margin-bottom: 20px;
  }
  .hero-app-logo img {
    width: 80px;
    height: 80px;
  }
  #hero-4 .hero-app-logo img {
    width: 100px;
    height: 100px;
  }

  /* Hero Store Badges */
  .hero-stores-badge {
    margin-top: 20px;
  }

  /* Hero Buttons */
  #hero-4 .btn {
    margin-top: 12px;
    margin-bottom: 0;
  }
  .hero-btns {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
  }

  /* Hero Links */
  #hero-2 .hero-links {
    margin-top: 0px;
    margin-left: 0;
  }

  /* Hero Boxes */
  .hero-boxes {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  /* Hero Newsletter Form */
  #hero-2 .newsletter-form {
    margin-top: 20px;
    margin-right: 0;
  }
  #hero-2 .newsletter-form .form-control {
    height: 44px;
    font-size: 1rem;
    border: 1px solid #ddd;
    border-right: none;
  }
  #hero-2 .newsletter-form .form-control:focus {
    border: 1px solid #ddd;
    border-right: none;
  }
  #hero-2 .newsletter-form .btn {
    height: 44px;
    border: 1px solid #ddd;
    border-left: none;
  }

  /* Hero Image */
  .hero-3-img,
  .hero-11-img {
    display: none;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  #features-4 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #features-4 .bg-inner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #features-4 .col-md-4 {
    text-align: center !important;
  }
  #features-5 {
    padding-top: 80px;
    padding-bottom: 55px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .fbox-5 {
    margin-bottom: 25px;
  }
  .fbox-6 {
    margin-bottom: 30px;
  }

  .fbox-1 h5,
  .fbox-2 h5,
  .fbox-3 h5 {
    margin-top: 12px;
    margin-bottom: 8px;
  }
  .fbox-4 h5 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .features-6-content.wide-50 {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .features-5-img,
  .features-6-img {
    display: none;
  }

  /* Content */
  #content-5 .p-top-100.bg-inner {
    padding-top: 80px;
  }
  #content-7 .section-title {
    margin-bottom: 30px;
  }
  #content-7 .section-title p,
  #content-8 .section-title p {
    padding: 0;
  }

  /* Video */
  #video-4 {
    padding-top: 130px;
    padding-bottom: 80px;
  }
  .play-icon-green {
    width: 100px;
    height: 100px;
    background: url(../images/play-icon-green-medium.png);
    margin-top: -50px;
    margin-left: -50px;
  }

  /* Pricing */
  .pricing-table span.price {
    font-size: 32px;
    line-height: 32px;
  }
  .pricing-table sup {
    font-size: 26px;
    top: -3px;
    right: 2px;
  }
  ul.features {
    font-size: 1rem;
  }
  ul.features li {
    padding: 7px 0;
  }
  .pricing-notice p {
    padding: 0;
  }

  /* Testimonials */
  .review-1 .testimonial-avatar img,
  .review-2 .testimonial-avatar img {
    width: 70px;
    height: 70px;
  }
  .review-2 .testimonial-avatar img {
    margin: -35px auto 15px;
  }

  .review-2 h5.h5-lg {
    font-size: 1.0675rem;
    margin-bottom: 15px;
  }
  .review-1 p,
  .review-2 p {
    font-size: 1.05rem;
  }
  p.testimonial-autor {
    font-size: 1.1rem;
  }

  .app-rating .svg-inline--fa {
    font-size: 0.85rem;
  }

  /* FAQs */
  .question {
    margin-bottom: 20px;
  }
  .question h5 {
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .more-questions-btn {
    margin-top: 30px;
  }

  /* Download */
  #download-2,
  #download-3 {
    text-align: center;
    padding: 0;
  }

  #download-2 .download-txt,
  #download-3 .download-txt {
    padding: 80px 0;
  }
  #download-4 .download-txt {
    margin-bottom: 35px;
  }

  .download-2-img,
  .download-3-img {
    display: none;
  }

  /* More App */
  .m-img {
    display: inline-block;
    padding: 40px;
  }
  .m-img img {
    width: 100px;
    height: 100px;
  }

  /* Brands */
  #brands-1 {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  /* Newsletter */
  #newsletter-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #newsletter-2 {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
  }

  .newsletter-section .newsletter-form .form-control {
    height: 54px;
    font-size: 1.1rem;
  }
  .newsletter-section .newsletter-form .btn {
    height: 54px;
  }

  /* Blog */
  #blog-page {
    margin-top: 140px;
    margin-bottom: 80px;
  }
  #single-post-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }

  .blog-post h5,
  #blog-2 .blog-post h5 {
    margin-bottom: 10px;
  }
  .blog-post-txt span {
    margin-bottom: 8px;
  }

  #sidebar-right {
    margin-top: 40px;
  }
  .sidebar-div.m-bottom-40 {
    margin-bottom: 30px;
  }
  .sidebar-div.m-bottom-50 {
    margin-bottom: 40px;
  }

  .posts-holder.p-right-60,
  .post-holder.p-right-60 {
    padding-right: 0;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  .blog-page-pagination.m-top-80 {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  /* Contacts */
  .contact-form .form-control {
    height: 50px;
    margin-bottom: 20px;
  }
  .contact-form .custom-select {
    height: 50px;
    margin-bottom: 20px;
  }

  #contacts-2 .contact-form .form-control {
    font-size: 1.05rem;
    margin-bottom: 30px;
  }

  .contact-form textarea {
    min-height: 150px;
  }

  /* Footer */
  .bottom-footer {
    margin-top: 10px;
    padding-top: 40px;
  }

  .footer-logo img {
    width: 90px;
    height: 90px;
  }

  .footer-info p {
    font-size: 1rem;
  }
  .foo-links li a {
    font-size: 1rem;
    line-height: 1.4;
  }

  #footer-3 .foo-links li,
  #footer-4 .foo-links li,
  .bottom-footer .foo-links li {
    margin-left: 10px;
  }
  .footer-stores-badge.text-right,
  .footer-socials-links.text-right {
    text-align: left !important;
  }

  .footer-links.text-right,
  .footer-copyright {
    text-align: center !important;
  }
  #footer-2 .footer-copyright,
  #footer-3 .footer-copyright {
    margin-bottom: 10px;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .terms-box p span {
    font-size: 1rem;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 416px) and (max-width: 575.99px) {
  html {
    font-size: 14px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 14px */
  h5.h5-sm {
    font-size: 1.05rem;
  } /* 14.7px */
  h5.h5-md {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-lg {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-xl {
    font-size: 1.1rem;
  } /* 15.4px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.1rem;
  } /* 15.4px */
  h4.h4-sm {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-md {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-lg {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-xl {
    font-size: 1.2rem;
  } /* 16.8px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 1.283rem;
  } /* 17.96px */
  h3.h3-sm {
    font-size: 1.35rem;
  } /* 18.9px */
  h3.h3-md {
    font-size: 1.415rem;
  } /* 19.8px */
  h3.h3-lg {
    font-size: 1.515rem;
  } /* 21.21px */
  h3.h3-xl {
    font-size: 1.515rem;
  } /* 21.21px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 1.66rem;
  } /* 23.24px */
  h2.h2-sm {
    font-size: 1.73rem;
  } /* 24.22px */
  h2.h2-md {
    font-size: 1.8rem;
  } /* 25.2px */
  h2.h2-lg {
    font-size: 1.93rem;
  } /* 27.05px */
  h2.h2-xl {
    font-size: 2.05rem;
  } /* 28.7px */

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  /* Hero Text */
  #hero-9-content {
    padding-top: 80px;
    padding-bottom: 220px;
  }

  /* Hero Big Title */
  .hero-app-logo span {
    font-size: 2.45rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Paragraphs */
  #hero-8 .hero-txt p {
    padding: 0 0 10px;
  }

  /* Hero Store Badges */
  #hero-12 .hero-stores-badge {
    margin-top: 15px;
  }
  #hero-12 a.store {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
  }

  /* Hero Links */
  #hero-5 .modal-video {
    margin-top: 0;
  }
  #hero-8 .modal-video.m-left-25 {
    margin-left: 12px;
  }

  /* Hero Boxes */
  .hbox {
    width: 48%;
    margin-top: 30px;
    float: none !important;
    display: inline-block;
  }
  .hbox span {
    margin-bottom: 10px;
  }

  /* Hero Image */
  #hero-1 .hero-img,
  #hero-5 .hero-img {
    margin: 40px 10% 0;
  }
  #hero-4 .hero-img {
    margin: 40px 10% 0;
  }
  #hero-2 .hero-img,
  #hero-6 .hero-img,
  #hero-7 .hero-img,
  #hero-8 .hero-img {
    margin: 0 10% 40px;
  }
  .hero-9-image img {
    margin-top: -180px;
  }
  #hero-10 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-12 .hero-img {
    margin: 30px 10%;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  .fbox-2 {
    padding: 40px 20px;
    margin-right: 2%;
    margin-left: 2%;
  }
  .fbox-3 {
    padding: 40px;
    margin-right: 2%;
    margin-left: 2%;
  }

  .fbox-4 p {
    padding: 0 5%;
  }
  .fbox-4-img {
    margin: 40px 25%;
  }

  /* Content */
  .cbox-1 {
    margin-bottom: 10px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-txt h2.h2-xs {
    margin-bottom: 12px;
  }
  .content-txt h5.h5-md {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .content-txt .btn {
    margin-top: 5px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 10%;
    padding-right: 10%;
  }
  .content-7-image {
    padding-bottom: 40px;
  }
  #content-7 .content-img {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  #content-8 #tab-3 .content-img {
    padding-left: 0;
    padding-right: 0;
  }

  #pills-tab {
    width: 100%;
    margin-bottom: 40px;
  }
  .nav-pills .nav-item {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  .nav-pills .nav-link {
    font-size: 0.95rem;
    padding: 8px 12px;
    margin-right: 0;
  }

  /* Statistic */
  #statistic-2 .col-sm-6 {
    border: none;
  }
  #statistic-2 .statistic-block {
    padding: 0;
    margin-bottom: 30px;
  }

  .statistic-number {
    font-size: 3rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  .statistic-img img {
    padding-left: 10%;
    padding-right: 10%;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-3 .section-title {
    margin-bottom: 5.75rem;
  }

  #video-1 .video-preview {
    margin-top: 40px;
  }
  #video-3 .video-preview {
    margin: 10px 5% 0;
  }

  .video-inner-bg {
    margin-right: 0;
    margin-left: 0;
  }
  .video-content {
    padding: 60px 40px;
    margin-right: 0;
    margin-left: 0;
  }
  #video-3 .video-txt {
    margin-bottom: 40px;
  }
  #video-3 .video-txt h3.h3-lg {
    margin-bottom: 15px;
  }
  #video-3 .video-txt .btn {
    margin-top: 10px;
  }

  #video-3 h4 {
    margin-bottom: 15px;
  }
  #video-1 p {
    padding: 0;
    margin-bottom: 20px;
  }
  .video-section .btn {
    margin-top: 10px;
  }

  #video-4 .video-content {
    margin: -30px 0;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 60px;
  }

  #video-4 p {
    padding: 0%;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #screens-1 .screenshots-wrap {
    width: 280px;
    margin: 78px auto 70px;
  }
  #screens-2 .screenshots-wrap {
    width: 298px;
    margin: 0 auto;
  }
  #screens-1 .carousel-item {
    width: 240px;
    margin: 0 20px;
    text-align: center;
  }
  #screens-1 .carousel-item img {
    width: 240px;
    text-align: center;
  }
  .iphone-frame {
    top: -62px;
  }
  .iphone-frame img {
    max-width: 280px;
  }

  #screens-2 .carousel-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  /* Team */
  #team-1 .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .join-team.m-top-25 {
    margin-top: 0;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0;
  }

  /* Download */
  #download-2 h2,
  #download-3 h2 {
    padding: 0 8%;
  }
  #download-1 p,
  #download-4 p {
    padding: 0;
  }
  #download-2 p,
  #download-3 p {
    padding: 0 5%;
  }
  .download-section .stores-badge {
    margin-top: 20px;
  }

  /* Brands */
  #brands-1 .brand-logo {
    width: 50% !important;
    float: left;
  }
  #brands-1 .brand-logo img {
    padding: 0 10px;
  }

  /* Press */
  #press-1 .col-md-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .press-logo {
    padding: 60px 30px;
  }
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }
  .press-txt.m-top-20 {
    margin-top: 0;
  }

  /* Newsletter */
  #newsletter-2 h3 {
    padding: 0 5%;
  }

  #newsletter-1 .newsletter-form {
    margin: 15px 5% 0;
  }
  #newsletter-2 .newsletter-form {
    margin: 15px 10% 0;
  }

  /* Blog */
  #search-field .btn {
    padding: 12px;
  }
  a.share-ico {
    width: 60px;
    height: 25px;
    font-size: 14px;
    line-height: 25px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  /* Contacts */
  #contacts-2 .form-holder {
    margin: 0 20px;
  }

  /* Quick Form */
  #quick-form {
    display: none;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .terms-box p span {
    font-size: 1rem;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (min-width: 321px) and (max-width: 415px) {
  html {
    font-size: 14px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 14px */
  h5.h5-sm {
    font-size: 1.05rem;
  } /* 14.7px */
  h5.h5-md {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-lg {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-xl {
    font-size: 1.1rem;
  } /* 15.4px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.1rem;
  } /* 15.4px */
  h4.h4-sm {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-md {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-lg {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-xl {
    font-size: 1.2rem;
  } /* 16.8px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 1.283rem;
  } /* 17.96px */
  h3.h3-sm {
    font-size: 1.35rem;
  } /* 18.9px */
  h3.h3-md {
    font-size: 1.415rem;
  } /* 19.8px */
  h3.h3-lg {
    font-size: 1.465rem;
  } /* 20.5px */
  h3.h3-xl {
    font-size: 1.465rem;
  } /* 20.5px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 1.515rem;
  } /* 21.21px */
  h2.h2-sm {
    font-size: 1.52rem;
  } /* 21.7px */
  h2.h2-md {
    font-size: 1.58rem;
  } /* 22.12px */
  h2.h2-lg {
    font-size: 1.7rem;
  } /* 23.8px */
  h2.h2-xl {
    font-size: 1.7rem;
  } /* 23.8px */

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  /* Hero Text */
  #hero-9-content {
    padding-top: 80px;
    padding-bottom: 180px;
  }

  /* Hero Big Title */
  .hero-app-logo span {
    font-size: 2.45rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Paragraphs */
  #hero-8 .hero-txt p {
    padding: 0 0 10px;
  }

  /* Hero Store Badges */
  #hero-12 .hero-stores-badge {
    margin-top: 15px;
  }
  #hero-12 a.store {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
  }

  /* Hero Links */
  #hero-5 .modal-video {
    margin-top: 0;
  }
  #hero-8 .modal-video.m-left-25 {
    margin-left: 12px;
  }

  /* Hero Boxes */
  .hbox {
    width: 48%;
    margin-top: 30px;
    float: none !important;
    display: inline-block;
  }
  .hbox span {
    margin-bottom: 10px;
  }

  /* Hero Image */
  #hero-1 .hero-img,
  #hero-5 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-4 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-2 .hero-img,
  #hero-6 .hero-img,
  #hero-7 .hero-img,
  #hero-8 .hero-img {
    margin: 0 10% 30px;
  }
  .hero-9-image img {
    margin-top: -140px;
  }
  #hero-10 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-12 .hero-img {
    margin: 30px 10%;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  .fbox-2 {
    padding: 40px 20px;
    margin-right: 2%;
    margin-left: 2%;
  }
  .fbox-3 {
    padding: 40px;
    margin-right: 2%;
    margin-left: 2%;
  }

  .fbox-5-txt,
  .fbox-6-txt {
    padding-left: 10px;
  }
  .fbox-5 span,
  .fbox-6 span {
    width: 55px;
    height: 55px;
  }

  .fbox-4 p {
    padding: 0 5%;
  }
  .fbox-4-img {
    margin: 40px 15%;
  }

  /* Content */
  .cbox-1 {
    margin-bottom: 10px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-txt h2.h2-xs {
    margin-bottom: 12px;
  }
  .content-txt h5.h5-md {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .content-txt .btn {
    margin-top: 5px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 5%;
    padding-right: 5%;
  }
  .content-7-image {
    padding-bottom: 40px;
  }
  #content-7 .content-img {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  #content-8 #tab-3 .content-img {
    padding-left: 0;
    padding-right: 0;
  }

  #pills-tab {
    width: 100%;
    margin-bottom: 40px;
  }
  .nav-pills .nav-item {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  .nav-pills .nav-link {
    font-size: 0.95rem;
    padding: 8px 12px;
    margin-right: 0;
  }

  /* Statistic */
  #statistic-2 .col-sm-6 {
    border: none;
  }
  #statistic-2 .statistic-block {
    padding: 0;
    margin-bottom: 30px;
  }

  .statistic-number {
    font-size: 3rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-3 .section-title {
    margin-bottom: 5.75rem;
  }

  #video-1 .video-preview {
    margin-top: 40px;
  }
  #video-3 .video-preview {
    margin: 0;
  }

  .video-inner-bg {
    margin-right: 0;
    margin-left: 0;
  }
  .video-content {
    padding: 60px 40px;
    margin-right: 0;
    margin-left: 0;
  }
  #video-3 .video-txt {
    margin-bottom: 40px;
  }
  #video-3 .video-txt h3.h3-lg {
    margin-bottom: 15px;
  }
  #video-3 .video-txt .btn {
    margin-top: 10px;
  }

  #video-3 h4 {
    margin-bottom: 15px;
  }
  #video-1 p {
    padding: 0;
    margin-bottom: 20px;
  }
  .video-section .btn {
    margin-top: 10px;
  }

  #video-4 .video-inner-bg {
    margin-right: 0;
    margin-left: 0;
  }
  #video-4 .video-content {
    margin: -30px 0;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 60px;
  }

  #video-4 p {
    padding: 0%;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #screens-1 .screenshots-wrap {
    width: 280px;
    margin: 78px auto 70px;
  }
  #screens-2 .screenshots-wrap {
    width: 298px;
    margin: 0 auto;
  }
  #screens-1 .carousel-item {
    width: 240px;
    margin: 0 20px;
    text-align: center;
  }
  #screens-1 .carousel-item img {
    width: 240px;
    text-align: center;
  }
  .iphone-frame {
    top: -62px;
  }
  .iphone-frame img {
    max-width: 280px;
  }

  #screens-2 .carousel-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  /* Team */
  #team-1 .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .join-team.m-top-25 {
    margin-top: 0;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0;
  }

  /* Pricing */
  .pricing-table span.price {
    font-size: 28px;
    line-height: 28px;
  }
  .pricing-table sup {
    font-size: 20px;
    top: -2px;
    right: 2px;
  }

  /* Testimonials */
  .review-1,
  .review-2 {
    padding: 0;
    margin-bottom: 30px;
  }
  .review-2 .review-txt {
    padding: 40px 25px 50px;
  }

  /* Download */
  #download-2 h2,
  #download-3 h2 {
    padding: 0;
  }
  #download-1 p,
  #download-4 p {
    padding: 0;
  }
  #download-2 p,
  #download-3 p {
    padding: 0;
  }
  .download-section .stores-badge {
    margin-top: 20px;
  }

  /* Brands */
  #brands-1 .brand-logo {
    width: 50% !important;
    float: left;
  }
  #brands-1 .brand-logo img {
    padding: 0 10px;
  }

  /* Press */
  #press-1 .col-md-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .press-logo {
    padding: 50px 30px;
  }
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }
  .press-txt.m-top-20 {
    margin-top: 0;
  }

  /* Newsletter */
  #newsletter-2 h3 {
    padding: 0;
  }

  #newsletter-1 .newsletter-form {
    margin: 15px 0 0;
  }
  #newsletter-2 .newsletter-form {
    margin: 15px 0 0;
  }

  /* Blog */
  #search-field .btn {
    padding: 12px;
  }
  a.share-ico {
    width: 60px;
    height: 25px;
    font-size: 14px;
    line-height: 25px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  /* Contacts */
  #contacts-2 .form-holder {
    margin: 0 10px;
  }

  /* Quick Form */
  #quick-form {
    display: none;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .terms-box p span {
    font-size: 1rem;
  }
}

/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media (max-width: 320px) {
  html {
    font-size: 14px;
  }

  /*------------------------------------------*/
  /*   BASE
    /*------------------------------------------*/

  /* Header H5 */
  h5.h5-xs {
    font-size: 1rem;
  } /* 14px */
  h5.h5-sm {
    font-size: 1.05rem;
  } /* 14.7px */
  h5.h5-md {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-lg {
    font-size: 1.1rem;
  } /* 15.4px */
  h5.h5-xl {
    font-size: 1.1rem;
  } /* 15.4px */

  /* Header H4 */
  h4.h4-xs {
    font-size: 1.1rem;
  } /* 15.4px */
  h4.h4-sm {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-md {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-lg {
    font-size: 1.15rem;
  } /* 16.1px */
  h4.h4-xl {
    font-size: 1.2rem;
  } /* 16.8px */

  /* Header H3 */
  h3.h3-xs {
    font-size: 1.283rem;
  } /* 17.96px */
  h3.h3-sm {
    font-size: 1.35rem;
  } /* 18.9px */
  h3.h3-md {
    font-size: 1.415rem;
  } /* 19.8px */
  h3.h3-lg {
    font-size: 1.465rem;
  } /* 20.5px */
  h3.h3-xl {
    font-size: 1.465rem;
  } /* 20.5px */

  /* Header H2 */
  h2.h2-xs {
    font-size: 1.515rem;
  } /* 21.21px */
  h2.h2-sm {
    font-size: 1.52rem;
  } /* 21.7px */
  h2.h2-md {
    font-size: 1.58rem;
  } /* 22.12px */
  h2.h2-lg {
    font-size: 1.7rem;
  } /* 23.8px */
  h2.h2-xl {
    font-size: 1.7rem;
  } /* 23.8px */

  /*------------------------------------------*/
  /*   HERO
    /*------------------------------------------*/

  /* Hero Text */
  #hero-9-content {
    padding-top: 80px;
    padding-bottom: 180px;
  }

  /* Hero Big Title */
  .hero-app-logo span {
    font-size: 2.45rem;
    letter-spacing: -2px;
    padding-left: 15px;
  }

  /* Hero Paragraphs */
  #hero-8 .hero-txt p {
    padding: 0 0 10px;
  }

  /* Hero Store Badges */
  #hero-12 .hero-stores-badge {
    margin-top: 15px;
  }
  #hero-12 a.store {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 0;
  }

  /* Hero Links */
  #hero-5 .modal-video {
    margin-top: 0;
  }
  #hero-8 .modal-video.m-left-25 {
    margin-left: 12px;
  }

  /* Hero Boxes */
  .hbox {
    width: 48%;
    margin-top: 30px;
    float: none !important;
    display: inline-block;
  }
  .hbox span {
    margin-bottom: 10px;
  }

  /* Hero Image */
  #hero-1 .hero-img,
  #hero-5 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-4 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-2 .hero-img,
  #hero-6 .hero-img,
  #hero-7 .hero-img,
  #hero-8 .hero-img {
    margin: 0 10% 30px;
  }
  .hero-9-image img {
    margin-top: -140px;
  }
  #hero-10 .hero-img {
    margin: 30px 10% 0;
  }
  #hero-12 .hero-img {
    margin: 30px 10%;
  }

  /*------------------------------------------*/
  /*   CONTENT
    /*------------------------------------------*/

  /* Features */
  .fbox-2 {
    padding: 40px 20px;
    margin-right: 2%;
    margin-left: 2%;
  }
  .fbox-3 {
    padding: 40px;
    margin-right: 2%;
    margin-left: 2%;
  }

  .fbox-5-txt,
  .fbox-6-txt {
    padding-left: 10px;
  }
  .fbox-5 span,
  .fbox-6 span {
    width: 55px;
    height: 55px;
  }

  .fbox-4 p {
    padding: 0 5%;
  }
  .fbox-4-img {
    margin: 40px 15%;
  }

  /* Content */
  .cbox-1 {
    margin-bottom: 10px;
  }
  .cbox-1 span {
    width: 60px;
    height: 60px;
  }
  .cbox-1-txt {
    margin-left: 70px;
  }

  .content-txt h2.h2-xs {
    margin-bottom: 12px;
  }
  .content-txt h5.h5-md {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .content-txt .btn {
    margin-top: 5px;
  }

  .content-section .content-img,
  .content-5-img {
    padding-left: 5%;
    padding-right: 5%;
  }
  .content-7-image {
    padding-bottom: 40px;
  }
  #content-7 .content-img {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  #content-8 #tab-3 .content-img {
    padding-left: 0;
    padding-right: 0;
  }

  #pills-tab {
    width: 100%;
    margin-bottom: 40px;
  }
  .nav-pills .nav-item {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  .nav-pills .nav-link {
    font-size: 0.95rem;
    padding: 8px 12px;
    margin-right: 0;
  }

  /* Statistic */
  #statistic-2 .col-sm-6 {
    border: none;
  }
  #statistic-2 .statistic-block {
    padding: 0;
    margin-bottom: 30px;
  }

  .statistic-number {
    font-size: 3rem;
    letter-spacing: 1px;
  }
  #statistic-2 .statistic-number {
    font-size: 3rem;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .statistic-txt {
    margin-top: 0;
  }

  /* Video */
  #video-3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }
  #video-3 .section-title {
    margin-bottom: 5.75rem;
  }

  #video-1 .video-preview {
    margin-top: 40px;
  }
  #video-3 .video-preview {
    margin: 0;
  }

  .video-inner-bg {
    margin-right: 0;
    margin-left: 0;
  }
  .video-content {
    padding: 60px 40px;
    margin-right: 0;
    margin-left: 0;
  }
  #video-3 .video-txt {
    margin-bottom: 40px;
  }
  #video-3 .video-txt h3.h3-lg {
    margin-bottom: 15px;
  }
  #video-3 .video-txt .btn {
    margin-top: 10px;
  }

  #video-3 h4 {
    margin-bottom: 15px;
  }
  #video-1 p {
    padding: 0;
    margin-bottom: 20px;
  }
  .video-section .btn {
    margin-top: 10px;
  }

  #video-4 .video-inner-bg {
    margin-right: 0;
    margin-left: 0;
  }
  #video-4 .video-content {
    margin: -30px 0;
  }
  #video-4 .col-lg-10.m-top-100 {
    margin-top: 60px;
  }

  #video-4 p {
    padding: 0%;
  }

  /* Screens */
  #screens-1 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  #screens-1 .screenshots-wrap {
    width: 280px;
    margin: 78px auto 70px;
  }
  #screens-2 .screenshots-wrap {
    width: 298px;
    margin: 0 auto;
  }
  #screens-1 .carousel-item {
    width: 240px;
    margin: 0 20px;
    text-align: center;
  }
  #screens-1 .carousel-item img {
    width: 240px;
    text-align: center;
  }
  .iphone-frame {
    top: -62px;
  }
  .iphone-frame img {
    max-width: 280px;
  }

  #screens-2 .carousel-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  /* Team */
  #team-1 .col-md-6 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .join-team.m-top-25 {
    margin-top: 0;
  }
  .join-team p {
    margin-bottom: 20px;
    padding: 0;
  }

  /* Pricing */
  .pricing-table span.price {
    font-size: 28px;
    line-height: 28px;
  }
  .pricing-table sup {
    font-size: 20px;
    top: -2px;
    right: 2px;
  }

  /* Testimonials */
  .review-1,
  .review-2 {
    padding: 0;
    margin-bottom: 30px;
  }
  .review-2 .review-txt {
    padding: 40px 25px 50px;
  }

  /* Download */
  #download-2 h2,
  #download-3 h2 {
    padding: 0;
  }
  #download-1 p,
  #download-4 p {
    padding: 0;
  }
  #download-2 p,
  #download-3 p {
    padding: 0;
  }
  .download-section .stores-badge {
    margin-top: 20px;
  }

  /* Brands */
  #brands-1 .brand-logo {
    width: 50% !important;
    float: left;
  }
  #brands-1 .brand-logo img {
    padding: 0 10px;
  }

  /* Press */
  #press-1 .col-md-3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .press-logo {
    padding: 50px 30px;
  }
  .press-txt p {
    margin-bottom: 30px;
    padding: 0;
  }
  .press-txt.m-top-20 {
    margin-top: 0;
  }

  /* Newsletter */
  #newsletter-2 h3 {
    padding: 0;
  }

  #newsletter-1 .newsletter-form {
    margin: 15px 0 0;
  }
  #newsletter-2 .newsletter-form {
    margin: 15px 0 0;
  }

  /* Blog */
  #search-field .btn {
    padding: 12px;
  }
  a.share-ico {
    width: 60px;
    height: 25px;
    font-size: 14px;
    line-height: 25px !important;
    margin-right: 2px;
  }

  .single-post-comments hr {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .comment-form .form-control {
    height: 42px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .comment-form .btn {
    font-size: 1rem;
  }

  /* Contacts */
  #contacts-2 .form-holder {
    margin: 0;
  }

  /* Quick Form */
  #quick-form {
    display: none;
  }

  /* Terms */
  #terms-page {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .terms-box p span {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .order-responsive-1 {
    order: 1;
  }

  .order-responsive-2 {
    order: 2;
  }

  .box-icon-lg #streamlined-ordering {
    margin-left: 20px;
  }
}