html,
body {
    min-width: 0;
}

@media (max-width: 1024px) {
    #wrap,
    #wrap_full,
    #wrap_responsive,
    #wrap_responsive_full,
    .container,
    .container_full {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-left-width: 0;
        border-right-width: 0;
    }

    #headerwrap,
    #headerwrap_responsive {
        min-width: 0;
    }

    #breadcrumb {
        height: auto;
    }

    #topmenuwrap {
        overflow-x: auto;
    }

    #topmenu2 {
        white-space: nowrap;
    }
}

@media (max-width: 820px) {
    #header {
        height: auto;
    }

    #header .container,
    #header .container_full {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        padding: 0 10px 10px;
    }

    #header #logo,
    #header #search,
    .header-right,
    .header-right_responsive {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #header #search {
        height: auto;
    }

    #search_menu {
        width: 100%;
    }

    #content,
    #leftcol,
    #rightcol {
        float: none;
        width: 100%;
    }

    #leftcol {
        border-right: 0;
        padding-top: 15px;
    }

    .freeshipping {
        float: none;
        display: inline-block;
        margin-top: 8px;
    }
}

@media (max-width: 640px) {
    body {
        overflow-x: hidden;
    }

    #topspace {
        height: 110px;
    }

    #topspace_checkout {
        height: 90px;
    }

    #logo img,
    .modes4u-logonew {
        max-width: 100%;
        height: auto;
    }

    .top-ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
    }

    #topmenu2 {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 12px;
        white-space: normal;
    }

    #topmenu2 li {
        float: none;
        display: inline-block;
    }

    #content {
        padding-left: 0;
        padding-right: 0;
    }

    #content img,
    #leftcol img,
    #rightcol img {
        max-width: 100%;
        height: auto;
    }

    table {
        max-width: 100%;
    }
}