@media only screen and (min-width: 34.667em) {
    .sm-1 {
        width: 4.16666666667%
    }
    .sm-2 {
        width: 8.33333333333%
    }
    .sm-3 {
        width: 12.5%
    }
    .sm-4 {
        width: 16.6666666667%
    }
    .sm-5 {
        width: 20.8333333333%
    }
    .sm-6 {
        width: 25%
    }
    .sm-7 {
        width: 29.1666666667%
    }
    .sm-8 {
        width: 33.3333333333%
    }
    .sm-9 {
        width: 37.5%
    }
    .sm-10 {
        width: 41.6666666667%
    }
    .sm-11 {
        width: 45.8333333333%
    }
    .sm-12 {
        width: 50%
    }
    .sm-13 {
        width: 54.1666666667%
    }
    .sm-14 {
        width: 58.3333333333%
    }
    .sm-15 {
        width: 62.5%
    }
    .sm-16 {
        width: 66.6666666667%
    }
    .sm-17 {
        width: 70.8333333333%
    }
    .sm-18 {
        width: 75%
    }
    .sm-19 {
        width: 79.1666666667%
    }
    .sm-20 {
        width: 83.3333333333%
    }
    .sm-21 {
        width: 87.5%
    }
    .sm-22 {
        width: 91.6666666667%
    }
    .sm-23 {
        width: 95.8333333333%
    }
    .sm-24 {
        width: 100%
    }
    .push-right-sm {
        float: right
    }
    .pull-left-sm {
        float: left
    }
    .show-sm,
    .show-sm-up {
        display: inherit !important
    }
    .show-x-sm {
        display: none !important
    }
    .hide-x-sm {
        display: inherit !important
    }
    .hide-sm,
    .hide-sm-up {
        display: none !important
    }
    .gallery .next,
    .gallery .prev {
        display: none
    }
    .gallery .main-image-container {
        float: left;
        width: 80%
    }
    .gallery .thumb-container {
        float: right;
        width: 15%;
        line-height: 0;
        height: 20em
    }
    .gallery #thumbs-next {
        display: block;
        position: relative;
        height: 2em;
        width: 100%;
        text-indent: -999px;
        outline: 0;
        overflow: hidden
    }
    .gallery #thumbs-next:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        content: '\e814';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.5em -.5em 0;
        text-indent: 0
    }
    .gallery #thumbs-prev {
        display: block;
        position: relative;
        height: 2em;
        width: 100%;
        text-indent: -999px;
        outline: 0;
        overflow: hidden
    }
    .gallery #thumbs-prev:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        content: '\e809';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.5em -.5em 0;
        text-indent: 0
    }
    .gallery ul {
        position: static;
        width: auto;
        height: 80%;
        overflow: hidden;
        font-size: 0
    }
    .gallery ul li {
        display: block;
        width: auto;
        height: 75px;
        margin: 4px 0;
        text-align: center;
        position: relative;
        padding: .4em;
        position: relative;
        background: #fff;
        opacity: .75
    }
    .gallery ul li img {
        display: inline;
        max-height: 100%;
        margin-bottom: 1px
    }
    .no-touch .gallery ul li:hover,
    .gallery ul li.active {
        border-color: #000;
        opacity: 1;
        background: #fff
    }
    .picker__select--month,
    .picker__select--year {
        margin-top: -0.5em
    }
    .picker__nav--prev,
    .picker__nav--next {
        top: -0.33em
    }
    .picker__nav--prev {
        padding-right: 1.5em
    }
    .picker__nav--next {
        padding-left: 1.5em
    }
    .location-form {
        margin-bottom: 3em
    }
    .location-form .row {
        margin-left: -10px !important;
        margin-right: -10px !important
    }
    .location-form .column {
        padding-left: 10px !important;
        padding-right: 10px !important
    }
    .location-form .form-group {
        margin-top: 2em
    }
    .location-form .form-group:first-child {
        margin-top: 0
    }
    #map-canvas {
        height: 385px;
        margin-top: 0
    }
    .location-results-header h3 {
        float: left
    }
    .location-results-header .custom-dropdown {
        float: left;
        margin-bottom: 0.666666666em;
        margin-left: 2em;
        width: auto
    }
    .location-results-header select {
        min-width: 10em
    }
    .blog-post {
        zoom: 1;
        padding-bottom: 0.5em
    }
    .blog-post:after {
        content: "";
        display: table;
        clear: both
    }
    .blog-header {
        float: left;
        left: 50%;
        position: relative;
        width: 50%
    }
    .blog-image {
        float: left;
        padding-right: 20px;
        position: relative;
        right: 50%;
        width: 50%
    }
    .blog-image img {
        height: auto;
        max-width: 100%;
        width: 100%
    }
    .comments-form .formSubmit .help-text {
        display: inline-block;
        margin-top: 0;
        margin-left: 0.5em
    }
}

