.site-container {
  overflow: hidden;
}

@media (max-width: 1280px) {
  .app-download-sec-in {
    padding: 20px 130px;
  }
}

@media (max-width: 1199px) {
  .app-download-sec-in {
    padding: 40px;
  }
  .app-download-sec-in figure {
    margin: 0;
  }
  .slider-screen {
    max-width: 800px;
  }
  .heading-text-big h4 {
    margin-top: -160px;
    font-size: 100px;
  }
}

@media (max-width: 1024px) {
  .how-it-works article {
    padding: 30px;
  }
  .how-it-works article figure {
    height: 230px;
  }
  .about-text p,
  ul.site-li li {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .about-text p,
  .how-it-works article figcaption p,
  ul.site-li li {
    font-size: 14px;
  }
  .heading-text h2,
  .app-download-text h4,
  .about-text h2 {
    font-size: 40px;
  }
  .heading-text {
    margin-bottom: 50px;
  }
  .footer-heading {
    font-size: 18px;
  }
  .banner-text h1 {
    font-size: 55px;
  }
  .banner-text {
    margin: 70px 0;
    margin-top: 120px;
  }
  .section-padding {
    padding: 80px 0px;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: 100%;
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
    padding-top: 85px;
    height: auto;
  }
  .navbar-collapse.show {
    transform: none;
  }
  .button-header {
    text-align: center;
    margin: 0 !important;
    margin-top: 0px;
    margin-top: 15px !important;
    padding: 10px;
  }
  .button-header .btn {
    width: 100%;
  }
  header .navbar-nav {
    position: static;
    height: auto;
  }
  body.fixed .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--white);
  }
  .navbar-toggler {
    padding: 3px 6px;
    background: var(--white);
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg id='Group_69070' data-name='Group 69070' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_34298' data-name='Path 34298' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Path_34299' data-name='Path 34299' d='M3,4H21V6H3Zm6,7H21v2H9ZM3,18H21v2H3Z' fill='%233e3939'/%3E%3C/svg%3E%0A");
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z'/%3E%3C/svg%3E");
  }
  body.fixed .logo-main {
    display: block;
  }
  body.fixed .logo-nav {
    display: none;
  }
  body.fixed header {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
  }
  .navbar-brand img {
    width: 120px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 15px;
  }
  .heading-text h2,
  .app-download-text h4,
  .about-text h2 {
    font-size: 36px;
  }
  .heading-text {
    margin-bottom: 40px;
  }
  .footer-heading {
    font-size: 16px;
  }
  .banner-text h1 {
    font-size: 50px;
  }
  .banner-text {
    margin: 70px 0;
    margin-top: 120px;
  }
  .section-padding {
    padding: 70px 0px;
  }
  .heading-text h3 {
    font-size: 18px;
  }
  .how-it-works article figcaption h4 {
    font-size: 20px;
  }
  .contact-sec .heading-text h2 {
    max-width: 100%;
  }
  .banner-text p {
    font-size: 18px;
  }
  .how-it-works article figure {
    display: flex;
  }
  .heading-text-big h4 {
    margin-top: -120px;
    font-size: 80px;
  }
  .slider-screen {
    max-width: 100%;
    padding: 0px 40px;
  }
  .slider-screen .owl-prev {
    margin-left: -20px;
  }
  .slider-screen .owl-next {
    margin-right: -20px;
  }
  .contact-sec-in .col-md-5 {
    width: 48%;
  }
  body,
  html {
    overflow-x: hidden !important;
  }
  .inner-banner {
    padding-top: 91px;
  }
  .inner-text {
    padding: 40px 0px;
  }
}

@media (max-width: 767px) {
  .banner-text {
    margin: auto;
    padding: 70px 0px;
    padding-top: 100px;
  }
  .banner-text h1 {
    font-size: 40px;
  }
  .banner-text p {
    font-size: 16px;
  }
  .about-us figure {
    text-align: center;
    width: 300px;
    margin: auto;
  }
  .how-it-works article figure {
    justify-content: center;
    height: 120px;
  }
  .how-it-works article {
    margin: 10px 0px;
  }
  .heading-text h2,
  .app-download-text h4,
  .about-text h2 {
    font-size: 30px;
  }
  .footer-main .col-md-3 {
    width: 50%;
    margin-top: 30px;
  }
  .app-download-text {
    text-align: center;
    margin-bottom: 60px;
  }
  .app-download-text span {
    margin-bottom: 10px;
  }
  .app-download-sec-in .col-md-5 {
    display: none;
  }
  .app-download-text,
  .app-download-sec-in {
    margin: 0;
  }
  .contact-sec-in .col-md-5 {
    width: 100%;
  }
  .app-download-sec {
    margin-bottom: 70px;
  }
  .list-contact {
    margin-bottom: 50px;
  }
  .heading-text-big {
    margin: 0;
  }
  .heading-text-big h4 {
    margin-top: -102px;
    font-size: 55px;
  }
  .screenshots-sec {
    margin-top: 0;
  }
}

@media (max-width: 599px) {
  .slider-screen .owl-item.active.center {
    transform: none;
  }
  .slider-screen .owl-item figure {
    width: 250px;
    margin: auto;
  }
  .slider-screen .owl-stage {
    padding-bottom: 0;
  }
  .shape-right,
  .shape-left {
    width: 80px;
  }
}
@media (max-width: 576px) {
  .banner-text h1 {
    font-size: 38px;
  }
  .banner-text {
    width: 90%;
    padding-bottom: 50px;
  }
  .about-us {
    margin-top: 100px;
  }
  .about-us figure {
    width: 250px;
  }
}

@media (max-width: 479px) {
  .banner-text h1 {
    font-size: 30px;
  }
  .banner-text p {
    font-size: 14px;
  }
  .banner-home figure {
    margin-bottom: -110px;
  }
  .heading-text h2,
  .app-download-text h4,
  .about-text h2 {
    font-size: 26px;
  }
  .heading-text h3,
  .how-it-works article figcaption h4 {
    font-size: 16px;
  }
  .how-it-works article figure {
    height: auto;
  }
  .heading-text-big h4 {
    margin-top: -98px;
    font-size: 35px;
  }
  .slider-screen .owl-item figure {
    width: auto;
  }
  .owl-nav div {
    width: 40px;
    height: 40px;
  }
  .list-contact li figcaption h4 {
    font-size: 16px;
  }
  .list-contact li figcaption a {
    font-size: 14px;
  }
  .list-contact li figure {
    filter: none;
  }
  .app-download-sec-in {
    padding: 40px 15px;
  }
  .app-download-text .app-download-btns a {
    display: inline-block;
    width: 120px;
  }
  .footer-main .col-md-3 {
    width: 100%;
  }
  .navbar-brand img {
    width: 70px;
    /* width: 100px; */
  }
  .navbar-toggler {
    padding: 1px 4px;
  }
  .footer-logo img {
    width: 110px;
    /* width: 150px; */
  }
  .footer-copyright span {
    padding: 20px 0px;
  }
  .app-download-text p {
    font-size: 14px;
  }
}

@media (max-width: 380px) {
}