/* =============================================================================
   Media Queries
   ========================================================================== */

/* Simple breakpoint */
@media only screen and (max-width: 891px) {
    .carousel-control {
        display:none !important;
    }
}
/* Ecom column breakpoint */
@media only screen and (max-width: 890px) {
    .container {
        max-width:96%;
        min-width:0;
        padding:0 2%;
    }
    .cart .cart-collaterals .col2-set {
        float:none;
        width:100%;
        margin:0;
    }
    .cart .col2-set .col-1 {
        float:none;
        width:100%;
    }
    .col2-set .col-2 {
        float:none;
        width:100% !important;
    }
    h1.product-title {
        font-size:1.7em;
        text-align:center;
    }
    .product-shop .price-box {
        text-align:center;
    }
    .product-img-box {
        padding: 0 0 20px;
    }
    #bundleProduct .product-img-box {padding: 0 0 39px;}
    .switch-custom-glasses  {margin-top: -15px !important;}
    .product-img-box #image {
        width:100%;
    }
    #checkout-step-login .col2-set .col-1 {
        width:100%;
        margin:0 0 1em;
    }
    #checkout-step-login .col2-set .col-1 h4,
    #checkout-step-login .col2-set .col-1 .ul {
        display:none;
    }
    #billing-address-select {
        max-width:94%;
    }
    .product-view .custom-bundle-image-container,
    .product-view .bundle-image-container.custom {
        float:none;
        display:block;
        width:450px;
        height:241px;
        margin:0 auto;
    }
    .product-view .custom-bundle-image-container {width:518px;}
    .product-view .product-narrow .product-image-container {
        width:450px;
        height:450px;
        float:none;
    }
    .product-view .custom-bundle-image-container img,
    .product-view .bundle-image-container.custom img {
        position:absolute;
        top:0;
        left:0;
        width:100%;
    }
    .custom-options {
        width:200px;
        float:none;
        display:block;
        margin:0 auto;
    }
    .product-img-box #image {
        width: 100%;
        height:auto;
    }
    .more-views.project-template.photo-quest-grid li {width:46%;float:left;margin: 0 2px 2px;}
}

@media only screen and (max-width: 767px) {
    .container { padding-bottom:0; }
}

/* Nav breakpoint */
@media only screen and (max-width: 620px) {
    .logo {
        width:100%;
    }
    #header nav {
        clear:both;
        float:none;
        display:block;
        margin:0 auto;
        padding:15px 0 0;
    }
    #header nav ul {
        text-align:center;
    }
    #header nav ul li {
        padding:15px 10px;
    }
    #marquee h3 {
        font-size:1.5em;
        margin:0 auto;
        padding:0 10px;
    }
    #newsletter-signup {
        width:100%;
        margin:0;
        padding:15px 0;
        font-size:1.3em;
    }
    #newsletter-signup h3 {
        float:none;
        display:block;
        width:98%;
        margin:0 2%;
    }
    #newsletter-signup p {
        float:none;
        display:block;
        width:98%;
        margin:0 2% 1em;
        line-height:1.5em;
    }
    #newsletter-signup p i {
        display:none;
    }
    .signup {
        float:left;
        width:94%;
        margin:0 2% 5px;
        overflow:hidden;
    }
    .sign-up input {
        margin:5px 0;
    }
    .signup .styled {
        width:92%;
        height:1.1em;
        font-size:1.1em;
    }
    .feature-tiles {
        width:100%;
    }
    .feature-tiles li {
        width:100%;
        text-align:center;
        margin:0 0 15px;
    }
    .feature-tiles li:nth-child(odd) {
        margin:0 0% 15px;
    }
    .feature-tiles li:nth-child(even) {
        margin:0 0% 15px;
    }
    .more-views { /* temporary */
        display:none;
    }
    .more-views.photo-quest-grid  {
        display:block; }

    .primary .tiles li:nth-child(3n+1) {
        clear:none;
    }
    .primary .tiles li:nth-child(2n+1) {
        clear:both;
    }
    .journal-image {
        margin: auto;
        width: 100%
    }

    .journal-content {
        width:85%;
    }

    .journalcoxed-catdat {
        width: 90%;
    }
}

@media only screen and (min-width: 480px) {
    #off-canvas-left-check:checked ~ .inner-wrap {
        left: 0;
    }
    #off-canvas-left-check:checked + #off-canvas-left {
        left: 0;
    }
}

