/*
  Journal - Advanced Opencart Theme Framework
  Version 2.9.8
  Copyright (c) 2017 Digital Atelier
  https://www.journal-theme.com/
*/
/******************************
 JOURNAL GRID
*******************************/
@media only screen and (max-width: 1220px) {
  .lg-5 {
    width: 5%; }

  .lg-10 {
    width: 10%; }

  .lg-15 {
    width: 15%; }

  .lg-20 {
    width: 20%; }

  .lg-25 {
    width: 25%; }

  .lg-30 {
    width: 30%; }

  .lg-35 {
    width: 35%; }

  .lg-40 {
    width: 40%; }

  .lg-45 {
    width: 45%; }

  .lg-50 {
    width: 50%; }

  .lg-55 {
    width: 55%; }

  .lg-60 {
    width: 60%; }

  .lg-65 {
    width: 65%; }

  .lg-70 {
    width: 70%; }

  .lg-75 {
    width: 75%; }

  .lg-80 {
    width: 80%; }

  .lg-85 {
    width: 85%; }

  .lg-90 {
    width: 90%; }

  .lg-95 {
    width: 95%; }

  .lg-100 {
    width: 100%; }

  .lg-11 {
    width: 11.111111%; }

  .lg-12 {
    width: 12.5%; }

  .lg-14 {
    width: 14.285714%; }

  .lg-16 {
    width: 16.666666%; }

  .lg-33 {
    width: 33.333333%; }

  .lg-66 {
    width: 66.666666%; } }
@media only screen and (max-width: 980px) {
  .md-5 {
    width: 5%; }

  .md-10 {
    width: 10%; }

  .md-15 {
    width: 15%; }

  .md-20 {
    width: 20%; }

  .md-25 {
    width: 25%; }

  .md-30 {
    width: 30%; }

  .md-35 {
    width: 35%; }

  .md-40 {
    width: 40%; }

  .md-45 {
    width: 45%; }

  .md-50 {
    width: 50%; }

  .md-55 {
    width: 55%; }

  .md-60 {
    width: 60%; }

  .md-65 {
    width: 65%; }

  .md-70 {
    width: 70%; }

  .md-75 {
    width: 75%; }

  .md-80 {
    width: 80%; }

  .md-85 {
    width: 85%; }

  .md-90 {
    width: 90%; }

  .md-95 {
    width: 95%; }

  .md-100 {
    width: 100%; }

  .md-11 {
    width: 11.111111%; }

  .md-12 {
    width: 12.5%; }

  .md-14 {
    width: 14.285714%; }

  .md-16 {
    width: 16.666666%; }

  .md-33 {
    width: 33.333333%; }

  .md-66 {
    width: 66.666666%; } }
@media only screen and (max-width: 760px) {
  .sm-5 {
    width: 5%; }

  .sm-10 {
    width: 10%; }

  .sm-15 {
    width: 15%; }

  .sm-20 {
    width: 20%; }

  .sm-25 {
    width: 25%; }

  .sm-30 {
    width: 30%; }

  .sm-35 {
    width: 35%; }

  .sm-40 {
    width: 40%; }

  .sm-45 {
    width: 45%; }

  .sm-50 {
    width: 50%; }

  .sm-55 {
    width: 55%; }

  .sm-60 {
    width: 60%; }

  .sm-65 {
    width: 65%; }

  .sm-70 {
    width: 70%; }

  .sm-75 {
    width: 75%; }

  .sm-80 {
    width: 80%; }

  .sm-85 {
    width: 85%; }

  .sm-90 {
    width: 90%; }

  .sm-95 {
    width: 95%; }

  .sm-100 {
    width: 100%; }

  .sm-11 {
    width: 11.111111%; }

  .sm-12 {
    width: 12.5%; }

  .sm-14 {
    width: 14.285714%; }

  .sm-16 {
    width: 16.666666%; }

  .sm-33 {
    width: 33.333333%; }

  .sm-66 {
    width: 66.666666%; } }
@media only screen and (max-width: 470px) {
  .xs-5 {
    width: 5%; }

  .xs-10 {
    width: 10%; }

  .xs-15 {
    width: 15%; }

  .xs-20 {
    width: 20%; }

  .xs-25 {
    width: 25%; }

  .xs-30 {
    width: 30%; }

  .xs-35 {
    width: 35%; }

  .xs-40 {
    width: 40%; }

  .xs-45 {
    width: 45%; }

  .xs-50 {
    width: 50%; }

  .xs-55 {
    width: 55%; }

  .xs-60 {
    width: 60%; }

  .xs-65 {
    width: 65%; }

  .xs-70 {
    width: 70%; }

  .xs-75 {
    width: 75%; }

  .xs-80 {
    width: 80%; }

  .xs-85 {
    width: 85%; }

  .xs-90 {
    width: 90%; }

  .xs-95 {
    width: 95%; }

  .xs-100 {
    width: 100%; }

  .xs-11 {
    width: 11.111111%; }

  .xs-12 {
    width: 12.5%; }

  .xs-14 {
    width: 14.285714%; }

  .xs-16 {
    width: 16.666666%; }

  .xs-33 {
    width: 33.333333%; }

  .xs-66 {
    width: 66.666666%; } }
/******************************
 GENERAL
*******************************/
@media only screen and (max-width: 1024px) {
  .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0; }

  .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
@media only screen and (max-width: 980px) {
  #container, #header {
    max-width: 100%; }

  .side-block-left,
  .side-block-right,
  .banner-overlay {
    display: none !important; } }
@media only screen and (max-width: 760px) {
  .hide-on-phone {
    display: none !important; }

  #cart .content {
    width: 100%; }

  .login-content .left {
    width: 100%;
    margin-bottom: 30px; }

  .login-content .right {
    width: 100%; }

  .login-content .left p:nth-child(2) {
    min-height: 55px; }

  .side-block-left,
  .side-block-right {
    display: none; }

  .heading-title, .box-heading {
    max-height: 100%; }

  .home-page #container:before {
    display: none; } }
@media only screen and (max-width: 470px) {
  table.form td {
    display: block; } }
