/*media query for client forms*/
@media (max-width: 767px) {
  .font-weight-bold.job_details {
    max-width: 153px !important;
  }
  .accordion-header-content {
    padding: 20px !important;
  }
  #accordion-job-review .accordion-button {
    height: 100px;
  }
  #accordion-job-review .accordion-button small {
    top: 41px;
  }
  #show span{
    margin-left:38px;
  }
  #show .bi.bi-currency-euro {
    position: absolute;
    margin-left: -24px;
    margin-top: 16px;
  }
  .budget-left{
    width: 50% !important;
    float: left;
  }
  .budget-left input{
    width: 100% !important;
  }
  .budget-right{
    width: 50% !important;
    float: right;
  }
  .budget-right input{
    width: 100% !important;
  }
  input[name=project_max_budget]{
    width: 100%;
  }
  /*.budget-text{
    margin-top: -25px;
  }*/
}

@media (min-width: 1024px){
  .signup_container{
    margin-left:16.6666666%;
  }
  .static_page_container {
    margin-left: 22.667%;
  }
  
}
/*
@media screen and (max-width: 1350px) {
  #carouselContainer .add_experience_btn,#carouselContainer .add_education_btn {
    position: absolute;
    margin-top: 8%;
  }
}*/
@media screen and (max-width: 1024px) {
  .form-check-label{
    width:85%;
  }
  /*#carouselContainer .add_experience_btn,#carouselContainer .add_education_btn {
    position: absolute;
    margin-top: 9.5%;
  }*/
}
/*responsive css design for screen sizes 768 to more than 1025 */

@media screen and (max-width: 767px) {
  /* backbutton position changes for lessthan 767 width */
  /* .profile_freelancer .back_button , .freelancer_rate .back_button{    
    margin-bottom: 71px;
  } */

 .page_workpreferance .scroll-top {
    bottom: 53px;
  }
   /* 
  .page_workpreferance .back_button {
    bottom: 39px;
  } */
  
  .experiance_carousal_div .owl-prev,.education_carousal_div .owl-prev{
    
    right: -21px;
  }
  .step_next_btn, .step_next_btn2,.freelancer_redirection_btn{
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .option_edit_btn {  
    left: 320px !important;
  }
  .accordion-header-content h2, .accordion-header-content div{
      width:85%;
  }

  .li_text_css{
    float: right;
    width: 270px;
    /*! width: 75%; */
    margin-top: -13px;
  }
  .btn_freelancer_get_li a{
    display: block;
    width: 100%;
    text-align: center
  }
  .li_text_css_btn{
    width: 100%;
    margin: 10px 5px;
    text-align: justify;
  }
  .input_hr {
    right: 21%;
    margin-top: -8%;
    width: 23%;
  }
  .input_span_hr {
    float: right;
    margin-top: -8%;
    width: 13%;
  }
  /*freelancer profile review css*/
  .mobile_section_image{
    width: 100% !important;
    text-align: center;
  }
  .accordion-header-content h2, .accordion-header-content div{
    width: 100%
  }
  .submit_profile_image{
    display: none !important;
  }
  .edit_profile_image {
    left: -20% !important;
  }
  /**/
  .skip_for_now {
    right: 34%;
    /* bottom: 56px; */
  }
  .past_exp_text {    
    font-size: 22px;
  }
  /**/
  .wrk_past_exp_text {
    margin-bottom: 40%;
    font-size: 14px;
  }
  .wrk_pref_p {
    font-size: 13px;
    margin-bottom: 5%;
  }
  .contract_to_hire_main_div #contract_to_hire_check {
    margin-left: 4px;
  }
  input[name="contract_to_hire_check"] + label {
     margin-left: 10%;
  }
  .edu_exp_btn {
    margin-top: -59px;
  }
  #carouselContainerEducation .add_education_btn {
    margin-top: 31.5%;
    padding: 9px;
  }
  #carouselContainer .add_experience_btn , #carouselContainer .add_education_btn  {
    margin-top: 40%;
    padding: 4px;
  }
  .carousel_left_btn {
    margin-top: -40%;
  }
  .carousel_right_btn {
    margin-top: -40%;
  }
  #carouselContainerEducation {
    width: 90%;
  }
  .text_work_pref {
    font-size: 15px;
  }

}
@media screen and ( max-width: 1024px) and  (min-width: 768px) {
 /*freelancer profile review css*/
  .mobile_section_image{
    width: 100% !important;
    text-align: center;
  }
  .edit_profile_image {
    left: -33% !important;
  }
  /*skip for nw btn */
  .skip_for_now {
    right: 15%;    
  }
  .past_exp_text {    
    font-size: 13px;
  }
  .wrk_pref_p {
    font-size: 13px;
  }
  .wrk_past_exp_text {
    position: absolute;
    margin-bottom: 45%;
    font-size: 12px;
  }
  .contract_to_hire_main_div #contract_to_hire_check {
    margin-left: -5px;
  }
  /*freelancer rate page */
  .input_hr {
    margin-top: -5%;
  }
  .input_span_hr {
    margin-top: -6%;
    width: 7%;
  }
  input[name="contract_to_hire_check"] + label {
    margin-left: 5%;
  }
  .edu_exp_btn,.add_experience_btn{
    margin-top: -11%;
  }
  .carousel_left_btn {
    margin-top: -23%;
  }
  .carousel_right_btn {
    margin-top: -23%;
  }
  
  #carouselContainer .add_experience_btn {
    margin-top: 15.5%;
  }
  .text_work_pref {
    font-size: 16px;
  }
}
@media screen and (min-width: 1025px) {
  /*freelancer profile review css*/
   .mobile_section_image{
    width: 50% !important;
    text-align: left;
  }
  .fl_reiew_section_main{
    width: 50% !important;
    float: right;
    padding: 0;
    margin: 0;
  }
   .edit_profile_image {
    left: -67% !important;
  }

}
@media screen and (max-width: 575px){
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
}
  .col-xs-10 {
      flex: 0 0 auto;
      width: 90%;
  }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 10%;
  }
}
@media (max-width: 767px){
  .experiance_carousal_div .add_data .add_experience_btn, .education_carousal_div .add_data .add_education_btn{
    margin-left:0px !important;
  }
}