@media (max-width:950px) {
    .in_section_5 .cards {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width:820px) {
    .in_header .header_list {
        gap: 40px;
    }
}

@media (max-width:768px) {
    .in_section_3 {
        flex-direction: column;
    }
}

@media (max-width:640px) {
    body.lock {
        overflow: hidden;
    }

    .header_burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        z-index: 11;
    }

    .header_burger span {
        position: absolute;
        background-color: #000;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all 0.3s ease 0s;
        border-radius: 20px;
    }

    .header_burger:before,
    .header_burger:after {
        content: '';
        background-color: #000;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.3s ease 0s;
        border-radius: 20px;
    }

    .header_burger:before {
        top: 0;
    }

    .header_burger:after {
        bottom: 0;
    }

    .header_burger.active:before {
        transform: rotate(45deg);
        top: 9px;
    }

    .header_burger.active:after {
        transform: rotate(-45deg);
        bottom: 9px;
    }

    .header_burger.active span {
        transform: scale(0);
    }

    .header_menu {
        position: fixed;
        top: 0;
        left: 120%;
        width: 100%;
        height: 100%;
        background-color: rgb(28, 218, 192);
        transition: all 0.3s ease 0s;
        z-index: 10;
    }

    .header_menu.active {
        left: 0;
    }

    .header_list {
        display: block;
    }

    .header_list li {
        margin-bottom: 20px;
    }
}

@media (max-width:575px) {
    .in_center_header .block h1 {
        font-size: 40px;
    }

    .in_section_2 .images {
        gap: 10px;
    }

    .in_center_header .block .btn {
        padding: 15px 30px;
    }
}

@media (max-width:475px) {
    .in_center_header .block h1 {
        font-size: 30px;
    }

    .in_section_3 .block-img {
        padding-right: 40px;
    }

    .in_section_3 .circle {
        width: 200px;
        height: 200px;
    }

    .in_section_4 .cards {
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width:300px) {
    body {
        min-width: 300px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}