@media only screen and (max-width: 600px) {
body {
  /*background-color: lightblue !important;*/
}

.modal{
  background-color: rgba(0, 0, 0, 0.4);
  /*padding: 0px !important;*/
}

#f9f9f9
.requirement_heading_container{
 font-size: 15px !important;
    margin-top: 10px !important;
    margin-left: 9px !important;
  padding-right: 5px !important;
   margin: 0px !important;
}

.body_container{
  padding: 0px !important;
}
.requirement_container{
  padding: 0px !important;
  display: flex;
  flex-direction: column;
}
.requirement_body_container{
  width: 93% !important;
  margin-left: 13px !important;
}


.each-input-wrap > input{
    width: 97%;
  }
  .each-input-container{
    position: relative;
  }
  .each-input-wrap > span{
    position: absolute;
    right: 17px;
    top: 10px;
  }

  .main-cheap-container{
    flex-wrap: wrap !important;
  }
  .cheap-label{
    width: 138px !important;
    height: 40px !important;
    padding-top: 12px !important;
    font-size: 10px !important;
  }

  .each-cheap-container{
    margin-top: 5px !important;
    margin-left: 10px !important;
  }

  .save_btn_container{
    margin-left: 30px !important;
  }

  .requirement_img_container > img{
    width: 99% !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  /*-------  final-modal css --------*/
  .box-container{
    /*padding: 0px !important;*/
    margin-left: 18px !important;
  }

  .sub-each-box-container{
    height: 93% !important;
  }
  .first-part-heading-text{
    font-size: 25px !important;
    padding-top: 50px !important;
  }

  .second-part-heading-text{
    font-size: 28px !important;
  }

  .final-img-container > img{
    position: absolute !important;
    bottom: 7px !important;
    right: 20px !important;
    width: 25% !important; 
  }

  .second-heading-container{
    margin-top: 20px !important;
  }
  .requirement_details_container{
    margin-left:42px !important;
  }
  .border_content{
    float: unset !important;
    margin: auto;
  }
}