@media screen and (max-width: 1500px) {
  .bottom-head {
    padding: 5px 20px;
  }
  .top-head {
    padding: 16px 30px;
  }
}

@media screen and (max-width: 1400px) {
  .about-right-side img {
    width: 100%;
  }
  .banner-right-side img {
    /* width: 568px; */
    margin-left: 0px;
  }
  .banner-left-side {
    padding-right: 0px;
  }
  .why-emoji-contain {
    gap: 20px;
  }
  .how-do-center-side img {
    width: 100%;
  }
  .footer-right-side .app-store-btn img {
    width: 160px;
  }
  .footer-list h2 {
    font-size: 26px;
  }
  .contcat-head-text {
    padding: 40px;
  }

  .footer-right-side h2 {
    font-size: 26px;
  }
  .banner-main {
    height: auto;
  }

  .bottom-head {
    padding: 5px 20px;
  }
  .top-head {
    padding: 16px 30px;
  }
}

@media screen and (max-width: 1300px) {
  .banner-left-side h1 {
    font-size: 50px;
  }
  .footer-list h2 {
    font-size: 26px;
  }
  .footer-right-side .app-store-btn img {
    width: 160px;
  }
}
@media screen and (max-width: 1200px) {
  .why-emoji-box {
    width: 210px;
    gap: 10px;
  }
  .custom_height {
    height: 610px;
  }
  .banner-left-side h1 {
    font-size: 50px;
  }
  .banner-main {
    height: auto;
  }
  .banner-right-side img {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .custom_height {
    height: 680px;
  }
  .banner-main {
    height: auto;
  }
  .footer-right-side .app-store-btn {
    flex-direction: column;
    gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .director-box img {
    max-width: 100%;
    border-radius: 12px;
    height: auto;
    margin-top: 12px;
  }
  .director-box {
    margin-bottom: 30px;
  }
  .custom_height {
    height: auto;
  }
  .contact-left-side form {
    padding-right: 0;
  }
  .about-left-side {
    margin-bottom: 40px;
  }
  .top-head .basic-detail {
    display: flex;
    gap: 15px;
    flex-direction: column;
  }
  .top-head {
    flex-direction: column-reverse;
    gap: 20px;
  }
  .bottom-head .navbar-nav {
    --bs-scroll-height: auto !important;
  }

  .bottom-head .navbar-collapse {
    background: #000;
  }
  .banner-right-side {
    margin-top: 40px;
  }
  .about-us {
    padding: 30px 0px;
  }

  .why-cant-sec {
    padding: 30px 0px;
  }
  .screenshot-sec {
    padding: 30px 0px;
  }
  .screenshot-sec {
    padding: 30px 0px;
  }
  .how-do-sec h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .screenshot-sec h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .why-cant-sec h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .about-left-side h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .how-do-left-side {
    text-align: center;
  }
  .count-side-left {
    justify-content: center;
  }
  .how-do-right-side {
    margin-top: 40px;
    text-align: center;
  }
  .count-side-right {
    display: flex;
    justify-content: center;
  }
  .how-do-sec {
    padding: 30px 0px;
  }

  .app-store-btn {
    gap: 10px;
  }
  .review-sec h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .add-p-space .owl-stage-outer {
    padding: 50px 0px;
    padding-bottom: 0px;
  }
  .review-sec {
    padding: 30px 0px;
  }
  .contact-us {
    padding: 30px 0px;
  }

  .contact-sec-box h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .contact-sec-box p {
    margin-bottom: 0px;
  }
  .contact-left-side {
    padding: 20px;
  }
  .contcat-head-text h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .contcat-head-text {
    padding: 20px;
  }

  .app-store-btn img {
    width: 160px;
  }
  .app-store-btn {
    display: flex;
    justify-content: space-around;
  }
  .how-do-center-side img {
    width: 80%;
  }
  .footer-left-side {
    margin-bottom: 30px;
  }
  .footer-center-side {
    flex-direction: column;
  }
}

@media screen and (max-width: 576px) {
  .app-store-btn {
    gap: 0px;
    justify-content: unset;
  }
  .contact-ad-box {
    padding-left: 10px;
  }
  .banner-page-link a img {
    height: 45px;
  }
  .add-p-space .owl-item.active.center .review-card-box {
    box-shadow: none !important;
  }
  .footer-sec {
    padding: 30px 0px 0px 0px;
  }
  .copy-right {
    text-align: start;
  }
  .top-head {
    padding: 16px 15px;
  }
  .banner-left-side h1 {
    line-height: 40px;
  }
  .bottom-head {
    padding: 5px 20px;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .row.banner-cont {
    padding-top: 290px;
  }

  .banner-left-side h1 {
    font-size: 28px !important;
  }
  .cout-div {
    padding: 24px 0px 20px 0px;
  }
  .banner-right-side {
    margin-top: 40px;
  }
  .why-emoji-box {
    width: 100%;
  }
  br {
    display: none;
  }
}