@media(max-width:400px){
   
  .HomePage{
      overflow-x: hidden;
   }
    .text-center-mobile{
        text-align: center !important;
    }
   .card-done p{
   width: 100%;
}
 .customeOrderThree{
    order: 3 !important;
 }
 .customeOrderTow{
    order: 2 !important;
    margin: 20px 0px !important;
 }
 .falg-countery{
   justify-content: center !important; 
 }
 .header-top-information{
    justify-content: center !important;
 }
 .head-page{
    font-size: 45px !important;
 }
 .sec-cover-page::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(
    to bottom,

    rgba(255, 250, 230, 0.4) 0%,
    rgba(230, 255, 240, 0.4) 50%
  );

  width: 100% !important;
  height: 100%;
  z-index: -1;
}
.head-section{
    width: 100%;
}
.head-section h2{
   font-size: 35px;
}
.head-section p{
   font-size: 15px;
}
.image-vision{
   display: none;
}
.content-vision{
  padding: 20px;
}
.flex-artical-head-invertment{
   display: block;
}
.art-left-invertment h3{
   font-size: 30px;
}
.art-left-invertment p{
   font-size: 15px;
}
.art-but-right{
   margin: 20px 0px;
}
.flex-item-invesmt{
   display: block;
}
.flex-item-invesmt .silde-title-left{
   width: 100% !important;
}
.flex-item-invesmt .silde-title-left h2{
   font-size: 35px;
}
.item-invesment span{
   font-size: 14px;
}
.image-download-app::after{
   width: 300px;
   height: 300px;
   display: none;
}
.content-download-app{
   margin: 70px 0px;
}
.content-download-app h3{
   width: 100%;
   font-size: 35px;
}
.offer-houres{
   display: block;
   justify-content: center;
   text-align: center;
}
.image-app-store{
   text-align: center;
}
.card-bg-auth{
   width: 100%;
}
.title-auth-top{
   display: block;
}
.auth-image{
   text-align: center;
}
.auth-image img{
   width: 80%;
}
.upload-image{
   display: block;
}
.card-upload{
   width: 100%;
   margin: 15px auto;
}
.card-view-image-upload{
   width: 100%;
}
.progressbar{
   display: block;
   justify-content: flex-start !important;
   align-items: center;
   padding: 20px 20px;
}
.progress-step{
   text-align: left !important;
   display: flex;
  justify-content: flex-start !important;
  align-items: center;
  width: 100% !important;
  margin: 20px 0px !important;
}
.card-option{
   flex-basis: 100% !important;
}
.custome-gellery-width{
   text-align: center !important;
}
.custome-gellery-width img{
   margin: 15px auto !important;
   width: 70%;
   
}
.custome-log{
   width: 100%;
}
.group-list-member{
   min-height: 400px !important;
}
.pos-image-download-tow{
   display: none;
}
.pos-image-download-one {
   left: 50%;
}
.join-bolog{
   width: 100%;
   
  

}
.join-bolog button{
   margin: auto !important;
   text-align: center;
   width: 120px;
   font-size: 14px;
}
.join-bolog h6 {
   text-align: center;
   margin: 10px auto;
   font-size: 14px;
}
}
@media(min-width:400px) and (max-width:576px){
   .HomePage{
      overflow-x: hidden;
   }
    .text-center-mobile{
        text-align: center !important;
    }
   .card-done p{
   width: 100%;
}
 .customeOrderThree{
    order: 3 !important;
 }
 .customeOrderTow{
    order: 2 !important;
    margin: 20px 0px !important;
 }
 .falg-countery{
   justify-content: center !important; 
 }
 .header-top-information{
    justify-content: center !important;
 }
 .head-page{
    font-size: 45px !important;
 }
 .sec-cover-page::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(
    to bottom,

    rgba(255, 250, 230, 0.4) 0%,
    rgba(230, 255, 240, 0.4) 50%
  );

  width: 100% !important;
  height: 100%;
  z-index: -1;
}
.head-section{
    width: 100%;
}
.head-section h2{
   font-size: 35px;
}
.head-section p{
   font-size: 15px;
}
.image-vision{
   display: none;
}
.content-vision{
  padding: 20px;
}
.flex-artical-head-invertment{
   display: block;
}
.art-left-invertment h3{
   font-size: 30px;
}
.art-left-invertment p{
   font-size: 15px;
}
.art-but-right{
   margin: 20px 0px;
}
.flex-item-invesmt{
   display: block;
}
.flex-item-invesmt .silde-title-left{
   width: 100% !important;
}
.flex-item-invesmt .silde-title-left h2{
   font-size: 35px;
}
.item-invesment span{
   font-size: 14px;
}
.image-download-app::after{
   width: 300px;
   height: 300px;
   display: none;
}
.content-download-app{
   margin: 70px 0px;
}
.content-download-app h3{
   width: 100%;
   font-size: 35px;
}
.offer-houres{
   display: block;
   justify-content: center;
   text-align: center;
}
.image-app-store{
   text-align: center;
}
.card-bg-auth{
   width: 100%;
}
.title-auth-top{
   display: block;
}
.auth-image{
   text-align: center;
}
.auth-image img{
   width: 80%;
}
.upload-image{
   display: block;
}
.card-upload{
   width: 100%;
   margin: 15px auto;
}
.card-view-image-upload{
   width: 100%;
}
.progressbar{
   display: block;
   justify-content: flex-start !important;
   align-items: center;
   padding: 20px 20px;
}
.progress-step{
   text-align: left !important;
   display: flex;
  justify-content: flex-start !important;
  align-items: center;
  width: 100% !important;
  margin: 20px 0px !important;
}
.card-option{
   flex-basis: 100% !important;
}
.custome-gellery-width{
   text-align: center !important;
}
.custome-gellery-width img{
   margin: 15px auto !important;
   width: 70%;
   
}
.custome-log{
   width: 100%;
}
.group-list-member{
   min-height: 400px !important;
}
.pos-image-download-tow{
   display: none;
}
.pos-image-download-one {
   left: 50%;
}
.join-bolog{
   width: 100%;
   
  

}
.join-bolog button{
   margin: auto !important;
   text-align: center;
   width: 120px;
   font-size: 14px;
}
.join-bolog h6 {
   text-align: center;
   margin: 10px auto;
   font-size: 14px;
}
}
@media(min-width:577px) and (max-width:767.98px){
    .HomePage{
      overflow-x: hidden;
   }
    .text-center-mobile{
        text-align: center !important;
    }
   
 .customeOrderThree{
    order: 3 !important;
 }
 .customeOrderTow{
    order: 2 !important;
    margin: 20px 0px !important;
 }
 .falg-countery{
   justify-content: center !important; 
 }
 .header-top-information{
    justify-content: center !important;
 }
 .head-page{
    font-size: 45px !important;
 }
 .sec-cover-page::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: linear-gradient(
    to bottom,

    rgba(255, 250, 230, 0.4) 0%,
    rgba(230, 255, 240, 0.4) 50%
  );

  width: 100% !important;
  height: 100%;
  z-index: -1;
}
.head-section{
    width: 100%;
}
.head-section h2{
   font-size: 35px;
}
.head-section p{
   font-size: 15px;
}
.image-vision{
   display: none;
}
.content-vision{
  padding: 20px;
}
.flex-artical-head-invertment{
   display: block;
}
.art-left-invertment h3{
   font-size: 30px;
}
.art-left-invertment p{
   font-size: 15px;
}
.art-but-right{
   margin: 20px 0px;
}
.flex-item-invesmt{
   display: block;
}
.flex-item-invesmt .silde-title-left{
   width: 100% !important;
}
.flex-item-invesmt .silde-title-left h2{
   font-size: 35px;
}
.item-invesment span{
   font-size: 14px;
}
.image-download-app::after{
   width: 300px;
   height: 300px;
   display: none;
}
.content-download-app{
   margin: 70px 0px;
}
.content-download-app h3{
   width: 100%;
   font-size: 35px;
}
/* .offer-houres{
   display: block;
   justify-content: center;
   text-align: center;
} */
.image-app-store{
   text-align: center;
}
.offer-houres{
   display: flex;
   justify-content: space-between;
}
.time-download{
   text-align: center;
}
.time-download h2{
   font-size: 25px;
}
 .card-bg-auth{
   width: 100%;
}
.title-auth-top{
   display: block;
}
.auth-image{
   text-align: center;
}
.auth-image img{
   width: 80%;
}
.progressbar{
   display: block;
   justify-content: flex-start !important;
   align-items: center;
   padding: 20px;
}
.progress-step{
   text-align: left !important;
   display: flex;
  justify-content: flex-start !important;
  align-items: center;
  width: 100% !important;
  margin: 20px 0px !important;
}
.card-option{
   flex-basis: 80% !important;
   margin:20px auto !important;
}
.custome-gellery-width{
   width: 48%;
}
.custome-gellery-width img{
   margin: 15px auto !important;
 
   
}
.custome-log{
   width: 100%;
}
.card-done p{
   width: 80%;
}
}
@media(min-width:768px) and (max-width:991.98px){
   .HomePage{
      overflow-x: hidden;
   }
  .custome-width-mobile{
      width: 100% !important;
    }
    .custome-width-verison-mobile{
      width: 100% !important;
    }
    .iamge-screen{
      height: 90%;
      top: 46%;
    }
    .content-vision{
      padding: 20px;
    }
    .head-section{
      width: 70%;
    }
    .item-member span{
      font-size: 14px;
    }
    .custome-member-width{
      width: 60%;
      margin: auto !important;
    }
    .flex-artical-head-invertment .art-left-invertment p{
      width:85%;
      line-height: 33px;
    }
     .flex-artical-head-invertment .art-left-invertment h3{
      font-size:40px;
     }
     .flex-item-invesmt{
      display: block;
     }
     .silde-title-left{
      width: 100%;
     }
     .custome-width-downlad-mobile{
      width: 100%;
     }
     .content-download-app{
      padding: 20px;
      margin-top: 70px;
     }
       .content-download-app h3{
         width: 100%;
       }
      .card-bg-auth{
   width: 100%;
}
.title-auth-top{
   display: block;
}
.auth-image{
   text-align: center;
}
.auth-image img{
   width: 50%;
}
.progressbar{
   display: block;
   justify-content: flex-start !important;
   align-items: center;
   padding: 20px;
}
.progress-step{
   text-align: left !important;
   display: flex;
  justify-content: flex-start !important;
  align-items: center;
  width: 100% !important;
  margin: 20px 0px !important;
}
.card-option{
   flex-basis: 48% !important;
   margin:20px auto !important;
}
.custome-gellery-width{
   width: 48%;
}
.custome-gellery-width img{
   margin: 15px auto !important;
 
   
}
.investment-coluem{
   width: 100%;
}
.custome-log{
   width: 80%;
}
.custome-upload-image{
   width: 100%;
   margin: auto !important;
}
.card-done p{
   width: 80%;
}
}
@media(min-width:992px) and (max-width:1199.98px){
   .cover-content .head-page{
      font-size: 35px !important;
   }
   .cover-content .destalis-cover{
      font-size: 14px;
   }
   .custome-box-leage-mobile{
      width: 32%;
   }
  .customeRow-vision{
   
   justify-content: center !important;
   align-items: center !important;
  }
 
  .image-vision{
  position: relative;
  
}

.screen-image{
  width: 45% !important;
  margin: auto !important;
  min-height: 600px;
  background: url(/assest/img/iPhone\ Body.png) no-repeat;
  position: relative;
  background-size: contain;
  
}
/* .iamge-screen{
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  
  
} */
 .iamge-screen{
  width: 92%;height: 70%;
  margin: auto;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50% , -50%);
 }
 .image-vsion-postion{
  position: absolute;
  bottom: 200px;
  right: -150px;
  z-index: -1;
  width:200px;
  height: 200px;
  display: none;
 }
 .image-vision-top{
  position:absolute;
  top: 180px;
  left: -100px;
  display: none;
 }
 .content-vision{
   padding: 20px;
 }
 .custome-member-width{
   width: 48%;
 }
 .art-left-invertment p{
   width: 85%;
 }
 .silde-title-left{
  width: 50%;
}
.silde-title-left h2{
   font-size: 35px;
}
.custome-width-downlad-mobile{
   width: 100%;
}
.content-download-app{
   margin: 70px 0px;
   padding: 25px;
}
.pos-image-download-tow{
    position: absolute;
  top: 50%;
  right: 25%;
  transform: translateY(-50%);
  z-index: -1;
}
.header-all .navbar-nav li a{
   font-size: 14px !important;
}
  .card-bg-auth{
   width: 100%;
  }
}
@media(min-width:1200px) and (max-width:1400px){
 .custome-member-width{
   width: 48%;
 }
 .custome-box-leage-mobile{
   width: 32%;
 }
 .time-download h2{
   font-size: 25px;
 }
   .iamge-screen{
  width: 92%;height: 70%;
  margin: auto;
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50% , -50%);
 }
 .card-bg-auth{
   width: 90%;
  }
}