@media screen and (max-width: 767px) and (min-width: 0) {
    .limit {width: 100%; flex-wrap: wrap; justify-content: center !important; height: auto !important; padding: 0 15px !important}
    br {display: none}
    header {margin: 0}
    .header-top {padding: 15px 0}
    .header-top-left, .footer-left {flex-wrap: wrap}
    .header-top-left {margin: 0 0 15px}
    .logo, .logo-coloplast {width: 50%}
    .logo img, .logo-coloplast img {width: 100%; max-width: 210px}
    .logo-coloplast .text {display: none}
    .header-top-right {margin-top: 15px}
    .header-phone {width: 100%; max-width: 330px; padding-left: 70px}
    .header-phone .text {font-size: 11px}
    .header-phone a[href^="tel"] {font-size: 30px}
    .header {padding: 30px 0 0; height: auto}
    .header-left {width: 100%; padding: 0; margin: 0 0 15px}
    .header-right, .form-left {width: calc(100% + 30px); margin: 0 -15px; background: #fff; border-radius: 0}
    .form input[type="submit"] {background-position: calc(100% - 15px) center; text-indent: -15px}
    .header-left .title {font-size: 32px}
    .header-left ul {padding: 0; margin-bottom: 15px}
    .contact-us {flex-wrap: wrap; margin: 0}
    .contact-us-left, .contact-us-right {width: 100%; margin: 0 0 15px}
    .contact-us-left .phone {font-size: 28px}
    .contact-us-right {padding: 19px 21px; font-size: 18px; display: flex; align-items: center}
    .start-block .title {font-size: 32px; margin-bottom: 15px}
    .subtitle {padding: 0 15px; margin-bottom: 30px !important}
    .start-block {padding: 30px 0; margin-bottom: 30px}
    .start-block-image img {width: 100%; max-width: 756px}
    .start-block .items {flex-wrap: wrap; justify-content: center; align-items: center}
    .start-block .item {margin: 0 15px 15px}
    .request-block {position: static; flex-wrap: wrap; transform: translate(0); height: auto; padding: 15px; width: 100%}
    .request-block .request-left {margin-bottom: 5px}
    .steps-block {height: auto}
    .steps-block .steps-title {padding: 0 15px}
    .steps-block .item {margin: 0 15px 30px}
    .steps-block .item:before {display: none}
    .testimonial-block, .contact-block {background-size: cover}
    .testimonial-block {padding: 15px 0}
    .testimonial-block .limit {background: none}
    .quote {padding: 0}
    .contact-block {padding: 15px 0; margin: 0 0 30px}
    .contact-left .big {font-size: 18px; text-align: center}
    .contact-phone {padding: 3px 0 3px 48px; font-size: 34px}
    .contact-button {margin: 38px 0 0}
    .contact-button:before {top: -31px; left: 50%; transform: translate(-50%, 0)}
    .text-block .image {padding: 0; margin: 0 0 15px}
    .text-block .image img {width: 100%; max-width: 348px}
    .travel-block {margin-bottom: 30px}
    .family-block .text {order: 1}
    .form-right-title {font-size: 32px}
    .form-right-top {flex-wrap: wrap}
    .form-right-bottom {font-size: 18px; line-height: 1}
    .form-right-phone {background: url(../images/phone-call-mini.png) 0 5px no-repeat; font-size: 32px; padding: 0 0 30px 51px}
    .thank-you-block {padding: 38px 0 0}
    .thank-you-bottom .button {width: 100%; max-width: 330px}
    .thank-you-bottom .button a {font-size: 32px}
    .complete-product-block .item {margin: 0 0 15px}
    .complete-product-block .button-blue {width: 100%; max-width: 270px}
    .inner-page-top {flex-wrap: wrap}
    .inner-page-title {margin-bottom: 15px}
    main {margin: 0}
    .footer-top {flex-wrap: wrap}
    .footer-menu ul {justify-content: flex-start}
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .limit {width: 100%}
    .header-top .limit {padding: 0 15px}
    .logo-coloplast .text {margin-right: 5px}
    .header-phone {width: 280px}
    .header-phone .text {font-size: 10px}
    .header-phone a[href^="tel"] {font-size: 28px}
    .header {background-size: cover; padding-bottom: 15px; height: auto}
    .header-left {width: calc(100% - 350px); padding: 0 15px}
    .header-left .title {font-size: 42px}
    .header-left ul {margin: 0}
    .contact-us {flex-wrap: wrap; margin: 0}
    .contact-us br {display: none}
    .contact-us-left, .contact-us-right {width: 100%; max-width: 390px; margin: 0 0 15px}
    .subtitle br {display: none}
    .start-block-image img {width: 100%; max-width: 756px}
    .start-block .items {flex-wrap: wrap; justify-content: center}
    .start-block .item {margin: 0 15px 15px}
    .contact-block {background-size: cover; padding: 15px 0; margin-bottom: 30px}
    .contact-block .limit {height: auto; flex-wrap: wrap}
    .contact-left {width: 100%; margin: 0 0 5px}
    .form-right {width: calc(100% - 350px); padding: 0 0 0 15px}
    .form-right-title {font-size: 32px}
    .form-right-top {flex-wrap: wrap}
    .form-right-top .image {padding: 5px 0 0}
    .form-right-bottom {font-size: 18px; line-height: 1}
    .form-right-phone {background: url(../images/phone-call-mini.png) 0 5px no-repeat; font-size: 32px; padding: 0 0 30px 51px}
    .inner-page-top {padding: 20px 15px}
    .inner-page-title {font-size: 42px; width: 380px}
    .inner-page-content {padding: 0 15px}
    main {margin: 0}
    .footer-top {padding: 0 15px 30px; flex-wrap: wrap}
    .footer-menu ul {justify-content: flex-start}
}