/******************************
HEADER
*******************************/
@media only screen and (max-width: 980px) {
  .journal-desktop .sticky-wrapper {
    max-height: 160px; }

  .journal-menu {
    clear: both; }

  .journal-header-default.nocart-nosearch .journal-menu {
    clear: none; }

  #cart {
    box-shadow: none; }

  .sticky-wrapper {
    height: auto !important; } }
@media only screen and (max-width: 760px) {
  .journal-header-center .journal-links .links {
    width: 100%; }

  body header {
    box-shadow: none; }

  header .links > a {
    border-bottom-color: #E4E4E4;
    border-top-style: solid;
    border-top-width: 1px; }

  #header {
    padding-top: 40px; }
    #header .journal-links {
      position: absolute;
      top: 0; }

  .is-sticky {
    max-height: 100%; } }
@media only screen and (max-width: 760px) {
  .journal-header .text-only > i {
    display: none; }
  .journal-header .icon-only > i {
    font-size: 160% !important; }
  .journal-header .icon-only > span {
    display: none; } }
/******************************
 HEADER CENTER
*******************************/
@media only screen and (max-width: 1039px) {
  .journal-header-default.nocart .links > a:last-child {
    border-right-width: 0; } }
@media only screen and (max-width: 760px) {
  .super-menu > li:last-of-type {
    border-left-width: 0 !important; }

  .journal-header-center {
    box-shadow: none; }
    .journal-header-center .j-100 {
      height: 70px !important; }
    .journal-header-center .journal-cart, .journal-header-center .journal-search, .journal-header-center .journal-secondary, .journal-header-center .journal-links {
      padding: 0; }
    .journal-header-center .journal-search, .journal-header-center .journal-cart {
      top: 0 !important; }
    .journal-header-center .journal-top-header {
      border-bottom-width: 0; }
    .journal-header-center .journal-menu-bg {
      display: none; }
    .journal-header-center #search input {
      border-radius: 0; }
    .journal-header-center .button-search {
      border-radius: 0; }
    .journal-header-center .journal-cart {
      border-radius: 0; }
      .journal-header-center .journal-cart #cart .heading a span {
        border-top: 1px solid transparent; }
      .journal-header-center .journal-cart #cart {
        border-radius: 0;
        border-right-width: 0 !important; }
        .journal-header-center .journal-cart #cart .content {
          padding-top: 0; }
          .journal-header-center .journal-cart #cart .content .cart-wrapper {
            border-radius: 0; }
          .journal-header-center .journal-cart #cart .content:before {
            display: none; }
      .journal-header-center .journal-cart #cart .heading i {
        border-radius: 0; }
    .journal-header-center .journal-center-bg {
      top: 80px; }
    .journal-header-center .journal-secondary {
      width: 100%;
      text-align: center;
      clear: both;
      background-color: #FAFAFA;
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent; }
    .journal-header-center .links {
      float: none !important;
      margin: 0 auto; }
    .journal-header-center .autocomplete2-suggestions {
      top: 40px;
      border-radius: 0; }
      .journal-header-center .autocomplete2-suggestions:before {
        display: none; }
    .journal-header-center .autocomplete2-selected:first-child,
    .journal-header-center .autocomplete2-selected:last-child,
    .journal-header-center .autocomplete2-suggestion:first-child > a > span > img,
    .journal-header-center .autocomplete2-suggestion:last-child > a > span > img {
      border-radius: 0; }

  .journal-top-header {
    border-bottom-width: 0; }

  header.journal-header-mega #logo a {
    text-align: center; } }
@media only screen and (max-width: 470px) {
  #cart .content {
    min-width: 100%; }

  .journal-header-center .journal-cart #cart {
    border-left-width: 0 !important; } }
/******************************
 HEADER DEFAULT
*******************************/
@media only screen and (max-width: 760px) {
  .journal-header-default .j-tall,
  .journal-header-menu .j-tall {
    height: 85px; } }
/******************************
 PHONE STICKY MENU / CART
*******************************/
@media only screen and (max-width: 760px) {
  #cart, #search {
    box-shadow: none !important; }

  .super-menu > li:first-of-type {
    border-top-width: 1px;
    border-top-style: solid; }

  .phone-sticky-cart #cart {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 50%;
    left: 50%;
    background-color: inherit;
    transition: background-color 0s; }
    .phone-sticky-cart #cart .content {
      width: 200%; }
  .phone-sticky-cart.journal-header-compact {
    margin-bottom: 40px; }
    .phone-sticky-cart.journal-header-compact .journal-menu {
      position: fixed;
      box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
      top: 0; }

  .phone-sticky-cart.phone-sticky-menu .journal-menu {
    position: fixed;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
    top: 0; }

  .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) {
    margin-bottom: 40px; }

  .phone-sticky-cart.menu-cart-off #cart {
    width: 100%;
    left: 0;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3) !important; }
    .phone-sticky-cart.menu-cart-off #cart .content {
      width: 100%; }
  .phone-sticky-cart.menu-cart-off .journal-menu {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 50%;
    box-shadow: none; }
    .phone-sticky-cart.menu-cart-off .journal-menu .mobile-menu {
      width: 200%; }
    .phone-sticky-cart.menu-cart-off .journal-menu .mobile-trigger {
      margin-top: 0; }

  html[dir="rtl"] .phone-sticky-cart #cart {
    right: 50%;
    left: auto; } }
@media only screen and (max-width: 760px) {
  .journal-menu .mega-menu,
  .journal-menu .mobile-menu > li > ul {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .journal-menu .mega-menu-item.xs-50 {
    max-width: 50vw; }

  .mobile-menu > li:nth-child(-n+3) .mega-menu,
  .mobile-menu > li:nth-child(-n+3) > ul {
    max-height: 65vh; }

  .mobile-menu > li:nth-child(n+3) .mega-menu,
  .mobile-menu > li:nth-child(n+3) > ul {
    max-height: 50vh; }

  .mobile-menu > li:nth-child(n+5) .mega-menu,
  .mobile-menu > li:nth-child(n+5) > ul {
    max-height: 40vh; }

  .mobile-menu > li:nth-child(n+6) .mega-menu,
  .mobile-menu > li:nth-child(n+6) > ul {
    max-height: 30vh; }

  .super-menu {
    box-shadow: none;
    border-radius: 0; } }
/******************************
EXTENDED MENU
*******************************/
@media only screen and (max-width: 980px) {
  .journal-header-menu #cart {
    box-shadow: none; }
  .journal-header-menu .j-50 {
    height: 40px; }
  .journal-header-menu.nocart-nosearch .j-med {
    height: 80px; } }
