@media only screen and (max-width: 767px) {
    .fordk {
        display: none;
    }
    body {
        overflow-x: hidden;
    }
    .comp-logo {
        width: 80px;
        height: auto;
        margin: 0;
        z-index: 99;
    }
    .formob {
        display: inline-block;
    }
    .container {
        max-width: none;
    }
    .top-head {
        position: fixed;
        top: 0;
        padding: 10px 20px 10px 15px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        left: 0;
        transform: none;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0 2px 8px rgb(0 0 0 / 17%);
    }
    .top-head-img {
        margin-top: 58px;
    }
    .toggle-nav {
        display: block;
        opacity: 0;
        width: 40px;
        height: 30px;
        position: absolute;
        right: 0;
        z-index: 999;
    }
    span.toggle-nav_icon {
        z-index: 99;
    }
    .toggle-nav_icon i {
        display: block;
        width: 20px;
        height: 2px;
        position: relative;
        background: #222;
        border-radius: 5px;
        z-index: 1;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    }
    .toggle-nav_icon i:first-child {
        transform: translateY(-4px);
    }
    .toggle-nav_icon i:last-child {
        transform: translateY(4px);
    }
    .toggle-nav:checked~.toggle-nav_icon i:first-child {
        transform: translateY(4px) rotateZ(-45deg);
    }
    .toggle-nav:checked~.toggle-nav_icon i:nth-child(2) {
        opacity: 0;
    }
    .toggle-nav:checked~.toggle-nav_icon i:last-child {
        transform: translateY(0px) rotateZ(45deg);
    }
    .nav {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 1);
        z-index: 9;
        overflow: hidden;
        overflow-y: auto;
        padding: 70px 20px 20px 20px;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;
    }
    .nav-list {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
        padding: 20px;
        position: relative;
        overflow-y: auto;
        box-shadow: 0 0 10px rgb(0, 0, 0, 0.09);
        border-radius: 20px;
    }
    .nav-list_item, .nav-list_item_anchr {
        width: 100%;
        display: block;
    }
    .nav-list_item {
        font-size: 17px;
        padding: 15px 0;
        border-bottom: solid 1px #eee;
    }
    .nav-list_item:last-child {
        border: none;
    }
    .sub-nav>.nav-list_item_anchr {
        display: flex;
        align-items: center;
    }
    .sub-nav>.nav-list_item_anchr::before {
        position: relative;
        bottom: 0;
        left: 0;
        order: 2;
        margin-left: 5px;
    }
    li.nav-list_item.sub-nav {
        padding-bottom: 10px;
    }
    .sub-nav-list {
        position: relative;
        top: 0;
        margin-top: 0;
        background: transparent;
        opacity: 1;
        box-shadow: none;
        text-align: left;
        padding: 0;
        padding: 10px 0 0 0;
        font-size: 17px;
    }
    .sub-nav-list_item {
        text-align: left;
        padding: 10px 0;
    }
    .toggle-nav:checked~.nav {
        transform: translateX(0);
    }
    .sub-nav>.nav-list_item_anchr::before {
        display: none;
    }
}