@media only screen and (min-width: 50.6em) {
    .med-1 {
        width: 4.16666666667%
    }
    .med-2 {
        width: 8.33333333333%
    }
    .med-3 {
        width: 12.5%
    }
    .med-4 {
        width: 16.6666666667%
    }
    .med-5 {
        width: 20.8333333333%
    }
    .med-6 {
        width: 25%
    }
    .med-7 {
        width: 29.1666666667%
    }
    .med-8 {
        width: 33.3333333333%
    }
    .med-9 {
        width: 37.5%
    }
    .med-10 {
        width: 41.6666666667%
    }
    .med-11 {
        width: 45.8333333333%
    }
    .med-12 {
        width: 50%
    }
    .med-13 {
        width: 54.1666666667%
    }
    .med-14 {
        width: 58.3333333333%
    }
    .med-15 {
        width: 62.5%
    }
    .med-16 {
        width: 66.6666666667%
    }
    .med-17 {
        width: 70.8333333333%
    }
    .med-18 {
        width: 75%
    }
    .med-19 {
        width: 79.1666666667%
    }
    .med-20 {
        width: 83.3333333333%
    }
    .med-21 {
        width: 87.5%
    }
    .med-22 {
        width: 91.6666666667%
    }
    .med-23 {
        width: 95.8333333333%
    }
    .med-24 {
        width: 100%
    }
    .push-right-med {
        float: right
    }
    .pull-left-med {
        float: left
    }
    .show-med,
    .show-med-up {
        display: inherit !important
    }
    .show-sm,
    .show-sm-down {
        display: none !important
    }
    .hide-sm,
    .hide-sm-down {
        display: inherit !important
    }
    .hide-med,
    .hide-med-up {
        display: none !important
    }
    blockquote.right {
        float: right;
        max-width: 35%;
        margin: 0.35em 0 1em 1em
    }
    blockquote.left {
        float: left;
        max-width: 35%;
        margin: 0.35em 1em 1em 0
    }
    aside.right {
        float: right;
        max-width: 35%;
        margin: 0.35em 0 1em 1em
    }
    aside.left {
        float: left;
        border-left: 0;
        border-right: 5px solid #e2e2e2;
        max-width: 35%;
        margin: 0.35em 1em 1em 0
    }
    .content-controls {
        zoom: 1
    }
    .content-controls:after {
        content: "";
        display: table;
        clear: both
    }
    .content-controls input,
    .content-controls select,
    .content-controls .custom-dropdown {
        margin-bottom: 0
    }
    .content-controls .row {
        margin: -.5em !important
    }
    .content-controls .column {
        padding: 0 .5em
    }
    .tweet {
        margin-bottom: 1.5em
    }
    .tweet~.tweet {
        display: block;
        margin-bottom: 0
    }
    .slider-main-container h2 {
        padding: 1em;
        height: 94px;
        text-align: left;
        max-width: 53.846em;
        margin: 0 auto
    }
    .slider-main-container h2:before,
    .slider-main-container h2:after {
        display: none
    }
    .slider-main-copy-container {
        background: #2f97c4
    }
    .slick-list {
        z-index: 0
    }
    .slider-main-link {
        padding-top: 25%
    }
    .slider-main-link:before {
        content: '';
        position: absolute;
        left: 65%;
        bottom: 93px;
        background: red;
        width: 800px;
        height: 94px;
        z-index: 2;
        background: url("../../Image%20Library/collateral/wave-transparent.png") 0 0 no-repeat
    }
    .slider-main-link:after {
        content: '';
        position: absolute;
        left: 65%;
        bottom: 0;
        background: red;
        width: 800px;
        height: 94px;
        z-index: 2;
        background: url("../../Image%20Library/collateral/wave.png") 0 0 no-repeat
    }
    .slider-main-link img {
        position: absolute;
        min-width: 100%;
        top: 0;
        left: 0
    }
    .slick-dots {
        top: -60px;
        text-align: right;
        margin: 0 auto;
        max-width: 93.333em;
        height: 0;
        position: relative;
        padding-right: 1em;
        overflow: visible
    }
    .slick-dots:after {
        display: none
    }
    .header-content {
        padding: 1em 1em;
        min-height: 9.667em
    }
    .main-logo {
        margin-left: 0;
        position: absolute;
        bottom: 1em
    }
    .header-promo {
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        float: right;
        margin: 0;
        text-align: right;
        max-width: 45%;
        line-height: 1.2
    }
    .hide-sm {
        display: block
    }
    .view-options .grid,
    .view-options .list {
        opacity: .5
    }
    .view-options .grid:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        font-size: 20px;
        font-size: 2rem;
        content: '\e80a';
        margin: 0
    }
    .view-options .list:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        font-size: 20px;
        font-size: 2rem;
        content: '\e80b';
        margin: 0
    }
    .view-options .active,
    .view-options .no-touch .active:hover {
        opacity: 1;
        cursor: default;
        pointer-events: none
    }
    .list-view .thumbnail-container {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 1em 0 !important;
        padding-bottom: .5em
    }
    .list-view .thumbnail-container .thumbnail {
        height: auto !important;
        text-align: left
    }
    .list-view .thumbnail-container .thumbnail-image {
        float: left;
        max-width: 25%;
        margin: 0
    }
    .list-view .thumbnail-container .thumbnail-name,
    .list-view .thumbnail-container .thumbnail-caption,
    .list-view .thumbnail-container .formCheckBox {
        margin-left: 30%
    }
    .list-view .thumbnail-container .thumbnail-description {
        display: block
    }
    .list-view .thumbnail-container .thumbnail-price,
    .list-view .thumbnail-container .thumbnail-links {
        margin: 0
    }
    .list-to-table {
        display: table;
        border-top-width: 1px
    }
    .list-to-table .list-item {
        display: table-row
    }
    .list-to-table .list-item .list-block {
        display: table-cell;
        padding: .5em;
        border-bottom: 1px solid #e2e2e2
    }
    .list-to-table.shopping-cart {
        width: 100%;
        display: block
    }
    .list-to-table.shopping-cart .shopping-cart-inner {
        display: table;
        width: 100%
    }
    .list-to-table.shopping-cart .shopping-cart-inner .header {
        display: table-row;
        font-weight: bold
    }
    .list-to-table.shopping-cart .shopping-cart-inner .header .list-block {
        background: #e2e2e2
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item {
        padding: 0
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block {
        zoom: 1;
        vertical-align: top;
        padding: .5em;
        text-align: center
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:after {
        content: "";
        display: table;
        clear: both
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child {
        text-align: left;
        min-width: 50%
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child img {
        float: left;
        width: 200px;
        max-width: 20%
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block:first-child p {
        margin-bottom: .5em;
        padding-left: 25%
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-count-wrap {
        display: block;
        margin: 0 auto .5em auto
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-tools {
        text-align: center;
        margin: 0 auto .5em auto
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-tools .product-count {
        text-align: center
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .product-tools .update {
        font-size: 14px;
        font-size: 1.4rem;
        margin: .5em 0 0 0
    }
    .list-to-table.shopping-cart .shopping-cart-inner .list-item .list-block .item-label {
        display: none
    }
    .sign-up {
        zoom: 1
    }
    .sign-up:after {
        content: "";
        display: table;
        clear: both
    }
    .sign-up input[type="text"] {
        float: left;
        width: 73%
    }
    .sign-up .button-link {
        width: 25%
    }
    .location-results-header .custom-dropdown {
        margin-left: 4em
    }
    .location-results-header .custom-dropdown select {
        min-width: 16em
    }
    .blog-header {
        left: 40%;
        width: 60%
    }
    .blog-header h1,
    .blog-header h2,
    .blog-header h3 {
        font-size: 28px;
        font-size: 2.8rem
    }
    .blog-header .byline {
        font-size: 18px;
        font-size: 1.8rem
    }
    .blog-image {
        padding-right: 30px;
        right: 60%;
        width: 40%
    }
    .quick-order-item .column-remove {
        padding-top: 30px
    }
    .side-group {
        margin-top: 3em
    }
    .side-group:first-child {
        margin-top: 0
    }
    [role="main"] table.table-comparison tfoot .button-link {
        max-width: 150px
    }
}

@media only screen and (min-width: 64em) {
    .row .row {
        width: auto;
        max-width: none;
        margin-top: 0;
        margin-right: -2em;
        margin-bottom: 0;
        margin-left: -2em
    }
    [class*=column] {
        padding-right: 2em;
        padding-left: 2em
    }
    .row.tight,
    .row.tight .row,
    .row .row.tight {
        margin-right: -1em;
        margin-left: -1em
    }
    .row.tight [class*=column],
    .row.tight .row [class*=column],
    .row .row.tight [class*=column] {
        padding-right: 1em;
        padding-left: 1em
    }
    .lg-1 {
        width: 4.16666666667%
    }
    .lg-2 {
        width: 8.33333333333%
    }
    .lg-3 {
        width: 12.5%
    }
    .lg-4 {
        width: 16.6666666667%
    }
    .lg-5 {
        width: 20.8333333333%
    }
    .lg-6 {
        width: 25%
    }
    .lg-7 {
        width: 29.1666666667%
    }
    .lg-8 {
        width: 33.3333333333%
    }
    .lg-9 {
        width: 37.5%
    }
    .lg-10 {
        width: 41.6666666667%
    }
    .lg-11 {
        width: 45.8333333333%
    }
    .lg-12 {
        width: 50%
    }
    .lg-13 {
        width: 54.1666666667%
    }
    .lg-14 {
        width: 58.3333333333%
    }
    .lg-15 {
        width: 62.5%
    }
    .lg-16 {
        width: 66.6666666667%
    }
    .lg-17 {
        width: 70.8333333333%
    }
    .lg-18 {
        width: 75%
    }
    .lg-19 {
        width: 79.1666666667%
    }
    .lg-20 {
        width: 83.3333333333%
    }
    .lg-21 {
        width: 87.5%
    }
    .lg-22 {
        width: 91.6666666667%
    }
    .lg-23 {
        width: 95.8333333333%
    }
    .lg-24 {
        width: 100%
    }
    .push-right-lg {
        float: right
    }
    .pull-left-lg {
        float: left
    }
    .show-lg {
        display: inherit !important
    }
    .show-med,
    .show-med-down {
        display: none !important
    }
    .hide-med,
    .hide-med-down {
        display: inherit !important
    }
    .hide-lg {
        display: none !important
    }
    [role=main] {
        padding-top: 0
    }
    .slider-main-container {
        margin: -4.867em 0 2.5em 0
    }
    .twitter-banner-container {
        padding: 0
    }
    .twitter-banner {
        margin: 0 auto;
        width: 95%;
        max-width: 93.333em;
        position: relative;
        zoom: 1;
        position: relative;
        display: block
    }
    .twitter-banner:after {
        content: "";
        display: table;
        clear: both
    }
    .follow-us {
        top: 50%;
        margin-top: -40px;
        padding-top: 0
    }
    .tweets .slick-list {
        height: 155px
    }
    .tweet {
        display: table !important;
        float: left;
        width: 50%;
        height: 155px;
        margin-bottom: 0;
        padding-right: 2em
    }
    .tweet~.tweet {
        display: table;
        padding-right: 0
    }
    .tweet-image,
    .tweet-user,
    .tweet-contents {
        display: table-cell;
        vertical-align: middle
    }
    .tweet-image {
        padding: 0 1em
    }
    .tweet-user {
        width: 1%;
        padding-right: 2em;
        white-space: nowrap
    }
    .tweet-contents {
        padding-top: 0
    }
    .search-filter-container {
        margin-bottom: 1em
    }
    .search-filter-container .main-filter-toggle,
    .search-filter-container .filter-toggle {
        font-size: 20px;
        font-size: 2rem;
        display: block;
        padding: 0;
        cursor: default;
        cursor: default;
        text-decoration: none;
        pointer-events: none;
        font-family: "AvenirNextLTW01-Medium", Arial, Helvetica, sans-serif;
        color: #2f2f2f;
        border: none;
        background: none;
        text-shadow: none
    }
    .no-touch .search-filter-container .main-filter-toggle:hover,
    .no-touch .search-filter-container .filter-toggle:hover {
        display: block;
        cursor: default;
        cursor: default;
        text-decoration: none;
        pointer-events: none;
        color: #2f2f2f;
        background: none
    }
    .search-filter-container .main-filter-toggle:after,
    .search-filter-container .filter-toggle:after {
        display: none
    }
    .search-filter-container .main-filter-toggle.active,
    .search-filter-container .filter-toggle.active {
        color: #2f2f2f;
        border: none;
        background: transparent;
        text-shadow: none
    }
    .search-filter-container .main-filter-toggle {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: .5em;
        color: #005cab
    }
    .search-filter-container .filter-toggle {
        padding-bottom: .25em;
        border-bottom: 1px solid #e2e2e2
    }
    .search-filter-container .search-filters,
    .search-filter-container ul {
        display: block !important
    }
    .search-filter-container .search-filters>li,
    .search-filter-container ul>li {
        margin-bottom: 1.5em
    }
    .search-filter-container ul li {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0
    }
    .search-filter-container ul li a {
        display: block
    }
    .flexslider .slides>li .copy-wrap {
        position: absolute;
        top: 10%
    }
    .flexslider .slides>li .copy-wrap h2 {
        font-size: 30px;
        font-size: 3rem
    }
    .flex-manual-nav {
        display: table;
        width: 100%;
        padding: 0;
        list-style-type: none;
        text-align: center
    }
    .flex-manual-nav li {
        display: table-cell;
        width: 33.33333333333333%;
        margin: 0;
        vertical-align: middle;
        border-left: 1px solid #fff;
        background: #005cab
    }
    .flex-manual-nav li a {
        position: relative;
        display: block;
        padding: .5em;
        color: #fff
    }
    .flex-manual-nav li:first-child {
        border-left: none
    }
    .no-touch .flex-manual-nav li:hover,
    .flex-manual-nav li.flex-active {
        background: #253d8d
    }
    .no-touch .flex-manual-nav li:hover a,
    .flex-manual-nav li.flex-active a {
        text-decoration: none;
        color: #fff
    }
    .no-touch .flex-manual-nav li:hover a:before,
    .flex-manual-nav li.flex-active a:before {
        position: absolute;
        z-index: 2;
        top: -10px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -10px;
        content: '';
        border-right: 10px solid transparent;
        border-bottom: 10px solid #253d8d;
        border-left: 10px solid transparent
    }
    .thumbnail-container {
        position: relative;
        min-height: 1px;
        text-align: center
    }
    .thumbnail-image {
        float: none;
        max-width: none;
        margin-bottom: .75em
    }
    .thumbnail-name,
    .thumbnail-caption,
    .thumbnail-description {
        margin-left: 0
    }
    .thumbnail-price,
    .thumbnail-links {
        margin: 0 auto
    }
    .main-header {
        margin: 0 auto;
        width: 95%;
        max-width: 93.333em;
        position: relative
    }
    .top-bar {
        position: relative;
        z-index: 2;
        float: right;
        min-width: 75%;
        margin-top: 1em
    }
    .header-content {
        margin-bottom: 0
    }
    .utility-toggle {
        display: none
    }
    .utility-nav {
        position: static;
        display: inline-block !important;
        float: right;
        padding: 0;
        background: transparent
    }
    .utility-nav ul li {
        float: left
    }
    .utility-nav ul li:first-child {
        margin-left: 0
    }
    .utility-nav ul li a {
        display: block;
        padding: .5em;
        color: #005cab;
        background: transparent
    }
    .no-touch .utility-nav ul li a:hover {
        color: #253d8d
    }
    .header-social-links {
        display: block;
        float: right;
        margin-left: 1em
    }
    .header-social-links ul {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .header-social-links ul li {
        float: left;
        margin: 0
    }
    .no-touch .header-social-links ul a:hover {
        text-decoration: none
    }
    .header-social-links ul a:before {
        font-size: 16px;
        font-size: 1.6rem;
        width: 1em;
        margin: 0;
        padding: 7px;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 20px;
        background-clip: padding-box !important
    }
    .header-social-links ul a.icon-facebook:before {
        background: #3a5395
    }
    .header-social-links ul a.icon-gplus:before {
        background: #e44b3b
    }
    .header-social-links ul a.icon-pinterest:before {
        background: #d30004
    }
    .header-social-links ul a.icon-twitter:before {
        text-indent: -.12em;
        background: #4ca2d3
    }
    .header-social-links ul a.icon-youtube:before {
        background: #d03428
    }
    .user-tools {
        position: relative;
        float: right;
        margin-left: 1em;
        padding-left: 1em
    }
    .user-tools:before {
        position: absolute;
        top: .25em;
        left: 0;
        width: 1px;
        height: 2em;
        content: '';
        background: #e2e2e2
    }
    .user-tools .welcome-message {
        display: inline-block;
        overflow: hidden;
        max-width: 14em;
        margin: 0;
        padding: .5em;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .user-tools .user-links {
        display: inline-block
    }
    .user-tools .user-links ul li {
        margin: 0
    }
    .user-tools .user-links ul li a {
        display: block;
        padding: .5em
    }
    .header-tools {
        position: absolute;
        right: 1em;
        bottom: auto;
        bottom: 2em;
        left: auto;
        overflow: visible;
        width: 40em;
        height: auto;
        padding: 0;
        text-align: right;
        border: none;
        background: transparent
    }
    .header-tools .site-search {
        display: inline-block;
        width: 25em
    }
    .header-tools .site-search input[type=text] {
        height: auto;
        padding: 0.5em 2.5em 0.5em 0.5em;
        border: 1px solid rgba(0, 0, 0, 0.1)
    }
    .header-tools .site-search input[type=text]+button[type='submit'] {
        width: 32px
    }
    .header-tools .site-search.active {
        width: 25em
    }
    .header-tools .site-search.active~.header-shopping-cart {
        right: 0
    }
    .header-tools .header-shopping-cart {
        position: relative;
        right: 0;
        display: inline-block;
        float: none;
        margin-left: 1em;
        text-align: right
    }
    .no-touch .header-tools .header-shopping-cart:hover .cart-summary {
        position: absolute;
        z-index: 1001;
        top: 100%;
        right: 0;
        display: block;
        padding-top: 1em;
        background: transparent
    }
    .no-touch .header-tools .header-shopping-cart:hover .cart-summary .cart-summary-inner {
        -webkit-box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
        -moz-box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
        box-shadow: 0 4px 2px -2px rgba(116, 137, 153, 0.25);
        position: relative;
        min-width: 10em;
        padding: .5em;
        border: 1px solid #e2e2e2;
        border-radius: 3px;
        background: #fff
    }
    .no-touch .header-tools .header-shopping-cart:hover .cart-summary .cart-summary-inner:after {
        position: absolute;
        top: -10px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -10px;
        content: '';
        border-right: 10px solid transparent;
        border-bottom: 10px solid #e2e2e2;
        border-left: 10px solid transparent
    }
    .header-tools .cart-info {
        color: inherit
    }
    .no-touch .header-tools .cart-info:hover {
        color: #253d8d
    }
    .header-tools .cart-count:before,
    .header-tools .cart-count:after {
        display: none
    }
    .header-tools .cart-count span {
        display: inline
    }
    .header-tools.fixed {
        height: 3.133em;
        padding: .5em 0;
        text-align: left
    }
    .header-tools.fixed .header-shopping-cart {
        float: right;
        margin-bottom: 0
    }
    .header-tools.fixed .cart-info {
        color: #fff
    }
    .no-touch .header-tools.fixed .cart-info:hover {
        color: #fff
    }
    .header-tools.fixed .header-tools-inner {
        margin: 0 auto;
        width: 95%;
        max-width: 93.333em;
        position: relative
    }
    .main-nav-toggle {
        display: none
    }
    .main-nav {
        zoom: 1;
        background: #253d8d;
        background: rgba(37, 61, 141, 0.9);
        position: relative;
        z-index: 5;
        display: block;
        margin-bottom: 1.5em
    }
    .main-nav:after {
        content: "";
        display: table;
        clear: both
    }
    .main-nav>ul {
        display: table;
        width: 100%;
        max-width: 93.333em;
        margin: 0 auto
    }
    .main-nav>ul>li {
        z-index: 1000;
        display: table-cell;
        text-align: center
    }
    .main-nav>ul>li:hover {
        z-index: 1001;
        border-color: transparent
    }
    .main-nav>ul>li:hover+li {
        border-color: transparent
    }
    .main-nav>ul>li:hover a {
        background: #fff;
        background: rgba(255, 255, 255, 0.3)
    }
    .main-nav>ul>li>a {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 1em .25em;
        border: none
    }
    .main-nav>ul>li .relative-wrap {
        position: relative
    }
    .main-nav>ul>li.is-mega:hover ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        max-height: none;
        padding: 10px 15% 10px 22%;
    }
    .main-nav>ul>li.is-mega:hover ul li {
        width: 230px;
        padding: 0 20px
        max-width:230px;
    }
    .main-nav>ul>li ul {
        -webkit-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        -moz-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        background: #fff;
        background: rgba(255, 255, 255, 0.95);
        position: absolute;
        z-index: 1001;
        width: 15em;
        min-width: 100%;
        margin: 0;
        margin-top: -3px;
        border-right: 1px solid #f6f6f6;
        border-bottom: 1px solid #f6f6f6;
        border-left: 1px solid #f6f6f6
    }
    .main-nav>ul>li ul.go-left {
        right: 0
    }
    .main-nav>ul>li ul li a {
        padding: .75em .5em

    }
    .main-nav>ul>li:hover ul {
        display: block
    }
    .main-nav>ul>li:hover ul li {
        display: block;
        text-align: left
    }
    .main-nav>ul>li:hover ul li a {
        color: #253d8d
    }
    .no-touch .main-nav>ul>li:hover ul li a:hover {
        color: #2f97c4
    }
    .main-nav>ul>li:hover ul li ul {
        display: none
    }
    .no-touch .main-nav>ul>li:hover ul li:hover {
        z-index: 1002
    }
    .no-touch .main-nav>ul>li:hover ul li:hover ul {
        top: 0;
        right: -99%;
        display: block;
        border-left: 1px solid #005cab
    }
    .main-nav>ul>li:first-child {
        padding-left: 0;
        border-left: none
    }
    .main-footer {
        padding: 2em 0 0
    }
    .main-footer h3.hiddenTriggerClick:before {
        display: none
    }
    .footer-social-links ul {
        text-align: left
    }
    .footer-links {
        display: block
    }
    .footer-links ul {
        border-width: 0
    }
    .main-footer-lower {
        margin: 1em 0 0;
        padding: 1.5em 0
    }
    .main-footer-lower p {
        text-align: left
    }
    .contact ul {
        text-align: left
    }
    ul.breadCrumbs li {
        display: block
    }
    ul.breadCrumbs li:last-child a:after {
        display: inline-block
    }
    ul.breadCrumbs li:last-child a:before {
        display: none
    }
    ul.tabs.tabs-accordion>li {
        display: inline
    }
    ul.tabs.tabs-accordion>li>a {
        display: inline-block;
        margin-bottom: 0;
        border-radius: 2px 2px 0 0
    }
    ul.tabs.tabs-accordion>li>a.active:before {
        display: block
    }
    ul.tabs.tabs-accordion>li>a:after {
        display: none
    }
    ul.tabs.tabs-accordion>li>a+div {
        -webkit-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        -moz-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        margin-bottom: 1.5em;
        padding: 1em;
        background: #fff
    }
    .modalContent {
        max-width: 45%
    }
    .side-nav-store {
        font-size: 14px;
        font-size: 1.4rem;
        display: block
    }
    .side-nav-store>ul {
        margin: 0 0 1.5em 0;
        padding: 0;
        list-style-type: none
    }
    .side-nav-store>ul>li {
        margin: .3em 0;
        padding: .2em 0;
        border-bottom: 1px solid #f6f6f6
    }
    .side-nav-store>ul>li a {
        display: block;
        padding: .3em 0
    }
    .side-nav-store>ul>li ul {
        margin: 1.5% 0 1.5% 5%;
        padding: 0;
        list-style-type: none
    }
    .side-nav-store>ul .current>a {
        color: #626262
    }
    .product-tools {
        text-align: left
    }
    .product-tools .product-count-wrap {
        display: inline-block;
        margin-right: 1em
    }
    .product-colors {
        text-align: left
    }
    .product-sizes {
        text-align: left
    }
    .product-detail-price {
        text-align: left
    }
    .wishlist {
        text-align: left
    }
    .ratings {
        display: inline;
        margin-bottom: 0
    }
    .product-options {
        position: relative
    }
    .dropdown-to-nav ul,
    .dropdown-to-nav ul.open {
        display: block;
        padding: 0
    }
    .dropdown-to-nav ul li,
    .dropdown-to-nav ul.open li {
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid #f6f6f6
    }
    .dropdown-to-nav ul li a,
    .dropdown-to-nav ul.open li a {
        display: block;
        padding: .5em 0;
        font-size: inherit;
        border: none;
        background: transparent;
        text-shadow: none
    }
    .dropdown-to-nav ul li ul,
    .dropdown-to-nav ul.open li ul {
        margin: .25em 0 .25em 1em
    }
    .dropdown-to-nav ul li ul li,
    .dropdown-to-nav ul.open li ul li {
        border-bottom: none
    }
    .dropdown-to-nav ul li.selected,
    .dropdown-to-nav ul.open li.selected {
        display: block
    }
    .dropdown-to-nav ul li.selected a,
    .dropdown-to-nav ul li.selected a:hover,
    .dropdown-to-nav ul li.selected a.active,
    .dropdown-to-nav ul.open li.selected a,
    .dropdown-to-nav ul.open li.selected a:hover,
    .dropdown-to-nav ul.open li.selected a.active {
        padding: .5em 0;
        cursor: default;
        text-decoration: none !important;
        pointer-events: none;
        font-size: inherit;
        font-weight: bold;
        color: #2f2f2f !important;
        border: none;
        background: transparent !important;
        text-shadow: none
    }
    .dropdown-to-nav ul li.selected a:after,
    .dropdown-to-nav ul li.selected a:hover:after,
    .dropdown-to-nav ul li.selected a.active:after,
    .dropdown-to-nav ul.open li.selected a:after,
    .dropdown-to-nav ul.open li.selected a:hover:after,
    .dropdown-to-nav ul.open li.selected a.active:after {
        display: none
    }
    .slick-prev {
        left: -30px
    }
    .slick-next {
        right: -30px
    }
    .gallery .main-image-container {
        float: none;
        width: 100%
    }
    .gallery .main-image-container:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        position: absolute;
        top: .5em;
        right: .5em;
        content: '\e819';
        opacity: .5
    }
    .gallery .main-image-container:hover:before {
        opacity: 1;
        color: #253d8d
    }
    .gallery .thumb-container {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 7%;
        line-height: 0
    }
    .gallery #thumbs-next {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        overflow: hidden;
        width: 7%;
        height: 100%;
        text-indent: -999px;
        outline: 0
    }
    .gallery #thumbs-next:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        font-size: 30px;
        font-size: 3rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.5em -.5em 0;
        content: '\e812';
        text-indent: 0
    }
    .gallery #thumbs-prev {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        overflow: hidden;
        width: 7%;
        height: 100%;
        text-indent: -999px;
        outline: 0
    }
    .gallery #thumbs-prev:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        opacity: .9;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        vertical-align: -.05em;
        font-size: 30px;
        font-size: 3rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.5em -.5em 0;
        content: '\e813';
        text-indent: 0
    }
    .gallery ul {
        position: static;
        width: auto;
        margin-top: 1em;
        white-space: nowrap
    }
    .gallery ul li {
        display: inline-block;
        width: 30.66666666666667%;
        height: auto;
        margin: 2% 0 2% 2%
    }
    #zoom-panel {
        -webkit-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        -moz-box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        box-shadow: 0 1px 7px rgba(116, 137, 153, 0.25);
        position: absolute;
        z-index: 100;
        top: 0;
        left: 100%;
        overflow: hidden;
        width: 100%;
        height: 100%;
        border: 1px solid #253d8d
    }
    #zoom-panel img {
        max-width: none
    }
    .saved-item:after {
        left: 75%
    }
    .quick-order-form .row {
        margin-right: -10px;
        margin-left: -10px
    }
    .comments-form .formRow .formTextBox {
        width: 40%
    }
    .comments-form .formRow .formTextarea {
        width: 60%;
        height: 14em
    }
}

@media only screen and (min-width: 112.5em) {
    .slider-main-copy-container {
        position: absolute;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
}