/******************************
 MEGA MENU
*******************************/
@media only screen and (max-width: 1024px) {
  .super-menu > li:first-of-type {
    border-left-width: 0; } }
@media only screen and (max-width: 980px) {
  .journal-header-default .super-menu > li > div {
    left: 0;
    margin-left: 0; } }
@media only screen and (max-width: 760px) {
  .super-menu > li.icon-only {
    width: 100%; }

  .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 39px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    color: #EEEEEE;
    cursor: pointer; }
    .mobile-trigger:before {
      content: "\e618";
      color: inherit;
      margin-right: 10px;
      font-size: 23px;
      float: left; }

  .journal-mobile .mega-menu, .journal-mobile .html-menu {
    position: relative; }

  .journal-menu .mobile-menu li:last-of-type {
    border-right-width: 0; }

  .journal-menu {
    height: auto; }
    .journal-menu .mobile-menu {
      display: none;
      box-shadow: none; }
      .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left-width: 0;
        border-right-width: 0;
        left: 0; }
        .journal-menu .mobile-menu > li .mobile-plus {
          display: none;
          width: 40px;
          height: 40px;
          line-height: 35px;
          font-size: 25px;
          font-weight: bold;
          top: 0;
          right: 0;
          position: absolute;
          text-align: center;
          cursor: pointer;
          color: white;
          background-color: #4f5660;
          border-style: solid;
          border-color: inherit; }
        .journal-menu .mobile-menu > li > ul {
          left: 0 !important; }
          .journal-menu .mobile-menu > li > ul li .mobile-plus {
            border-left-width: 0;
            height: 40px; }
        .journal-menu .mobile-menu > li > a {
          text-align: left;
          padding-left: 10px; }
      .journal-menu .mobile-menu li:last-of-type {
        border-bottom-color: transparent !important; }
        .journal-menu .mobile-menu li:last-of-type .mobile-plus {
          border-bottom-color: transparent !important; }
      .journal-menu .mobile-menu > li > ul + .mobile-plus,
      .journal-menu .mobile-menu > li > div + .mobile-plus,
      .journal-menu .mobile-menu > li > span + .mobile-plus,
      .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block; }
      .journal-menu .mobile-menu .mega-menu {
        max-width: 100vw; } }
/******************************
 MOBILE MENU ON TABLET
*******************************/
@media only screen and (min-width: 760px) and (max-width: 1024px) {
  .hide-on-tablet {
    display: none !important; } }
@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet .super-menu {
    box-shadow: none; }
  .mobile-menu-on-tablet .sticky-wrapper {
    height: auto !important;
    max-height: 100% !important; }
  .mobile-menu-on-tablet .journal-header-center {
    box-shadow: none; }
  .mobile-menu-on-tablet header .super-menu > li.icon-only {
    width: 100%; }
  .mobile-menu-on-tablet .mobile-trigger {
    display: block;
    height: 40px;
    line-height: 39px;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
    padding-left: 10px;
    cursor: pointer;
    color: #EEEEEE; }
    .mobile-menu-on-tablet .mobile-trigger:before {
      content: "\e618";
      margin-right: 10px;
      font-size: 23px;
      float: left; }
  .mobile-menu-on-tablet.journal-desktop header .mega-menu, .mobile-menu-on-tablet .journal-mobile .html-menu {
    position: relative; }
  .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type {
    border-right-width: 0; }
  .mobile-menu-on-tablet header .journal-menu {
    height: auto; }
    .mobile-menu-on-tablet header .journal-menu .mobile-menu {
      display: none;
      border-width: 0;
      overflow: hidden; }
      .mobile-menu-on-tablet header .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-left-width: 0;
        border-right-width: 0;
        left: 0;
        width: 100%; }
        .mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus {
          display: none;
          width: 40px;
          height: 40px;
          line-height: 35px;
          font-size: 25px;
          font-weight: bold;
          top: 0;
          right: 0;
          position: absolute;
          text-align: center;
          cursor: pointer;
          color: white;
          background-color: #4f5660;
          border-left-width: 0;
          border-style: solid;
          border-color: inherit; }
        .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul {
          left: 0 !important; }
          .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus {
            border-left-width: 0;
            height: 40px; }
        .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > a {
          text-align: left;
          padding-left: 10px; }
      .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type {
        border-bottom-color: transparent !important; }
        .mobile-menu-on-tablet header .journal-menu .mobile-menu li:last-of-type .mobile-plus {
          border-bottom-color: transparent !important; }
      .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul + .mobile-plus,
      .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > div + .mobile-plus,
      .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > span + .mobile-plus,
      .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block; } }
/******************************
Dropdown
*******************************/
.mobile-menu > li > ul {
  border-width: 0; }

