

@media screen and (max-width: 1617px) {
  .works-bg {
    top: -21px;
    left: -42px;
    width: 16%;
  }
}
@media screen and (max-width: 1580px) {
  .circle-faq {
    right: -90px;
  }
}

@media screen and (max-width: 1390px) {
  .circle-faq {
    display: none;
  }
}

@media screen and (max-width: 1090px) {
  .cont-tel {
    margin: 0 24px 0 30px;
  }

  .header-main-section {
    background: url('../img/half-circle-left.svg') -4% 2% / 200px 200px no-repeat,
      url('../img/half-circle-right.svg') 106% 92% / 200px 200px no-repeat,
      url('../img/top-right-gray.svg') top right / 400px 400px no-repeat,
      url('../img/bottom-left-gray.svg') bottom left / 300px 300px no-repeat,
      rgba(246, 246, 246, 1);
  }

  .helping-section {
    background: url(../img/helping-img.svg) 300px -3% no-repeat, #ffffff;
  }

  .helping-section ul li {
    align-items: flex-start;
    flex-direction: column;
  }
  .helping-section ul {
    justify-content: space-between;
  }

  .help-circle {
    margin: 0 0 20px 0;
  }

  .helping-section ul li p {
    width: 202px;
  }

  .payday-loan-section ul li div:last-child {
    margin: 30px 0 0 0;
  }

  .payday-loan-section ul li .yellow-circle {
    margin: 0 13px 0 0;
  }
  .footer-section .preform-container {
    flex-direction: column;
  }

  .footer-section .preform-container div:first-child {
    flex-direction: column-reverse;
 	margin: 0;
  }
  .footer-section .preform-container div:first-child img {
    margin: 20px 0 20px 0;
    transform: rotate(90deg);
  }
  .footer-section .preform-container div:first-child p {
    width: 100%;
  }

  .footer-section .list-advantages .star-container + p {
    width: 277px;
  }

  .col-left h1 {
    font-size: 48px;
    line-height: 60px;
  }

  .works-bg {
    top: -21px;
    left: -42px;
    width: 16%;
  }
  .head-works-section ul li {
    flex-direction: column;
    align-items: baseline;
  }
  .head-works-section .works-circle {
    margin: 0 0 20px 0;
  }
  .head-works-section ul li div p {
    width: 233px;
  }
  .box-support {
    margin: 0;
  }
  .form-section .bg-box .box-contact {
    width: 596px;
  }
  .form-section .bg-box .box-table .box-field input {
    width: 257px;
  }
  .form-section .bg-box .box-table .field-text textarea,
  .form-section
    .col-right
    .field-text
    > .anim-place.text-field.slice.error
    + label {
    width: 535px;
  }
}

@media screen and (max-width: 992px) {
  .trusted-source-section .col-left div:first-child {
    width: 388px;
  }
  .how-it-works .col-left img {
    transform: translate(0px, 31px);
  }
  .how-it-works .col-left {
    flex-shrink: 0;
  }
  .faq {
    background: url(../img/top-right-gray.svg) 100% 0% no-repeat;
    background-size: 430px;
  }
  .privacy-gray {
    background: url(../img/top-right-gray.svg) 100% 0% no-repeat;
    background-size: 37%;
  }

  .contact-page {
    background: url(../img/top-right-gray.svg) 100% 0% no-repeat;
    background-size: 430px;
  }
}
@media screen and (max-width: 910px) {
  .how-it-works .flex-table {
    flex-direction: column-reverse;
    transform: none;
  }
  .how-it-works .col-left img {
    transform: none;
  }
  .how-it-works .col-left {
    margin: 0 0 50px 0;
  }

  .form-section .bg-box {
    flex-direction: column-reverse;
  }

  .box-support {
    margin: 0 0 50px 0;
  }
  .list-contact {
    margin: 0 0 54px 0;
  }
  .form-section .bg-box .box-contact {
    width: 100%;
  }
  .form-section .bg-box .box-table .box-field input,
  .form-section .bg-box .box-table .box-field {
    width: 100%;
  }
  .first-half-form,
  .second-half-form {
    width: 100%;
  }
   .form-section .bg-box .box-table .field-text textarea,
   .form-section
    .col-right
    .field-text
    > .anim-place.text-field.slice.error
    + label {
    width: 100%;
  }
  .form-section .box-contact .box-table label p {
    width: 100%;
  }
}

