@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px;
    }
}

@media all and (max-width: 1400px) {
    body {
        font-size: 16px;
    }
    h1, h2 {
        font-size: 32px;
    }
    .navbar-expand-xl .navbar-nav {
        gap: 15px;
    }
    .btn,
    .header-contacts .phone,
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: 16px;
    }
    .header-contacts .phone {
        margin-right: 20px;
    }
    .navbar-brand {
        max-width: 120px;
    }
    .modal-title {
        font-size: 24px;
    }
    .services-list .btn {
        font-size: 18px;
    }
    .nav-pills .nav-link {
        font-size: 20px;
    }
    .tab-row_wrapper p:first-child strong {
        font-size: 20px;
    }
    .tab-row_wrapper p:first-child {
        font-size: 16px;
    }
    .tab-row_wrapper p:nth-child(2) {
        margin: 20px 0px 30px 0px;
        font-size: 22px;
    }
    .accordion-flush .accordion-item .accordion-button {
        font-size: 20px;
    }
    .footer-logo {
        max-width: 150px;
    }
    .footer-logo img {
        max-width: 100%;
        height: auto;
    }
    .region-footer-first {
        gap: 30px;
    }
    .footer-menu .nav-link {
        font-size: 16px;
    }
    .case-name {
        font-size: 20px;
    }
    .about-item_wrapper p:first-child {
        font-size: 20px;
    }
    .about-left p {
        font-size: 18px;
    }
    .about-item_wrapper p {
        font-size: 16px;
    }
    .about-left {
        width: 650px;
        min-width: 650px;
        margin-right: 30px;
    }
    .footer-form_wrapper {
        width: 50%;
        min-width: 50%;
    }
    .node__content {
        font-size: inherit;
    }
    .case-more .btn {
        font-size: 14px;
    }
    .node--type-case h3 {
        font-size: 22px;
    }
    .node--type-case h4, .node--type-service h3 {
        font-size: 20px;
    }

}

@media all and (max-width: 1200px) {
    .navbar-toggler {
        order: 3;
        border: 0px;
        padding: 0px;
        outline: none !important;
        box-shadow: unset !important;
    }
    .navbar-toggler-icon {
        background: url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1C0 0.447715 0.447715 0 1 0H39C39.5523 0 40 0.447715 40 1C40 1.55228 39.5523 2 39 2H0.999999C0.447714 2 0 1.55228 0 1Z" fill="%23242B34"/><path d="M0 9C0 8.44772 0.447715 8 1 8H39C39.5523 8 40 8.44772 40 9C40 9.55228 39.5523 10 39 10H0.999999C0.447714 10 0 9.55228 0 9Z" fill="%23242B34"/><path d="M0 17C0 16.4477 0.447715 16 1 16H39C39.5523 16 40 16.4477 40 17C40 17.5523 39.5523 18 39 18H0.999999C0.447714 18 0 17.5523 0 17Z" fill="%23242B34"/></svg>') center center no-repeat;
        width: 40px;
        height: 18px;
    }
    #CollapsingNavbar {
        background: #FAFCFF;
        border: 0px;
    }
    .offcanvas-header {
        justify-content: flex-end;
        padding: 20px 15px;
    }
    .offcanvas-header .btn-close {
        background: url('data:image/svg+xml,<svg width="40" height="18" viewBox="0 0 40 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1L20 9M28 17L20 9M20 9L27.0857 1M20 9L12 17" stroke="%23242B34" stroke-linecap="round" stroke-linejoin="round"/></svg>') center center no-repeat;
        width: 40px;
        height: 18px;
        padding: 0px;
        outline: none !important;
        box-shadow: unset !important;
        opacity: 1;
    }
    .offcanvas-body {
        padding: 15px 15px 30px 30px;
    }
    .navbar-expand-xl .navbar-nav {
        gap: 0px;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        font-size: 18px;
        padding: 0px;
        margin-bottom: 15px;
    }     
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        border-radius: 8px;
        background: none;
        box-shadow: unset;
        padding: 0px;
        border: 0px;
        width: auto;
        margin-left: 0px;
        padding-bottom: 15px;
    }
    .dropdown-item:not(:last-child) {
        margin-bottom: 10px;
    }
    .dropdown-item a {
        display: flex;
        padding-left: 0px;
        color: #242B34;
        font-size: 14px;
    }
    .dropdown-item a:before {
        content: '-';
        padding-right: 10px;
    }
    a.phone {
        font-size: 18px;
    }
    #block-skopico-kontaktyvshapke-2 {
        margin-top: 30px;
    }
    #block-skopico-kontaktyvshapke-2 .field {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    .first-screen h1 {
        font-size: 60px;
    }
    .first-screen p a {
        font-size: 18px;
    }
    .services-list .btn {
        font-size: 16px;
    }
    #pills-tab {
        position: relative;
        margin-bottom: 30px;
    }
    .tab-row_wrapper p:first-child {
        font-size: 12px;
    }
    .tab-row_wrapper {
        padding: 15px;
    }
    .tab-row_wrapper p:first-child strong {
        font-size: 24px;
        margin-left: 10px;
    }
    .tab-row_wrapper p:nth-child(2) {
        margin: 10px 0px 25px 0px;
        font-size: 18px;
    }
    .tab-row_wrapper p .btn {
        padding: 10px;
    }
    .advantages-item p:first-child {
        font-size: 22px;
    }
    .advantages-item p {
        font-size: 16px;
    }
    .advantages-cols_wrapper {
        padding: 38px 100px 38px 20px;
    }
    .advantages-cols_wrapper p {
        font-size: 16px;
    }
    .advantages-cols_wrapper p:first-child {
        font-size: 20px;
    }
    .cases-header a {
        font-size: 18px;
    }
    .field--name-field-vremya-raboty {
        font-size: 14px;
    }
    .accordion-flush .accordion-item .accordion-button {
        font-size: 18px;
    }
    .region-footer-first {
        gap: 15px;
    }
    .footer-contacts p {
        font-size: 16px;
    }
    .region-footer-first {
        gap: 0px;
        padding: 0px 15px;
    }
    .region-footer-first .block {
        width: 50%;
        margin-top: 15px;
    }
    .footer-logo {
        padding-right: 30px;
    }
    .footer-form_row {
        padding: 10px 30px;
    }
    .footer-form_wrapper {
        padding: 20px;
    }
    .page-node-3 .node--type-page {
        font-size: 18px;
    }
    .breadcrumb {
        font-size: 16px;
    }
    .example-wrapper_last,
    .example-wrapper {
        font-size: 16px;
    }
    .case-wrapper {
        padding: 20px;
    }
    .sidebar .block, .faq-ask {
        padding: 20px;
    }
    #block-skopico-views-block-faq-block-1-2 {
        padding-right: 30px;
    }
    .case-text {
        font-size: 16px;
    }
    .node--type-case #sidebar_second {
        width: 300px;
    }
    .toc-js ul li a {
        font-size: 16px;
    }
    .faq-ask p:first-child {
        font-size: 20px;
    }
    .page-view-faq .view-faq {
        padding-right: 15px;
    }
}