@media only screen and (max-width: 980px) {
  .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #EEEEEE; }
  .mobile-menu-on-tablet .mobile-menu .drop-down > ul {
    border-width: 1px 0 0 0;
    display: none; }
  .mobile-menu-on-tablet .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
    .mobile-menu-on-tablet .mobile-menu .drop-down ul li {
      color: #333745;
      position: relative;
      border-width: 0 0 1px 0;
      border-style: solid;
      border-color: #EEEEEE; } }
/******************************
 MEGA-MENU MIXED
*******************************/
@media only screen and (max-width: 760px) {
  .mega-menu-mixed .mega-menu .mega-menu-column {
    width: 100% !important;
    float: none; } }
/******************************
Dropdown
*******************************/
@media only screen and (max-width: 760px) {
  .mobile-menu > li > ul, .mobile-menu > li > .mega-menu {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #EEEEEE; }
  .mobile-menu .drop-down > ul {
    display: none;
    border-width: 1px 0 0 0; }
  .mobile-menu .drop-down ul {
    width: 100%;
    position: relative;
    box-shadow: none;
    left: 0;
    visibility: visible;
    opacity: 1;
    display: none; }
    .mobile-menu .drop-down ul li {
      color: #333745;
      position: relative;
      border-width: 0 0 1px 0;
      border-style: solid;
      border-color: #EEEEEE; }
      .mobile-menu .drop-down ul li a {
        margin-right: 20px;
        width: calc(100% - 50px);
        min-height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 5px 10px;
        white-space: normal; } }
/******************************
Android/Firefox
*******************************/
@media only screen and (max-width: 470px) {
  .firefox .sticky-wrapper, .firefox header {
    display: table; }
  .firefox #top-modules {
    clear: both; } }
/******************************
 PRODUCT PAGE
*******************************/
@media only screen and (max-width: 1040px) {
  #column-left + #column-right + #content .product-info > div,
  #column-left + #column-right + .row #content .product-info > div {
    display: block;
    width: 100%;
    float: none; }
  #column-left + #column-right + #content .product-info .right,
  #column-left + #column-right + .row #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #column-right + #content .product-info .right .text-qty,
    #column-left + #column-right + .row #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .product-info .right .cart div .links span {
    display: none; }
  .product-info .right .cart div .links a {
    width: 100%;
    display: block; }
  .product-info .right .cart div .links a:first-of-type {
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }
  .product-info.split-60-40 .right .cart div .button {
    width: 100%; }

  #column-left + #content .product-info > div,
  #column-left + .row #content .product-info > div,
  #column-right + #content .product-info > div,
  #column-right + .row #content .product-info > div {
    display: block;
    width: 100%; }
  #column-left + #content .product-info .right,
  #column-left + .row #content .product-info .right,
  #column-right + #content .product-info .right,
  #column-right + .row #content .product-info .right {
    padding: 0;
    margin-top: 15px; }
    #column-left + #content .product-info .right .text-qty,
    #column-left + .row #content .product-info .right .text-qty,
    #column-right + #content .product-info .right .text-qty,
    #column-right + .row #content .product-info .right .text-qty {
      display: none; } }
@media only screen and (max-width: 980px) {
  .social {
    padding-top: 10px; }

  #tabs li:nth-last-child(n + 5), #tabs li:nth-last-child(n + 5) ~ li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
    #tabs li:nth-last-child(n + 5) a, #tabs li:nth-last-child(n + 5) ~ li a {
      padding: 0 20px; } }
@media only screen and (max-width: 760px) {
  body.is-sticky {
    padding-top: 0 !important; }

  .header {
    top: 0 !important; }

  .product-info > div {
    display: block !important;
    width: 100% !important; }
  .product-info .right {
    padding: 0;
    margin-top: 15px; }
    .product-info .right .text-qty {
      display: none; }

  .social {
    padding-top: 10px; }

  #tabs {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    #tabs li {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
      #tabs li:last-of-type:nth-of-type(odd) {
        width: 100%; }
    #tabs a {
      width: 100%;
      display: block; }

  .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

  .product-page #tabs li, .product-page #tabs a {
    float: none; } }
@media only screen and (max-width: 460px) {
  .product-info .right .cart div .qty {
    width: 100%;
    margin-bottom: 10px; }

  .product-info .right .cart div .button {
    width: 100%; } }
/******************************
 CATEGORY
*******************************/
@media only screen and (max-width: 980px) {
  .product-filter > div b {
    display: none; } }
@media only screen and (max-width: 760px) {
  #column-left, #column-right, .column-left-bg, .column-right-bg {
    display: none !important; }

  #column-left + #content,
  #column-right + #content,
  #column-left + .row #content,
  #column-right + .row #content,
  #column-left + #column-right + #content,
  #column-left + #column-right + .row #content,
  #column-left + span + #content,
  #column-right + span + #content,
  #column-left + #column-right + span + #content {
    margin: 0; }

  div#content {
    padding: 20px 20px 0 20px !important; } }
@media only screen and (max-width: 360px) {
  .block-button .button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto; }

  div.buttons {
    padding: 10px; }

  .pull-right {
    line-height: 1; }
    .pull-right .button + .button {
      width: 100%;
      margin-top: 5px; }

  .product-compare {
    display: none; }

  .product-list-item .image {
    width: 100%;
    float: none;
    margin-bottom: 10px; }
    .product-list-item .image img {
      float: none; }
  .product-list-item .name {
    margin-left: 0; }
  .product-list-item .product-details {
    margin-left: 0; }

  .product-filter .sort {
    position: absolute;
    max-width: 125px;
    right: 100px; }

  .product-filter .sort select {
    margin: 0; } }
.mobile .product-wrapper, .tablet .product-wrapper {
  box-shadow: none !important; }
.mobile #top-modules > div, .mobile #bottom-modules > div, .tablet #top-modules > div, .tablet #bottom-modules > div {
  background-attachment: scroll !important;
  background-size: auto; }
.mobile .product-grid-item .image .wishlist,
.mobile .product-grid-item .image .compare, .tablet .product-grid-item .image .wishlist,
.tablet .product-grid-item .image .compare {
  visibility: visible;
  opacity: 1; }
.mobile .hint--top::before, .mobile .hint--top::after, .mobile .product-details::before, .tablet .hint--top::before, .tablet .hint--top::after, .tablet .product-details::before {
  display: none !important; }

/******************************
CUSTOM SECTIONS
*******************************/
@media only screen and (max-width: 760px) {
  .single-section .box-sections.box-block ul li {
    width: 100%;
    float: none;
    margin-bottom: 0; }

  .box-sections {
    height: auto; }
    .box-sections ul li {
      min-width: 100%;
      float: none;
      display: block;
      margin-bottom: 0;
      border-right-width: 0;
      border-bottom-width: 1px; }
      .box-sections ul li:last-of-type {
        border-bottom-width: 0; }

  .box-sections ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .box-sections ul li {
      min-width: 50%;
      width: 50%;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      border-right-width: 1px; }
      .box-sections ul li:nth-child(even) {
        border-right-width: 0; }
      .box-sections ul li:nth-last-child(2):nth-child(odd) {
        border-bottom-width: 0; }
      .box-sections ul li:last-of-type {
        border-right-width: 0; }

  html[dir="rtl"] .box-sections ul li:nth-child(even) {
    border-right-width: 1px; }

  html[dir="rtl"] .box-sections ul li:nth-last-child(odd) {
    border-right-width: 0; } }
