@media(max-width: 1199px){
  header.fixed-top .navbar{ padding: 20px 0; }
  .left-mobile-box figure,
  .left-mobile-box figure img{ width: 100%; }
  .left-mobile-box:after{ background-size: 85%; right: -80px; background-repeat: no-repeat; }
  .footer-links{ padding-top: 0; padding-bottom: 30px; }
}

@media(max-width: 991px){
  .about-content{ order: inherit !important; }
  .download-bg-sec .left-title h3{ text-align: center; font-size: 30px; display: block; margin-bottom: 30px; }
  .footer-logo{ margin-bottom: 30px; }
  .download-bg-sec{ padding: 30px; top: 111px; }
  footer{ padding: 120px 10px 0; }
  .about-us-sec{ padding-top: 100px; padding-bottom: 60px; }
  .left-mobile-box{ margin-top: 50px; }
  .left-mobile-box:after{ display: none; }
  .how-it-works-sec{ padding-bottom: 0; padding-top: 70px; }
  .download-app-sec{ margin-top: -90px; }
  .title{ font-size: 36px; }
  .how-it-works-sec .title{ margin-bottom: 30px; }
  .navbar-light .navbar-toggler{ background: #40505e; border-radius: 0; padding: 10px 11px; font-size: 16px; border: 0; }
  header .navbar-collapse{ position: absolute; top: 44px; background: #3e4d5b; width: 240px; padding: 10px 0; }
  header .navbar-light .navbar-nav li { padding: 0 15px; }
  header .navbar-light .navbar-nav a.nav-link{ padding: 10px 0; font-size: 15px; }
  .works-bg-sec{ flex-wrap: wrap; width: 100%; background: transparent; }
  .works-box{ border: 0; margin-bottom: 30px; padding: 30px 0 0; }
  .how-it-works-sec:after{ right: 30px; }
}

@media(max-width: 767px){
  .hero-banner{ height: 90vh; }
  footer h3{ font-size: 20px; }
  .footer-links li a{ font-size: 15px; }
  .download-bg-sec .left-title h3{ font-size: 24px; margin-bottom: 20px; }
  .title{ font-size: 30px; }
  .how-it-works-sec:after{ display: none; }
}

@media(max-width: 576px){
  .title{ font-size: 24px; }
  .works-box p{ font-size: 16px; }
  .bottom-footer .terms-conditions{ width: 100%; display: inline-block; padding: 0; text-align: center; margin-top: 15px; }
  .bottom-footer span{ width: 100%; text-align: center; display: inline-block; padding: 0 20px; font-size: 15px; }
  .content-banner-downloads a{ width: 50%; margin-bottom: 15px; }
  .left-mobile-box figure img{ left: 0; }
  .left-mobile-box figure:before{ display: none; }
  .banner-content{ width: 100%; }
  .banner-content span{ font-size: 18px; }
  .works-box h4{ font-size: 20px; }
}