@media screen and (min-width: 768px) {
    .container {
        width: calc( 100% - 40px );
    }
    .ramka {
        width: calc(100% - 40px);
        padding: 0 20px 7px;
    }
    .c-md-half {
        margin: 0;
        float: left;
        padding: 15px;
        box-sizing: border-box;
        width: 50%;
    }
    .c-md-flex-el {
        display: flex;
        padding: 0;
        justify-content: space-between;
    }
    .c-md-flex-el > * {
        box-sizing: border-box;
    }
    .c-md-3-el > * {
        width: 25%;
    }
    .c-md-4-el > * {
        width: 50%;
    }
    .c-md-4-el, .c-md-3-el {
        width: 100%;
        display: table;
        padding: 0;
    }
    .c-md-3-el > *, .c-md-4-el > *, .c-6-el > * {
        float: left;
        box-sizing: border-box;
    }
    .next-block {
        height: 158px;
    }

    #bag-type.c-md-flex-el {
        display: table;
    }
    #bag-type.c-md-flex-el li {
        width: 33%;
    }
    .form-calc {
        display: grid;
        grid-template-areas:
        "a b";
        grid-template-columns: 1fr 1fr;
    }
    .bag-image-sheet {position: sticky;top: 30px;}
    .c-md-half.a {
        grid-area: a;
        width: 100%;
    }
    .c-md-half.b {
        grid-area: b;
        width: 100%;
    }
    .bag-image-sheet div {
        max-height: 40vh;
    }
    .calc-logo-header {
        float: left;
        width: 5rem;
        height: auto;
        border: 0;
    }

}

@media screen AND (min-width: 1200px) {
    #bag-type.c-md-flex-el {
        display: flex;
    }
}