/******************************
CAROUSEL
*******************************/
@media only screen and (max-width: 560px) {
  .journal-carousel .htabs {
    height: auto; }
    .journal-carousel .htabs a {
      background-color: transparent;
      box-shadow: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      color: inherit;
      border-right-width: 0;
      width: 100%; }
    .journal-carousel .htabs a:last-of-type {
      border-bottom-width: 0; }
  .journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
    border-bottom-width: 0; } }
/******************************
 TABLES
*******************************/
@media only screen and (max-width: 540px) {
  table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
    display: none; }
  table.list .t-span-1 {
    display: table-cell; } }
/******************************
 ACCOUNT
*******************************/
@media only screen and (max-width: 760px) {
  .login-content .login-wrap {
    min-height: 50px; }
  .login-content > div {
    min-height: 100%; } }
@media only screen and (max-width: 460px) {
  .order-list .order-info {
    text-align: center;
    padding: 5px 0;
    width: 50px; } }
/******************************
 WISHLIST
*******************************/
@media only screen and (max-width: 460px) {
  .wishlist-info .model, .wishlist-info .stock {
    display: none; } }
/******************************
SHOPPING CART
*******************************/
@media only screen and (max-width: 1024px) {
  #content ::-webkit-scrollbar {
    -webkit-appearance: none; }
  #content ::-webkit-scrollbar:horizontal {
    height: 10px; }
  #content ::-webkit-scrollbar-thumb {
    background-color: #999; }
  #content ::-webkit-scrollbar-track {
    background-color: #ddd; } }
@media only screen and (max-width: 1024px) {
  .compare-info .cart a {
    width: 100%;
    margin: 0; }
    .compare-info .cart a:first-of-type {
      margin-bottom: 7px; } }
@media only screen and (max-width: 760px) {
  .cart-info .model, .cart-info .price {
    display: none; }
  .cart-info .name a {
    white-space: normal; }

  .compare-info.table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > td.name {
    white-space: normal; }

  .compare-info.table > tbody > tr > td {
    min-width: 180px; } }
@media only screen and (max-width: 470px) {
  .cart-info .quantity {
    min-width: 50px; }
    .cart-info .quantity input[type="text"] {
      display: block;
      position: relative;
      width: 100%;
      margin-bottom: 5px;
      right: 0; }
  .cart-info .image img {
    max-width: 50px; }

  .sc-page .buttons > div,
  .sc-page .buttons > div a {
    width: 100%; }

  .sc-page .buttons .right {
    margin-bottom: 10px; }

  #total .right {
    width: 74%; }

  .checkout-content table {
    table-layout: auto; } }
/******************************
CHECKOUT
*******************************/
@media only screen and (max-width: 760px) {
  .checkout-content label {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

  .confirm-section > div label input[type='radio'],
  .confirm-section > div label input[type='checkbox'] {
    margin: 4px 5px 5px 0;
    float: left; }
  .confirm-section > div label a {
    margin-left: 3px; }
  .confirm-section > div::after {
    content: "";
    display: table;
    width: 100%;
    clear: both; }
  .confirm-section > div:first-of-type {
    margin-bottom: 5px; }

  .modal-open {
    overflow: hidden;
    margin-right: 15px; } }
@media only screen and (max-width: 470px) {
  .checkout-content .left, .checkout-content .right {
    width: 100%; }
  .checkout-content table {
    table-layout: fixed; }
    .checkout-content table td {
      width: 100%; }
  .checkout-content thead .model, .checkout-content thead .quantity, .checkout-content thead .price, .checkout-content tbody .model, .checkout-content tbody .quantity, .checkout-content tbody .price {
    display: none; }
  .checkout-content .button {
    display: block;
    float: right; }
  .checkout-content .buttons a {
    display: inline-block; }
  .checkout-content .buttons .right {
    text-align: left; }
  .checkout-content .left .button, .checkout-content #login .button {
    float: none; } }
/******************************
 SITEMAP
*******************************/
@media only screen and (max-width: 760px) {
  .sitemap-info > div {
    width: 100%;
    padding: 0; }
  .sitemap-info > div:first-of-type {
    padding: 0;
    padding-bottom: 20px; }

  .manufacturer-list ul {
    display: block;
    float: none;
    width: 100%; } }
/******************************
SEARCH PAGE
*******************************/
@media only screen and (max-width: 980px) {
  #content.search-page h2 {
    padding: 8px;
    line-height: 18px;
    height: auto; }
  #content.search-page .content select {
    display: block;
    margin: 10px 0; }
  #content.search-page .content label {
    min-width: 95%;
    display: inline-block; } }
@media only screen and (max-width: 760px) {
  #content.search-page .content label {
    min-width: 90%; } }
@media only screen and (max-width: 470px) {
  #content.search-page .content label {
    min-width: 85%; } }
/******************************
 FOOTER
*******************************/
@media only screen and (max-width: 760px) {
  [data-hint]:before, [data-hint]:after {
    display: none !important; }

  footer .contacts-left, footer .contacts-right {
    float: none; }
  footer .bottom-footer {
    height: auto;
    overflow: visible;
    border-radius: 0; }
    footer .bottom-footer .copyright {
      float: none;
      height: auto;
      margin-bottom: 10px;
      line-height: 50px;
      padding-left: 0 !important;
      text-align: center;
      width: 100%; }
    footer .bottom-footer .payments {
      padding-right: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
      float: none; }
      footer .bottom-footer .payments img {
        max-height: 25px;
        margin-top: 0;
        margin-bottom: 10px; }

  #footer .contacts {
    border-radius: 0; }
    #footer .contacts > div > span {
      display: block;
      margin-bottom: 5px; }
      #footer .contacts > div > span.hint--top {
        display: inline-block; }

  .footer-post-title {
    white-space: normal !important; }

  .collapse-footer-columns .column > h3 {
    position: relative; }
    .collapse-footer-columns .column > h3 + div {
      display: none; }
    .collapse-footer-columns .column > h3::after {
      content: "\e620";
      font-size: 12px;
      position: absolute;
      right: 7px;
      top: 3px;
      transition: all 0.05s ease-out; }
    .collapse-footer-columns .column > h3.column-open::after {
      top: 3px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  .collapse-footer-columns .column.products {
    padding-bottom: 0; }
    .collapse-footer-columns .column.products > h3 {
      margin-bottom: 0; }
      .collapse-footer-columns .column.products > h3 + div {
        margin-top: 8px; }
  .collapse-footer-columns .column.text {
    min-height: 100%; }
    .collapse-footer-columns .column.text h3 {
      margin-bottom: 0; }
      .collapse-footer-columns .column.text h3 + div {
        margin-top: 12px; }
  .collapse-footer-columns .column:last-of-type h3 {
    border-bottom-width: 0; }
  .collapse-footer-columns .column:last-of-type.xs-50 h3 {
    border-bottom-width: 1px; }

  .default-header .lang-full-mobile .journal-language {
    left: 5px; } }
