#sk-vorota {
    border-radius: 25px;
    border: 1px solid #45AA8C;
    padding:52px 47px;
    background-image: url(./img/Ellipse.svg);
    background-position: right -50px bottom -10px;
    background-repeat: no-repeat;
    background-size: contain;
    display:grid;
    grid-template-columns: 690px auto;
    gap:78px;
    margin-bottom:30px
}
.has-sidebar #sk-vorota {
    grid-template-columns: 545px auto;
    gap: 20px;
}
.sk-vorota-left {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap:27px
}
#sk-vorota label {
    font-weight: 500;
    font-size: 15px;
    line-height: 126%;
    color: #707070;
}
#sk-vorota .selectize-dropdown {
    font-size: 16px;
}
#sk-vorota label:nth-child(3) {
    width:160px
}
#sk-vorota label:nth-child(6) {
    width:120px
}
#sk-vorota label > input, #sk-vorota .quantity > input, #sk-vorota label select {
    display:block;
    width:100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 94%;
    border: 1px solid #D3D3D3;
    padding:17px;
    color: #242424;
    border-radius: 10px;
    margin-top:8px
}
#sk-vorota .selectize-input {
    font-size: 16px;
    font-weight: 400;
    line-height: 94%;
    padding:17px;
    margin-top:8px
}
#sk-vorota input[name=vr_count] {
    text-align: center;
}
.sk-vorota-right img {
    width:100%;
    height:auto
}
#sk-vorota .quantity {
    position:relative;
}
#sk-vorota .quantity-button {
    position: absolute;
    z-index:2;
    top:19px;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    height: 20px;
    width: 20px;
}
.quantity-down {
    left:10px
}
.quantity-up {
    right:10px
}
#sk-vorota .mobile-only {
    display:none
}

@media (max-width:1200px) {
    #sk-vorota {
        grid-template-columns: 518px;
        gap: 10px;
        padding:27px;
        background-position: right -60px bottom 0;
        background-size: 52%;
    }
    .sk-vorota-left {
        grid-template-columns: max-content auto;
    }
    #sk-vorota label:nth-child(4) {
        width:248px
    }
    #sk-vorota .sk-vorota-right {
        position:absolute;
        bottom:65px;
        right:35px;
        width:238px
    }
    .has-sidebar #sk-vorota {
        grid-template-columns: 1fr;
        background: url(./img/el-2.svg) no-repeat right bottom;
        background-size: 100%;
    }
    .has-sidebar .sk-vorota-left {
        grid-template-columns: 1fr 1fr;
    }
    .has-sidebar #sk-vorota label, .has-sidebar #sk-vorota label:nth-child(3) {
        width:100%;
        grid-column: span 2;
    }
    .has-sidebar #sk-vorota label:nth-child(4), .has-sidebar #sk-vorota label:nth-child(5) {
        grid-column: auto;
        width:auto
    }
    .has-sidebar #sk-vorota .mobile-only {
        display:flex;
    }
    .has-sidebar #vorota-caller {
        display:none
    }
    .has-sidebar #sk-vorota .sk-vorota-right {
        position: relative;
        bottom:unset;
        right:unset;
        width:90%;
        margin:40px auto 29px
    }
    .has-sidebar #sk-vorota label:nth-child(6) {
        width: 120px;
    }
}

@media (max-width:767px) {
    #sk-vorota {
        grid-template-columns: 1fr;
        background: url(./img/el-2.svg) no-repeat right bottom;
        background-size: 100%;
    }
    .sk-vorota-left {
        grid-template-columns: 1fr 1fr;
    }
    #sk-vorota label, #sk-vorota label:nth-child(3) {
        width:100%;
        grid-column: span 2;
    }
    #sk-vorota label:nth-child(4), #sk-vorota label:nth-child(5) {
        grid-column: auto;
        width:auto
    }
    #sk-vorota .mobile-only {
        display:flex;
    }
    #vorota-caller {
        display:none
    }
    #sk-vorota .sk-vorota-right {
        position: relative;
        bottom:unset;
        right:unset;
        width:90%;
        margin:40px auto 29px
    }
}