.drawers-config {
    width: 90%;
    margin: 50px auto;
    background: #fff;
    border-radius: 15px;
    position: relative;
    padding: 10px;
}
.drawers-dim-section {
    width: 90%;
    margin: 0 auto;
}
/* .drawers-dim-item {
    display: flex;
    align-items: center;
    margin: 10px 0;
} */
.drawers-dim-item-number {
    font-size: 16px;
}
.min-max-section {
    margin: 15px auto;
    display: flex;
    justify-content: center;
}
.drw_q {
    max-width: 77px;
}
.ord-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.drawers-dim-items table,
.drawers-dim-items {
    /* overflow-x: auto; */
}
.drawers-dim-items .dcf-table-striped tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.drawers-dim-items .dcf-table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.drawers-dim-items .dcf-table tbody{
    overflow-x: auto;
}
.drawers-dim-items .dcf-table tbody td,
.dcf-table tbody th {
    padding: 10px 5px;
}
.drawers-dim-items .mdf-pickDoors-imperial > input:nth-child(2),
.mdf-pickDoors-imperial > input:nth-child(4) {
    margin: 0 3px;
}
.drawers-dim-items .dcf-table tbody td,
.dcf-table tbody th,
.dcf-table tfoot td,
.dcf-table tfoot th {
    vertical-align: middle;
}
.drawers-dim-items .dcf-table tbody td > * {
    margin: 0 auto;
}
.drawers-dim-items .dcf-table th {
    background-color: transparent;
}
.drawer-top-image {
    display: flex;
    max-width: 700px;
    margin: 0 auto;
}
.drawer-top-image img {
    max-width: 100%;
}
.drawer-assembly{
    width: 90%;
    margin: 2em auto;
}
@media only screen and (max-width: 1500px) {
    .drawers-config {
        width: 98%;
        padding: 10px;
    }
    .drawers-dim-section {
        width: 100%;
    }
}
@media only screen and (max-width: 1345px) {
    .drawers-dim-section input {
        width: 80%;
        padding: 15px 3px;
    }
}

@media only screen and (max-width: 730px) {
    .style-toggler-container {
        margin: 10px 0;
        display: flex;
        justify-content: center;
        /* grid-column: 1; */
    }
    .drawers-dim-section .min-max-section{
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 1100px) {
.drawers-dim-items     .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }
    .drawers-dim-items .dcf-table-responsive tr {
        display: block;
    }
    .drawers-dim-items .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left !important;
    }
    .dcf-table th.select,
    .dcf-table td.select {
        width: unset;
        white-space: initial;
    }
    .drawers-dim-items .dcf-table-responsive.dcf-table-bordered,
    .drawers-dim-items .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0;
    }
    .drawers-dim-items .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0;
    }
    .drawers-dim-items .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: 0.75em;
    }
    .drawers-dim-items .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0;
    }
    .drawers-dim-items .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0;
    }
    .drawers-dim-items .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0;
    }
    .drawers-dim-items .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em;
    }
    .drawers-dim-items .dcf-table tbody td > *{
        margin: 0;
    }
}