/* start media query  For xxl screen: */
@media (min-width: 1900px) {
  header {
    background-position: -450px -70px;
  }
}
/* 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) {
  /* p{
    width: 100% !important;
  } */
  .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;
}
.ab-box{
  width: 70% !important;
}
.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 ;
}



.hero-info {
  margin-top: 0px;
}
.hero-box{
  margin-top: 50px;
}
header{
  height: 100%;
}
.offcanvas-start {
  width: 250px !important;
}
header {
  background-size: contain;

  background-position: 70px -50px !important;
}
}
/* start media for fold screen */
@media  (min-width: 279px) and (max-width:280px){

}

@media (max-width: 1000px) {
  .hero-info {
    margin-top: 60px;
}
.down-box {
  margin-top: 0px;
}
.res-btn{
  margin-top: 0.5rem;
}
.heading p ,.down-box p ,.hero-info p{
  width: 100%;
}
.ab-info {
  width: 100% !important;
  margin-top: -40px;
}
.ab-box{
  width: 40% !important;
}
.down-store{
  margin-bottom: 20px;
}
.about, .featuers, .contact {
  padding: 20px 0;
}
.offcanvas-start {
  width: 350px;
}
.offcanvas-start .res-btn{
  margin-top: 0.5rem !important;
  color: #fff !important;
}
.featuers{
  padding-top: 60px;
}
.feat-info p{
  width: 100%;
}
.sm-revers{
  flex-direction: column-reverse;
}
.hero-box {
  margin-top: 20px;
  margin-bottom: 20px;
}
.hero-info {
  margin-top: 0px;
}
header {
  padding-bottom: 20px;
}
.about{
  margin-top: 50px;
}
header {
  background-size: contain;

  background-position: 170px -50px;
}
}