/*--Media Queries--*/
@media only screen and (max-width: 1360px){
	.center-wr{
		width: 94%;
	}
    .form-textarea-wr .form-group.form-field label, .fourth-step-form .form-textarea-wr .form-group.form-field label {
        font-size: 14px;
        line-height: 27px;
    }
    .apply-career::before {
        width: 118%;
    }
}
@media only screen and (max-width: 1300px) {
	.steps-block {
	    margin-left: 50px;
	}
	.connect-learning::before {
	    width: 117.5%;
	}
	.select-title h4 {
	    font-size: 22px;
	    line-height: 29px;
	}
	.form-textarea-wr .form-group.form-field label, .fourth-step-form .form-textarea-wr .form-group.form-field label {
        font-size: 13px;
        line-height: 23px;
      }
	.form-frame-wrapper {
       padding: 39px 44px;
     }
	.first-step-form {
	    padding-bottom: 140px;
	}
	.large-textarea, .short-textarea {
       width: 48.5%;
     }
	.input-container .form-field label {
	    width: 23%;
	}
	.first-step-form .form-checkboxes-wr .form-group.form-field {
	    width: 17.5%;
	}
	.left-content h4, .apply-left-content h4 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.input-container .checkbox-group label {
	    width: 82% !important;
	}
    .staffing-content {
        width: 53%;
        margin-left: 43px;
    }
    .form-textarea-wr .short-textarea textarea#textarea-2 {
        min-height: 163px;
    }
    .apply-career::before {
        width: 112%;
    }
    .apply-left-content {
        padding: 44px 0px 44px 87px;
    }
    .brx-popup{
        padding: 3% 6% !important;
    }
}
@media only screen and (max-width: 1223px){
	.steps-block {
	    margin-left: 36px;
	}
	.left-content {
	    padding: 44px 1px 44px 111px;
	}
	.select-title {
	    margin: 45px 0px 32px;
	}
    .large-textarea {
        width: 51%;
    }
	.short-textarea {
	    margin-left: 1%;
	    width: 47% !important;
	}
	.input-container .form-field label {
	    font-weight: 500;
	}
    .second-step-form .form-checkboxes-wr {
        margin-left: 0;
    }
    .staffing-content {
        width: 50%;
    }
    .form-textarea-wr .form-group.form-field label, .fourth-step-form .form-textarea-wr .form-group.form-field label {
        font-size: 12.7px;
        line-height: 23px;
    }
    .form-textarea-wr .short-textarea textarea#textarea-2 {
        min-height: 167px;
      }
      .form-container.input-container {
        width: 94%;
        margin: 0 auto 200px;
      }
      .apply-left-content {
          padding: 38px 0px 34px 87px;
      }
      .apply-left-content h4 {
          font-size: 22px;
          line-height: 30px;
      }
      .apply-left-content h4::before {
          background-size: 34px;
          left: -55px;
      }
      .apply-career::before {
          width: 113%;
      }
      .apply-left-content {
          padding: 30px 0px 29px 67px;
      }
}
@media only screen and (max-width: 1199px){
	.begin-top-content h1 {
	    font-size: 35px;
	    line-height: 54px;
	    margin: 15px 0px;
	}
	.form-frame-wrapper {
        padding: 39px 51px;
    }
    .first-step-form {
        padding-bottom: 118px;
    }
    .circle {
        width: 58px;
        height: 58px;
        font-size: 27px;
        line-height: 58px;
    }
    .steps-of-form > span:not(:first-child) {
        margin-left: 84px;
    }
    .steps-of-form > span:not(:first-child):before {
        width: 90px;
        left: -90px;
    }
    .steps-block {
        margin-left: 0px;
    }
    .first-step-form .form-checkboxes-wr .form-group.form-field {
        width: 19%;
    }
    .second-step-form .left-select-section {
        gap: 0px 10px;
        width: 61%;
    }
    .text-input input {
        width: 100%;
    }
    .large-textarea, .short-textarea {
        vertical-align: bottom;
    }
    .form-textarea-wr .short-textarea textarea#textarea-2 {
        min-height: 163px;
    }
    .form-textarea-wr {
        margin-bottom: 100px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 16.6%;
    }
    .form-container.input-container {
        width: 100%;
        margin: 0 auto 148px;
    }
    .input-container .form-field label {
        width: 27%;
    }
    .input-container .form-group {
        width: 69%;
    }
    .steps-form-wr.talent-assessment-wr {
        padding: 52px 0px 100px;
    }
    .form-frame-wrapper {
        margin-top: 48px;
    }
    .staffing-image {
        width: 40%;
    }
    .staffing-content {
        width: 56%;
        margin-left: 33px;
    }
    .banner-wrapper {
        background-image: linear-gradient(90deg, rgba(74, 108, 111, 01) 18%, rgba(34, 34, 34, 0) 28%, rgba(34, 34, 34, 0) 34%, rgba(74, 108, 111, 01) 56%), url(../images/staffing-talent-banner-image.jpg);
        min-height: 264px;
    }
    .banner-wrapper h1 {
        font-size: 50px;
        line-height: 63px;
    }
    .content-title {
        padding-bottom: 14px;
    }
    .staffing-content .list-block {
        margin: 19px 0px;
    }
    .form-checkboxes-wr .form-field label {
      padding: 15px 12px;
    }
    .apply-career::before {
        width: 118%;
    }
    .apply-left-content h4::before {
        background-size: 31px;
        left: -46px;
    }

}/*1024*/
@media only screen and (max-width: 1023px){
	span.step-icon {
	    margin-right: 12px;
	}
	.first-step-form .next-button, .step-next-first {
	    margin-left: 12px;
	}
	.begin-top-content p {
	    padding-bottom: 0;
	    margin: 0;
	}
	.form-checkboxes-wr .form-field label {
	    padding: 12px 8px;
	}
	.left-content h4::before {
	    left: -54px;
	}
	.left-content {
	    padding: 38px 1px 38px 86px;
	}
	.form-textarea-wr .large-textarea textarea {
	    min-height: 294px;
	}
	.form-textarea-wr .short-textarea textarea#textarea-2 {
	    min-height: 139px;
	}
	.form-textarea-wr .form-group.form-field textarea {
	    height: 108px;
	}
	.form-textarea-wr {
	    margin-bottom: 77px;
	}
	.form-container.input-container {
	    margin: 0 auto 107px;
	}
    .input-container .form-field label {
       font-size: 15px;
     }
    #checkbox-error {
       font-size: 14px;
       line-height: 22px;
     }
     .form-error {
         font-size: 14px;
         line-height: 20px;
     }
     .checkbox-work-wr .form-group.form-field label {
         padding: 12px 1px;
     }
     .select-skill {
         gap: 10px 12px;
     }
     .staffing-image {
             width: 39%;
     }
     .message-textarea-field textarea {
        width: 85%;
     }
     .input-container .message-textarea-field label.message-field-label {
         width: 12.7%;
     }
}/*980*/
@media only screen and (max-width: 979px){
	.begin-top-content h1 {
	    font-size: 23px;
	    line-height: 41px;
	    margin: 15px 0px 8px;
	}
	.select-title h4 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.form-checkboxes-wr {
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    gap: 35px;
	}
	.first-step-form .form-checkboxes-wr .form-group.form-field {
	    width: 26%;
	    flex-wrap: wrap;
	}
	.step-icon img {
	    width: 80%;
	}
	.circle {
        width: 49px;
        height: 49px;
        font-size: 23px;
        line-height: 48px;
    }
    .steps-of-form > span:not(:first-child):before {
        width: 50px;
        left: -51px;
    }
    .steps-of-form > span:not(:first-child) {
        margin-left: 45px;
    }
    .first-step-form .next-button, .step-next-first {
        padding: 10px 29px 10px 15px;
    }
    .second-step-form .form-checkboxes-wr .form-field label {
        min-height: 96px;
    }
    .second-step-form .left-select-section {
        width: 100%;
        float: unset;
    }
    .connect-learning::before, .apply-career::before  {
    	display: none;
    }
    .connect-learning, .apply-career {
        width: 100%;
        border-radius: 13px;
        text-align: center;
    }
    .left-content, .apply-left-content {
        padding: 30px 19px 30px 19px;
    }
    .left-content h4::before, .apply-left-content h4::before {
        left: 20px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 22.6%;
    }
    .select-skill select {
        padding: 5px 5px 5px 18px;
        width: 219px;
    }
    .select-skill {
        flex-wrap: wrap;
    }
    .input-container .form-row {
        flex-direction: column;
    }
    .input-container .form-field label {
        width: 23%;
    }
    .input-container .form-group {
        width: 64%;
    }
    .input-container .form-field {
        flex: 0 0 100%;
    }
    .text-input {
        width: 68%;
        margin-top: 23px;
    }
    .second-step-form .form-checkboxes-wr .form-field label {
        min-height: 75px;
    }
    .input-container .form-row {
        margin-bottom: 0;
    }
    .banner-wrapper h1 {
        font-size: 43px;
        line-height: 52px;
    }
    .staffing-image {
        display: none;
        float: none;
    }
    .staffing-content {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .steps-form-wr.talent-assessment-wr {
        padding: 28px 0px 65px;
    }
    .staff-left-right-wrapper {
        padding: 50px 0px 10px;
    }
    .input-container .form-field {
      margin-bottom: 23px;
    }
    .begin-top-content {
        width: 100%;
    }
    .select-apply-field {
        top: 0;
    }
    .message-textarea-field textarea {
        width: 64%;
    }
    .input-container .message-textarea-field label.message-field-label {
        width: 23.7%;
    }
}/*768*/
@media only screen and (max-width: 767px){
	.form-frame-wrapper {
	    padding: 22px 24px;
	}
	span.step-icon {
	    margin-right: 0;
	}
	.first-step-form {
	    padding-bottom: 104px;
	}
	.select-title, .third-step-form .select-title, .fourth-step-form .select-title {
        margin: 36px 0px 27px;
    }
    .steps-of-form > span:not(:first-child) {
        margin-left: 36px;
    }
    .steps-of-form > span:not(:first-child):before {
        width: 41px;
        left: -41px;
    }
    .begin-top-content h1 {
        font-size: 24px;
        line-height: 39px;
        margin: 8px 0px 4px;
    }
    .begin-top-content p {
        font-size: 15px;
        line-height: 21px;
    }
    .first-step-form .form-checkboxes-wr .form-group.form-field {
        width: 29%;
    }
    .form-checkboxes-wr {
        gap: 22px 21px;
    }
    .left-content h4::before {
        left: 0px;
    }
    .large-textarea, .short-textarea {
        width: 100% !important;
    }
    .form-textarea-wr .form-group.form-field textarea, .form-textarea-wr .short-textarea textarea#textarea-2 {
        min-height: 104px !important;
    }
    .checkbox-work-wr .form-group.form-field label {
        padding: 12px 13px;
    }
}/*650*/
@media only screen and (max-width: 649px){
	.steps-form-wr.talent-assessment-wr {
	    padding: 41px 0px 65px;
	}
	.form-checkboxes-wr .form-field label {
	    font-weight: 500;
	    font-size: 15px;
	    line-height: 19px;
	}
	.select-title h4 {
	    font-size: 18px;
	    line-height: 23px;
	}
	.self-assesment-block .steps-block > div.steps-of-form {
	    display: block;
	    width: 100%;
	    text-align: center;
	}
	.self-assesment-block span.step-icon {
	    display: block;
	    width: 11%;
	    text-align: center;
	    margin: 0 auto 24px;
	}
	.steps-block {
	    text-align: center;
	}
	.self-assesment-block .back-next-btn {
        display: block;
        width: 23%;
        text-align: center;
        margin: 24px auto 0px;
    }
    .first-step-form .self-assesment-block .next-button {
        margin-left: 0;
    }
    .left-content, .apply-left-content {
        padding: 30px 45px;
    }
    .left-content h4::before, .apply-left-content h4::before {
        left: -33px;
        background-size: 24px;
    }
    .connect-btn {
        margin-top: 14px;
        font-size: 18px;
        line-height: 18px;
    }
    .form-radio-wr .form-group.form-field label {
        font-size: 21px;
        line-height: 23px;
    }
    .form-radio-wr {
        gap: 0px 45px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 26%;
    }
    .select-skill select {
        width: 254px;
    }
    .input-container .form-field label {
        font-size: 15px;
        line-height: 19px;
    }
    .form-container.input-container {
        margin: 0 auto 58px;
    }
    .banner-wrapper h1 {
        font-size: 38px;
        line-height: 43px;
    }
    .staffing-content {
        font-size: 15px;
        line-height: 26px;
    }
    .staffing-content .list-block {
        margin: 12px 0px;
    }
    .banner-wrapper {
        min-height: 196px;
    }
}/*568*/
@media only screen and (max-width: 567px){
	.begin-top-content h1 {
	    font-size: 21px;
	    line-height: 34px;
	    margin: 8px 0px 4px;
	}
	.begin-top-content p {
	    font-size: 14px;
	    line-height: 21px;
	}
	.select-title h4 {
        font-size: 17px;
        line-height: 23px;
    }
    .first-step-form .form-checkboxes-wr .form-group.form-field {
        width: 45%;
    }
    .circle {
        width: 47px;
        height: 47px;
        font-size: 22px;
        line-height: 46px;
    }
    .first-step-form {
        padding-bottom: 72px;
    }
    .second-step-form .form-checkboxes-wr .form-group.form-field {
        width: 48%;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }
    .second-step-form .form-checkboxes-wr {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        gap: 17px 15px;
    }
    .left-content h4::before, .apply-left-content h4::before {
        left: -23px;
    }
    .text-input input {
        font-size: 19px;
        line-height: 23px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 31%;
    }
    .select-skill select {
        width: 281px;
    }
    .banner-wrapper h1 {
        font-size: 30px;
        line-height: 37px;
    }
    .steps-form-wr.talent-assessment-wr {
        padding: 28px 0px 60px;
    }
    .staff-left-right-wrapper {
        padding: 35px 0px 10px;
    }
    .form-frame-wrapper {
        margin-top: 27px;
    }
    .input-container .form-field label {
        width: 25%;
    }
    .point-circle {
      width: 35px;
      height: 35px;
      line-height: 35px;
    }
    .checkbox-work-wr {
        gap: 0px 15px;
    }
}/*480*/
@media only screen and (max-width: 479px){
	.circle {
        width: 43px;
        height: 43px;
        font-size: 21px;
        line-height: 42px;
    }
    .begin-top-content h1 {
        font-size: 20px;
        line-height: 29px;
    }
    .form-frame-wrapper {
        padding: 22px 12px;
    }
    .form-frame-wrapper {
        margin-top: 22px;
    }
    .steps-of-form > span:not(:first-child):before {
        width: 32px;
        left: -32px;
        height: 1.3px;
    }
    .steps-of-form > span:not(:first-child) {
        margin-left: 26px;
    }
    .second-step-form .form-checkboxes-wr .form-group.form-field {
        width: 44%;
    }
    .second-step-form .form-checkboxes-wr {
        gap: 19px 0;
    }
    .connect-learning. .apply-career {
        margin-top: 41px;
    }
    .checkbox-work-wr .form-group.form-field label {
        padding: 12px 3px;
    }
    .back-next-btn {
        margin-top: 28px;
    }
    .form-textarea-wr {
        margin-bottom: 54px;
    }
    .input-container .form-field label {
        width: 28%;
    }
    .submit-button {
        margin-left: 0px !important;
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .fifth-step-form .back-next-btn .step-next-second {
        margin-right: 15px;
    }
    .form-container.input-container {
        margin: 0 auto 36px;
    }
    .next-button, .step-next-first {
        margin-left: 15px;
    }
    .second-step-form .form-checkboxes-wr .form-field label {
        min-height: 60px;
    }
    .text-input {
        width: 89%;
        margin-top: 23px;
    }
    .text-input input {
        margin-left: 5px;
    }
    .next-button, .back-button, .step-next-first {
        font-size: 15px;
        line-height: 20px;
    }
    .form-textarea-wr .form-group.form-field label, .fourth-step-form .form-textarea-wr .form-group.form-field label {
        margin-top: 5px;
    }
    .left-content h4, .apply-left-content h4 {
        font-size: 21px;
        line-height: 25px;
    }
    .left-content h4::before {
        left: -16px;
    }
    .input-container .form-group {
        width: 66%;
    }
    .banner-wrapper h1 {
        font-size: 27px;
        line-height: 34px;
        text-align: center;
    }
    .input-container .checkbox-group label {
       width: 84% !important;
     }
     .checkbox-work-wr .form-group.form-field {
     width: 30%;
   }
   .left-content, .apply-left-content {
       padding: 17px 39px;
   }
   .input-container .message-textarea-field label.message-field-label {
       width: 27.7%;
   }
}/*414*/
@media only screen and (max-width: 413px){
	.self-assesment-block span.step-icon {
	    width: 16%;
	}
	.circle {
	    width: 39px;
	    height: 39px;
	    font-size: 21px;
	    line-height: 38px;
	}
	.left-content h4, .apply-left-content h4 {
	    font-size: 19px;
	    line-height: 23px;
	}
	.left-content {
	    padding: 20px 39px;
	}
	.connect-btn {
	    font-size: 17px;
	    line-height: 18px;
	}
	.form-radio-wr {
        gap: 0px 23px;
    }
    .checkbox-work-wr {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px 10px;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .talent-textarea-field, .checkbox-work-wr {
        margin-bottom: 20px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 38%;
    }
    .checkbox-work {
    	margin-bottom: 0;
    }
    .input-container .checkbox-group label {
        font-size: 13px !important;
        line-height: 17px !important;
    }
    .form-checkboxes-wr .form-field label {
        font-size: 14px;
        line-height: 19px;
    }
    .begin-top-content h1 {
        font-size: 19px;
        line-height: 25px;
        padding-bottom: 10px;
    }
    .select-skill select {
        width: 100%;
        margin-top: 10px;
    }
    .select-skill {
        display: block;
        gap: 10px 33px;
        margin-top: 15px;
        width: 100%;
    }
    .select-title, .third-step-form .select-title, .fourth-step-form .select-title {
        margin: 22px 0px 27px;
    }
    .left-content h4::before {
        left: -23px;
        width: 27px;
        height: 25px;
    }
    .input-container .form-field label {
        width: 29%;
        font-size: 14px;
        line-height: 19px;
    }
    .input-container .checkbox-group label {
     width: 82% !important;
    }
   .point-circle {
     width: 38px;
     height: 33px;
     line-height: 31px;
   }
   .form-textarea-wr .form-group.form-field label, .fourth-step-form .form-textarea-wr .form-group.form-field label {
       font-size: 13.5px;
       line-height: 23px;
   }
   .apply-left-content h4::before {
       left: -22px;
   }


}/*375*/
@media only screen and (max-width: 374px){
	.steps-of-form > span:not(:first-child) {
	    margin-left: 17px;
	}
	.steps-of-form > span:not(:first-child):before {
	    width: 22px;
	    left: -23px;
	    height: 1.3px;
	}
    .circle {
        width: 37px;
        height: 37px;
        font-size: 19px;
        line-height: 36px;
    }
    .step-icon img {
        width: 77%;
    }
    .self-assesment-block span.step-icon {
        width: 19%;
    }
    .second-step-form .form-checkboxes-wr .form-group.form-field {
        width: 48%;
    }
    .second-step-form .form-checkboxes-wr {
        gap: 9px 0;
    }
    .left-content {
        padding: 17px 22px;
    }
    .form-radio-wr .form-group.form-field label {
        font-size: 17px;
        line-height: 17px;
    }
    .form-radio-wr {
        gap: 0px 17px;
    }
    .checkbox-work-wr .form-group.form-field {
        width: 46%;
    }
    .input-container .form-field label {
        width: 100%;
        text-align: left;
        padding-bottom: 7px;
    }
    .input-container .form-group {
        width: 100%;
    }
    .left-content h4::before, .apply-left-content h4::before {
        left: -14px;
    }
    .input-container input#subscribe {
      margin-top: 0;
    }
    .input-container .checkbox-group label {
      padding-top: 0;
    }
    .subscribe-label {
      margin-top: 0;
    }
    .apply-left-content {
        padding: 17px 31px;
    }
    .message-textarea-field textarea {
        display: block;
        width: 100%;
    }
}/*320*/