@media screen and (max-width:1024px) {
    .container-xxl {
        padding: 0 5%
    }
}

@media screen and (max-width:425px) {
    .info-boss {
        padding-left: 1%;
        padding-right: 1%
    }

    .menu {
        display: none !important
    }

    .place-ico {
        height: 80%
    }

    .mail-ico {
        height: 60%
    }

    .fs-3 {
        font-size: clamp(14px, calc(14px + 21 * ((100vw - 320px) / 1120)), 35px) !important
    }

    .text-3 {
        width: 40%
    }

    .info-boss:hover,
    .link-place:hover,
    .mail-boss:hover {
        opacity: 1
    }

    .btn-up:hover,
    .cards:hover,
    .contact-box-left a:hover {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-decoration: none !important
    }

    .cromatec:hover {
        color: inherit !important
    }

    .cards:active {
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .3) !important;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .3) !important
    }
}

@media screen and (max-width:375px) {
    .fs-6 {
        font-size: calc(5px + .5vw) !important
    }

    .header-menu,
    .info-header {
        padding: 1% 0
    }
}