@media all and (max-width: 960px) {
    .first-screen .field {
        height: auto;
        padding: 70px 0px;
    }
    .first-screen h1 {
        font-size: 32px;
    }
    .first-screen p a {
        font-size: 16px;
        padding: 15px 20px;
    }
    h1, h2 {
        font-size: 28px;
    }
    .block-header p em,
    .tarif-contain > .d-flex > div:last-child a {
        font-size: 16px;
    }
    .tab1_header p:nth-child(2) {
        font-size: 18px;
    }
    .advantages-item {
        width: 100% !important;
    }
    .advantages-cols .col-lg-4 {
        margin-bottom: 20px;
    }
    .contact-block p a {
        font-size: 20px;
    }
    .footer-contacts p a {
        white-space: pre;
    }
    .footer-form_row,
    .about-row {
        flex-direction: column;
    }
    .about-left {
        width: 100%;
        min-width: unset;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .footer-form_wrapper {
        width: 100%;
        min-width: unset;
        margin: 20px 0px;
    }
    .form-action .btn {
        font-size: 16px;
    }
    .why-list {
        margin-left: 0px;
    }
    .why-title {
        margin-bottom: 20px;
    }
    .why-title::after {
        display: none;
    }
    .node--type-service #sidebar_second {
        width: 100%;
        position: relative !important;
    }
    #block-skopico-views-block-faq-block-1-2 {
        padding-right: 0px;
        padding-bottom: 50px;
    }
    .related-title {
        font-size: 30px;
    }
    .breadcrumb {
        margin-bottom: 30px;
    }
    #main-wrapper {
        padding: 10px 0px 50px 0px;
    }
    .node--type-case #sidebar_second {
        display: none;
    }
    #sidebar_second {
        width: 100%;
    }
    .page-view-faq .view-faq {
        padding-right: 0px;
        padding-bottom: 50px;
    }
    #sidebar_second > aside {
        position: relative;
    }
}

