/* start media query  For xxl screen: */
@media (min-width: 1900px) {
  .hero-info {
    margin-top: 200px;
  }
  header {
    height: 100%;
    padding: 40px 0;
    padding-bottom: 250px;
    background: url(../../images/hero-ar.png) no-repeat -170px 0px;
    background-size: cover;
  }
  .btn-go {
    margin-top: 2rem;
  }
}
/* strat media query for ipad pro */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 0.7rem;
  }
}

/* strat media query for ipad pro */
@media (min-width: 1023px) and (max-width: 1024px) {
}

/* start media query For ipad mini and ipad air: */
@media (min-width: 765px) and (max-width: 820px) {
}
/*start media query  For  mobile: */
@media (max-width: 600px) {
  .navbar-brand img {
    width: 70%;
  }
  .btn-right,
  .btn-left {
    display: none !important;
  }
  .responsive .slid-img {
    margin: 10px 5px;
  }
  .heading p,
  .down-box p,
  .hero-info p {
    width: 100%;
  }
  .down-box h2 {
    font-size: 35px;
  }
  .ab-info {
    width: 100% !important;
    margin-top: -40px;
  }

  .hero-info h1 {
    font-size: 34px;
    line-height: 40px;
  }
  .sm-btn {
    display: grid;
  }
  .sm-btn .btn {
    margin-bottom: 10px;
  }

  .down-store img {
    width: 40%;
  }
  .down-store {
    margin-bottom: 20px;
  }
  .download {
    padding-top: 20px;
  }

  .sm-revers {
    flex-direction: column-reverse;
  }
  .hero-info {
    margin-top: 0px;
  }
  .hero-box {
    margin-top: 0px;
  }

  .offcanvas-start {
    width: 250px !important;
  }
}
/* start media for fold screen */
@media (min-width: 279px) and (max-width: 280px) {
}

@media (max-width: 1000px) {
  .down-box {
    margin-top: 30px;
  }
  .res-btn {
    margin-top: 0.5rem;
  }
  .heading p,
  .down-box p,
  .hero-info p {
    width: 100%;
  }
  .ab-info {
    width: 100% !important;
    margin-top: -40px;
  }

  .down-store {
    margin-bottom: 20px;
  }

  .offcanvas-start {
    width: 350px;
  }
  .offcanvas-start .res-btn {
    margin-top: 0.5rem !important;
    color: #fff !important;
  }
  footer p {
    width: 100%;
  }
  .floating-btn {
    left: 15px;
  }
  footer {
    padding: 20px 0;
  }
  header {
    height: 100%;
    background-image: unset;
    background: linear-gradient(#f5743e 0%, #ef115c 100%);
    padding-bottom: 40px;
  }
}