/* ------------------------Media Query-------------------- */
/* ********************************************************************************************************************** */

/* --------------Desktop & Laptop------------------ */
@media(min-width:1024px) {
    .carousel-inner{
        margin-left: 183px;
      }
      .box2 {
        position: relative;
        top: -40px;
      }
      .box3 {
        position: relative;
        top: 20px;
      }
      .carousel-item{
        height: 90vh;
        position: relative;
        bottom: -30px;
      }
      .carousel-item{
        height: 90vh;
        position: relative;
        bottom: -30px;
      }
      .carousel-indicators{
        padding-left: 250px;
      }
      .form-div{
        position: absolute;
        right: 0;
        top: -50px;
    }
}
/* ********************************************************************************************************************** */
/* -------------- Tablet------------------ */
@media(min-width:992px) and (max-width:1023px) {
    .carousel-inner{
        margin-left: 183px;
      }
      .box2 {
        position: relative;
        top: -40px;
      }
      .box3 {
        position: relative;
        top: 20px;
  
      }
      .carousel-item{
        height: 90vh;
      }
      .carousel-indicators{
        padding-left: 154px;
      }
      
    
}

@media(min-width:769px) and (max-width:991px) {
  .box2 {
    position: relative;
    top: -40px;
  }
  .box3 {
    position: relative;
    top: 20px;
  }
}

/* ********************************************************************************************************************** */

/* --------------Mobile------------------ */
@media(min-width:495px) and (max-width:539px) {
  .row{
    display: block!important;
}
.carousel-item{
  margin-left: 34%;
}
}

@media(max-width:495px) {
.row{
    display: block!important;
}
.carousel-item{
  margin-left: 29%;
}
}