/* ------------------------------------------------------------
	Mobile
------------------------------------------------------------ */

@media (max-width: 767px) {
    /** {border: 1px solid green;}*/
    .mobile-only {
        display: block !important;
    }
    .desktop-only {
        display: none !important;
    }
    /* Layout */
    html {
        -webkit-text-size-adjust: 100%;
        /* Prevent font scaling in landscape while allowing user zoom */
    }

    body {
        min-width: 0;
    }

    #header-wrap,
    #content-wrap,
    #footer {
        width: auto;
    }

    #content {
        float: none;
        margin: 10px 0px 0 0;
        width: auto;
        /*	border: 1px solid blue;*/
    }
    .content-inner {
        float: none;
        width: auto;
    }

    #logo-wrap {
        width: auto;
    }

    h1#logo {
        width: 161px;
        height: 86px;
        margin: 0 auto;
        float: none;
    }
    /* <img src="/images/logo-@2x.jpg" height="123" width="230"> */
    h1#logo a img {
        width: 100%;
        height: auto;
    }

    #logo-wrap h1 {
        margin-bottom: 0px;
    }
    /*remove gaps*/
    #logo-wrap h1 img,
    #logo-wrap h1 a {
        display: block;
    }

    #nav,
    .skyscraper {
        display: none;
    }
    .leaderboard,
    #billboard_placeholder {
        display: none;
    }

    #rhs {
        display: none;
        float: none;
        margin-top: 0px;
        width: auto;
        margin-right: -0px;
    }
    /*MOVE RHS THIS AGAIN? MPU PLACEMENT?*/
    /*Mobile MPU*/
    /*.mobile-only.mpu-wrap > div {border: 1px inset red;width: 300px;height: 250px;margin: 10px auto 20px auto;}*/
    .home .mobile-only.mpu-wrap {
        margin-top: -20px !important;
    }
    .home .latest-reviews-primary+.mobile-only.mpu-wrap {
        margin-top: -75px !important;
        margin-bottom: 75px !important;
    }
    /*override*/
    .home-wide .mobile-only.mpu-wrap {
        margin-top: 10px !important;
    }
    .home-wide .latest-reviews-primary+.mobile-only.mpu-wrap {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    /*
	Hide ads
*/
    /*.billboard_placeholder {display: none;}
.leaderboard {display: none;}
*/
    /*Weird ad thing*/
    span[data-gg-vcache] {
        display: none !important;
    }
    /*
	Mobile header nav
*/
    #nav.mobile {
        display: block !important;
        width: auto;
        height: auto;
        padding: 0px 5px 0 5px;
    }
    #nav.mobile>ul>li {
        /*padding-right: 0.5%;margin-right: 0.5%;*/
        font-size: 15px;
        padding: 3px 5px 5px 5px;
        border: 0;
    }
    #nav.mobile>ul>li a {
        font-size: 15px;
    }
    #nav.mobile ul li.drop-down {
        padding-right: 0;
        margin: 0;
    }
    #nav.mobile ul li a.drop-link.other-reviews {
        padding-right: 10px !important;
        margin: 0 2px 0 0 !important;
        position: relative;
        display: inline-block;
        padding-bottom: 0;
        background: none;
    }

    #nav.mobile ul li a.drop-link.other-reviews::after {
        position: absolute;
        top: 8px;
        right: -2px;
        display: inline-block;
        border-right: 4px solid transparent;
        border-top: 6px solid white;
        border-left: 4px solid transparent;
        content: '';
    }
    #nav.mobile ul li a.drop-link.other-reviews:hover::after {
        border-top-color: red;
        -webkit-transition: color 0.05s ease-in-out;
        -moz-transition: color 0.05s ease-in-out;
        -o-transition: color 0.05s ease-in-out;
        transition: color 0.05s ease-in-out;
    }
    #nav.mobile ul.drop-menu {
        top: 25px !important;
        max-width: 160px;
    }
    #nav.mobile ul.drop-menu a {
        font-size: 14px;
    }
    #nav.mobile ul.drop-menu li:last-of-type {
        margin-bottom: 0;
    }

    #nav.mobile li.drop-down:hover ul.drop-menu {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 38px;
        left: 0;
    }

    #nav.mobile li.drop-down:hover ul.drop-menu.drop-menu-active {
        visibility: visible;
        opacity: 0.97;
        position: absolute;
        top: 38px;
        left: 0;
        display: block !important;
    }
    /*#nav.mobile > ul {display: flex;flex-direction: row;}
#nav.mobile > ul > li {flex-grow: 1;text-align: center;}*/
    #nav.mobile>ul {
        display: table;
        width: 100%;
        margin-right: 0;
    }
    #nav.mobile>ul>li {
        display: table-cell;
        text-align: center;
        float: none;
        vertical-align: middle;
    }
    #nav.mobile>ul>li.last {
        margin-right: 0 !important;
    }

    #nav.mobile>ul>li>ul>li {
        text-align: left;
    }


    #social {
        display: none;
    }
    /*move to footer?*/
    /*
	Home page
*/
    .home .notice {
        display: none;
    }

    .home h3 {
        text-align: center !important;
    }


    .home .content-block h4 a {
        line-height: 45px;
    }

    .home .content-block {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .home .content-block .entry,
    .home .content-block .secondary {
        float: none;
        width: 100% !important;
    }

    .home .content-block .entry.primary img {
        display: block;
        margin: 0 auto;
    }

    .home .content-block ul a {
        width: auto;
        margin: 0 0 0 5px !important;
    }

    .home .content-block .secondary ul li {
        width: auto;
        padding-bottom: 15px;
        margin-left: 100px !important;
    }
    .home .content-block .secondary ul li img {
        margin: -15px 10px 25px -100px !important;
    }
    .home .content-block .secondary ul li small {
        margin-left: 5px !important;
    }
    /*lens review variation*/
    .home .content-block.lens-reviews .secondary ul li {
        margin-left: 70px !important;
    }
    .home .content-block.lens-reviews .secondary ul li img {
        margin: -15px 10px 25px -70px !important;
    }
    /*latest reviews*/
    .home .content-block .row.image-wrap {
        display: none !important;
    }
    .home .content-block a.mobile-only {
        margin-bottom: 5px;
    }
    .home .content-block h4 {
        text-align: center !important;
        margin-bottom: 5px;
    }
    /*.home .content-block a.mobile-img img {margin: 0 !important;}
*/
    .home .content-block .entry+.entry {
        margin-top: 20px;
    }

    .home .content-block .entry .details {
        text-align: center;
    }
    .home .content-block .entry .details .twitter-share-button,
    .home .content-block .entry .details .fb-like {
        display: none;
    }
    /*second secondary block*/
    .content-block.latest-reviews-secondary .secondary+.secondary {
        margin-top: -15px !important;
    }
    /*how to*/
    .home .content-block.how-to p {
        float: none;
        width: auto;
        margin-right: 0 !important;
        margin-left: 110px;
        clear: both;
    }
    .home .content-block.how-to p a {}
    .home .content-block.how-to img {
        float: left;
        margin: 0 10px 20px -110px !important;
    }

    .row {
        margin-bottom: 20px;
        width: 100%;
    }

    /*Home wide*/
    .home-wide {}

    body.home-wide #content,
    .home-wide .content-inner {
        width: auto;
    }

    .hp-section {
        margin-bottom: 0px;
        padding: 10px;
    }
    .hp-section .row {
        display: block;
        margin-bottom: 0 !important;
    }
    /*reset latest articles margin; no banner */
    .hp-section--latest-articles {
        margin-top: 0px;
    }

    .hp-section__header {
        margin-top: 10px;
    }
    .hp-section__header,
    .hp-section__header a {
        font-size: 26px;
        line-height: 28px;
    }
    /*hide images from double-entry grid*/
    .hp-section .row.image-wrap {
        display: none;
    }

    .home .content-block a.mobile-only {
        margin-bottom: 5px;
    }


    .hp-entry-wrap,
    .hp-entry-wrap .hp-entry,
    .hp-entry {
        float: none;
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    .hp-entry-wrap .hp-entry,
    .hp-entry {
        margin-bottom: 40px;
    }


    .hp-entry,
    .hp-entry__title,
    .hp-entry .details {
        text-align: center;
    }
    .hp-entry p {
        text-align: left;
    }

    .hp-entry__minihead {
        display: none;
    }
    .hp-entry__minihead.mobile-only {
        display: block;
        text-align: center;
        padding: 0px 0 20px 0;
        margin-right: 0;
        /*font-size: 18px;*/
        font-weight: bold;
        font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif;
    }

    .hp-ad-block {
        display: none;
    }

    .hp-entry.entry-2 {
        display: none;
    }
    /*.home-wide .ad-wrap-left, .home-wide .ad-wrap-right {display: block !important;width: 100% !important;float: none;padding-left: 0;padding-right: 0;}*/
    .hp-entry-list {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 100%;
    }
    .hp-entry-list li {
        width: 50%;
        box-sizing: border-box;
        padding: 0 20px 35px 100px;
        margin: 0 !important;
    }
    .hp-entry-list a {}
    .hp-entry-list img {
        margin: -15px 10px 0px -100px;
    }
    .hp-entry-list small {}

    .hp-entry-list.hp-entry-list--lens-reviews {}
    .hp-entry-list--lens-reviews li {
        padding-left: 70px;
    }
    .hp-entry-list--lens-reviews small {}
    .hp-entry-list--lens-reviews img {
        margin-left: -70px;
    }
    /*
	News articles page
*/

    .entry-list h3.date {
        font-size: 20px;
    }

    #content .entry-list h3 a {
        font-size: 35px;
        line-height: 1.2;
    }
    img.entry-image {
        /*max-width: 100% !important;*/
        /*height: auto;*/
    }
/*    .pg-wrap img.product-shot {
        float: none;
        margin: 0 auto 20px auto !important;
        width: 100%;
        height: auto;
    }*/


    #content .content-inner p img {
        max-width: 100%;
        height: auto;
    }

    #mini-gallery {
        max-width: 100%;
        box-sizing: border-box;
    }

    #comment-form textarea {
        max-width: 100%;
        box-sizing: border-box;
    }

    .entry-details .sharethis {
        margin-left: 0;
        padding-left: 0;
        margin-top: 7px;
    }
    .entry-details a {
        display: inline-block;
    }

    /*
	Review title
*/
    .entry-title-wide {
        width: auto !important;
    }

    .entry-details {
        /*font-size: 12px;
        line-height: 20px;*/
        margin-top: 3px !important;
    }
    .entry-details .vdiv, 
    .entry-details b {
        color: #fff;
        margin: 0 1px;
    }
    /*SHARING?*/
    h1 {
        font-size: 40px;
        line-height: 1.1;
        letter-spacing: 0;
    }
    /*
	Review nav
*/
    /*.toc.affix {position: static;}*/
    /*.toc-vert.affix { position: static; top: 0px; left: 0%; margin: 0px !important; width: 100%; background-color: #0e1012;} */
    .toc-wrap.affix {
        margin-bottom: 0;
    }

    .toc-vert.affix {
        position: static;
        top: 0px;
        left: 0%;
        margin: 0 auto !important;
        width: auto;
        background-color: #0e1012;
    }
    /*fixed */
    .toc-vert.affix {
        -webkit-transition: all 0.05s ease-in-out-out;
        -moz-transition: all 0.05s ease-in-out-out;
        -o-transition: all 0.05s ease-in-out-out;
        transition: all 0.05s ease-in-out-out;
    }

    .toc-vert.affix .toc-inner {
        margin-left: auto !important;
        left: auto;
        position: static;
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    /*.toc-vert.affix .toc-inner { margin-left: -492px !important; left: 50%; position: relative; height: 65px; overflow: hidden; width: 984px; }*/
    .toc-wrap.affix {
        margin-bottom: 20px;
    }
    /*was 62px*/
    .toc {
        width: auto;
        max-width: 400px;
        margin: 0 auto;
        padding: 0px 0px 0 0px;
        line-height: 20px;
        overflow: hidden;
    }
    /*.toc { width: 100%; padding: 0px 0px 0 0px;  z-index: 99999; text-transform: uppercase; font-family: "Open Sans Condensed", "Open Sans", arial, sans-serif; line-height: 20px; }
*/
    .toc a {
        font-size: 18px;
        text-align: left;
        max-width: none;
        padding: 10px;
        height: auto;
        text-transform: capitalize;
        border: 0px solid #0e1012;
        display: block;
    }
    .toc a br {
        display: none;
    }
    /*.toc a {color:#fff;text-decoration:none !important; font-size: 18px; display: block; text-align: center; max-width: 100px; -padding: 11px 15px 13px 16px; height: 40px;  }	*/
    .toc .toc-inner {
        height: auto;
        overflow: visible;
        padding: 10px 0 15px 0;
    }
    /*.toc .toc-inner { padding: 0; margin: 0 auto !important;  background-color: #0e1012; height: 65px; overflow: auto; }*/
    .toc .toc-inception {
        float: none;
        left: 0;
    }
    /*.toc .toc-inception { float: left; position: relative; left: 50%; }*/
    .toc ol {
        left: 0%;
        float: none;
        list-style-type: none;
        height: auto;
    }
    /*.toc ol { position: relative; left: -50%; padding: 0; float: left; margin: 0 !important; list-style-type: none; height: auto; }*/
    .toc li {
        font-size: inherit;
        font-weight: normal;
        float: none;
        border: 0px;
        height: auto;
        max-width: 100%;
    }
    /*.toc li { font-size: 13px; font-weight: normal; float: left; border: 1px solid #333; border-width: 0 0 0 1px; height: 65px;  }
*/
    .toc li:first-child {
        border: 0px;
    }
    .toc li:first-child a {
        padding-left: 12px;
    }
    .toc .lowprice {
        display: none;
    }

    .toc ol {
        position: relative;
        max-width: 350px;
        margin: 0 auto !important;
    }
    .toc li {
        padding-left: 0px;
    }

    .toc li {
        width: 49%;
        display: inline-block;
    }
    .toc li a {
        padding: 10px 4px 10px 12px;
    }
    /*Hide toc-bot with three <ol>s, use standard toc instead*/
    .toc-bot {
        display: none;
    }



    /*.toc li.review_roundup {display: none;}*/
    /*.toc ol {display: flex;  flex-flow: row wrap;max-height: 250px }
.toc li {border: 1px solid red !important;width: 40%;}
*/
    .toc li.videos {
        display: none;
    }
    /*.toc li.specifications, .toc li.rivals, .toc li.review_roundup, .toc li.videos, .toc li.comments {position: absolute;left:50%;top: 0px;padding-left: 10px;width: 50%;}

.toc li.rivals {top: 42px;}
.toc li.review_roundup {top: 84px;}
.toc li.comments {top: 126px;}
*/
    /*
	Lens review nav
*/
    .toc-lens_reviews {}
    .toc-lens_reviews .toc .toc-inner {
        min-height: 210px;
    }

    .lens-fl-nav-pad {
        margin: 0;
    }


    /*
	ToC bot
*/
    .toc-bot .toc-inner {}
    .toc-bot .toc-inception {
        position: relative;
    }
    .toc-bot ol {
        width: auto;
        margin: 0 !important;
    }
    .toc-bot ol li {
        margin: 0 0 2px 0 !important;
    }
    .toc-bot ol[start="4"],
    .toc-bot ol[start="7"] {
        position: static;
    }
    .toc-bot ol[start="7"] {}

    .toc-bot a {
        text-transform: none;
    }
    /*
	Next / Prev page
*/
    .next-page-wrap {
        display: table;
        margin-bottom: 30px;
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .next-page-wrap a {
        display: table-cell;
        width: 50%;
        background-color: #0e1012;
        vertical-align: top;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    /*remove clearfix*/
    .next-page-wrap:after {
        display: none;
    }

    .next-page-wrap a:first-of-type {
        border-right: 3px solid #fff;
    }
    .next-page,
    .prev-page {
        width: 100%;
        padding: 0;
        height: 100%;
    }
    .next-page-wrap .next-page {
        margin-bottom: 0 !important;
    }
    /*.next-page, .prev-page {width: 38%;display: table-cell;}*/
    .next-page span,
    .prev-page span {
        font-size: 15px;
        line-height: 20px;
        display: block;
        /*text-transform: none;*/
    }
    /* @TODO can do his on body class*/
    /*.next-page-wrap a {max-width: 50%;}*/
    /*OR WITH THIS*/
    .next-page-wrap a:first-of-type:last-of-type {
        width: 50% !important;
        display: block;
        height: 63px;
    }
    /*@TODO still need */
    /* @TODO do lenses use body.introduction too? */
    /* position "next page" link block on the right when it's the only one, i.e. introduction page */
    body.introduction .next-page-wrap a {
        float: right;
        border-right: 0;
    }

    .share-blocks {
        display: table;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .share-blocks:after {
        display: none;
    }
    .share-blocks a {
        display: table-cell;
        border-left: 2px solid #fff;
        font-size: 15px;
    }
    .share-blocks a:first-of-type {
        border-left: none;
    }

    .afl-block-button-wrap {
        text-align: center !important;
    }
    /*
	Content
*/
    /*(includes entry meta)*/
    .content-inner h2 {
        text-align: center;
        font-size: 34px !important;
        letter-spacing: 0;
    }
    /*was 36px*/
    .content-inner h3 {
        text-align: center;
    }
    /*is 22px*/
    .content-inner .mpu-wrap {
        display: none;
    }
    .content-inner .mobile-only.mpu-wrap {
        display: block;
        float: none;
        text-align: center;
        margin: 10px -12px 20px -12px;
    }
    .content-inner .mpu-wrap ins {
        float: none;
        margin: 0 auto;
    }
    /*luke only - for bug testing with adblock enabled*/
    /*body.admin-view.user-9 .content-inner .mobile-only.mpu-wrap {border: 1px inset red;width: 300px;height: 250px;margin: 10px auto 20px auto;}*/
    /*body.admin-view.user-9 #taboola-read-more {border: 1px solid red;}*/
    /*Image captions, specifications overriden below*/
    .content-inner table td {
        font-size: 17px;
    }



    body.introduction .content-inner table img,
    body.product_images .content-inner table img {
        max-width: 550px;
        width: 100%;
        height: auto;
    }

    /*for Image Quality 2 up images */
    .content-inner table td img {
        box-sizing: border-box;
    }
    .content-inner table td img {
        border-right: 2px solid #fff;
    }
    .content-inner table td+td img {
        border-left: 2px solid #fff;
        border-right: 0;
    }
    /* for normal thumbs 200x200 */
    body.image_quality .content-inner table td img {
        max-width: 200px;
        width: 100%;
        height: auto;
    }
    /*@TODO TEST*/
    /*@TODO TEST DIFFERENT img[width=x] valyes */
    /* for panos */
    body.image_quality .content-inner table td img[width="550"] {
        max-width: 550px;
        width: 100%;
        height: auto;
    }
    /* for portrait imgs, e.g. macro */
    body.image_quality .content-inner table td img[height="200"][width^="1"] {
        max-width: 200px;
        max-height: 200px;
        width: auto;
    }
    /*product images*/
    body.product_images .content-inner table[width="550"] {
        width: 100%;
    }
    body.product_images .content-inner table[width="400"] {
        width: 100%;
    }
    body.product_images .content-inner table[width="400"] td img {
        width: 100%;
        max-width: 550px;
    }
    /*specifications*/
    .specifications-table {
        width: 100%;
        overflow: hidden;
    }
    .specifications-table h2,
    .specifications-table h3 {
        text-align: left;
    }
    .specifications-table table {
        width: 100%;
    }
    .content-inner .specifications-table table th {
        font-size: 15px;
        padding: 20px 10px;
    }
    .content-inner .specifications-table table td {
        font-size: 15px;
    }
    .content-inner .specifications-table table td+td {
        -ms-word-break: break-all;

        /* Be VERY careful with this, breaks normal words wh_erever */
        word-break: break-all;

        /* Non standard for webkit */
        word-break: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
    /*rivals*/
    body.rivals .content-inner h3 {
        text-align: left;
    }
    body.rivals .content-inner .to-left {
        margin-top: 5px;
    }
    /*roundup*/
    body.review_roundup .content-inner {}
    body.review_roundup .content-inner h3.entry-header {
        text-align: left;
    }


    /*comments*/
    #comment-form {
        margin: 0 auto;
        max-width: 400px;
    }
    #comment-form input,
    #comment-form textarea {
        font-size: 13px;
    }
    #comment-form p.submit {
        text-align: center;
        margin-top: 20px;
    }
    #comment-form input.submit {}

    .comment a {
        -ms-word-break: break-all;

        /* Be VERY careful with this, breaks normal words wh_erever */
        word-break: break-all;

        /* Non standard for webkit */
        word-break: break-word;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .comment .comment-count a {
        font-size: 14px;
    }

    h3.comments-header .vdiv {
        font-weight: normal;
        opacity: .5;
    }
    /*conclusion*/
    /*new reviews*/
    body.introduction .content-inner h3 {
        text-align: left;
    }
    body.introduction .prereview-image {
        width: 100%;
        height: auto;
    }
    /*
  Lens Reviews
*/
    body.introduction p img,
    body[class*="sharpness_"] p img {
        width: 100%;
        height: auto;
        max-width: 550px;
    }
    /* Adjust smaller 2 x 2, and 2 x 4 images*/
    body.introduction .content-inner table td img[width="200"],
    body[class*="sharpness_"] .content-inner table td img[width="200"] {
        max-width: 200px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    /*@TODO TEST*/
    /*@TODO TEST DIFFERENT img[width=x] valyes */
    /* In the table with row of 3 td's, the td + td matching earlier is a little off, but not a big deal. can pick out the third td here, but that's it, and not useful. */
    body[class*="sharpness_"] .content-inner table td+td+td img[width="200"] {}
    /** {border: 1px solid green;}
*/
    /*tags*/
    a[href^="/tag/"] {
        font-size: 12px;
    }


    #footer {
        width: auto;
        margin: 0;
    }
    #footer p {
        /*line-height: 18px;*/
    }
    /*reviews index*/
    .reviews-index .entry-title-wide,
    .isotope-filters-wrap {
        display: none;
    }

    /*best*/
    body.reviews-index #content h3 {
        font-size: 25px !important;
    }

    .reviews-wrap {}

    /* was reviews finder */

    /*for ajax tabs, stop footer jumping to top while content loads when in single col mobile view*/
    .tabs-pane {
        min-height: 1000px;
    }
    .tabs-pane .loading {
        background: url('/images/photographyblog/loading.gif') center center no-repeat;
        min-width: 30px;
        min-height: 40px;
        margin: 20px auto;
    }

    .tabs-pane#printers {}
    /*.tabs-pane table {display: none;}
.tabs-pane table tr {position: relative;display: block;}
.tabs-pane table td {position: relative;display: block;width: 100%;text-align: left;font-size: 15px;padding: 12px 0;}
.tabs-pane table tr.tr-spacer {display: none;}
*/
    .tabs-pane table td {
        overflow: hidden;
        padding: 5px;
    }
    .tabs-pane table td img {
        width: 100%;
        max-width: 120px;
        height: auto;
    }
    /* Inline affiliate block - button - line break for mobile */
    .afl-block-button span:before {
        display: block;
        content: "";
    }



}


