/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

   
@media screen and (min-width: 1280px) {
    
    #header,
    #heading,
    #breadcrumbs,
    #content-results,
    #category-results,
    #book-detail,
    #content,
    #categories,
    #brands-list,
    #mid,
    #nav,
    #articles-trio,
    #feature-article,
    #featured-logos
    { width: 1125px; margin: 0 auto; float: none; }
    
    #header-wrap { float: left; width: 94%; padding: 18px 3% 20px 3%; }

    #search-form { position: absolute; top: 0; margin: 0; left: 230px; width: 500px;  }
    #footer .link-list { width: 80%; padding: 0 10%; }
    
    #content ul.brand-list li { width: 18%; padding: 0 2% 0 0; }
    #content-general { width: 900px; margin: 0 auto; }
    
    #brands { width: 800px; margin: 0 auto; float: none; }
    #cat-results li { width: 18%; padding: 0 1%; }

    .carousel { width: 1080px; margin: 0 auto; }
    
    #feature-wrap { background-size: 100% auto; }
    #feature { width: 500px!important; }
    #feature-wrap-right { padding: 70px 0 0 0; height: 399px; }
    #feature-wrap-left { background-size: auto 469px;  }
    #feature-wrap-right { background-size: auto 469px;  }
    
    #nav .nav-heading { width: 16%; padding-left: 0; text-indent: 0px; }
    #nav .main-list ul { width: 84%; padding-right: 0; }
    
    #footer { width: 900px; margin: 0 auto; float: none; } 
    
    .category-set { width: 28%; margin: 0 0 20px 5%; }
    

}
@media screen and (min-width: 1120px) {
    #header #signup-wrap { display: block; }
}
@media screen and (min-width: 1000px) {
    p span.break { float: left; width: 100%; }
    #callout-features.two-split { width: 70%; padding: 40px 15% 20px 15%; }
    #callout-features.three-split { width: 80%; padding: 40px 10% 20px 10%; }

    #feature { width: 380px; } 
    #feature p { font-size: 19px; }
    
    #content-center { width: 670px; margin: 0 auto; }
    #content #login-wrap { width: 400px; }
    
    #aff-disclaimer { width: 800px; }
    #blog-article { width: 900px; margin: 0 auto; }
    #blog-articles-list { width: 900px; margin: 0 auto; }
    
    #article { float: none; width: 900px; margin: 0 auto; }
    #article .top-heading { float: left; width: 800px; padding: 10px 50px 20px 50px; margin: 0; }
    #article .gift-idea:nth-child(even) .info { width: 39.5%; padding: 40px 5% 0px 5.5%; }

}

@media screen and (min-width: 900px) {
    #breadcrumbs-wrap { margin-bottom: -40px; z-index: 999; position: relative; }
}
@media screen and (max-width: 1200px) {
    #heading .thumb { width: 30%; }
    #heading .store-heading { width: 67%; }
    
    #book-info table .st-name { display: none; }
    #book-info table .st-img { width: 35%; }
    #book-info table .st-ship { width: 65%; }
}

@media screen and (max-width: 1100px) {
    #topchoice-wrap { background-size: auto 120%; }
}

@media screen and (max-width: 950px) {
    .mob-show { display: block; }
    .mob-hide { display: none; }
    
    #heading .thumb { margin: 0; }

    #header-wrap { padding-top: 18px; padding-bottom: 15px; border-bottom: solid 5px #642c94; }
    #header-wrap #slogan { display: none; }
    #search-form { margin-left: 7%; }

    #sort-options { float: left; width: 100%; background: url(../images/dots-grey.png) repeat-x 0 0; background-size: auto 4px; padding: 20px 0 0 0; margin: 20px 0 0 0; }
    #sort-options form { padding-top: 10px; }
    #sort-options form:nth-child(2) { float: right; padding: 10px 0 0 0; }

    #heading-wrap { width: 100%; padding: 0; }
    #heading .thumb { width: 100%; }
    #heading .thumb-img { width: 100%; margin: 0 auto; }
    #heading .thumb span { float: left; width: 100%; height: auto; padding: 20px 0; }
    #heading .thumb img { max-width: 120px; max-height: 60px; }
    #heading .thumb.white span { padding-bottom: 0; padding-top: 30px; }
    
    #heading .store-heading { float: left; width: 80%; padding: 20px 10%; text-align: center; }
    #heading .results-heading { width: 80%; padding: 20px 10%; text-align: center; } 
    
    #header-wrapper.scroll #search-form { display: none; }
    #header-wrapper.top #search-form { display: block; }
    
    #header-wrapper.shift { margin-top: -296px; }
    #header-shift.scroll { height: 96px; }
    
    #feature { width: 400px; }
    
    #topchoice { background: url(../images/icon-toparrow-white.png) no-repeat center 0; background-size: 25px auto; }
    #topchoice-callout { width: 100%; }
    #topchoice-callout .book-image { float: left; width: 35%; padding-right: 0; }
    #topchoice-callout .book-callout { width: 50%; padding-right: 5%; }
    #topchoice-callout .book-image img { width: auto; height: 190px; }
}

