/** 
 * Responsive.css for template fluorspar
 *
 * @Generated by Zenofobe Visual Stylesheet on:- 01/02/19  at:- 15:35:16
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * Added by rbarbour (ZCAdditions.com), Responsive DIY Template Default for 1.5.x (65)
 */

/* MOBILE LANDSCAPE */
@media (max-width:767px){

.onerow-fluid{width:100%;} 
.onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;}

#taglineWrapper, #logo {clear:both;width:100%;text-align:center}
#logo {width:80%;margin:0px auto;float:none}
#logoContainer {padding:10px 0}
#checkoutPayment,#checkoutConfirmDefault,#checkoutShipping {overflow:hidden}
#header-lan-curr {margin:0;padding:0;width:100%;margin-bottom:5px}
div#navMainSearch,div#navMainWrapper,div#dropMenu,div#mega-wrapper,div#social-media    {display:none}
#footer-payments {width:90%;float:none;margin:0 auto}
#footer-payments img {display:block; margin: 0 auto}
div.footerColumn {float:none;width:75%;margin:0 auto}
div.footerMenu {border:none;margin:20px auto;min-height:initial}
#customSuppNav .fa-ul {width:42px;margin:0 auto}
#leftProductWrapper {width:100%}
#rightProductWrapper{width:100%}
#productMainImage {text-align:center;width:80%;float:none;margin:0 auto;}
#productImage {display:inline-block;margin:0 auto;clear:both;}
#gal1 ul {width:60%;margin:0 auto}
#productAdditionalImages li.additionalImages  {width:30%}
div#productAdditionalImages {width:60%;margin:0 auto}
div.additionalImages {width:30%;}
#navSupp {background-color:transparent}
#navSupp ul {display:block}
 img.listingProductImage {width:30%}
.productListing-data img.listingProductImage{width:80%;margin:5px auto}
div#navMainSearch, div#navMain, div#navMain ul {float:none;text-align:center;padding:0;margin:0;width:100%!important;}
#headerWrapper,div#logoWrapper {height:auto;}
div.centerBoxContentsProducts.centeredContent, div.centerBoxContentsNew.centeredContent, div.categoryListBoxContents.centeredContent, div.centerBoxContentsAlsoPurch.centeredContent, div.centerBoxContentsFeatured.centeredContent, div.centerBoxContentsSpecials.centeredContent, div.specialsListBoxContents, div.categoryListBoxContents {float:none;width:97%!important;height:auto;margin:0 auto}
.centerBoxContentsNew .productBox, .centerBoxContentsFeatured .productBox, .centerBoxContentsSpecial .productBox {margin-bottom:20px}
div#logo IMG {clear:both;}
.centerColumn{padding:0 0.5em 2.0em 0.5em;}
.leftBoxContainer, .rightBoxContainer {margin:0.5em;}
/*.centerColumn input[type="email"],.centerColumn input[type="text"],.centerColumn select,.centerColumn input[type="password"] {width:55%;height:30px}*/
.centerColumn label {width:35%;line-height:26px}
#viewControl select, #productAttributes label, #productAttributes input {width:auto}
#productListing input[type="text"] {width:50px}
div#advSearchDefault.centerColumn fieldset {clear:both;float:none;width:95%;}
div#checkoutBillto, div#checkoutShipto,div#accountLinksWrapper {clear:both;float:none;width:95%}
th#thcol1,th#thcol3,td#tdcol1,td#tdcol3,.minWidthHide {display:none;visibility:hidden;}
.minWidthShow {display:block;visibility:visible;}