/* iPhone [portrait and landscape] */
@media only screen and (max-width: 480px) and (min-device-width : 320px) {
    body {
    }

    #header.container {
        box-sizing: border-box;
        margin: 0;
        max-width: none;
        padding: 0 2% 0;
    }

    #header .account-tools {
        float: left;
        position: inherit;
        white-space: nowrap;
        width: 15%;
    }

    .account-tools span {
        margin-right: 1em;
    }

    #header nav ul.drop-down {
        background: #f6f6f6;
    }

    #header nav ul li.expandable:hover a.tab {
        background: transparent;
        border: 1px solid #fff;
    }

    #header nav ul li:hover ul.drop-down {
        display: none; /* keeps the nav dropdown hidden on mobile */
    }

    .feature img {
        height: auto;
    }

    .feature .arr-lt {
        top: 40px;
        left: 0;
        padding: 10px;
        background: url(/img/arr-lt.png) no-repeat 10px 10px rgba(255, 255, 255, .4);
        z-index: 111;
    }

    .feature .arr-rt {
        top: 40px;
        right: 0;
        padding: 10px;
        background: url(/img/arr-rt.png) no-repeat 10px 10px rgba(255, 255, 255, .4);
    }

    .feature .cart-callout {
        display: none;
    }

    #marquee {
        width: 100%;
        margin: 15px 0;
    }

    #marquee h3 {
        font-size: 1.4em;
        margin: 0 auto;
        padding: 0 10px;
    }

    .tiles {
        width: 100%;
    }

    .tiles li {
        width: 48% !important;
        margin: 0 1% !important;
        padding: 0 0 15px;
    }

    .tiles li img {
        width: 100%;
        padding: 0;
    }

    .sold-out {
        bottom: 5.5em;
    }

    .breadcrumbs {
        display: none;
    }

    nav.sidebar {
        display: block;
        background: #f6f6f6;
        border: 0;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    nav.sidebar p {
        display: none;
    }

    nav.sidebar .nav-container {
        float: left;
        margin: 0;
        max-width: 480px;
        width: 100%;
    }

    nav.sidebar .nav-container #nav {
        display: none;
        float: left;
        margin: 0;
        max-width: 480px;
        width: 100%;
    }

    .sidebar .nav-container #nav > li.level0 {
        margin: 0;
    }

    .sidebar .nav-container #nav > li.level0 a {
        display: block;
        margin: 0;
    }

    .sidebar .nav-container #nav > li.level0 > a {
        border-bottom: 1px solid #E0E0E0;
        box-sizing: border-box;
        float: left;
        margin: 0;
        padding: 10px 10px 10px 15px;
        width: 100%;
    }

    .sidebar .nav-container #nav > li.level0.first > a {
        border-top: 1px solid #E0E0E0;
    }

    .sidebar .nav-container #nav > li.level0 > a:after {
        content: "+";
        float: right;
        font-size: 22px;
        margin-right: 10px;
    }

    .sidebar .nav-container #nav > li.level0.open > a:after {
        content: "-";
    }

    .sidebar .nav-container #nav > li.level0 > a + ul.level0 {
        border-bottom: 1px solid #E0E0E0;
        display: none;
        float: left;
        padding: 5px 0;
        width: 100%;
    }

    .sidebar .nav-container #nav > li.level0 > a + ul.level0 a {
        padding: 5px 15px;
    }

    #standard-menu {
        display: none;
    }

    #mobile-menu {
        display: block;
    }

    #mobile-menu select {
        width: 100%;
    }

    .primary {
        float: none;
        display: block;
        width: 100%;
    }

    .primary article {
        width: 100%;
        font-size: 1.2em;
    }

    #footer {
        width: 100%;
        padding: 15px 0;
        /* text-align:center; */
    }

    #footer .copyright {
    }

    #footer nav.container {
        width: 96%;
        padding: 0 2%;
    }

    #footer nav ul {
    }

    #footer nav ul li {
        width: auto;
        margin-right: 4px;
    }

    #footer nav ul li:last-child() {
        margin-right: 0;
    }

    #footer nav ul li ul {
        /* display:none; */
    }

    #footer h4 {
        font-size: 12px
    }

    #footer nav ul a {
        font-size: 10px
    }

    .share-box {
        left: -6em;
        width: 200px;
        font-size: .8em;
    }

    li.link input {
        width: 10em;
    }

    .entry-bump {
        margin-left: 0;
    }

    /* store */
    .product-view .sidebar {
        display: none;
    }

    .product-shop {
        width: 92%;
        margin: 0 4%;
    }

    ul.tabs li a {
        font-size: 1.1em;
        letter-spacing: 0;
        padding: .4em .6em;
    }

    .title-buttons {
        padding: 2em 0 1em;
        border: 1px solid #e0e0e0;
        border-width: 1px 0;
    }

    .title-buttons h1 {
        display: block;
        float: none !important;
        text-align: center;
    }

    .button {
        font-size: 1em;
        letter-spacing: 0;
        padding: .4em .6em;
    }

    .cart .btn-continue {
        display: none;
    }

    .cart .checkout-types {
        float: none;
        display: block;
    }

    .cart .checkout-types {
        width: 100%;
        text-align: center;
    }

    .checkout-types .button {
        display: none;
    }

    .totals .checkout-types .button {
        display: inline-block;
    }

    .btn-checkout {
        margin: 1em .25em;
    }

    .cart .totals .btn-update {
        float: left;
        margin: 0;
    }

    .mobile-only {
        display: block;
    }

    .cart .totals {
        width: 92%;
        margin: 0 4%;
    }

    .cart-table {
    }

    .cart-table th {
        display: none;
    }

    .cart-table td {
        line-height: 2em;
        padding: 5px;
    }

    .cart-table .product-name {
        padding: 0;
    }

    .cart-table .btn-update {
        display: none;
    }

    .cart-table .product-subtotal {
        display: none;
    }

    .swatch_current_selections .current-selection {
        width: 173px;
    }

    #bundleProduct .product-shop {
        margin-top: 15px !important;
    }

    #bundleSummary {
        width: 228px;
        float: none;
        margin: 0 auto;
    }

    .product-view .custom-bundle-image-container,
    .product-view .bundle-image-container.custom {
        width: 300px;
        height: 147px;
    }

    .product-view .product-narrow .product-image-container {
        width: 300px;
        height: 300px;
    }

    #bundleProduct .product-img-box {
        padding: 0 0 52px;
    }

    .switch-custom-glasses {
        width: 205px;
        margin: -2px auto 15px !important;
        float: none !important;
    }

    input.qty {
        width: 1.5em;
    }

    #bundleProduct .custom-options {
        text-align: center
    }

    .switch-custom-glasses
    #bundleProduct .swatch_selection {
        float: none;
        display: inline-block;
    }

    #bundleProduct .additional {
        float: none;
        display: inline-block;
    }

    #bundleProduct .swatch_current_selections {
        float: none !important;
        clear: both;
        width: 191px;
        margin: 0 auto;
    }

    .swatch_selection.form-row {
        margin: 0;
        float: none !important;
        display: inline-block;
    }

    #bundleSummary .price-box {
        text-align: center;
    }

    #bundleSummary .button.btn-cart {
        float: none;
    }

    #bundleSummary .share {
        float: none;
        clear: none;
        padding: 6px 9px 7px;
    }

    #bundleProduct .swatch_current_selections ul {
        width: 191px;
        padding: 0;
    }

    #bundleProduct .swatch_current_selections li {
        text-align: right
    }

    #bundleProduct .swatch_selected_option label {
        float: none;
        display: inline;
    }

    .journal-image {
        margin: auto;
        width: 100%
    }

    .journal-content {
        width:85%;
    }

    .journalboxed-catdat {
        width: 90%;
    }



    /* OFF CANVAS */
    .mobile-menu {
        display: block;
    }
    #header a.logo,
    #header h1.logo {
        background: url(/img/img_logo-mobile.png) no-repeat center;
        height: 50px;
        width: 70%;
    }
    .account-tools > span {
        display: none;
    }
    .header-cart-wrap {
        display: table;
        float: left;
        height: 50px;
        position: relative;
        width: 100%;
    }
    .header-cart-wrap .cart {
        background: none;
        display: table-cell;
        float: none;
        font-size: 12px;
        height: 23px;
        letter-spacing: 0;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }
    .header-cart-wrap .count {
        background: #2fa021;
        border: 1px solid #FFF;
        border-radius: 12px;
        box-sizing: border-box;
        color: #FFF;
        font-size: 11px;
        height: 18px;
        letter-spacing: 0;
        line-height: 1.55;
        min-width: 18px;
        padding: 0;
        position: absolute;
        right: 8px;
        text-align: center;
        top: 10px;
        width: auto;
    }
    .header-cart-wrap .text {
        display: none;
    }
    .header-cart-wrap .icon {
        background: url("/img/sprite_mobile-icons.png") no-repeat 0 -37px;
        display: inline-block;
        float: none;
        height: 23px;
        margin: 6px 0 0 0;
        vertical-align: middle;
        width: 27px;
    }
    #header #topnav {
        display: none;
    }
}

/* iPhone [portrait only] */
@media only screen and (max-device-width: 480px) and (orientation: portrait) {

}

/* iPhone [landscape only] */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
    #footer nav ul {}
    #footer nav ul li {
        width:25%;
        margin-right:0;
        text-align:center;
    }

}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
    .container {
        width:1024px;
        max-width:1000px;
        min-width:300px;
    }
    .carousel-control {
        display:none !important;
    }
    #marquee {
        min-width:1024px;
    }
    #footer,
    #newsletter-signup {
        min-width:1024px;
    }
}

/* iPad [landscape only] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}