@media screen and (max-width: 1024px) {
    
    .wrap {
        width: 94%;
    }
    
    header nav {
        display: none;
        width: 100%;
        height: auto;
        line-height: normal;
        min-height: 100vh;
        position: absolute;
        top: 100px; left: 0;
        z-index: 11;
    }
    header nav ul {
        background: #ffffff;
        width: 100%;
        height: 100%;
        float: none;
    }
    header nav ul li {
        display: block;
        border-top: 1px solid #d7d7d7;
        padding: 0px;
    }
    header nav ul li a {
        padding: 30px 3% 30px 3% !important;
    }
    header nav li:hover > ul.dropdown, header nav li:hover > ul.dropdown-horz {
        display: none;
    }
    header nav ul li ul.dropdown, header nav ul li ul.dropdown#dropdown_usermenu,
    header nav ul li ul.dropdown-horz {
        position: static;
        background: #ffffff;
        border-top: 0px;
        border-bottom: 2px solid #1d5da0;
        width: 100%;
        max-width: 100%;
        height: auto;
        line-height: normal;
        display: none;
    }
    header nav ul li ul.dropdown li,
    header nav ul li ul.dropdown-horz li,
    header nav ul li ul.dropdown-horz li ul.vert-list li {
        position: static;
        display: block;
        padding: 0px;
        margin: 0px;
    }
    header nav ul li ul.dropdown li a,
    header nav ul li ul.dropdown-horz li a,
    header nav ul li ul.dropdown-horz li ul.vert-list li a {
        padding: 15px 30px 15px 30px !important;
        display: block;
        text-transform: uppercase;
    }
    
    header nav ul li ul.dropdown-horz li#product_on_focus {
        display: none;
    }
    
    header a#menuToggle {
        display: block !important;
    }
    
    header div.cart div.counter {
        top: 50%; left: 64px;
    }
    
    header nav ul li#spacing {
        display: none;
    }
    
    header span#user_identifier {
        display: inline;
    }
}

@media screen and (max-width: 980px) {
    #pool-prototype-box {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .table, .table .column {
        display: block !important;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .table.unbreakable {
        display: table !important;
    }
    .table.unbreakable .column {
        display: table-cell !important;
        width: auto !important;
    }
    .table.centered, .table.centered .column {
        text-align: center;
    }
    
    .table.phoneNumber .column, .table.emailAddr .column, .table.currLocation .column {
        text-align: center !important;
        margin: 15px 0px 15px 0px;
    }
    
    footer .table, footer .table .column {
        text-align: center;
        margin: 15px 0px 15px 0px;
    }
}

@media screen and (max-width:640px) {
    #store ul.products-list li,
    ul.image-list li {
        display: block;
        width: 100% !important;
        padding: 0px;
        margin: 0px 0px 20px 0px;
    }
}

@media screen and (max-width:480px) {
    header .logo {
        float: left;
        height: 100px;
        padding-top: 18px;
    }
    header .logo img {
        width: auto;
        height: 40px;
    }
    
    ul.configurator-steps {
        height: auto;
        line-height: normal;
        padding: 10px;
    }
    ul.configurator-steps li {
        width: calc(100% / 4);
        padding:10px;
    }
    
    button, input.button, a.button {
        width: 100% !important;
        display: block !important;
        margin: 0px;
    }
}