/*/mq*/



/*@TODO landscape 4 = 480, 5 = 568, 6 = 667, 6+ 736 */


/*Hide longer top nav*/

@media (max-width: 630px) {


    .review-item a {
        /*font-size: 13px;*/
    }
    .review-item a img {
        max-width: 100px;
        height: auto;
    }
    /*width: 149px;*/




    /*reviews index filtering*/
    .review-finder-mob {
        
    }

    .review-finder-mob ul.section-filter {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .review-finder-mob .section-filter>.filter-drop-link {
        width: calc(50% - 2px);
        margin: 0 1px;
        flex: 1 0 auto;
    }
}


/*Hide longer top nav*/

@media (max-width: 479px) {
    /*Sample Images*/
    /* for content (not PG table) imgs only. bit iffy but not many other options to avoid .entry-meta pg-table */
    body.sample_images .content-inner p+table td,
    body.sample_images .content-inner h2+table td {
        width: 100%;
        border: 0px solid green;
        display: block;
    }
    /*video meta*/
    .youtube-content div>table>tbody>tr>td {
        display: block;
        width: 100%;
    }

    .review-finder-mob .section-selector small {
        font-size: 12px;
        margin: 0 -5px;
    }
    .review-finder-mob .section-selector small i {
        margin: 0px 1px 0 0;
    }
}



/*Hide longer top nav*/


/*was @media (max-width: 479px) {*/

@media (max-width: 499px) {

    #nav.mobile>ul>li {
        padding: 5px 0;
    }
    #nav.mobile>ul>li>a>span {
        display: none;
    }
    /* collapse sample-images-gallery, e.g. previews and reviews */
    table.sample-images-gallery,
    table.sample-images-gallery tr,
    table.sample-images-gallery td,
    table.sample-images-gallery th,
    table.sample-images-gallery tbody {
        display: block;
        width: 100%;
    }
    /*for consitency for RAW images in reviews*/
    .sample-images .content-inner table,
    .sample-images .content-inner table tr,
    .sample-images .content-inner table td,
    .sample-images .content-inner table th,
    .sample-images .content-inner table tbody {
        display: block;
        width: 100%;
    }
    /*@TODO not kicking in at same time?*/
    /*@TODO note other child table exceptions above*/
    /*hide rev content*/
    /*.ad-slot-article-footer {display: none;}*/
    /*1 col secondary home page items*/
    .hp-entry-list {
        display: block;
    }
    .hp-entry-list li {
        width: 100%;
        /*clearfix:*/
        overflow: hidden;
        padding-right: 0;
    }
    .hp-entry-list small {}
    .hp-entry-list img {}
    /*.home-wide .content-block.latest-previews .secondary ul li img {margin: -10px 10px 35px 0 !important;}
.home-wide .content-block.lens-reviews .secondary ul li img {margin: -15px 10px 35px 0px !important;}*/
}