@media screen and (min-width: 851px) {
  .navigate + ul {
    display: none;
  }
  .menu-block {
    display: none;
  }
  .navigate {
    display: flex !important;
  }

  .navigate .home-link {
    display: none;
  }
}

@media screen and (max-width: 850px) {
  .navigate:last-child {
    display: flex;
  }
  .navigate {
    display: none;
  }
  .header-wrapper {
    justify-content: space-between;
  }

  .hum {
    width: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .hum span {
    width: 36px;
    height: 4px;
    background: #000000;
  }
  .hum span:not(:last-child) {
    margin-bottom: 4px;
  }

  .preform {
    margin: 35px auto 0px auto;
    flex-direction: column;
    border-radius: 10px;
    min-width: auto;
    width: 316px;
    height: 100%;
    padding: 30px 20px 30px 20px;
  }

  .pos-rel {
    width: 100%;
  }
  .pos-rel input,
  .pos-rel input {
    border: none;
    width: 100%;
    border-bottom: 1px solid rgb(134, 134, 134, 0.4);
    margin: 0 0 36px 0;
  }

  .header-main-section .pos-rel {
    padding: 0 20px 0 20px;
  }
  .section {
    flex-direction: column;
  }

  .req-btn,
  .btn {
    width: 276px;
    margin: 0;
  }
  .section select,
  .preform select {
    width: 276px;
    background: url(../img/select-arrow.svg) no-repeat 232px 50%, #fede2a;
    margin: 0;
  }
  .arrow {
    background: none;
  }
  p.text-req {
    width: 85%;
    margin: 0 0 9px 0 !important;
  }
  .header-main-section {
    padding: 30px 0 100px 0;
  }

  .col-left h1 {
    font-size: 30px;
    line-height: 38px;
  }
  .col-left h1 + p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
  }
  .helping-section {
    background: none, #ffffff;
    padding: 110px 0 50px 0;
  }
  .header-main-section {
    background: rgba(246, 246, 246, 1);
  }
  .helping-section .text-wrapper {
    justify-content: center;
  }
  .helping-section ul {
    flex-direction: column;
  }
  .helping-section ul li {
    align-items: center;
    flex-direction: row;
  }
  .help-circle {
    margin: 0 20px 20px 0;
  }
  .helping-section ul li p {
    width: 226px;
  }
  .helping-section h2 {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 21px 0;
  }
  .helping-section p {
    font-size: 16px;
    line-height: 26px;
  }
  .helping-section ul {
    margin: 50px 0 0 0;
  }
  .trusted-source-section .flex-table {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .initial-trusted-img {
    display: none;
  }
  .extra-img {
    display: flex;
  }
  .trusted-source-section h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .payday-loan-section ul {
    flex-direction: column;
    align-items: center;
  }
  .payday-loan-section ul li:first-child {
    margin: 0 0 54px 0;
  }
  .payday-loan-section ul li div:last-child {
    margin: 24px 0 0 0;
  }
  .trusted-source-section {
    padding: 0 0 50px 0;
  }
  .footer-section .list-advantages ul {
    flex-direction: column;
    align-items: center;
  }
  .footer-section .list-advantages li:not(:last-child) {
    margin: 0 0 50px 0;
  }
  .footer-section .list-advantages .star-container + p {
    width: 327px;
  }
  .footer-section .preform-container {
    margin: 70px 0 0 0;
  }
  .footer-section .footer-preform {
    width: 316px;
  }
  .footer-section .preform-container .footer-preform select {
    width: 276px;
    margin: 0;
  }
  .footer-section .preform-container .footer-preform button {
    width: 276px;
  }
  .foot-nav ul {
    flex-direction: column;
  }

  .foot-nav ul li:not(:last-child) {
    margin: 0 0 40px 0;
  }
  .head-works-section ul {
    flex-direction: column;
    align-items: baseline;
  }
  .head-works-section ul li {
    margin: 0 0 50px 0;
    flex-direction: row;
    align-items: center;
  }

  .head-works-section .works-circle {
    margin: 0 20px 0 0;
  }
  .head-works-section ul li .title-container .first-item,
  .head-works-section ul li .title-container img {
    left: -57px;
    bottom: -38px;
    transform: rotate(90deg);
    top: auto;
  }
  .works-bg {
    display: none;
  }
  .loan-service .flex-table .col-right ul {
    flex-direction: column;
    align-items: baseline;
  }
  .faq-head-section .col-left {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .faq-head-section h1 {
    margin: 0 0 40px 0;
    font-weight: 300;
    font-size: 30px;
    line-height: 38px;

    color: #000000;
  }
  .faq-head-section .col-left p {
    font-size: 16px;
    line-height: 26px;
  }

  /* MENU */
  .navigate {
    width: 50%;
    position: absolute;
    top: -3px;
    height: calc(150vh - 100px);
    overflow: scroll;
    right: 0;
    padding: 100px 25px 0 25px;
    text-align: right;
    background: #f9f9f9;
  }
  .hum.get-close span:last-child {
    width: 2rem;
    height: 2px;
    border-radius: 0;
    transform: translateY(0) rotate(45deg);
    background: #000000;
  }
  .hum.get-close span:nth-child(2) {
    display: none;
  }
  .hum.get-close span:first-child {
    width: 2rem;
    height: 2px;
    border-radius: 0;
    transform: translateY(0) rotate(-45deg);
    background: #000000;
    margin-bottom: -2px;
  }

  .navigate li:nth-child(-n + 6) {
    margin: 0 0 32px 0;
    text-align: center;
  }
  .hide,
  .cont-tel {
    display: none;
  }
  .menu-block .btn-mob .get-btn {
    margin: auto;
  }
  .cont-tel-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cont-tel-menu a p {
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    color: #000000;
  }

  .cont-tel-menu a span {
    font-weight: 700;
    font-size: 11px;
    line-height: 14px;

    text-transform: uppercase;

    color: #000000;
  }
  .cont-tel-menu a img {
    margin: 0 7px 0 0;
  }

  .first-half-form,
  .second-half-form {
    flex-direction: column;
  }
  .form-section .bg-box .box-table .box-field {
    margin: 0 20px 20px 0;
  }
  .form-section .bg-box .box-contact {
    padding: 60px 29px 80px 29px;
  }
  .footer-section .preform-container .footer-preform select {
    background: url(../img/select-arrow.svg) no-repeat 235px 50%, #fede2a;
  }

 
  .heder-extra .header-form h2 {
    text-align: center;
  }
  
  .heder-extra {
    height: 100%;
  }
 
  .heder-extra .header-form {
    padding: 35px 0 51px 0;
  }

  .terms-section h1 {
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 615px) {
  .faq-head-section .col-left .line-container {
    width: 100%;
  }
  .faq {
    background: none;
  }
  .navigate {
    width: 100%;
  }
  .contact-page {
    background: none;
  }
}

@media screen and (max-width: 562px) {
  .header-main-section {
    padding: 30px 0 0px 0;
  }
  .trusted-source-section .col-left div:first-child {
    width: 100%;
  }
  .payday-loan-section ul li div p {
    width: 100%;
  }
  .payday-loan-section ul li .yellow-circle {
    flex-shrink: 0;
  }
  .how-it-works .flex-table .col-right,
  .how-it-works .requirements-text {
    width: 100%;
  }
  .privacy-gray {
    background: none;
  }
  .form-section ul.list-contact li .text p + div {
    width: 100%;
  }
 .box-support .envelop {
    text-align: center;
  }
}

/* MOBILE */
@media screen and (max-width: 375px) {
  .preform {
    width: 100%;
  }
  .req-btn,
  .btn {
    width: 100%;
  }
  .section {
    width: 100%;
  }
  section select,
  .preform select {
    width: 100%;
  }
  .pos-rel input,
  .pos-rel input {
    width: 100%;
    padding: 0;
  }
  .footer-section .list-advantages .star-container + p {
    width: 100%;
  }
  .footer-section .footer-preform {
    width: 100%;
  }
  .footer-section .preform-container .footer-preform select {
    margin: 0;
  }

  .footer-section .preform-container .footer-preform select,
  .footer-section .preform-container .footer-preform button {
    width: 100%;
  }
  .head-works-section ul li div p {
    width: 100%;
  }
  .head-works-section .works-circle {
    flex-shrink: 0;
  }
  .form-section .bg-box .flex-table {
    justify-content: center;
  }
  .form-section .bg-box .flex-table button,
  .box-bot-form {
    width: 100%;
  }

	.form-section ul.list-contact li .icon {
	  flex-shrink: 0;
	}
	.form-section h1 {
		font-size: 30px;
		line-height: 38px;
	}
}
