/*
  Journal - Advanced Opencart Theme Framework
  Version 2.4.5
  Copyright (c) 2014 Digital Atelier
  http://journal.digital-atelier.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.11111111111111%;
}
 .lg-12 {
 width: 12.5%;
}
 .lg-14 {
 width: 14.28571428571429%;
}
 .lg-16 {
 width: 16.66666666666666%;
}
 .lg-33 {
 width: 33.33333333333333%;
}
 .lg-66 {
 width: 66.66666666666666%;
}
}
 @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.11111111111111%;
}
 .md-12 {
 width: 12.5%;
}
 .md-14 {
 width: 14.28571428571429%;
}
 .md-16 {
 width: 16.66666666666666%;
}
 .md-33 {
 width: 33.33333333333333%;
}
 .md-66 {
 width: 66.66666666666666%;
}
}
 @media only screen and (max-width: 760px) {
	.fancybox-overlay{
		display:none!important;
	}
 .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.11111111111111%;
}
 .sm-12 {
 width: 12.5%;
}
 .sm-14 {
 width: 14.28571428571429%;
}
 .sm-16 {
 width: 16.66666666666666%;
}
 .sm-33 {
 width: 33.33333333333333%;
}
 .sm-66 {
 width: 66.66666666666666%;
}
}
 @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.11111111111111%;
}
 .xs-12 {
 width: 12.5%;
}
 .xs-14 {
 width: 14.28571428571429%;
}
 .xs-16 {
 width: 16.66666666666666%;
}
 .xs-33 {
 width: 33.33333333333333%;
}
 .xs-66 {
 width: 66.66666666666666%;
}
}
/******************************

 GENERAL

*******************************/



/** header Sec cart field style **/



.journal-cart {
	top:32px !important;
}
header {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 @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-mobile {
 display: none !important;
}
 #cart .content {
 width: 100%;
}
 #header {
padding-top:0 !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 only screen and (max-width: 470px) {
 table.form td {
 display: block;
}
 journal-top-header .j-min {
height:0 !important;
}
}

/******************************

HEADER

*******************************/
@media only screen and (max-width: 991px) {
	header{
		z-index: auto;
	}
}
@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%;
}

    /* .journal-secondary .links.j-min> a.icon-only:nth-last-child(-n+3){display: none;} */
    .total_customer_section {
display: none!important;
}
 header .links > a {
 border-bottom-color: #E4E4E4;
 border-top-style: solid;
 border-top-width: 1px;
}
 header .journal-login {
 border-bottom: 1px solid #E4E4E4;
}
 #header {
 padding-top: 40px;
}
 #header .journal-links .links.j-min .no-link {
 text-align: left;
}
 .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: 185% !important;
}
 .journal-header .icon-only > span {
 display: block;
}
}

/******************************

 HEADER CENTER

*******************************/

@media only screen and (max-width: 1039px) {
 #header .journal-secondary .links > .total_customer_section {
padding-right:0px;
}
 #header .journal-secondary .links > a:nth-last-child(-n+3) {
display: none;
}
 .journal-header-default.nocart .links > a:last-child {
 border-right-width: 0;
}
}
 @media only screen and (max-width: 760px) {
 .journal-header-menu #logo a {
 height: 120px;
}
 .journal-header-menu #logo a img {
 max-height: 120px;
}
 .journal-header-mega .journal-logo #logo a {
 text-align: center;
 padding-left: 0;
}
 .hide-on-mobile {
 display: none !important;
}
 .super-menu > li:last-of-type {
 border-left: 0 !important;
}
 .journal-header-center {
 box-shadow: none;
}
 .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;
}
 .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;
 border-left-width: 0 !important;
/*border-right-width: 0 !important;*/ }
 .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-language, .journal-header-center .journal-currency {
 padding: 0;
 margin-right: 0;
 position: absolute;
 min-width: 40px;
 z-index: 99;
}
 .journal-header-center .journal-language {
 left: 0;
}
 .journal-header-center .journal-currency {
 right: 1px;
}
 .journal-header-center .journal-language form {
 text-align: left;
}
 .journal-header-center .journal-language form > div {
 border-left: 0;
}
 .journal-header-center .journal-currency form {
 text-align: right;
}
 .journal-header-center .journal-currency form > div {
 border-right: 0;
 border-left: 1px solid transparent;
}
 .journal-header-center .lang form, .journal-header-center .curr form {
 display: block;
}
 .journal-header-center .journal-center-bg {
 top: 40px;
}
 .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: none;
}
}



  /*.journal-header-center #search input {

    border-bottom-width: 0 !important; }*/

  .journal-header-center .journal-cart #cart {
 border-left-width: 0 !important;
}