@media only screen and (max-width: 470px) {
  footer .contacts > div .no-name {
    display: inline-block;
    margin-bottom: 0; }
  footer .bottom-footer .copyright {
    line-height: 100%;
    padding-top: 12px; } }
/******************************
PHOTO GALLERY
*******************************/
@media only screen and (max-width: 1024px) {
  .gallery-thumb a:before, .gallery-thumb .item-hover {
    display: none; } }
/******************************
 CMS BLOCKS
*******************************/
@media only screen and (max-width: 760px) {
  .cms-block, .static-banner {
    margin-bottom: 20px; } }
/******************************
ADVANCED GRID
*******************************/
@media only screen and (max-width: 760px) {
  .multi-modules-column {
    width: 100% !important; } }
/******************************
NEWSLETTER
*******************************/
@media only screen and (max-width: 980px) {
  .two-columns #content .journal-newsletter .newsletter-text {
    float: none;
    width: 100% !important;
    margin-bottom: 10px; }
  .two-columns #content .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    height: auto !important;
    text-align: center; }
    .two-columns #content .journal-newsletter .newsletter-input-wrap .newsletter-button {
      position: relative;
      left: auto !important;
      right: auto !important;
      width: 100%; }
    .two-columns #content .journal-newsletter .newsletter-input-wrap input + .button {
      margin-top: 0; }

  .one-column #content .journal-newsletter .newsletter-text {
    float: none;
    width: 100% !important;
    margin-bottom: 10px; }
  .one-column #content .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    text-align: center; } }
@media only screen and (max-width: 760px) {
  #content .journal-newsletter .newsletter-text, footer .journal-newsletter .newsletter-text, #top-modules .journal-newsletter .newsletter-text, #bottom-modules .journal-newsletter .newsletter-text {
    float: none;
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px;
    padding-right: 0; }
  #content .journal-newsletter .newsletter-input-wrap, footer .journal-newsletter .newsletter-input-wrap, #top-modules .journal-newsletter .newsletter-input-wrap, #bottom-modules .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    height: auto !important;
    text-align: center; }
    #content .journal-newsletter .newsletter-input-wrap input, footer .journal-newsletter .newsletter-input-wrap input, #top-modules .journal-newsletter .newsletter-input-wrap input, #bottom-modules .journal-newsletter .newsletter-input-wrap input {
      min-height: 34px; }
    #content .journal-newsletter .newsletter-input-wrap .newsletter-button, footer .journal-newsletter .newsletter-input-wrap .newsletter-button, #top-modules .journal-newsletter .newsletter-input-wrap .newsletter-button, #bottom-modules .journal-newsletter .newsletter-input-wrap .newsletter-button {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      width: 100%;
      top: 0 !important;
      margin-top: 5px !important; }
    #content .journal-newsletter .newsletter-input-wrap input + .button, footer .journal-newsletter .newsletter-input-wrap input + .button, #top-modules .journal-newsletter .newsletter-input-wrap input + .button, #bottom-modules .journal-newsletter .newsletter-input-wrap input + .button {
      margin-top: 0; }

  .ui-pnotify {
    top: 0;
    left: 0;
    right: 0; } }
/******************************
 BLOG
*******************************/
@media only screen and (max-width: 470px) {
  .posts h2 a {
    height: auto !important; }

  .blog-list-view .posts .post-image {
    float: none;
    padding-right: 0;
    width: 100%; }
  .blog-list-view .posts .post-item-details {
    float: none;
    width: 100%; }
  .blog-list-view .posts h2 {
    margin-top: 10px; }
    .blog-list-view .posts h2 a {
      height: auto !important;
      display: inline-block;
      border-bottom: 1px solid #E4E4E4;
      padding-bottom: 7px; }
  .blog-list-view .post-text {
    padding: 5px 10px 10px 0; }
  .blog-list-view .comment-date {
    padding: 5px 0;
    border: 0; } }
@media only screen and (max-width: 500px) {
  .posts.blog-list-view .post-image {
    float: none;
    display: block;
    margin-bottom: 12px;
    width: 100% !important; }

  .posts.blog-list-view .post-item-details {
    width: 100% !important; } }
@media only screen and (max-width: 980px) {
  .two-columns .posts h2 a {
    height: auto !important; } }
@media only screen and (max-width: 1220px) {
  .two-columns.blog-list-view .posts .post-image {
    width: 35%; }
  .two-columns.blog-list-view .post-item-details {
    width: 65%; } }
@media only screen and (max-width: 980px) {
  .two-columns.blog-list-view .post-image {
    float: none;
    padding-right: 0;
    width: 100%; }
  .two-columns.blog-list-view .post-item-details {
    float: none;
    width: 100%; } }
@media only screen and (max-width: 760px) {
  .comments > .comment,
  .comments .reply {
    padding: 15px 15px 15px 15px; }

  .comments .avatar {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin: 0 10px 0 0; }

  .comment-form form {
    padding: 15px; }
    .comment-form form > div input {
      width: 100%;
      max-width: 100%; }

  .blog-post .post-stats span {
    display: block;
    margin-bottom: 7px; } }
@media only screen and (max-width: 760px) {
  .comments .reply, .reply-form, .comments .reply + .success {
    margin-left: 0; } }
