/*

@media only screen and (max-width: 470px)
@media only screen and (max-width: 500px)
@media only screen and (max-width: 760px)
@media only screen and (max-width: 980px)
@media only screen and (max-width: 1039px)
@media only screen and (max-width: 1044px)

*/
/******************************
 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)";
    -webkit-transition: opacity 0;
    transition: opacity 0;
  }
  .p-over,
  .gallery-thumb a:before,
  .gallery-thumb .item-hover {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .side-block-left,
  .side-block-right,
  .banner-overlay {
    display: none !important;
  }
}
@media screen and (max-width: 760px) {
  .hide-on-mobile {
    display: none !important;
  }
  .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%;
  }
}
@media screen and (max-width: 470px) {
  table.form td {
    display: block;
  }
}
/******************************
Android/Firefox
*******************************/
@media screen and (max-width: 470px) {
  .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 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%;
    float: none;
  }
  #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 screen and (max-width: 980px) {
  .social {
    padding-top: 10px;
  }
}
@media screen and (max-width: 760px) {
  .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;
  }
}
@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 screen and (max-width: 980px) {
  .product-filter > div b {
    display: none;
  }
}
@media 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;
  }
}
@media screen and (max-width: 470px) {
  .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;
  border-radius: none;
  border-width: 0;
}
.mobile #top-modules > div,
.mobile #bottom-modules > div,
.tablet #top-modules > div,
.tablet #bottom-modules > div {
  background-attachment: scroll !important;
}
.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;
}
.mobile .button,
.tablet .button {
  box-shadow: none !important;
}
/******************************
CUSTOM SECTIONS
*******************************/
@media screen and (max-width: 760px) {
  .single-section .box-sections.box-block ul li {
    min-width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 540px) {
  .box-sections {
    height: auto;
  }
  .box-sections ul li {
    min-width: 100%;
    float: none;
    display: block;
    margin-bottom: 0;
    border-right: 0;
    border-bottom: 1px solid;
  }
  .box-sections ul li:last-of-type {
    border-bottom: 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: 0;
    width: 100%;
  }
  .journal-carousel .htabs a:last-of-type {
    border-bottom: 0;
  }
  .journal-carousel .htabs.single-tab a,
  .journal-carousel .htabs.single-tab a.selected,
  .journal-carousel .htabs.single-tab a:hover {
    border-bottom: 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 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 screen and (max-width: 760px) {
  .cart-info .model,
  .cart-info .price {
    display: none;
  }
  .cart-info .name a {
    white-space: normal;
  }
}
@media screen and (max-width: 470px) {
  .cart-info .quantity {
    min-width: 50px;
  }
  .cart-info .quantity input[type="text"] {
    display: block;
    position: relative;
    left: 10px;
    margin-bottom: 5px;
  }
  .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 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 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 screen and (max-width: 980px) {
  #content.search-page h2 {
    padding: 8px;
    line-height: 18px;
    height: auto;
  }
  #content.search-page .content select {
    margin-bottom: 10px;
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
  #content.search-page .content label {
    min-width: 95%;
    display: inline-block;
  }
}
@media screen and (max-width: 760px) {
  #content.search-page .content label {
    min-width: 90%;
  }
}
@media screen and (max-width: 470px) {
  #content.search-page .content label {
    min-width: 85%;
  }
}
/******************************
PHOTO GALLERY
*******************************/
@media only screen and (max-width: 1024px) {
  .gallery-thumb a:before,
  .gallery-thumb .item-hover {
    display: none;
  }
}
/******************************
 CMS BLOCKS
*******************************/
@media screen and (max-width: 760px) {
  .cms-block,
  .static-banner {
    margin-bottom: 20px;
  }
}
/******************************
EXTENDED LAYOUT
*******************************/
@media screen and (max-width: 760px) {
  .extended-layout #column-left + #content,
  .extended-layout #column-left + .row #content {
    padding: 0 0 20px 20px;
    margin-left: 0;
  }
  .extended-layout #column-right + #content,
  .extended-layout #column-right + .row #content {
    padding: 0px 20px 20px 20px;
    margin-right: 0;
  }
  .extended-layout #column-left + #column-right + #content,
  .extended-layout #column-left + #column-right + .row #content {
    padding: 0 20px 20px 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************
ADVANCED GRID
*******************************/
@media screen and (max-width: 760px) {
  .multi-modules .journal-simple-slider,
  .multi-modules .journal-slider {
    max-width: 100% !important;
  }
  .multi-modules-column,
  .multi-modules-row {
    height: auto !important;
  }
  .multi-modules-column {
    width: 100% !important;
    margin-bottom: 0 !important;
    height: auto !important;
  }
  .multi-modules > div .multi-modules-row {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 760px) {
  .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;
  }
  .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;
  }
}