/******************************

EXTENDED MENU

*******************************/

@media only screen and (max-width: 980px) {
 .journal-header-menu #cart {
 height: 40px;
 box-shadow: none;
}
 .journal-header-menu .j-50 {
 height: 40px;
}
 .journal-header-menu .j-med {
 height: 120px;
}
 .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: none;
}
}
 @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: 40px;
 text-transform: uppercase;
 width: 100%;
 font-size: 16px;
 padding-left: 10px;
 background-color: #5F6874;
 cursor: pointer;
}
 .mobile-trigger:before {
 content: "\e618";
 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: none;
}
 .journal-menu {
 height: auto;
}
 .journal-menu .mobile-menu {
 display: none;
}
 .journal-menu .mobile-menu > li {
 position: relative;
 display: block;
 border-bottom: 1px solid #333745;
 border-left: none;
 border-right: none;
 left: 0;
}
 .journal-menu .mobile-menu > li .mobile-plus {
 display: none;
 width: 40px;
 height: 40px;
 line-height: 35px;
 font-size: 25px;
 font-weight: bold;
 z-index: 99;
 top: 0;
 right: 0;
 position: absolute;
 text-align: center;
 cursor: pointer;
 color: white;
 background-color: #4f5660;
 border-left: 1px solid #333745;
}
 .journal-menu .mobile-menu > li > ul {
 left: 0 !important;
}
 .journal-menu .mobile-menu > li > ul li .mobile-plus {
 border-left: none;
 height: 39px;
}
 .journal-menu .mobile-menu > li > a {
 text-align: left;
 padding-left: 10px;
}
 .journal-menu .mobile-menu li:last-of-type {
 border-bottom: none;
}
 .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;
}
}

/******************************

Dropdown

*******************************/

@media only screen and (max-width: 760px) {
 .mobile-menu .drop-down > ul {
 display: none;
}
 .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-bottom: 1px solid #f4f4f4;
}
}

/******************************

 MEGA-MENU MIXED

*******************************/

@media only screen and (max-width: 760px) {
 .mega-menu .mega-menu-column {
 width: 100% !important;
 float: none;
}
}

/******************************

 MOBILE MENU ON TABLET

*******************************/

@media only screen and (max-width: 980px) {
 .mobile-menu-on-tablet header .hide-on-mobile {
 display: none !important;
}
 .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 .super-menu > li.icon-only {
 width: 100%;
}
 .mobile-menu-on-tablet .mobile-trigger {
 display: block;
 height: 40px;
 line-height: 40px;
 text-transform: uppercase;
 width: 100%;
 font-size: 16px;
 padding-left: 10px;
 background-color: #5F6874;
 cursor: pointer;
}
 .mobile-menu-on-tablet .mobile-trigger:before {
 content: "\e618";
 margin-right: 10px;
 font-size: 23px;
 float: left;
}
 .mobile-menu-on-tablet.journal-desktop .mega-menu, .mobile-menu-on-tablet .journal-mobile .html-menu {
 position: relative;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
 border-right: none;
}
 .mobile-menu-on-tablet .journal-menu {
 height: auto;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu {
 display: none;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li {
 position: relative;
 display: block;
 border-bottom: 1px solid #333745;
 border-left: none;
 border-right: none;
 left: 0;
 width: 100%;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus {
 display: none;
 width: 40px;
 height: 40px;
 line-height: 35px;
 font-size: 25px;
 font-weight: bold;
 z-index: 99;
 top: 0;
 right: 0;
 position: absolute;
 text-align: center;
 cursor: pointer;
 color: white;
 background-color: #4f5660;
 border-left: 1px solid #333745;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul {
 left: 0 !important;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
 border-left: none;
 height: 39px;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li > a {
 text-align: left;
 padding-left: 10px;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
 border-bottom: none;
}
 .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul + .mobile-plus,  .mobile-menu-on-tablet .journal-menu .mobile-menu > li > div + .mobile-plus,  .mobile-menu-on-tablet .journal-menu .mobile-menu > li > span + .mobile-plus,  .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
 display: block;
}
}

/******************************

Dropdown

*******************************/

@media only screen and (max-width: 980px) {
 .mobile-menu-on-tablet .mobile-menu .drop-down > ul {
 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-bottom: 1px solid #f4f4f4;
}
}

/******************************

 MEGA-MENU MIXED

*******************************/

@media only screen and (max-width: 760px) {
 .mobile-menu-on-tablet .mega-menu .mega-menu-column {
 width: 100% !important;
 float: none;
}
}

/******************************

Android/Firefox

*******************************/

@media only screen and (max-width: 470px) {
 .firefox header {
 display: block;
}
 .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%;
 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 only screen and (max-width: 980px) {
 .social {
 padding-top: 10px;
}
}
 @media only 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;
}
 #tabs {
 display: block;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}
 #tabs a {
 width: 100%;
 display: table;
}
 .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;
}
}
 @media only 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;
}
}
.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;
	background-size: 100%;
}
.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 only 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 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: 760px) {
 .cart-info .model, .cart-info .price {
 display: none;
}
}
 @media only screen and (max-width: 470px) {
 .cart-info .quantity {
 display: none;
 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;
}
}

