/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

    header .dropdown-menu a[role=menuitem] {
        width: 20%;
    }
    main[role=main] h2.page-header {
        text-transform: uppercase;
        max-width: 100%;
        position: relative;
        /*height: 110px;*/
    }
    h2.page-header.cat:after {
        display: inline-block;
        content: "";
        height: 120px;
        width: 120px;
        position: absolute;
        top: -60px;
        right: 0px;
        background-size: 120px 120px;
    }
    .category-description {
        /*margin-top:-80px;*/
    }
    .category-description p {
        max-width: 80%;
        padding-right:160px;
    }
    nav.sub-nav div.search-options div:last-child {
        margin-right:10px;
    }
    /*breadcrumbs show full home text */
    nav.sub-nav.search ol.breadcrumbs,
    nav.sub-nav.search .search-options {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display:inline-block;
        vertical-align:top;
        width:70%;
        text-align:right;
    }
    nav.sub-nav div.search-options .filter-menu {
        display: inline-block;
        max-width: 200px;
        padding: 10px;
    }
    nav.sub-nav.search ol.breadcrumbs {
        width: 30%;
    }

    ol.breadcrumbs li:first-child {
        position:relative;
    }
    ol.breadcrumbs li:first-child a {
        color: #1d8ece;
        font-weight: bold;
        position: relative;
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        vertical-align: top;
        width: auto;
    }
    ol.breadcrumbs li:first-child a:after {
        margin-left: auto;
    }
    ol.breadcrumbs li:first-child a:before {
        content: none;
        font-size: 0px;
    }

    /*safari box-sizing not working*/
    _::-moz-svg-foreign-content,:root form.request-form .form-field,:root .filter-menu,:root form .filter-menu,:root form.request-form footer {
        width: 49%;
    }
    _::-moz-svg-foreign-content,:root form.request-form .form-field.request_description {
        width: 98%;
    }

}