@media only screen and (max-width: 760px) {
  .oc2 #column-right + .row #content {
    margin-right: 0; }
  .oc2 #column-left + .row #content {
    margin-left: 0; }
  .oc2 fieldset label, .oc2 fieldset label + div, .oc2 fieldset label + input.form-control {
    width: 100%; }
  .oc2 fieldset label, .oc2 fieldset label + div {
    padding-top: 0; }
  .oc2 .captcha-row .pull-right {
    margin-left: 0; }
  .oc2 .contact-page .col {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0; }
  .oc2 .contact-page .col-sm-10 {
    width: 100%; }
  .oc2 .form-horizontal .form-group label {
    width: 100%;
    float: none;
    margin-bottom: 2px; }
  .oc2 .form-horizontal .form-group label + div {
    width: 100%; }
  .oc2 .action-area .panel-body label {
    display: inline-block;
    margin-bottom: 5px; }
  .oc2 .action-area .panel-body .input-group {
    width: 100%; }
    .oc2 .action-area .panel-body .input-group input[type="text"] {
      min-width: 100%;
      width: 100%; }
    .oc2 .action-area .panel-body .input-group .input-group-btn {
      margin-top: 5px;
      display: block; }
    .oc2 .action-area .panel-body .input-group .button {
      width: 100%;
      display: block;
      margin-left: 0; }
  .oc2 .action-area .sc-shipping .form-horizontal .form-group label {
    padding-top: 0; }
  .oc2 .action-area .sc-shipping .form-horizontal .form-group label + div {
    width: 100%; }
  .oc2 .action-area .sc-shipping .button {
    margin-top: 5px; } }
/******************************
ONE PAGE CHECKOUT
*******************************/
@media only screen and (max-width: 980px) {
  .journal-checkout .left select {
    width: 100%;
    margin-left: 0; }
  .journal-checkout .left input[type='radio'] {
    margin-left: 0; }
  .journal-checkout .left .button {
    width: 100%; }
  .journal-checkout .right select {
    margin-left: 0; }
  .journal-checkout .section-left .coupon-voucher input[type='text'],
  .journal-checkout .section-left .coupon-voucher .input-group-btn,
  .journal-checkout .section-left .coupon-voucher input {
    width: 100%; }
  .journal-checkout .section-left .coupon-voucher input[type='text'] {
    margin-bottom: 7px; }
  .journal-checkout label {
    padding-right: 0;
    line-height: 1; }
    .journal-checkout label input {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .journal-checkout .coupon-voucher .panel-body {
    display: block;
    float: none; }
  .journal-checkout .coupon-voucher .checkout-coupon {
    padding-right: 0;
    margin-bottom: 10px; }
  .journal-checkout .spw {
    margin-bottom: 0; }
    .journal-checkout .spw > div {
      display: block; }
      .journal-checkout .spw > div:first-of-type {
        padding-right: 12px; }
  .journal-checkout .checkout-cart td.quantity {
    padding: 5px; }
    .journal-checkout .checkout-cart td.quantity input[type='text'] {
      display: block;
      float: none;
      width: auto;
      min-width: 42px;
      margin: 0 auto; }
    .journal-checkout .checkout-cart td.quantity .input-group {
      display: inline-block; }
      .journal-checkout .checkout-cart td.quantity .input-group input {
        margin-top: 5px; }
        .journal-checkout .checkout-cart td.quantity .input-group input:first-of-type {
          margin-right: 5px; }
  .journal-checkout .checkout-cart td.image {
    padding-right: 5px; }
  .journal-checkout .confirm-order .button {
    width: 100%; }
  .journal-checkout .checkout-cart td.name {
    padding-left: 15px; }
  .journal-checkout .coupon-voucher .input-group-btn {
    padding-left: 0; }

  .oc2 .journal-checkout .checkout-cart td.quantity {
    padding: 5px; }
    .oc2 .journal-checkout .checkout-cart td.quantity input[type='text'] {
      min-width: 77px;
      margin-bottom: 5px; }

  .oc1 .journal-checkout .form-horizontal .form-group label {
    width: 100%;
    float: none; }
  .oc1 .journal-checkout .form-horizontal .form-group label + div {
    width: 100%;
    float: none; } }
@media only screen and (max-width: 760px) {
  .one-page-checkout {
    margin-bottom: 20px; }

  .journal-checkout {
    display: block; }
    .journal-checkout .left, .journal-checkout .right {
      width: 100%;
      padding-right: 0; }
    .journal-checkout .left {
      margin-bottom: 15px; }
      .journal-checkout .left.login-mobile .checkout-content.checkout-register {
        display: none; }
      .journal-checkout .left.login-mobile .checkout-content.checkout-login {
        margin-bottom: 0; }
    .journal-checkout #shipping-address {
      margin-top: 18px; }
    .journal-checkout .spw > div:first-of-type {
      padding-right: 0; }
    .journal-checkout .coupon-voucher input[type='text'],
    .journal-checkout .coupon-voucher .input-group-btn,
    .journal-checkout .coupon-voucher input {
      width: 100%; }
    .journal-checkout #payment-confirm-button fieldset #card-new label {
      display: block;
      width: 100%;
      margin-bottom: 3px; }
    .journal-checkout #payment-confirm-button fieldset #card-new label + div {
      display: block;
      width: 100%; }
    .journal-checkout #payment-confirm-button fieldset input[type='text'],
    .journal-checkout #payment-confirm-button fieldset input[type='email'],
    .journal-checkout #payment-confirm-button fieldset input[type='password'],
    .journal-checkout #payment-confirm-button fieldset input[type='tel'],
    .journal-checkout #payment-confirm-button fieldset textarea {
      width: 100%;
      max-width: 100%; }
    .journal-checkout .coupon-voucher .panel-body:nth-of-type(1) {
      padding-right: 0; }
    .journal-checkout .checkout-product table {
      min-width: 460px; }
      .journal-checkout .checkout-product table td {
        width: auto; }
    .journal-checkout .checkout-cart td.name {
      padding-left: 0; }
    .journal-checkout .checkout-content thead .model,
    .journal-checkout .checkout-content thead .quantity,
    .journal-checkout .checkout-content thead .price,
    .journal-checkout .checkout-content tbody .model,
    .journal-checkout .checkout-content tbody .quantity,
    .journal-checkout .checkout-content tbody .price {
      display: table-cell; }
    .journal-checkout .checkout-cart td.name a {
      margin-left: 0; }
    .journal-checkout .checkout-cart td.image img {
      max-width: 80%; }

  .is-customer .journal-checkout section.section-left, .is-customer .journal-checkout section.section-right {
    width: 100%;
    padding-left: 0; }
  .is-customer .journal-checkout .section-left {
    margin-bottom: 15px; } }