/******************************

CHECKOUT

*******************************/

@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;
}
}
.journal-search > p {
	padding:10px 15px;
}

/******************************

 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 {
 margin-bottom: 10px;
 display: block;
 margin-left: 0;
 margin-top: 20px;
}
 #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: 40px;
 line-height: 50px;
 padding-left: 0;
 text-align: center;
 width: 100%;
}
 footer .bottom-footer .payments {
 padding-right: 0;
 width: 100%;
 text-align: center;
 padding-bottom: 10px;
 float: none;
}
 #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;
}
}
 @media only screen and (max-width: 470px) {
 footer .contacts > div {
 text-align: left;
}
 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;
}
}

/******************************

EXTENDED LAYOUT

*******************************/

@media only 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 only 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;
	}
	 #top-modules>div {
	padding:0 15px !important;
	}
	 .journal-header-center .journal-search {
	display:table;
	padding-bottom: 20px;
	}
	 .journal-header-center #search {
	display:inline-block !important;
	}
	 .journal-header-center #search input {
	background-color: #fff !important;
	width:85%;
	}
	 .journal-header-center .journal-menu {
	padding-bottom:10px;
	}
	 .contact-num {
	font-size:24px !important;
	}
	 #footer {
	margin: 0 !important;
	}
	 #footer .columns {
	padding:0 !important;
	}
	 .footer-bottom-content {
	padding:0 !important;
	}
	 #AuthorizeNetText {
	font-size:10px;
	}
	 .journal-logo #logo {
	height:auto;
	width: 90%;
	margin: 0 auto;
	}
	 .journal-header-center #logo {
	height:auto;
	}
}
 @media only screen and (max-width: 600px) {
	 .journal-header-center #search input, #cart {
	width:95%;
	}
	 .contact-num {
	font-size:20px !important;
	}
}
 @media only screen and (max-width: 480px) {
	 .journal-header-center .journal-search {
	width: 100%;
	 padding-bottom: 0;
	 display: block;
	 margin-bottom: 0;
	 clear: both;
	height:auto;
	}
	 .journal-cart {
	top:0 !important;
	}
	 .journal-search > p {
	    font-size: 14px !important;
		text-align: center;
		padding: 0 0 10px 0 !important;
	}
	 .journal-header-center .journal-cart {
	width:100%;
	margin:5px 0 10px!important;
	height:auto;
	}
	 .journal-header-center .journal-cart #cart {
	float:left;
	}
	 .journal-header-center .journal-search {
	margin-bottom:5px;
	}
	 .AuthorizeNetSeal, .contact-num, .anti-virus {
	width:50%!important;
	font-size:15px !important;
	}
	 .product-grid-item .name a, .posts h2 a {
	font-size:12px;
	}
}
 @media only screen and (max-width: 384px) {
	 .contact-num {
	width:100% !important;
	}
	 header .top-menu-item-5 {
	display:none !important;
	}
	 .AuthorizeNetSeal, .contact-num, .anti-virus {
	 font-size: 12px !important;
	}
	 .AuthorizeNetSeal, .contact-num, .anti-virus {
	 font-size: 11px !important;
	 padding-left: 9px;
	}
	 div.AuthorizeNetSeal a img {
	position:relative;
	top:-10px;
	}
}

/******************************

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 .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 {
	 padding-right: 0;
	 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 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;
	}
}

/********************************

	MY INVENTORY
	
*********************************/
@media only screen and (max-width: 1025px) {
	.extended-layout #column-left {
		padding: 20px 0 0 0 !important;
		width: 220px !important;
	}
	.ourhistroy .orders {
		width: 77% !important;
	}
}
@media only screen and (max-width: 769px) {
	#innertabsproduct {
		display: none !important;
	}
	.ourhistroy .orders {
		width: 98% !important;
		padding: 0 !important;
	}
	#ud {
		width: 52% !important;
	}
	#fq {
		width: 60% !important;
	}
	#quant {
		width: 57% !important;
	}
}