#doorstylemenu {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: none !important;
    font-family: Arial;
}

.doorstylemenu_column {

    padding: 0.5vh 0 !important;

    color: #ececec;
    text-align: center;
    cursor: pointer;
    background-color: #2f2f2f;

    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;

}

.doorstylemenu_back, .doorstylemenu_info {
    float: left;
    text-align: center;
}

.doorstylemenu_middle-menu {
    float: left;
}

.doorstylemenu_middle-menu_column {
}

.doorstylemenu_column:hover, .doorstylemenu_column-active, .doorstylemenu_column.touch_active {
    border-top: 1px solid #cb2026 !important;
}

.doorstylemenu_last-column {
    border-right: 1px solid transparent !important;
}

.doorstylemenu_column-disabled {
    display: none;
    visibility: hidden;
}

.doorstylemenu_column_icon {
    height: 1.4vmin;
    margin-right: 0.3vw;
    margin-bottom: 0.1vh;
}

.no-margin {
    margin: 0 !important;
}

.doorstylemenu_column_icon.no-right-margin {
    margin-right: 0;
}

/* disable all */
#doorstyle_desktop_landscape, #doorstyle_other_orientation_free, #doorstyle_width_based {
    display: none !important;
}

@media (orientation: landscape) and (max-width: 1440px) {
    #doorstyle_other_orientation_free, #doorstyle_desktop_landscape {
        display: none !important;
    }

    #doorstyle_width_based {
        display: block !important;
    }
}

@media (orientation: landscape) and (min-width: 1441px) {
    #doorstyle_desktop_landscape {
        display: block !important;
    }

    #doorstyle_other_orientation_free, #doorstyle_width_based {
        display: none !important;
    }

}

@media (orientation: portrait) {
    #doorstyle_desktop_landscape, #doorstyle_width_based {
        display: none !important;
    }

    #doorstyle_other_orientation_free {
        display: block !important;
    }
}