.mob_block {
    display: none !important;
}
body,
html {
    overflow-x: hidden;
}

@media screen and (min-width: 1400px) {
    html {
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
    html {
        font-size: 15px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
    html {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
    html {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1100px) and (min-width: 1050px) {
    html {
        font-size: 12px !important;
    }
}
@media screen and (max-width: 1050px) and (min-width: 992px) {
    html {
        font-size: 11px !important;
    }
}

@media screen and (min-width: 992px) {
}

@media screen and (max-width: 992px) {
    .fancybox-slide--iframe .fancybox-content {
        width: 95%;
        height: auto;
    }
    .mob_full {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .mob_none {
        display: none !important;
    }
    .mob_block {
        display: block !important;
    }
    .logo {
        width: 5.2rem;
    }
    .btn {
        min-width: unset;
        max-width: unset;
        width: 100%;
        height: 3.5rem;
        font-size: 1.15rem;
    }
    .container {
        width: 100%;
        padding: 0 15px;
    }
    .search--show {
        margin-right: 1.5rem;
    }
    .head-nav,
    .head-btn-desktop {
        display: none;
    }
    .burger {
        display: flex;
    }
    .burger svg{
        width: 34px;
        height: 34px;
    }
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    .hero-actions {
        flex-direction: column;
        align-items: unset;
    }
    .hero-content {
        padding: 1.25rem;
        gap: 0.75rem;
    }
    .hero-title {
        font-size: 1.65rem;
    }
    .hero-desc {
        max-width: unset;
    }
    .hero-card-btn.dark {
        width: 100%;
        background-image: unset;
        background: #0b555c;
        border-radius: 1.25rem;
        height: unset;
        gap: 1rem;
    }
    .hero-card-btn.dark .hero-btn-icon {
        left: unset;
        top: unset;
        background-color: white;
        color: #0b555c;
    }
    .hero-btn-icon {
        height: 3.6rem;
        width: 3.6rem;
    }
    .hero-card-btn.outline {
        width: 100%;
        gap: 1rem;
        background-image: unset;
        background: transparent;
        border: 1px solid white;
        border-radius: 1.25rem;
        height: unset;
    }
    .hero-card-btn.outline .hero-btn-icon {
        left: unset;
        top: unset;
        bottom: unset;
        background: transparent;
        border: 1px solid white;
    }
    .hero-btn-subtitle {
        font-size: unset;
    }
    .partners-grid-lil,
    .partners-grid-big {
        grid-template-columns: 1fr;
    }
    .section-title {
        font-size: 1.65rem;
    }
    .partner-img-wrap {
        height: 10rem;
        margin-bottom: 2rem;
    }
    .about-grid {
        grid-template-columns: 1fr;
    }
    .about-card.span-2 {
        grid-column: span 1;
    }
    .about-card {
        min-height: 22rem;
    }
    .about-card-val {
        font-size: 2rem;
    }
    .about-card-sub {
        font-size: 1.45rem;
    }
    .about-card-val span {
        font-size: 2.65rem;
    }
    .catalog-grid {
        grid-template-columns: 1fr;
    }
    .catalog-filters {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
        -webkit-overflow-scrolling: touch;
    }

    .filter-btn {
        white-space: nowrap;
    }
    .service-icon {
        align-self: flex-end;
    }
    .service-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.65rem;
        padding: 1.8rem 1.5rem;
    }
    .service-desc {
        max-width: unset;
    }
    .service-title {
        font-size: 1.5rem;
    }
    .service-num {
        font-size: 2rem;
    }
    .project-title {
        font-size: 1.4rem;
    }
    .project-tags {
        font-size: 1rem;
    }
    .section-header.center {
        margin-bottom: 2rem;
    }
    .partner-title {
        font-size: 1.4rem;
    }
    .projects-arrows {
        margin-top: 1.85rem;
    }
    .form-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .form-footer {
        gap: 1rem;
    }

    .form-textarea {
        grid-column: span 1;
    }

    .contact-subtitle br,
    .form-policy br {
        display: none;
    }

    .form-btn {
        width: 100%;
        align-self: auto;
    }
    .contact-wrap {
        padding: 1rem;
    }
    .contact-subtitle {
        font-size: 1.1rem;
    }
    .contact-form-box {
        padding: 1rem;
    }
    .contacts-grid {
        grid-template-columns: 1fr;
    }
    .footer-top {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .footer-info-grid {
        grid-template-columns: 1fr;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 2.15rem;
    }
    .footer-form {
        flex-direction: column;
    }
    .footer-logo {
        margin: 0 auto;
    }
    .footer-nav {
        grid-template-columns: 1fr;
    }
    .adv-arrows {
        position: unset;
        justify-content: center;
        margin-top: 1.5rem;
    }
    .adv-arr {
        background: #0b555c;
    }
    .adv-arr:hover {
        background: #01969d;
    }
    .adv-slide-overlay {
        background:
            linear-gradient(
                135deg,
                rgba(0, 0, 0, 0.45) 0%,
                rgba(0, 0, 0, 0.2) 20%,
                rgba(0, 0, 0, 0) 40%
            ),
            linear-gradient(
                180deg,
                rgba(2, 179, 241, 0) 35%,
                rgba(1, 150, 156, 0.65) 70%,
                #0a545b 100%
            );
    }
    .lang-toggle {
        font-size: unset;
    }
    .lang-toggle svg {
        width: 24px;
        height: 24px;
    }
    .lang-menu li a{
        font-size: unset;
        padding: .5rem 1.5rem;
    }
    .modal-arrow-box{
        display: flex;
        gap: 1.15rem;
        justify-content: center;
        margin-top: 1.25rem;
    }
    .modal-arrow{
        position: unset;
        transform: unset;
    }
    .modal-slide {
        height: 29rem;
    }
    .modal-close {
        top: 1rem;
    }
    .modal .modal__block{
        width: 95%;
        padding: 3rem 15px;
    }
    .hero-section {
        padding-top: 1rem;
    }
    .hero-image-wrap {
        height: auto;
        margin-bottom: 2rem;
    }
    .about-card.white {
        border: 1px solid #dadada;
    }
    .footer-socials {
        justify-content: center;
        margin-top: 1.2rem;
    }
}
@media screen and (max-width: 550px) {
    body {
        font-size: 1.165rem;
    }
}