/*Set ToC to full width*/

@media (max-width: 400px) {

    #nav.mobile li a span {
        display: none;
    }

    .toc {

        width: auto;
        max-width: 400px;
        margin: 0 -12px;
    }

    .toc-vert.affix {
        margin: 0 -12px !important;
        width: auto;
    }



    .next-page-wrap {}
    .next-page-wrap a {
        display: table-cell;
        width: 50%;
        background-color: #0e1012;
        vertical-align: top;
        padding: 12px 10px;
    }

    .next-page b,
    .prev-page b {
        font-size: 10px;
        line-height: 1.5;
    }
    .next-page span,
    .prev-page span {
        font-size: 12px;
        line-height: 16px;
        display: block;
        /*text-transform: none;*/
    }



    .share-blocks {
        display: table;
        margin-left: -12px;
        margin-right: -12px;
        width: auto;
    }
    .share-blocks a {
        display: table-cell;
        border-left: 1px solid #fff;
    }
    .share-blocks a:first-of-type {
        border-left: none;
    }
    /*conclusion*/
    p.star-rating {
        margin: 0 -10px;
    }
    p.star-rating img {
        margin: 0 auto;
    }
    table.ratings {
        width: 290px;
    }
    /*300px, content inner is 293px */
    /*comments*/
    h3.comments-header {
        font-size: 15px;
        padding-left: 0 !important;
    }
    h3.comments-header .vdiv {
        font-weight: normal;
        margin: 0 0px;
        font-size: 12px;
    }

    #comment-form textarea {
        width: 100%;
    }




    .reviews-wrap br {
        display: none;
    }

    .review-item {
        width: 100%;
        float: none;
        clear: both;
        margin-left: 0px;
        text-align: left;

        /*max-width: 300px;*/
    }
    /*TODO clearfix?*/
    .review-item a {
        /*font-size: 15px;*/
    }
    .review-item a img {
        width: 74px;
        height: auto;
        float: left;
        margin-bottom: 25px;
    }
    /*width: 149px;*/
    .review-item .review-item-title,
    .review-item .stars,
    .review-item .review-item-date {
        text-align: left;
        margin-left: 80px;
    }
    .review-item .review-item-title a {}
    div.review-item .review-item-title {}
    div.review-item .stars,
    div.review-item .review-item-date {
        display: inline;
        margin: 0;
        float: none;
    }
    div.review-item .stars {
        margin-left: 5px;
    }
    .review-item .review-item-date {}

    li.review-item {}
    li.review-item a::after {
        content: '';
        display: block;
    }
    li.review-item .review-item-title,
    li.review-item .stars,
    li.review-item .review-item-date {
        margin-left: 0px;
    }
    li.review-item .stars {
        margin-left: -8px;
    }
    li.review-item .review-item-date {}
}


/* /mq */

@media (max-width: 335px) {
    .review-finder-mob .section-selector small {
        font-size: 12px !important;
    }
}