/* SHOPPING CART */
.minUnits {display:inline-block;margin-top:20px;text-align:center}
.fixedQuantity {text-align:center;width:100%;float:none;padding:0}
.cartProductDisplay {max-width:none; min-width: none;}
span.cartImage,span.cartProdTitle {text-align:center;font-weight:bold} 
span.cartProdTitle {margin-top:20px;font-size:1.1em;line-height:1.1em} 
/*.rowOdd .cartProdTitle {color:rgb(0,0,0);}
.rowOdd .cartProdTitle:hover {color:rgb(255,0,0);}*/
.rowEven .cartQuantityTitle,.rowEven .cartTotalDisplayTitle,.rowEven .cartUnitDisplayTitle {color:rgb(58,58,58);}
.rowOdd .cartQuantityTitle,.rowOdd .cartTotalDisplayTitle,.rowOdd .cartUnitDisplayTitle {color:rgb(58,58,58);}
.cartProductDisplay {text-align:left;padding:5px;}
.cartProductDisplay ul {text-align:left;padding:0px;margin:0;}
div.buttonRow {margin:5px}
.cartRemoveItemDisplay img {width:65%!important}
/*.cartRemoveItemDisplay input[type=checkbox] {visibility:hidden}*/
.cartRemoveItemDisplay input[type=checkbox] {  transform: scale(1.5);position:relative;top:20px}
/*#shoppingCartDefault .buttonRow .faUpdate,#shoppingCartDefault .buttonRow input[type="image"]  {display:none}*/ /* Hide update button */
#cartContentsDisplay.Main tr td {font-size:1.2em;display:block;overflow:hidden;width:99%!important}
#cartContentsDisplay.Main tr.tableHeading {display:none}
#cartContentsDisplay.Main img {width:40%;margin:0;padding:0px}
.cartQuantityTitle {margin-top:25px}
/*.cartUnitDisplay {float:right;padding:0px 20px 0px 0px}*/
.cartUnitDisplay {text-align: right}
#cartContentsDisplay.Main tr td.cartUnit {width:45% !important;float:left;padding-top:25px}
#cartContentsDisplay.Main tr td.cartQuantity {width:55% !important;float:right}
#cartSubTotal {padding:20px 3.6em 40px 0px;font-size:1.3em}
.cartTotalDisplayTitle, .cartUnitDisplayTitle {display:inline;float:right;text-align:right;padding:0px 15px 0px 0px}
.cartQuantityTitle {display:inline;float:right;text-align:right;padding:0px 5px 0px 0px}
/*.cartUnitDisplay, .cartUnitDisplayTitle {margin-top:25px}*/
/*.cartQuantityUpdate {float:right;padding:10px 30px 0px 0px}*/
#buttonUpdateAll input[type=image] {width:150%}
#buttonUpdateAll  {margin:20px 40px 20px 0px}
.cartQuantityInput {float:right;height:50px}
.cartQuantityInput input[type=text] {width:50px;height:40px;margin-right:10px;margin-top:2px}
#productListing input[type="text"] {width:50px}
div.cartQuantityUpdate {margin-right:10px}
.cartQuantityUpdate input[type=image] {width:150%;margin-top:5px}
.cartTotalValue {margin:17px 0px 0px 0px !important}
.cartTotalDisplayTitle {margin:22px 0px 0px 0px!important}
.faUpdateButton {padding-top:8px}
.deleteIcon {margin-top:10px;padding:0;float:left}
.faUpdateButton i, .deleteIcon i {font-size:25px}
.cartQuantityUpdate .faUpdateButton {padding-top:0px;}
/* Easy Tabs - Set to accordion style */
ul.resp-tabs-list {display: none;}
h2.resp-accordion {display: block;}
.resp-vtabs .resp-tab-content {border: 1px solid #dbdbce;}
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
.resp-accordion-closed {display:none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #dbdbce !important;}
/* End of Easy Tabs */
th#scQuantityHeading {text-align:center;}

/* Slimmenu */
#menuWrapper{height:auto;margin-bottom:10px}
ul.slimmenu {float:none;width:100%}
#menuContainer {float:none;border:none;box-shadow:none;display:block;margin:0;width:100%;height:50px}
.menuImage{display:inline}
.slimmenu .level2,.slimmenu .level3,.slimmenu .level4 {box-shadow:none;}
.slimmenu .level1  {border:none;border-right:none}
.slimmenu {font-size:1em; padding-left:20px; color:#FFF;}
ul.slimmenu .level1 a,ul.slimmenu .level2 a {line-height:16px;padding:10px 5px;}
ul.slimmenu .level1 a,ul.slimmenu .level2 a {padding:10px 5px;}
ul.slimmenu ul.level2 li  {width:100%;}
ul.slimmenu li .sub-toggle{width:100%}
/* End of Slimmenu */
.centerColumn input[type=tel],.centerColumn input[type=text],.centerColumn input[type=password],.centerColumn input[type=email],.centerColumn select{
    margin:auto;
    padding:auto;
    }
.cart_mobile_remove, .mobile_remove  {display:none}
.mobile_display {display:block}
.wrap {display:inline;}
.cartQuantity {width:65px !important;}
}

/* MOBILE PORTRAIT */
@media (max-width:480px){
div.cartUnitDisplay {} 
img.listingProductImage{width:60%;}
ul#productAdditionalImages {width:95%;}
div#productAdditionalImages {width:95%;margin:0 auto}
#productDetailsList {width:80%;margin:10px auto}
#shippingEstimatorContent table {width:98%;margin:10px auto}
#shippingEstimatorContent {padding:10px 5px}  
#shoppingCartDefault div.buttonRow {float:none;width:75%;margin:20px auto}
#loginDefault .forward {float:none;width:75%;margin:20px auto}
#cartAdd  {width:auto;margin:0 auto;}
.button_in_cart {width:80%}
#cartSubTotal {float:none;padding:0;margin:0;text-align:center}
#cartContentsDisplay.Main tr td,#cartContentsDisplay.Main tr td.cartUnit,#cartContentsDisplay.Main tr td.cartQuantity {display:block;overflow:hidden;width:99%!important;margin:0;padding:0}
/*span.cartImage,span.cartProdTitle  {float:none;width:100% !important;margin:0 auto;text-align:center}*/
span.cartProdTitle  {float:none;width:100% !important;margin:0 auto;text-align:center}
/*span.cartImage {margin-top:10px}*/
span.cartImage {display:none}
span.cartProdTitle {margin-bottom:15px}
.cartUnitDisplay, .cartUnitDisplayTitle {margin-bottom:20px}
#tellAFriendDefault legend{max-width:100%}
.buttonRow input[type=submit]{width:100%;margin:20px auto;text-align:center;display:block;}
.BUTTON_IMAGE_CHECKOUT,.BUTTON_IMAGE_CONTINUE_SHOPPING  {text-align:center;width:85%}
#checkoutSuccessLogoff .buttonRow {width:100%;text-align:center}
.centerColumn input[type="email"],.centerColumn input[type="text"],.centerColumn select,.centerColumn input[type="password"] {width:87%}
.centerColumn label {width:auto;text-align:left}
.cartQuantityInput input[type=text] {width:auto}
#gridSorter {margin-top:10px}
.cart_mobile_remove {display:none}
.mb_left {text-align: left !important}
.cartQuantity input {width:45px!important;}
}

/* TABLET PORTRAIT */
@media (min-width:768px) and (max-width:979px){

#footerInformation {border:none}
div.footerColumn {width:33%}
#lang_header {float:left}
#currency_header {float:right}
#header-lan-curr {width:100%}
.cat_image {margin:6px}
.onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;}
.minWidthHide {display:none;visibility:hidden;}
.minWidthShow {display:block;visibility:visible;}
#navMainWrapper{margin:0px}
.mega-menu .categories-li .dropdown_expand {width:98%}
}

@media (max-width:979px){}

/* TABLET LANDSCAPE */
@media (min-width:980px) and (max-width:1199px)
{
#cartBoxListWrapper a, #orderhistoryContent .hist_list a {width:68%}
#lang_header {float:left}
#currency_header {float:right}
#header-lan-curr {width:100%}
.cat_image {margin:6px}
.mega-menu .categories-li .dropdown_expand {width:98%}

}

/* DESKTOP */

@media (min-width:1200px){
.onerow-fluid{width:1200px;*zoom:1;margin:0 auto;}
div#headerWrapper{width:100%;margin:auto;}
div#navSuppWrapper{width:100%;margin:auto;}
div#navSupp {width:1200px;margin:auto;}
#mega-menu-wrapper {width:100%;}
}