.htr-rfi-question .ett-offer-top-block, .htr-rfi-offer .ett-offer-top-block, .htr-rfi-review .ett-offer-top-block{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.htr-rfi-question .ett-offer-top-block div:first-child, .htr-regular-block-wraper .ett-offer-top-block div:first-child{
  flex-basis: 80%;
}

/* Chat with client */
.htr-rfi-question .ett-overview-wraper .js-form-submit{
  margin-top: 0!important;
  margin-right: 0!important;

}
.htr-rfi-question .easy-transaction-message-form .form-item{
  margin-top: 0!important;
}
.htr-rfi-question .easy-transaction-message-form .js-form-item-attachments .form-managed-file{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.htr-rfi-question .easy-transaction-message-form .form-managed-file .form-type-checkbox{
  margin-bottom: 0;
}

.htr-rfi-question .easy-transaction-message-form .form-managed-file .js-form-submit{
  margin-left: 20px;
}

.htr-rfi-question .easy-transaction-message-form .fa-comment{
  top: unset!important;
  bottom: 32px;
}

.htr-rfi-question .ett-overview-wraper .easy-transaction-message-form .chat_attachment_trigger{
  align-self: end;
  margin-right: 25px;
  margin-bottom: 5px;
}

.htr-rfi-question .ett-overview-wraper .form-type-textarea{
  width: 77%!important;
}
/* Chat with client end */


.htr-rfi-question .mb-0{
  margin-bottom: 0!important;
}

.htr-rfi-question .req-details{
  width: unset!important;
}

.htr-rfi-question .details-container{
  gap: 20px;
}

.goal-timeframe-wrapper{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
}

.htr-rfi-question .attachments-block{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.htr-rfi-question .easy-transaction-message-form .js-form-type-checkbox{
  display: contents;

}

.htr-rfi-question .easy-transaction-message-form .js-form-type-checkbox label.option{
  display: block;
}
.htr-rfi-question .easy-transaction-message-form .js-form-type-checkbox input[type="checkbox"]{
  margin: 0 5px 3px 15px;
}

.htr-rfi-offer .goal-item{
  padding-top: 10px;
}
.htr-rfi-offer .automation-goals-wrapper .description{
  padding-bottom: 5px;
}

.htr-rfi-offer .request-details, .htr-rfi-offer .customer-details, .htr-rfi-offer .steps-wrapper, .htr-rfi-offer .timeframe{
  margin-right: 15px;
}


.htr-rfi-offer .htr-uploaded-images{
  width: 96%;
}
[ng-app=H2REtRfiAnswerApp] .xs-font{
  font-size: 16px!important;
}
.htr-rfi-offer .review-info-wrapper .htr-regular-block-wraper-et-grey.req-des .value{
  width: 100%;
  margin-bottom: 15px;
}
.htr-rfi-offer .attachment-file-wrapper .uploaded-image{
  width: 120px;
  height: 120px;
}
.htr-rfi-offer .fte-amount-wrapper-input, .htr-rfi-offer .units-amount-wrapper-input{
  margin-top: 56px!important;
  margin-bottom: 28px!important;
}
.htr-rfi-offer .question-kpi-values-wrapper .expected .label{
  margin-top: 5px;
}
.htr-rfi-offer .automation-goals-wrapper .tc-contain span.label-text{
  top: 1px;
  font-size: 16px;
}

.htr-rfi-offer .files-upload-wrapper{
  display: flex;
  flex-direction: column-reverse;
}
.htr-rfi-review .price-br{
  display: none;
}
@media screen and (max-width: 1199px){

  .ett-overview-wraper .req-details, .ett-overview-wraper .customer-details{
    height: 480px;
  }
  /* Details */
  .htr-rfi-question .value.inline{
    align-items: center;
    width: 0!important;
  }
  .htr-rfi-question .customer-details span.label{
    display: inline-block;
    width: 90%;
  }

  .htr-rfi-question .steps-descriptions-wrapper .description.right-side{
    width: calc(34% + 10px)!important;
  }

  .htr-rfi-question .req-details .inline-span, .htr-rfi-question .customer-details .inline-span{
    display: inline-flex;
    width: 88%;
  }

  .htr-rfi-question .req-details, .htr-rfi-question .customer-details{
    min-height: 545px;
  }
  .htr-question-details .br{
    margin-bottom: 25px!Important;
  }
  .htr-rfi-question .ett-overview-wraper .form-type-textarea {
    width: 72%!important;
  }
  .htr-rfi-offer .fte-amount-wrapper-input, .htr-rfi-offer .units-amount-wrapper-input{
    width: 35%!important;
  }
  .htr-rfi-offer .units-amount-wrapper-texts, .htr-rfi-offer .fte-amount-wrapper-texts{
    width: 60% !important;
  }
  .htr-rfi-offer .attachment-file-wrapper .uploaded-image {
    width: 100px;
    height: 100px;
  }

  .htr-rfi-offer .attachment-file-wrapper{
    padding: 0!important;
  }
  .htr-rfi-offer .attachment-file-wrapper span{
    max-width: 100px;
  }

  .htr-rfi-review .kpi-br-hide{
    display: none;
  }

  .htr-rfi-review .price-br{
    display: block;
  }

}

@media screen and (max-width: 991px){
  /* .ett-task-page-add-offer-btn a{
    margin: 30px 0 40px 0;
  } */
  .ett-overview-wraper .req-details, .ett-overview-wraper .customer-details{
    height: unset;
    margin-bottom: 25px;
  }
.htr-regular-block-wraper .htr-regular-block-title{
  margin-top: 20px;
}
.next-button:nth-child(1),
.send-answer-button:nth-child(1) {
    float: none !important;
  }
  .htr-rfi-question .req-details, .htr-rfi-question .customer-details{
    height: unset;
    min-height: unset;
  }
  .htr-question-details .br{
    margin-bottom: 0!Important;
  }

  .htr-rfi-question .req-details .inline-span, .htr-rfi-question .customer-details .inline-span{
    display: inline-flex;
    width: 94%;
  }

  .goal-timeframe-wrapper{
    display: grid;
    grid-template-columns: 1fr;
  }

  .htr-timeframe{
    grid-row: 3;
  }
  .htr-rfi-question .ett-offer-top-block, .htr-rfi-offer .ett-offer-top-block, .htr-rfi-review .ett-offer-top-block {
    display: block;
  }
  .htr-rfi-question .ett-offer-top-block div:last-child br, .htr-rfi-offer .ett-offer-top-block div:last-child br, .htr-rfi-review .ett-offer-top-block div:last-child br{
    display: none;
  }

  .htr-rfi-question .ett-offer-top-block div:last-child, .htr-rfi-offer .ett-offer-top-block div:last-child, .htr-rfi-review .ett-offer-top-block div:last-child {
    display: block!important;
    float: unset;
  }
  .htr-rfi-question .ett-overview-wraper .form-type-textarea {
    width: 63%!important;
  }
  .htr-rfi-question .attachments-block{
    margin-bottom: 15px;
  }
  .htr-rfi-question .steps-description.left-side{
    width: unset;
  }
  /* .htr-rfi-question .attachment-file-wrapper .uploaded-image{
    width: 100px;
    height: 100px;
  } */
  .htr-rfi-question .attachment-file-wrapper span{
    max-width: 100px;
  }

  .htr-rfi-offer .file-area{
    margin-bottom: 25px;
  }
  .htr-rfi-offer .attachment-file-wrapper{
    display: flex;
    flex-direction: column;
    margin-right: 15px;
  }

  .htr-rfi-offer .attachment-file-wrapper.col-xs-4{
    width: unset!important;
  }
  .kpi-title{
    margin-bottom: 15px;
  }

  .htr-rfi-review .attachment-file-wrapper.col-xs-2{
    display: flex;
    flex-direction: column;
    width: unset;
  }

  .htr-rfi-review .price-br{
    display: none!important;
  }
  .htr-rfi-offer .steps-wrapper{
    width: 98%;
  }
}

@media screen and (max-width: 798px){
  .htr-rfi-question  .ett-create-task-wraper, [ng-app=H2REtRfiAnswerApp] .ett-create-task-wraper{
    width: unset !important;
  }
  .next-button:nth-child(2),
  .send-answer-button:nth-child(2) {
    margin: -40px 0 0 auto!important;
  }
  .htr-rfi-app.htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey .inline{
    display: inline-block!important;
  }

  .htr-rfi-question .ett-overview-wraper .req-details span.label{
    margin: 0 5px 0 25px;
  }

  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar hr, [ng-app=H2REtRfiAnswerApp] .ett-progress-bar{
    display: block;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar.answer .text{
    display: inline-block;
    width: 120px!important;
    margin-top: 10px;
    text-align: left;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar{
    height: 120px;
  }
  [ng-app=H2REtRfiAnswerApp] #ett-accept-block #edit-overview-accept-terms--description{
    margin-left: 40px!important;
  }
.htr-rfi-app .task-finish-page-wrapper{
  font-size: 16px!important;
}
.htr-rfi-app .task-finish-page-wrapper.htr-regular-block-wraper:nth-child(1){
  width: unset!important;
}
}

@media screen and (max-width: 768px){
  .htr-rfi-offer .review-info-wrapper{
    display: none;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar #ett-progress-answer-review.ett-progress-bar-item{
    position: absolute!important;
    right: -52px!important;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar .ett-progress-bar-item{
    top: 0;
  }

  [ng-app=H2REtRfiAnswerApp] .z-index-increase .automation-goals-wrapper .goal-item{
    height: unset;
    margin-bottom: 0;
  }
  [ng-app=H2REtRfiAnswerApp] .automation-goals-wrapper{
    margin-bottom: 35px!important;
  }
  [ng-app=H2REtRfiAnswerApp] .timeframes label{
    margin-bottom: unset;
  }
  .htr-rfi-offer .file-area{
    margin-top: 35px;
  }
  .htr-rfi-review .top-button{
    display: block!important;
  }
}

@media screen and (max-width: 767px){
  .htr-rfi-question .ett-offer-top-block a, .htr-rfi-offer .ett-offer-top-block a{
    font-size: 19px;
  }
  .htr-rfi-question .actions .btn-primary.pull-right{
   /*  margin-right: 40px; */
  }
  .htr-rfi-question .actions .white-button.pull-left{
    margin-left: 40px;
  }
  .htr-rfi-question .easy-transaction-message-form .form-managed-file .form-type-checkbox{
    display: flex;
    align-items: center;
  }
  .htr-rfi-question .easy-transaction-message-form .js-form-item-attachments .form-managed-file{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-end;
    justify-content: flex-end;
  }
  [ng-app=H2REtRfiAnswerApp] .z-index-increase .automation-goals-wrapper .tc-input{
    margin-left: 0;
  }

  [ng-app=H2REtRfiAnswerApp] .ett-create-rfi-task-form{
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 724px){
  .htr-rfi-question .ett-overview-wraper .form-type-textarea {
    width: 58%!important;
  }
  .htr-rfi-question .steps-description.left-side{
    position: absolute;
    top: -25px;
    width: 42%;
  }
}

@media screen and (max-width: 675px){
  .htr-rfi-question .steps-descriptions-wrapper .description.right-side{
  width: calc(42% + 10px)!important;
}
  .htr-rfi-question .steps-description.left-side{
    width: 50%;
  }
  .htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey.req-des .value{
    width: 90%;
  }
  .htr-rfi-question .req-details .inline-span, .htr-rfi-question .customer-details .inline-span{
    width: 68%;
  }
  .htr-rfi-app.htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey.req-des .label{
    margin-top: 15px;
  }
  .htr-rfi-question .ett-overview-wraper .form-type-textarea{
    width: 86%!important;
  }
  .htr-rfi-question .ett-overview-wraper .easy-transaction-message-form .chat_attachment_trigger{
    margin-right: 0;
  }
  .htr-rfi-question .ett-create-task-wraper .htr-regular-block-wraper.chat-wrapper{
    padding-bottom: 65px;
  }
}

@media screen and (max-width: 600px) {
  .htr-rfi-question .actions .btn-primary.pull-right,
  .htr-rfi-app .next-button.pull-right,
  .htr-rfi-app .send-answer-button.pull-right {
     left: 0%;
     margin-right: 40px;
   }
   .htr-rfi-app .next-button.pull-right,
   .htr-rfi-app .send-answer-button.pull-right {
     left: 0%;
     margin-right: 0;
   }
   .htr-rfi-app .next-button.publish,
   .htr-rfi-app .send-answer-button.publish {
     margin-right: 0;
   }
   .htr-rfi-app .ett-create-rfi-task-form .next-button.publish.top-button,
   .htr-rfi-app .ett-create-rfi-task-form .send-answer-button.publish.top-button {
     margin: 0 auto;
   }
}

@media screen and (max-width: 576px){
  .htr-rfi-question .steps-descriptions-wrapper .description.right-side{
    width: calc(50% + 10px)!important;
  }
  .htr-rfi-review .top-button{
    display: none!important;
  }
}

@media screen and (max-width: 545px){
  .htr-rfi-question .steps-description.left-side{
    position: unset;
    width: 100%;
  }
  .htr-rfi-app .steps-description.right-side{
  position: unset;
  padding-right: 15px;
  }
}

@media screen and (max-width: 530px){
  .htr-rfi-question .htr-regular-block-wraper:nth-child(1), .htr-rfi-review .htr-regular-block-wraper:nth-child(1){
  width: 100%!important;
  }

  .htr-rfi-question .steps-description.left-side, .htr-rfi-question .steps-descriptions-wrapper .description.right-side{
  position: unset;
  float: unset;
  width: 100% !important;
  padding-left: 15px;
  }

  .htr-rfi-question .steps-description.right-side::after{
    top: 49px;
    right: 17px;
    left: unset;
    width: 6vw;
    height: 7vw;
    transform: rotate(
    345deg);
  }

  .htr-rfi-question .top-button{
    top: 20px!Important;
    right: 25px!important;
  }
  .htr-rfi-question .customer-details span.label, .htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey .units-title{
    display: inline-block!important;
  }
  .htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey.req-details p.description{
    margin-left: 30px!important;
  }
  .htr-rfi-question .ett-overview-wraper .form-type-textarea .form-textarea-wrapper textarea{
    padding: 7px 49px;
  }

  .htr-rfi-offer .htr-regular-block-wraper:nth-child(1){
    width: unset!important;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar{
    height: 120px!important;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar #ett-progress-answer-review.ett-progress-bar-item{
    right: 0!important;
  }
  [ng-app=H2REtRfiAnswerApp] .ett-progress-bar.answer .text{
    width: unset!important;
  }
  [ng-app=H2REtRfiAnswerApp] .z-index-increase .automation-goals-wrapper .tc-input{
    margin-left: 10px;
  }
}

@media screen and (max-width: 515px) {
  .htr-rfi-question .steps-description.right-side::after{
    top: 51px;
    right: 10px;
    transform: rotate(
    360deg);
  }
}

@media screen and (max-width: 505px){
  .htr-rfi-question .steps-descriptions-wrapper .description.right-side{
  width: 92%!important;
  }
  .htr-rfi-question .steps-description.right-side::after{
    top: 92px;
    right: 29px;
    width: 50px;
    height: 50px;
    transform: rotate(
    326deg);
  }
  .htr-rfi-question h1.title, .htr-rfi-offer h1.title, .htr-rfi-review h1.title{
    font-size: 30px;
  }
  .htr-rfi-question .top-button{
    top: 16px!important;
  }
}

@media screen and (max-width: 491px){
  .htr-rfi-question .htr-regular-block-title.attachments-heading{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 450px){
  .htr-rfi-question .top-button{
    position: unset!important;
    margin-bottom: 20px;
  }
  .htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey.req-details p.description, .htr-rfi-question .ett-overview-wraper .req-details span.label, .htr-rfi-question .ett-overview-wraper .customer-details strong.value, .htr-rfi-question .timeframe strong.value.display-block, .htr-rfi-question .review-info-wrapper .timeframe .further-explanation-label, .htr-rfi-question .ett-overview-wraper .req-details strong.value{
    margin-left: 0!important;
  }
  .htr-rfi-question .customer-details span.label, .htr-rfi-question .review-info-wrapper .htr-regular-block-wraper-et-grey .units-title, .htr-rfi-question .req-details .inline-span, .htr-rfi-question .customer-details .inline-span{
    display: unset!important;
  }
  .htr-rfi-question .actions .btn-primary.pull-right, .htr-rfi-question .actions .white-button.pull-left{
    margin-right: 0;
    margin-left: 0;
  }

  .htr-rfi-offer .timeframes .expected::before{
    display: flex;
    float: unset!important;
    flex-direction: column;
    content: 'Clients expectation';
    color: #096b90;
    font-weight: normal;
    font-style: italic;
  }
  .htr-rfi-offer .timeframes .expected::after{
    display: none;
  }
}
@media screen and (max-width: 372px){
  .htr-rfi-review #ett-accept-block .tc-contain span.label-text{
    font-size: 16px;
  }
}
@media screen and (max-width: 334px){
  .htr-rfi-question .steps-description.right-side::after{
    top: 96px;
    right: 23px;
    width: 40px;
    height: 40px;
  }
  .htr-rfi-question .attachment-file-wrapper .uploaded-image{
    width: 90px;
    height: 90px;
  }
  .htr-rfi-question .attachment-file-wrapper span{
    max-width: 90px;
  }

  .htr-rfi-review #ett-accept-block .tc-contain span.label-text{
    font-size: 14px;
  }

  .htr-rfi-review .actions .white-button{
    margin-right: 0;
  }
}