@media all and (max-width: 767px) {
    #header {
        padding: 20px 0px;
    }
    .region-header-form {
        display: none;
    }
    .first-screen h1 {
        font-size: 26px;
    }
    .first-screen .field {
        height: auto;
        padding: 114px 0px 147px 0px;
    }
    .first-screen p {
        width: 100%;
        position: absolute;
        bottom: -20px;
        right: 0px;
        margin: 0px;
        padding: 7px;
        background: #fff;
        border-radius: 49px;
    }
    .first-screen p a {
        font-size: 14px;
        padding: 12px 16px;
        width: 100%;
    }
    .modal-form .modal-body {
        padding: 40px 20px;
    }
    .modal-title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .services-list .btn {
        padding: 5px 10px;
    }
    #home-tabs {
        padding: 20px 0px;
    }
    .nav-pills .nav-link {
        font-size: 16px;
        padding: 6px 16px;
    }
    h1, h2 {
        font-size: 22px;
    }
    .tab1_header h2 {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 15px;
    }
    .tab1_header h2 strong {
        margin-left: 0px;
        font-size: 16px;
    }
    .tab1_header p:nth-child(2) {
        font-size: 16px;
    }
    .tab1_header {
        margin-bottom: 30px;
    }
    .view-services .mb-4 {
        margin-bottom: 10px;
    }
    .case-name {
        font-size: 18px;
    }
    .case-text {
        margin-bottom: 15px;
    }
    .tarif-contain .btn {
        font-size: 14px;
    }
    .tarif-contain > .d-flex {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }
    .tarif-contain > .d-flex > div:last-child {
        margin-left: 0px;
    }
    .modal-body {
        font-size: 16px;
    }
    .block-header p {
        margin-bottom: 20px;
    }
    .block-header {
        margin-bottom: 30px;
    }
    .advantages-item {
        padding: 25px 20px;
        margin-bottom: 15px;
    }
    .advantages-item p:first-child {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .advantages-item:nth-child(2), .advantages-item:nth-child(3) {
        padding-right: 20px;
    }
    .advantages-item:nth-child(2)::after, .advantages-item:nth-child(3)::after {
        position: relative;
        top: 0px;
        right: 0px;
        display: block;
        content: '';
        width: 80px;
        height: 113px;
        background-size: contain;
        margin: 20px auto 0px auto;
    }
    .advantages-item:nth-child(3)::after {
        width: 100px;
        height: 120px;
    }
    .advantages-cols_wrapper {
        padding: 30px 90px 30px 20px;
    }
    .advantages-cols_wrapper p:first-child {
        font-size: 22px;
        white-space: pre;
        margin-bottom: 15px;
    }
    .cases-header a {
        font-size: 16px;
    }
    .case-wrapper {
        padding: 14px;
    }
    .case-pic {
        margin-bottom: 5px;
    }
    .view-cases .col-lg-4 {
        margin-bottom: 20px;
    }
    #faq {
        padding-bottom: 40px;
    }
    #contacts {
        padding: 20px 0px;
        margin-bottom: 40px;
    }
    .contact-block {
        width: 100%;
    }
    .contact-pic {
        width: 100%;
    }
    #contacts .container {
        flex-wrap: wrap;
    }
    .contact-block p {
        margin-bottom: 15px;
        display: flex;
        gap: 5px;
    }
    .contact-pic img {
        margin-top: 6px;
    }
    .contact-block p a {
        font-size: 18px;
    }
    #footer {
        padding: 20px 0px;
    }
    #footer .container {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .footer-logo {
        padding-right: 0px;
        max-width: 163px;
        margin-bottom: 20px;
    }
    .footer-menu .nav-link {
        font-size: 18px;
    }
    .region-footer-first .block {
        width: 100%;
        padding: 0px;
        margin-top: 10px;
    }
    .footer-contacts {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .footer-contacts p {
        font-size: 18px;
    }
    #block-skopico-footer1.footer-menu .nav,
    #block-skopico-footer2.footer-menu .nav {
        flex-direction: row;
        gap: 10px;
    }
    #block-skopico-footer1.footer-menu .nav li,
    #block-skopico-footer2.footer-menu .nav li  {
        width: auto;
        margin: 0px !important;
    }
    #block-skopico-footer1.footer-menu .nav a,
    #block-skopico-footer2.footer-menu .nav a {
        padding: 4px 10px;
        border-radius: 50px;
        border: 1px solid #2B343A;
    }
    .region-footer-first #block-skopico-footer3 {
        margin-top: 20px;
    }
    .about-left p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: 6px;
    }
    .breadcrumb {
        margin-bottom: 20px;
        font-size: 12px;
    }
    h1 {
        margin-bottom: 20px;
    }
    .about-item_wrapper {
        position: relative;
        width: 100%;
        height: 220px;
        border-radius: 12px;
        background: #318BF0;
        padding: 20px 15px;
    }
    .about-right {
        display: none;
    }
    .footer-form_row {
        padding: 0px 15px;
    }
    #footer-form .container {
        padding: 0px;
    }
    .page-node-3 .node--type-page {
        font-size: 16px;
    }
    .page-node-3 #main-wrapper {
        padding-bottom: 30px;
    }
    #tariffs_1 h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .why-title {
        font-size: 16px;
    }
    .why-list {
        flex-direction: column;
    }
    .why-item {
        padding: 16px;
        width: 100%;
        height: auto;
        font-size: 16px;
    }
    .why-block_2 {
        margin-bottom: 40px;
    }
    article.node--type-case h4, article.node--type-service h3 {
        font-size: 20px;
    }
    .node--type-service .sidebar .block {
        padding: 15px;
    }
    .price-value,
    .price-value > div:last-child {
        font-size: 14px;
    }
    .related-more a {
        font-size: 16px;
    }
    .related-block {
        margin-bottom: 30px;
    }
    #block-skopico-views-block-faq-block-1-2 {
        padding-right: 15px;
        padding-bottom: 30px;
    }
    .page-view-faq .view-faq {
        padding-bottom: 30px;
    }
    .contact-row {
        width: 100%;
        display: flex;
        gap: 0px;
        flex-direction: column;
    }
    .page-node-4 #main-wrapper {
        padding-bottom: 20px;
    }
    .success-subtitle br {
        display: none;
    }
    .success-title {
        font-size: 32px;
    }
}