@media screen and (max-width: 900px) {

    #mob-menu-btn { float: left; width: 14px; height: 14px; padding: 10px; background-size: auto 14px; margin-top: 2px; }
    #mob-search-btn { float: left; margin-top: 2px; display: block; text-align: right; font-size: 17px; color: #fff; cursor: pointer; cursor: hand; width: 14px; height: 14px; padding: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/mobile/search-btn.png) no-repeat center center; background-size: auto 18px; -moz-border-radius: 3px; border-radius: 3px; }
    .expand-search-box {  }
    #header #logo { position: absolute; top: 11px; left: 50%; text-align: center; float: none; margin: 0 0 0 -68px; }
    #header #logo img { width: 136px; height: auto; margin-top: 0; }
    #header-wrap { padding-top: 5px; padding-bottom: 3px; height: 36px; }

    h1  { font-size: 23px; }
    
    h2, 
    .top-heading p,
    #content .store-name, 
    #show-more .btn-showmore,
    #nav .nav-headline,
    #nav .list-heading
    { font-size: 17px; line-height: 22px; }
    
    h3 { font-size: 15px; }
    #heading .results-num { font-size: 15px; }

    #content-wrap,
    #content-general-wrap,
    #categories-wrap,
    #mid-wrap,
    #footer-wrap
    { float: left; width: 90%; padding-left: 5%; padding-right: 5%; }

    #search-form { float: left; position: relative; top: 0; left: 0; width: 100%; margin: 0 0 7px 0; padding-top: 5px; }
    #search-form form { float: left; width: 100%; padding-left: 0; }
    #search-form form label { font-size: 15px; top: 8px; /* color: #fff; */}
    #search-form .search-wrap { height: 35px; margin-left: 20px; }
    #search-form fieldset { background-size: 35px auto; }
    #search-form .search { padding: 5px 8px 0 0; width: 70%; font-size: 15px!important; }
    #search-form p { font-size: 11px; margin: 0 0 10px 0; }
    #search-form .dropdown { width: 100px; padding-right: 20px; background: url(../images/arrow-dropdown.png) no-repeat 92% 14px; background-size: 12px auto; }
    #search-form .dropdown { height: 35px; }
    #search-form .dropdown ul li img { height: 20px; }
    #search-form .search-btn { height: 35px; }

    #nav .close { display: block; }
    
    #sort-options form:nth-child(2) { float: left; }
    #sort-options form { width: 46%; padding: 10px 2% 3px 2%!important; }
    #sort-options form:nth-child(1) { width: 46%; }
    #sort-options form:nth-child(1) .left { float: right; }
    
    #sort-options .left { margin: 0!important; }
    #sort-options .selectwrap { width: 140px; margin: 0; }
    #sort-options .label { display: none; }
    #sort-options #size-selector { float: left; }
    
    /*
    #nav-wrap { border-bottom: none; }
    #nav .main-list { border-top: dotted 2px #eab1bc; }
    #nav ul li.mob-extend { width: 100%; text-align: center; }
    #nav ul li.mob-extend a { background: #fff; padding: 0; font-size: 20px!important; }
    #nav ul li.mob-divide { border-bottom: dotted 2px #eab1bc; padding-bottom: 12px; margin-bottom: 17px; }
    #nav .expand-more-menu {  }
    #nav .expand-more-menu span { padding-left: 18%!important; width: 66%; }
    #nav .nav-headline span { width: 100%; }
    #nav .link-list { width: 100%; } 
    #nav .reg-btns .reg { color: #fff; }
    */
 
    #mid-wrap #mail-list .mail-list-wrap { width: 400px; margin: 0 0 0 -160px; }
    #mid-wrap #mail-list .mail-field { width: 203px; }
    #mid-wrap #mail-list .signup-headline { font-size: 15px; width: 80%; padding: 0 10%; }
    #mid-wrap #mail-list .signup-headline-2 { font-size: 15px; width: 70%; padding: 0 15%; }
    #mid-wrap #mail-list .mail-list-wrap label { font-size: 15px; top: 9px; }
    #mid-wrap #mail-list .mail-field { font-size: 15px; padding: 8px 6px 9px 12px; }

    #brands ul li img { height: 30px; }

    #description { width: 98%; padding: 0px 1%; margin: 0; text-align: left; -moz-text-align-last: left; text-align-last: left; }
    
    #callout-features .callout { width: 42%; padding: 20px 4%; }
    
    .column-one, .column-two, .column-three, .column-four { width: 40%; padding: 0 5%; }
    .category-set h2 { text-transform: uppercase; }
    #subcat-ul li { width: 33%; }
    
    #cat-results li { width: 46%; padding: 0 2%; height: 230px; }
    #cat-results li img { height: 150px; }

    #offers { width: 100%; }
    #offers .offer-logo { width: 115px; }
    #offers .offer-logo a { width: 100px; height: 80px; }
    #offers .offer-logo img { max-width: 80px; max-height: 50px; }
    #offers h2, #offers h3 { font-size: 15px; }
    #offers .btn { padding: 5px 12px; }

    #brands-list .alpha ul li { width: 31%; }
    
    #book-detail-wrap { width: 100%; padding: 0; }
    #book-detail-inner { -moz-border-radius: 0px; border-radius: 0px; }

    #book-info { width: 90%; padding: 20px 5% 0 5%; }
    #book-image { width: 90%; padding: 0 5%; }
    #book-image img { max-height: 200px; width: auto; }

    #book-info h1, #book-info h2.light { width: 100%; text-align: center; }
    #book-data { border-bottom: dotted 2px #ccc; padding-bottom: 20px; text-align: center; }
    #book-data li { float: none; display: inline; font-size: 0.7em; padding: 0 5px; white-space: nowrap; }
  
    .bl { float: left; width: 97%; margin: 0 1% 3% 1%; }
    .bl:nth-child(even) { float: left; }

    .blog-callout-name { float: left; width: 90%; height: auto; padding: 20px 5%!important; margin-bottom: 30px; border: none; background: #666; -moz-border-radius: 5px; border-radius: 5px; }
    .blog-callout-name span {   
        float: left;
        width: 100%; 
        padding: 0;
    }
    .distributor-list .tf-text { float: right; width: 90%; padding: 0 5%; }
    #blog-article .book-list li { width: 46%; }
    
    #breadcrumbs-wrap { padding-top: 12px; padding-bottom: 12px; }
    #breadcrumbs-wrap ul li { font-size: 0.8em; padding: 0 14px 0 5px; background: url(../images/icon-breadcrumb-right-arrow.png) no-repeat right 5px; background-size: 9px auto; }

    #format { padding-top: 20px; }
    #format.one ul { width: 40%; padding: 0 30%; }
    #format.one ul li { width: 100%; margin: 0; }
    #format.two ul { width: 60%; padding: 0 20%; }
    #format.two ul li { width: 48%; margin: 0 1%; }
    #format.three ul { width: 80%; padding: 0 10%; }
    #format.three ul li { width: 30%; margin: 0 1.5%; }
    #format.four ul { width: 100%; padding: 0; }
    #format.four ul li { width: 23%; margin: 0 1%; }
    
    #format ul li.heading span, 
    #format ul li.active span.tick,
    #format ul li a { padding: 5px 0!important; width: 100%; font-size: 11px; }
    #format ul li.heading { display: none; }
    #format ul li.active span.tick span { background-position: 0 center; background-size: auto 10px; color: #fff; padding-left: 15px; padding-right: 5px; }
    
    #star-rating { text-align: center; }
    #star-rating .stars-wrap { width: 160px; margin: 0 auto; background: #efefef; }
    #star-rating .img-stars { float: left; }
    #star-rating .rating { float: right; }
    #star-rating .rating-num { padding-top: 5px; width: 100%; }
    #star-rating .rating-num a { color: #666; }
    
    #feature-wrap-left { background-size: auto 70%; }
    #feature-wrap-right { padding: 50px 0 50px 0; background-size: auto 70%; }
    #feature .icon-divider { padding-top: 40px; background-size: auto 20px; }
    
    .mob-bg-grey .carousel-wrap { background: #efefef; }
    
    #featured-logos ul li img { height: 32px; }
    
    #footer-wrap { padding-top: 40px; }
    #footer .link-list ul { width: 33%; margin: 0 0.1%!important; padding: 0!important; min-height: 105px; }
    #footer .link-list ul.padtop { padding-top: 22px!important; }
    #footer .link-list ul.divider { margin-left: 0%; }
    #footer .link-list ul.first-list { width: 100%; padding-top: 0!important; border: none; }
    #footer .link-list ul.first-list li {  }

}

@media screen and (max-width: 750px) {
       
    #feature-article .thumb { float: left; width: 100%; }
    #feature-article .txt { width: 100%; padding: 40px 0; }
    
    #articles-trio .article { width: 100%; padding: 20px 0; border-top: solid 1px #D0D0D0; }
    #articles-trio .article .thumb { width: 30%; }
    #articles-trio .article .txt { float: right; width: 65%; }
    #articles-trio .article:last-child { border-bottom: none; padding-bottom: 0; }
    
    #articles-double .article { width: 47.5%; padding: 0 5% 20px 0; }
    #articles-double .article .thumb { width: 100%; margin: 0 0 15px 0; }
    #articles-double .article .txt { width: 100%; }
    #articles-double .article:nth-child(odd) { padding-right: 0%; }
    
}


@media screen and (max-width: 650px) {
    #nav .main-list { padding: 0; border-bottom: none; }
    #nav .main-list ul li { float: left; width: 100%; padding: 0; margin: 0; }
    #nav .main-list ul li a { float: left; width: 100%; padding: 10px 0; border-top: solid 1px #ccc; }
    #nav .nav-headline { padding-top: 40px; padding-bottom: 20px; background-size: 20px auto; background-position: center 2px; }
    #nav .reg-btns { margin-top:0; }
    #nav .nav-heading { float: left; display: block; width: 100%; font-size: 1.1em; text-align: center; color: #000; font-weight: bold; padding: 20px 0 15px 0; }
    #mob-info-btn { float: right; margin-top: 1px; display: block; text-align: right; font-size: 17px; color: #fff; cursor: pointer; cursor: hand; width: 14px; height: 14px; padding: 10px; text-transform: uppercase; font-weight: bold; background: url(../images/mobile/icon-info.png) no-repeat center center; background-size: auto 26px; -moz-border-radius: 3px; border-radius: 3px; }
    #mob-menu-btn { display: block; }
    .expand-menu-btns { display: none; }

    #nav .nav-heading { width: 100%; background: none; padding-left: 0; text-indent: 0px; }
    #nav .main-list ul { width: 100%; padding-right: 0; }
    
    #results-infobar { margin: 0 0 10px 0; }
    #content ul.brand-list li { width: 31%; padding: 0 2.3% 0 0; }

    #content-results .product-thumb { margin: 0 0 10px 0; }
    #content-results .product-thumb img { width: 75px; padding: 20px; }
    
    #article .gift-idea { margin-bottom: 15px; }
    #article .gift-idea .thumb { width: 100%; }
    #article .info { width: 100%!important; padding: 20px 0!important; }
    
    #about-wrap { background-size: auto 240px; }
    #about { background-size: auto 240px; padding: 180px 0 150px 0; }
    .about-center { width: 80%; padding: 0 10%; }
    
    #offers-wrap { background-size: auto 240px; padding-top: 180px; }
    #offer-text { float: left; width: 90%; text-align: center; padding: 30px 5% 0 5%; }
    #offers-wrap .offer-heading { float: left; width: 90%; padding: 0 5%; }
    #offers-wrap h1 { margin: 0 0 15px 0; }

    .home-center { float: left; width: 70%; padding: 0 15%; }
    #home p { width: auto; margin: 0 auto; }
    #home { padding: 30px 0 140px 0; background-size: auto 180px; }
    #home h1 span { float: left; width: 100%; margin: 0 0 20px 0; }
    
    #heading-wrap { border-top: none; }
    
    #feature-wrap {  }
    #feature h1 { margin: 0 0 20px 0; }
    #feature-wrap #feature { float: left; text-align: left; width: 280px; padding: 0 0 0 10%; }
    #feature-wrap-left { background: none; }
    #feature-wrap-right { background: url(../images/bg-grey-books-right-slim.jpg) no-repeat right bottom; background-size: auto 100%; padding: 30px 0 20px 0; }
    #feature .icon-divider { padding-top: 0px; background: none; }
    
    #brands-wrap { padding-top: 20px; padding-bottom: 20px; }
    #brands ul li { width: 33.3%; margin: 6px 0 3px 0; }

    #brands-list .list-heading { width: 36px; padding: 5px 0; font-size: 20px; -moz-border-radius: 50%; border-radius: 50%; }
    #brands-list .alpha ul li { width: 48%; }
    #alphabet li { width: 7.4%; }
      
    #content-results-wrap,
    #category-results-wrap,
    #description-wrap,
    #mid-wrap,
    #footer-wrap,
    #store-right
    { padding-top: 20px; padding-bottom: 20px; }
    
    #footer-wrap { padding-top: 30px; padding-bottom: 40px; }
    #footer .foot-logo img { width: 110px; }
    #footer p, #footer li { font-size: 13px; }
    #footer #main-links ul li { padding: 0 5px; }

    .beta-note { font-size: 13px; }
    
    #options-bar { border-bottom: none; padding-bottom: 0; padding-top: 12px; }
    #options-bar .selectwrap { border-color: #fff; padding: 4px 0 6px 0; background: url(../images/sort-drop-bg-mob.png) no-repeat left 10px; background-size: 11px auto; }
    #options-bar .selectwrap select { padding-right: 0; padding-left: 12px; }
    #options-bar .selectwrap.one select { /* width: 47px!important; */ }

    #options-bar .selector ul { width: 182px; top: 12px; padding: 0; margin: 0 0 0 -91px; }
    #options-bar .selector ul li a { width: 89px!important; padding: 4px 0; }
    
    #all-brands .thumbnails li { width: 15%; padding: 15px 2.4% 0 2.4%; min-height: 60px; }
    #all-brands .thumb { height: 50px; }
    #all-brands .thumb img { max-height: 50px!important; }
    
    #callout-features .callout .thumb { width: 120px; margin: 0 auto 20px auto; }
    #callout-features .callout .thumb a { display: block; width: 80px; height: 70px; padding: 25px 20px; background: #f1f1f1; -moz-border-radius: 50%; border-radius: 50%; }
    #callout-features .callout .thumb img { height: 70px; width: auto; }
    #callout-features .callout .thumb-v2 img { width: 120px; }
    
    #callout-features.three-split .callout { float: left; width: 90%!important; padding: 20px 5%!important; }

    #contact-form fieldset input[type="text"], #contact-form fieldset input[type="password"], #contact-form fieldset textarea { width: 92%; }

    #landing-img-wrap { background-size: 30px auto; }
    #landing-img .main-img { height: 260px; }
    #landing-product-details { padding: 0; }
    #landing-product-details .thumb { float: left; width: 100%; text-align: center; }
    #landing-product-details .thumb.right { text-align: center; margin: 0 0 30px 0; }
    #landing-product-details .thumb img { height: 175px; -moz-border-radius: 50%; border-radius: 50%; }
    #landing-product-details .intro { font-size: 1.15em; }
    
    #feature-btn { float: left; width: 90%; padding: 0px 5% 30px 5%; background: #fff; }
    #feature-btn a { float: left; width: 90%; padding: 10px 5%; font-size: 15px; border: none; }
    #feature-btn a span { background-size: 25px auto; padding-left: 35px; }

    #article .info { border-top: none; }
    #article .gift-idea:nth-child(even) .num { right: auto; left: 20px; }
    #article .gift-idea .thumb.extend-img { height: auto; }
    
    #topchoice-wrap { background-size: auto 100%; }
    #topchoice { padding: 40px 0; } 
    #topchoice-callout .book-callout { padding-top: 10px; }
    
    #topchoice .btn-box { width: 90%; text-align: center; -moz-border-radius: 15px; border-radius: 15px; padding: 0; }
    #topchoice .store { width: 100%; padding: 8px 0 6px 0; }
    #topchoice .store img { float: none; height: 30px; width: auto; }
    #topchoice .buy-btn { float: left; width: 90%; text-align: center; text-transform: uppercase; padding: 8px 5% 8px 5%; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; border: none; }
    #topchoice .btn-box a:hover .buy-btn span { padding-right: 0px; }
    #topchoice .buy-btn span { background: none; padding-right: 0; }
    
    #topchoice h3 { font-size: 21px; line-height: 21px; }
    #topchoice .author { font-size: 17px; }
    #topchoice .binding { font-size: 17px; }
    #topchoice .price-details { font-size: 19px; }
    #topchoice .price-details .num { width: 36px; padding: 5px 0; }
    #topchoice .price-details .price { padding-left: 12px; }
    
    .carousel-wrap { padding-top: 20px; padding-bottom: 20px; max-height: 293px; }
    .carousel-wrap h2 { margin: 0 0 15px 0; }
    .carousel-wrap .book-box h4 { font-size: 0.9em; margin-top: 8px; max-height: 43px; }
    .carousel-wrap .book-box img { height: 160px; }

    .tf-thumb { width: 20%; padding: 1%; }
    .tf-text { width: 75%; }
    
    .category-set { width: 50%; margin: 0 0 20px 0; }
    #subcat-ul li { width: 50%; }
    
    #pages ul li { font-size: 12px; padding: 0 2px; }
    #pages ul li a, #pages ul li span { padding: 8px 10px; }
    
    #category-personas ul { margin: 0; overflow-x: scroll; overflow-y: hidden; width: 620px; -ms-overflow-style: none; scrollbar-width: none; }
    #category-personas ul::-webkit-scrollbar { display: none;  /* Safari and Chrome */ }
    #category-personas ul li .img img { height: 70px; }
    #category-personas  #gradient-white { width: 25px; height: 120px; background: url(../images/gradient-right-white.png) repeat-y right 0; position: absolute; top: 0; right: 0; }

}

@media screen and (max-width: 450px) {
    #content ul.brand-list li { width: 47%; padding: 0 3% 0 0; }
    #nav .link-list ul li { width: 50%; padding: 2px 0; }
    #home { padding: 30px 0 100px 0; background-size: auto 140px; }
    .home-center { float: left; width: 84%; padding: 0 8%; }
    #offers-wrap { padding-top: 135px; }
    .column-one, .column-two, .column-three, .column-four { width: 48%; padding: 0 0 0 2%; }
    #callout-features .callout { float: left; width: 90%!important; padding: 20px 5%!important; }

    .bl { width: 100%; margin: 0 0 2% 0; border: none; border-bottom: solid 5px #ececec; background: none; -moz-border-radius: 0; border-radius: 0; }
    .bl h2 { margin: 0 0 2px 0; max-height: none; }
    .bl .author { margin: 0 0 14px 0; }
    .bl-thumb { padding: 10px 0; }
    .bl-thumb img { height: auto; max-height: 160px; }
    .bl-info { width: 55%; padding: 5px 3% 25px 0; }
    
    #book-info .raquo { display:inherit; }
    #book-info .shopnow { display: none; }
    #book-info table .st-ship { font-size: 0.75em; }
    
    #feature-wrap #feature { width: 80%; padding: 0 10%; text-align: center; }
    #feature-wrap { background-size: 100% 100%; }
    #feature-wrap-right { background: url(../images/bg-grey-books-mobile.jpg) no-repeat 0 bottom; background-size: 100% auto!important; padding: 30px 0 130px 0; }
    #feature p { margin: 0 0 15px 0; }
    #feature .icon-divider { background: url(../images/text-divider-icon.png) no-repeat center 0; background-size: auto 20px; padding-top: 35px; }

    #format.four ul li.active span.tick span { background: none!important; padding-left: 0!important; padding-right: 0!important; }
    
    #featured-logos ul li img { height: 25px; }
    
}
@media screen and (max-width: 415px) {
    #search-form form label span.l01 { display: none; }
    #about-wrap { background-size: auto 200px; }
    #about { background-size: auto 200px; padding: 130px 0 100px 0; }
    #offers .offer-btn { display: none; }
    
}

@media screen and (max-width: 350px) {
    #options-bar .selectwrap.one { display: none; }
    #options-bar .selectwrap.two { float: left; }
    #options-bar .selector ul { float: right; margin: 0; position: inherit;  }
    
    .category-set { border-bottom: solid 1px #ccc; padding-bottom: 20px; width: 100%; }
    #subcat-ul li { width: 100%; }
    .column-one, .column-two, .column-three, .column-four { width: 100%; }
}

@media screen and (max-width: 330px) {
    #search-form form label span.l02 { display: none; }
}