/******************************
 Category page compare and sort on mobile
*******************************/
@media only screen and (max-width: 760px) {
  .product-filter .sort select {
    width: 94%;
    margin-left: 3%; }

  .product-filter .sort {
    max-width: 100%;
    right: 0;
    width: 100%;
    bottom: 0; }

  .product-filter {
    height: 80px;
    position: relative; }

  .product-compare a {
    font-size: 12px; }

  .product-filter .display {
    margin-right: -10px; } }
@media only screen and (max-width: 470px) {
  .product-filter .limit {
    top: 5px;
    position: absolute;
    right: -5px; } }
/******************************
MOBILE POPUP
*******************************/
@media only screen and (min-width: 320px) and (max-width: 760px) {
  .journal-popup img {
    max-height: 200px;
    width: auto; } }
@media only screen and (max-width: 470px) {
  div.journal-popup img {
    max-height: 100%;
    width: 100%; } }
@media only screen and (max-width: 760px) {
  .oc1 .journal-checkout .checkout-cart tbody td {
    width: 100% !important;
    border-left-width: 1px; }
  .oc1 .journal-checkout .checkout-cart tbody tr:first-of-type td {
    border-bottom-width: 0; }

  .category-page .heading-title,
  .manufacturer-page .heading-title,
  .search-page .heading-title,
  .special-page .heading-title {
    display: table;
    width: 100%; }

  .has-popup {
    overflow: hidden; }

  .mfp-container {
    padding: 0; }

  .mfp-wrap {
    overflow-y: auto;
    overflow-x: hidden; }

  .mfp-content {
    overflow: visible; }

  .mfp-content {
    text-align: center; }

  .journal-popup, .journal-popup-content {
    height: auto !important;
    text-align: left; }

  .journal-popup .journal-popup-header-content {
    padding: 7px 20px 7px 7px; }

  .journal-popup-newsletter .journal-newsletter {
    padding-top: 10px;
    padding-bottom: 10px; }
  .journal-popup-newsletter .journal-newsletter.text-left .newsletter-text,
  .journal-popup-newsletter .journal-newsletter.text-left .newsletter-input-wrap {
    width: 100%;
    float: none;
    margin-top: 10px;
    display: block; }

  .journal-popup-contact .content,
  .journal-popup-contact fieldset {
    padding: 10px; }

  .journal-popup, .mfp-wrap {
    width: 96% !important;
    left: 1%;
    max-height: 100vh; }
    .journal-popup label, .mfp-wrap label {
      line-height: 1;
      font-size: 12px;
      position: relative; }
    .journal-popup .journal-popup-footer-content, .mfp-wrap .journal-popup-footer-content {
      padding: 0 10px; }

  .journal-popup-footer-content .button {
    line-height: 26px;
    font-size: .9em; }

  .journal-popup-footer-content.has-btn {
    height: auto !important; }

  .journal-checkout .confirm-order {
    margin-top: 5px; }

  .journal-popup.journal-popup-text {
    display: inline-block; }

  .mfp-content {
    overflow: hidden; } }
@media only screen and (max-width: 1024px) {
  .mfp-container {
    overflow: hidden; }

  .journal-popup .mfp-close {
    top: -7px;
    right: -7px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
  .journal-popup textarea {
    height: 100px;
    height: 20vh; }

  .radio.check-terms {
    padding-top: 10px; }
    .radio.check-terms input {
      display: block;
      float: left; } }
@media only screen and (max-width: 760px) and (orientation: landscape) {
  .journal-popup.journal-popup-text {
    left: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
    .journal-popup.journal-popup-text .journal-popup-content p img {
      max-height: 160px;
      max-height: 52vh; }

  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: auto; } }
@media only screen and (max-width: 600px) and (orientation: landscape) {
  .journal-popup.journal-popup-text {
    -webkit-transform: scale(0.6);
            transform: scale(0.6); }
    .journal-popup.journal-popup-text .journal-popup-content p img {
      max-height: 125px;
      max-height: 66vh; }

  .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    height: 100vh; }

  .journal-popup, .mfp-wrap {
    width: 100% !important;
    left: 0;
    max-height: none; }

  .mfp-content {
    vertical-align: top; } }
@media only screen and (max-width: 760px) {
  .mobile-menu {
    overflow-y: scroll !important;
    max-height: calc(100vh - 40px);
    -webkit-overflow-scrolling: touch; } }
/******************************
 Filter on Mobile
*******************************/
@media only screen and (max-width: 760px) {
  .filter-on-mobile.category-page #container #column-left,
  .filter-on-mobile.manufacturer-page #container #column-left,
  .filter-on-mobile.search-page #container #column-left,
  .filter-on-mobile.special-page #container #column-left {
    display: block !important;
    width: 100% !important;
    padding-right: 20px !important;
    padding-bottom: 0;
    position: relative;
    z-index: 9; }

  .open-filter {
    display: block !important;
    color: white;
    background-color: #5F6874;
    line-height: 38px;
    padding-left: 15px;
    font-family: inherit;
    font-size: 15px;
    margin-bottom: 20px; }
    .open-filter::before {
      content: "\f1de";
      font-size: 16px;
      float: left;
      margin-right: 10px;
      color: white; }

  .sf-reset,
  .side-column .journal-sf .box {
    display: none; }

  #column-left + #content {
    padding-top: 0 !important;
    clear: left; } }
/******************************
 New Headers
*******************************/
@media only screen and (min-width: 760px) and (max-width: 1024px) {
  .journal-header-center .autocomplete2-suggestions {
    min-width: 240px; } }
@media only screen and (max-width: 980px) {
  .journal-header-default .journal-cart {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }

  .side-column .oc-module .product-details {
    max-width: 110px; } }
@media only screen and (max-width: 760px) {
  .oc2 .alert {
    display: block; }

  .default-header .journal-top-header {
    display: none; }

  .journal-header-default .journal-logo {
    height: 85px; }
  .journal-header-default .header-assets {
    position: static; }

  .journal-header-center .links a, .journal-header-center .links .no-link {
    height: 40px; }
  .journal-header-center #header {
    padding-top: 0; }
    .journal-header-center #header .journal-links {
      position: relative; }
  .journal-header-center .journal-search {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .journal-header-center .journal-cart {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; } }
.iphone .form-horizontal .form-group label, .ipad .form-horizontal .form-group label {
  padding-top: 0; }