@media only screen and (min-width: 768px) {
    html {
        font-size: 70%;
    }
    /*header*/
    .shlmsg {
        padding: 10px 15%;
        text-align: left;
    }
    header a.product-filter {
        display: none!important;
    }
    header .header-inner {
        text-align: left;
        height: 40px;
    }
    header nav.user-nav {
        right: 17px;
        top: 17px;
    }
    header .logo {
        display: none;
        width: 159px;
    }
    header .logo a img,
    header .logo a {
        width: 159px;
        height: 40px;
    }
    ul.filters-box {
        background-color: #00afd8;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    ul.filters-box li,
    ul.filters-box li:first-child {
        width: auto;
        border: none;
        border-right: 1px solid #2ccff5;
        border-left: 1px solid #2ccff5;
        margin-left: -1px;
        border-bottom: 1px solid #2ccff5;
    }
    ul.filters-box li a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 10px 10px;
        text-align: center;
    }
    /*home products listings*/
    ul.category-list,
    ul.shop-misc {
        font-size:0px;
    }
    ul.category-list li,
    ul.shop-misc li {
        vertical-align:top;
        border: none;
        display: inline-block;
        width: 250px;
        font-size: 16px;
        font-size: 1.6rem;
    }
    ul.category-list li:last-child,
    ul.shop-misc li:last-child{
        border: none;
    }
    ul.category-list li a,
    ul.shop-misc li a {
        text-align: center;
        margin: 0px;
    }
    ul.category-list li a:before,
    ul.shop-misc li a:before {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
        text-align: center;
        margin: 0px auto;
    }
    ul.category-list li a span,
    ul.shop-misc li a span {
        display: block;
        width: 100%;
        text-align: center;
    }
    ul.category-list li a:after,
    ul.shop-misc li a:after {
        content: none;
    }
    main .hero-unit.search-box form {
        margin-top: 30px;
    }
    main .hero-unit.search-box form input#query {
        height:55px;
        font-size: 2.5rem;
        background-color: #fafafa;
    }
    main .hero-unit.search-box form input[name=commit],
    main .hero-unit.search-box form:after {
        width: 55px;
        height: 55px;
    }
    main .hero-unit.search-box form:after {
        line-height: 55px;
        font-size: 27px;
    }

    /*fix 50% inline-block*/
    main[role=main] {
        font-size: 0;
        overflow: visible;
    }
    main[role=main] > * {
        font-size: 16px;
        font-size: 1.6rem;
    }
    /*/fix 50% inline-block*/

    a.submit-a-request:link {
        max-width: 500px;
        margin:20px auto;
        margin-bottom:0px;
    }
    /*wraps buttons in sections*/
    .btn-wrap {
        margin-top:40px;
        text-align:center;
        vertical-align: top;
    }
    .btn-wrap a.submit-a-request:link,
    .btn-wrap a#back-categs:link {
        width: 320px;
        display: inline-block;
    }
    .btn-wrap a#back-categs {
        margin-right:15px;
    }
    .btn-wrap a.submit-a-request:link {
        margin-left: 15px;
    }
    section.promoted-articles ul,
    ul.article-list,
    ul.search-results-list {
        list-style: none;
        font-family: "myriad-pro";
        font-size:0px;
        padding:0px;
        margin:0px;
    }
    ul.article-list {
        border-bottom: 1px solid #ececec;
        padding-bottom: 15px;
    }
    section.promoted-articles ul li,
    ul.article-list li,
    ul.search-results-list li {
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        width: 50%;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    _::-moz-svg-foreign-content,:root section.promoted-articles ul li,
    _::-moz-svg-foreign-content,:root ul.article-list li,
    _::-moz-svg-foreign-content,:root ul.search-results-list li {
        width: 48%;
    }

    section.promoted-articles li:nth-child(odd),
    ul.article-list li:nth-child(odd),
    ul.search-results-list li:nth-child(odd) {
        padding-right:15px;
    }
    section.promoted-articles li:nth-child(even),
    ul.article-list li:nth-child(even),
    ul.search-results-list li:nth-child(even) {
        padding-left:15px;
    }

    section.promoted-articles ul li a {
        color: #1d8ece;
    }
    div#sections-wrap ul.section-list {
        padding-right:20px;
    }
    div#sections-wrap,
    div#video-container {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    _::-moz-svg-foreign-content, :root div#sections-wrap,
    _::-moz-svg-foreign-content, :root div#video-container {
        width: 48%;
    }
    div#sections-wrap.stretch {
        width: 100%;
    }
    div#sections-wrap.stretch ul {
        font-size:0px;
        padding-right:0px;
    }
    div#sections-wrap.stretch ul li {
        width:50%;
        padding-right:15px;
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div#sections-wrap.stretch ul li:nth-child(even) {
        padding-right:0px;
    }
    div#sections-wrap.stretch ul li {

    }
    .category-description ul.res-list li {
        display: inline-block;
    }
    /*ARTICLE*/
    .article-body ol,
    .article-body ul {
        font-size: 0;
    }
    .article-body ol li,
    .article-body ul li {
        width: 50%;
        position: relative;
        padding-right: 25px;
        padding-bottom: 30px;
        display: inline-block;
        font-size: 16px;
        font-size: 1.6rem;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .article-body li img{
        display:inline-block;
        /*width: 50%;*/
    }
    .article-body li br {
        display:inline-block;
    }
    .article-body ol li:nth-child(odd):after {
        display: inline-block;
        color: #ccc;
        content: "\E766";
        font-size: 22px;
        font-weight: bold;
        font-family: "entypo";
        position: absolute;
        top: 10px;
        right: 12px;
    }
    .article-body ol li:last-child:after {
        content: none;
    }
    article.main-column {
        width: 70%;
        display:inline-block;
        vertical-align:top;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    aside.side-column {
        vertical-align:top;
        width: 30%;
        display: inline-block;
        padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .search-results h1.search-results-heading {
        font-size: 25px;
        font-size: 2.5rem;
    }
    nav.category-nav .scroll-wrap {
        overflow-x: hidden;
    }
    #pop-bg-blur #mac-popup-wnd img {
        width: auto;
    }

    header nav.user-nav > a.submit-a-request {
        font-size:16px;
        line-height: 23px;
        vertical-align:bottom;
        color: #fff;
    }
    header nav.user-nav > a.submit-a-request:before {
        content:none;
    }

    /*CONTACT FORM*/
    form.request-form .form-field,
    .filter-menu,
    form .filter-menu,
    form.request-form footer {
        width: 50%;
        vertical-align: top;
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
    }
    div.form {
        padding: 20px 40px;
    }
    #contact-flow ul.category-list li a span {
        margin: 0px auto;
        font-weight: lighter;
        padding: 3px;
        border:1px solid transparent;
        max-width: 200px;
        display:block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #contact-flow ul.section-list li {
        width: 50%;
        display: inline-block;
        padding: 0px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .language-selector {
        vertical-align: top;
    }
    #contact-flow section.promoted-articles li {
        padding: 0px 10px;
    }
    .wizard-actions-wrap a {
        margin:10px;
    }
    #video-container #video{
        margin:0px;
    }

    nav.category-nav a.scroll-nav {
        opacity:0;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    nav.category-nav a.scroll-left {
        margin-right: 580px;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    nav.category-nav a.scroll-right {
        margin-left: 580px;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    /*
    footer.article-footer,
    .article-more-questions {
        width: 50%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }*/

    ul.section-list li a:hover {
        color: #fff;
        background: #33bfe0; /* Old browsers */
        background: -moz-linear-gradient(top,  #33bfe0 0%, #01afd8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bfe0), color-stop(100%,#01afd8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #33bfe0 0%,#01afd8 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #33bfe0 0%,#01afd8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bfe0', endColorstr='#01afd8',GradientType=0 ); /* IE6-9 */
    }
    _::-moz-svg-foreign-content, :root header nav.user-nav > a.submit-a-request {
        max-width:100%;
    }

}

@media only screen and (min-width: 1140px) {

    header .dropdown-menu a[role=menuitem] {
        width: 10%;
    }

    .header-inner, .footer-inner, main {
        max-width: 1000px;
        margin:0px auto;
    }

    nav.category-nav a.scroll-nav {
        display: block;
        position: absolute;
        top: 60px;
        width:30px;
        height:30px;
        opacity:1;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    nav.category-nav a.scroll-nav:before {
        font-family: "entypo";
        width:25px;
        height:25px;
        color: #74B9E1;
        font-size:20px;
        border: 2px solid #74B9E1;
        border-radius:50%;
        position: absolute;
        display:block;
    }
    nav.category-nav a.scroll-left {
        right: 50%;
        margin-right: 520px;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    nav.category-nav a.scroll-right {
        left: 50%;
        margin-left: 520px;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
        -kthtml-transition: all .5s linear;
        transition: all .5s linear;
    }
    nav.category-nav a.scroll-left:before {
        content: "\E761";
    }
    nav.category-nav a.scroll-right:before {
        content: "\E762";
    }

    /*Safari hack*/
    _::-moz-svg-foreign-content, :root ul.category-list li,
    _::-moz-svg-foreign-content, :root ul.shop-misc li {
        width: 247px!important;
    }


}
