/*adaptive*/
@media (max-width: 1240px) {
    h1 {font-size: 34px;}

    .btn {padding: 18px 25px;}

    .container {max-width: 100%;}

    section.demo-section {padding: 50px;height: 390px;}
    section.demo-section h1 {width: 560px;}
    section.demo-section .buttons {margin: 50px 0 0;}
    section.demo-section img {max-width: 340px;top: 50%;transform: translateY(-50%);}


    section.diff-section .blocks {max-width: 770px;margin: 40px auto 0;}

    section.solutions-section .blocks {padding: 5px 10px;}
    section.solutions-section .blocks .block {margin: 15px;}

    section.tariffs-section .tariffs .slick-list {margin: 0 -15px;padding-bottom: 30px !important;}
    section.tariffs-section .tariffs .slick-slide {margin: 0 15px 40px;}
    section.tariffs-section .tariffs .tariff {height: auto;}
    section.tariffs-section {margin-bottom: 0;}
    section.tariffs-section .tariffs {margin-bottom: 0;}

    section.contacts-section {background-size: cover;height: auto;margin-top: 0;}
    section.contacts-section h1 {max-width: 100%;}
    section.contacts-section .form {margin-top: 30px;}
    section.contacts-section input {display: block;margin: 0 auto 20px;width: 292px;max-width: 100%;}
    section.contacts-section button.send {margin: 0 auto;display: block;width: 292px;padding-left: 0;padding-right: 0;text-align: center;max-width: 100%;}
    section.contacts-section .agree {margin: 25px auto 0;max-width: 100%;}

    section.static-section p {word-break: break-word;}
}

@media (max-width: 992px) {
    .logo {width: 125px;}
    .logo img {max-width: 100%;}

    header .contacts .phone {border: none;}
    header .contacts .phone .arrow {display: none;}
    header .contacts a.mobile-btn {display: initial;}
    header .contacts a.desktop-btn {display: none;}
    header .contacts .phone img:first-child {margin-right: 0;}

    section.demo-section {height: 360px;}
    section.demo-section h1 {width: 460px;}
    section.demo-section img {max-width: 290px;}

    section.solutions-section .blocks {justify-content: center;}
}

@media (max-width: 840px) {
    h1 {font-size: 30px;}

    .btn {font-size: 12px;padding: 16px 20px;}

    header ul {width: 360px;}

    section.demo-section {padding: 40px;height: 320px;}

    section.demo-section .buttons {margin: 40px 0 0;}

    section.demo-section h1 {width: 100%;max-width: 360px;}

    section.demo-section img {max-width: 260px;}

    section.diff-section .blocks .block {width: 325px;max-width: 100%;padding: 20px 25px;}

    section.diff-section .blocks .block img {margin-right: 10px;}

    section.diff-section .blocks .block span {font-size: 14px;}
}

@media (max-width: 768px) {
    section {margin: 65px 0;}

    .tablet-p-0 {padding: 0;}

    header .container {padding-bottom: 22px;}
    header .container > .logo {display: none;}
    header .logo {margin-bottom: 15px;}
    header .menu:before {content: '';position: absolute;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(59, 73, 101, .7);visibility: hidden;opacity: 0;transition: opacity .3s, visibility .3s;}
    header .menu .toggle {display: initial;}
    header .menu ul {position: fixed;flex-direction: column;align-items: flex-start;background: #fff;top: 0;left: 0;z-index: 7;height: 100%;max-width: 85vw;justify-content: flex-start;padding: 25px;border-top-right-radius: 12px;border-bottom-right-radius: 12px;transform: translateX(-100%);transition: transform .3s;}
    header .menu ul .contacts-info {display: block;width: 100%;border-top: 1px solid #CED1D8;padding-top: 10px;margin-top: 18px;}
    header .menu ul li {margin: 12px 0;width: 100%;}
    header .menu ul li:nth-child(2) {border-top: 1px solid #CED1D8;padding-top: 30px;}
    header .menu-active:before {visibility: visible;opacity: 1;}
    header .menu-active ul {visibility: visible;transform: translateX(0);}
    header .contacts .phone .contacts-info {width: 100vw;right: -192px;top: 38px;left: initial;}
    header .contacts .phone .contacts-info div {width: 100vw;box-shadow: none;}

    section.demo-section {display: flex;flex-direction: column;align-items: center;height: auto;margin: 0;border-radius: 0;background-size: cover;background-position: 65%;height: auto;}
    section.demo-section .info {align-self: start;}
    section.demo-section h1 {margin-top: 30px;}
    section.demo-section img {position: relative;max-width: 300px;left: 0;bottom: -90px;margin-top: -15px;top: initial;transform: translateY(0);}

    section.diff-section {margin-top: 130px;}
    section.diff-section .blocks {flex-direction: column;margin-top: 30px;}

    section.solutions-section .blocks {padding: 17.5px 12.5px;justify-content: flex-start;}
    section.solutions-section .blocks .block {width: calc(50% - 15px);margin: 7.5px;}
    section.solutions-section .blocks .block span {font-size: 14px;}

    section.tariffs-section .tariffs .tariff {padding: 23px 22px;}
    section.tariffs-section .tariffs .tariff ul li {font-size: 14px;}

    footer {padding: 40px 0;}
    footer .container {flex-wrap: wrap;}
    footer ul {width: 100%;margin-top: 40px;}
    footer ul.copyright {flex-wrap: wrap;}
    footer ul.copyright li:last-child {width: 100%;margin-top: 30px;}
    footer .container-separator {margin: 60px 0 0;}

    section.error-section p {font-size: 16px;margin-bottom: 60px;}
    section.error-section .btn {padding: 18px 50px;}
}

@media (max-width: 480px) {
    h1 {font-size: 28px;}

    section.demo-section .renewal {font-size: 10px;}
    section.demo-section {padding: 35px 25px 30px;}
    section.demo-section img {max-width: 225px;}

    section.diff-section p {max-width: 290px;}
    section.diff-section .blocks .block {margin-bottom: 10px;}

    section.solutions-section .blocks .block {padding: 15px;}
    section.solutions-section .blocks .block span {white-space: initial;}

    section.contacts-section {padding: 20px 20px 30px;border-radius: 12px;}
    section.contacts-section h1 {font-size: 24px;line-height: 31px;}
    section.contacts-section input {margin-bottom: 15px;}
    section.contacts-section .agree {margin: 25px 0 0;}

    footer ul {flex-wrap: wrap;}
    footer ul li {width: 50%;margin: 12px 0;}
    footer ul.copyright li {width: auto;}
}