/* Responsive Designs */
/* Common Classes */
img {max-width:100%; width:auto !important; height:auto !important}
.zoomWrapperImage img{max-width:500%;}
.desktopView {display:block;}
table.CartContents tbody tr.desktopView {display:table-row;}
.mobileView {display:none;}

/* General Input Elements */
.CheckoutOrderComments {clear:both;}

@media screen and (max-width:1366px) 
{
    #ProductDetails .ProductThumbImage img {max-width:600px;}
}

@media screen and (min-width:1250px) 
{
    .left-content {width: 820px !important;}
    .TopMenu > .inner, .MegaMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner  {width:1180px;}

}

@media screen and (max-width: 1180px)
{
    #HeaderPromo {display:none;}
    .flexslider img {max-width:100%; width:auto !important; height:auto !important;}
}

@media screen and (min-width: 1024px) and (max-width: 1179px)
{ 
     .left-content {width:65%;}   
    .slide-show .slide-overlay {width:auto; max-width:100%; top:50px; left:50px;}
    
    .ProductList li, .ProductList li .mosaic-block {width:220px !important;}
    .addthis_counter.addthis_bubble_style {margin-top:10px;}
    
    #home .ProductList li, .productPage .ProductList li, #home .ProductList li .mosaic-block, .productPage .ProductList li .mosaic-block {width:232px !important;}
    .ExpressCheckoutContent .a .pass { clear:both; }
    
    /* Sub Categories Grid View */
    .SubCategoryListGrid li {width:335px !important;}

    #SimilarProductsByCustomerViews .ProductList li:nth-child(4), #SideProductRelated .ProductList li:nth-child(5),
    #HomeFeaturedProducts .ProductList li:nth-child(4), #HomeNewProducts .ProductList li:nth-child(4) {display:none;}
}


@media screen and (max-width: 1023px)
{  
    #NewBillingAddress .AddBillingAddress > div.FloatLeft {width:100%;}
    /* Home Page Slider - 1024 and below */
    .slide-show .slide-overlay {width:auto; max-width:100%; top:50px; left:50px;}
    .ProductList .ProductImage a:hover {opacity:1.0;filter: alpha(opacity=100);}
    .ProductList li {width:220px !important;}
    
    /* Fast Cart Popup - 1024 and below  */
    #fastCartContainer .ProductList li .mosaic-block .ProductActionAdd .btn {width:138px !important;}
    .ExpressCheckoutContent .a .pass { clear:both; }
    
    /* Account Recent Items - 1024 */
    #AccountRecentItems .ProductList li, #AccountRecentItems .ProductList li .mosaic-block {width:298px !important;}
    #AccountRecentItems .ProductList li .compare, #AccountRecentItems .ProductList li .addtowishlist {width:49.3%;}
    
    /* Brands Page - 1024 */
    .SubBrandListGrid li {width:148px !important;}
    
    /* Search Result Page - 1024 */
    .SearchContainer .ProductList {margin-left:0;}
    #SearchTabsList.TabNav, #SearchPageHeader, #SearchTabContent {margin-left:20px;}
    .SearchContainer .ProductList li, .SearchContainer .ProductList li .mosaic-block {width:319px;}
    .SearchContainer .ProductList li .mosaic-block .ProductActionAdd .btn {width:223px !important;}

    #ProductReviews {width:100%;float:left;clear:both;}    
}

@media screen and (min-width: 900px) and (max-width: 1023px) 
{
    .AddBillingAddress .HorizontalFormContainer dt{width:22% !important;}
    .AddBillingAddress .HorizontalFormContainer dd{width:28% !important;}
    .AddBillingAddress .HorizontalFormContainer dt, .AddBillingAddress .HorizontalFormContainer dd {padding:0 !important;}
    
    
    #home .ProductList li, .ProductList li .mosaic-block, .productPage .ProductList li, .ProductList li .mosaic-block, .ProductList li {width:235px !important;}
    #home .ProductList li .mosaic-block .ProductActionAdd .btn, .ProductList li .mosaic-block .ProductActionAdd .btn  {width:258px !important;}
    .productPage .ProductList li .mosaic-block .ProductActionAdd .btn {width:294px !important;}
    
    .CategoryContent, #LayoutColumn2 {padding-left:0;}
    
    #ModalContainer {width:748px !important; margin-left:-374px !important;}
    #fastCartContainer .ProductList li, #fastCartContainer .ProductList li:first-child {margin:0 0.75% 10px; width:48.5% !important;}
    #fastCartContainer .ProductList li .mosaic-block .ProductActionAdd .btn {width:266px;}
    
    .left-content {width:65%;}
    #ProductDetails h1 {font-size:22px;}
    .addthis_counter.addthis_bubble_style {margin-top:10px;}
    
    #SimilarProductsByCustomerViews .ProductList li:nth-child(4), #SideProductRelated .ProductList li:nth-child(4),
    #HomeFeaturedProducts .ProductList li:nth-child(4), #HomeNewProducts .ProductList li:nth-child(4) {display:none;}
    
    .FormContainer .box dt {width:150px;}
    .HorizontalFormContainer dt {text-align:left;}
    .HorizontalFormContainer p.Submit {margin-left:0;}
    
    .AccountLogin .vertical-form .actions {margin-left:100px;}
    .AccountLogin .vertical-form label {width:100px;}
    
    .ExpressCheckoutCompletedContent {position:relative; left:0;}
    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {padding:25px 12px; margin-left:12px;}
    #tabcontent {overflow:hidden;}
    
    .Left, .Right, .mobileView.shoppingCartLink,  .mobileView.topMenuIcon, table.CartContents tbody tr.mobileView {display:none;}
    
    .PageMenu li .icon {display:block !important;}

    #sidr-left h3, #sidr-left h2 {border-radius:4px;}
    #sidr-left #Menu, #sidr-left .Block {margin-bottom:20px;}
    .mobileView .homeicon {display:none;}
    .treeview li a, .SideNav li a {overflow:hidden;}
    .mobileView.mobileMenu {border:1px solid #d6d6d6; margin-bottom:10px; overflow:hidden;}
    .mobileView li, .mobileView li li, .mobileView li li li {display:block; width:100%; clear:both; float:left; position:relative; border:none; margin-right:auto;}
    .PageMenu .mobileView li ul {position:relative; background:#f2f2f2;}
    .PageMenu .mobileView li a.hasSub {background:none;}
    .treeview li li li a {padding-left:36px;}
    
    #QuickViewProductDetails .addToCart {clear:both; float:left; margin-top:10px;}
    
    .ExpressCheckoutContent .a .address-checkout { width:100% !important; }
    .two-thirds { padding-left:10px; }
    #Header .inner { position:relative; }
    .PopularProducts h2 {background-position:130px 0;}

    .SubBrandListGrid li {width:131px !important;}
    
    #SearchTabsList.TabNav, #SearchPageHeader, #SearchTabContent {margin-left:0;}
    .SearchContainer .ProductList {margin-left:-20px;}
/*    .SearchContainer .ProductList li, .SearchContainer .ProductList li .mosaic-block {width:364px !important;}*/
    .SearchContainer .ProductList li .mosaic-block .ProductActionAdd .btn {width:259px !important;}
    
    .SubCategoryListGrid li {width:360px !important;}

}

@media screen and (min-width: 900px) {
    .hideTablet {display:initial;}
    .ExpressCheckoutContent .CreateAccount {float:left;margin-right:60px;min-height:275px;background-color:#FFFFEC;}
    .ExpressCheckoutContent .CreateAccount, .ExpressCheckoutContent .AccountLogin {width:40%;display:inline-block;}
    .desktopView.shoppingCartLink {display:block;margin-left:20px;} 

}

@media screen and (max-width: 899px) 
{ 
    .Left, .Right, .mobileView.shoppingCartLink, .desktopView, .mobileView.topMenuIcon, table.CartContents tbody tr.mobileView {display:none;}
    .hideTablet {display:none;}

    .mobileView, .desktopView.shoppingCartLink {display:block;} 
    .mobileView .homeicon {display:none;}
    .mobileView.mobileMenu {border:1px solid #d6d6d6; margin-bottom:10px; overflow:hidden;}
    .mobileView li, .mobileView li li, .mobileView li li li {display:block; clear:both; float:left; position:relative; border:none; margin-right:auto;}
    
    #Logo {padding:20px 0; }
    .headright { margin:30px 0 0 0;} 
    #SearchForm {margin-right:20px;}
    
    .mobileMenuIcon {background:url(//cdn11.bigcommerce.com/s-ym66unw/templates/__custom/images/mobilemenuicon2.png?t=1690287159) 0 0 no-repeat; display:block !important; width:33px; height:33px; margin:10px 10px 0 5px; overflow:hidden; text-indent:-500px;}
    
    #ProductDetails h1 { font-size:24px; }
    .PageMenu {margin:0;}
    .PageMenu li .icon {display:block !important;}
    .PageMenu .mobileView li ul {position:relative; background:#f2f2f2;}
    .PageMenu .mobileView li a.hasSub {background:none;}

    .treeview li li li a {padding-left:36px;}
    .treeview li a, .SideNav li a {overflow:hidden;}

    #sidr-left h3, #sidr-left h2 {border-radius:4px;}
    #sidr-left #Menu, #sidr-left .Block {margin-bottom:20px;}
    #sidr-left ul.ProductList li { width:240px; }
    #sidr-left ul.ProductList li .mosaic-block { width:238px; }
    #sidr-left ul.ProductList li .mosaic-block a { padding:0px 0px; }     
    #sidr-left .ProductList li .mosaic-block .ProductActionAdd .btn { width:133px; }

    .form dd { float:left; }

    .CartContents thead {display:none;}
    .CartContents tfoot .SubTotal td { float:none; width:auto; }

    .AddBillingAddress .HorizontalFormContainer dt, .AddBillingAddress .HorizontalFormContainer dd {padding:0 !important;}
    div.selector, #uniform-sel_billing_address {float:left; width:99%;}
    #AccountRecentItems .ProductList li, #AccountRecentItems .ProductList li .mosaic-block {width:343px !important;}
    #AccountRecentItems .ProductList li .compare, #AccountRecentItems .ProductList li .addtowishlist {width:49.4%;}

    #AdvancedSearchForm div.selector {float:none; overflow:hidden;}
    .SortBox div.selector {width:auto;}
    #SideProductRelated {display:none;}
    #ProductSlider {max-height:400px;}
    #ProductSlider .item {max-height:400px;}    

    #SimilarProductsByCustomerViews {margin-top:150px;}
}

@media screen and (min-width: 480px) and (max-width: 899px)  
{    
    /*table#QuickSearch {width:460px !important; margin-left:40px; padding:10px 12px;}*/
    .QuickSearch tbody tr, .QuickSearch tbody {width:auto !important;}
    /*.QuickSearch {left:150px !important;}*/
    .mobileView {display:block;}
    .mobileView .ProductDetails strong, .mobileView .ProductDetails strong a, .mobileView .ProductDetails .CartItemPrice, .mobileView .ProductDetails .CartQuantity { display:block; text-align:center; }       
}

@media screen and (min-width: 240px) and (max-width: 899px)  
{
    .mobileView {display:block;}

    .AddToCartRight {padding-left:10%;}   

    .TopMenu .menucover ul li {display:none;}
    .TopMenu .menucover .desktop-only {display:inline;padding:0 5px;}
    .headright {margin:10px auto 10px auto;max-height:40px;}
    .mobileView.shoppingCartLink {display:block;}
    .mobileView.topMenuIcon {display:block;}
    .desktopView.shoppingCartLink, table.CartContents tbody tr.desktopView, table.CartContents tbody tr.desktopView {display:none;}
    table.CartContents tbody tr.mobileView {display:table-row;}
    
    .btn {font-size:16px;}
    .CheckoutButton .btn {width:250px;}
    #ProductDescription {float:left;width:100%;}
    #ProductOtherDetails, #SimilarProductsByCustomerViews {width:100%;clear:both;}
    #ProductOtherDetails .DetailRow {margin: 0 0 15px 0px;width:33%;}
    

          
    #uniform-sel_billing_address, #sel_billing_address {width:100% !important;}
    .NarrowFormContainer dd, .ExpressCheckoutContent .HorizontalFormContainer p.Submit {margin-left:0; padding-bottom:0;}
    #recaptcha_area {width:100%; overflow-x:auto;}
    
    .CartList .ProductDetails strong a { font-size:14px; }
    .CartList .ProductDetails .CartItemPrice { font-size:14px; }
    .CartList .ProductDetails { text-align:center; }
        
    #use_store_credit table { width:100%; }
    
    .slide-show .slide-overlay {position:absolute; top:auto; bottom:10px; left:10px; padding:0; background:none;}    
    .slide-show h2 {font-size:18px; margin-bottom:0;}
    .slide-show h2 span {padding:2px 10px;}
    .slide-show .slide-text, .slide-show .btn {display:none;}
    .flex-control-nav, .flex-direction-nav {display:none;}
    
    .ProductList {margin-left:auto;}
    #home .ProductList li, .productPage .ProductList li, .ProductList li {width:50%; margin-left:auto; margin-right:auto; }
    .mosaic-block {width:100%;}
    .mosaic-block .ProductActionAdd .btn:hover {background-color:#00baff;}
    .quickview button {display:none;}
    .ProductList.List .mosaic-block, .ProductList.List .ProductImage {width:100%;}
    .ProductList.List li {margin-left:auto;}
    .SearchContainer .ProductList.List .productsbox {margin-bottom:10px;}
    
    #LayoutColumn2, .CategoryContent {padding-left:0;}
    
    .left-content, .ProductMain {clear:both; float:left; margin:20px auto 0; width:100%;}
    .PrimaryProductDetails .ProductMain {padding:0; border:0px;margin:0px;}
    .left-content {margin-top:0;}
    .zoomWrapper, .zoomPreload  {display:none !important;}
    .ProductThumbImage img {width:auto !important; max-width:75% !important;}
    .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad {display:block; cursor:pointer !important;}
    #ProductDetails .ProductTinyImageList {float:left;}
    #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {margin-top:45px;}
    
    .productPage #fancy_overlay, .productPage #fancy_outer, .productPage #fancy_loading {display:none !important;}
    .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad {cursor:default !important;}
    
    .CouponCode #couponcode, .GiftCertificateCode #giftcertificatecode {width:75% !important; clear:none !important;}
    .CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn {margin-top:2px;}
    .CartContents th {display:none;}
    table.CartContents tbody tr td {padding:12px 0;}
    .CartContents .ProductImage {max-width:50%; display:block; margin:0 auto;}
    .CartRemoveLink {position:absolute; top:0; right:0; overflow:hidden; text-indent:-500px;}
    .CartQuantity div.selector {margin-top:5px;}
    .CartContents .mobileView .CartList {overflow:hidden; margin:0 auto 20px;}
    .CartContents .mobileView .ProductDetails .productAttributes {margin:8px auto; }
    .CartContents .mobileView a.CustomizeItemLink {display:block; text-align:center; font-weight:bold; margin-bottom:10px;}
    
    .EstimateShipping {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} 
    .EstimateShipping dt {width:100% !important; text-align:left;}
    ul.ShippingAddressList li, .CheckoutRedeemCoupon input[type="text"] {width:auto !important;}
    
    #ChooseShippingAddress .TabNav {padding:0;}
    #ChooseShippingAddress .TabNav li a {font-size:12px; padding:0 12px;}
    .CartContents tfoot .SubTotal td {clear:both; /* float:left; width:100%;*/}
    .CheckoutRedeemCoupon label {padding:5px 0; display:block;}
    .CheckoutRedeemCoupon {padding-bottom:10px;}
    
    #multiAddressForm {overflow-x:auto;}
    #multiAddressForm p.Submit {text-align:left!important;}
    
    .SitemapPages, .SitemapCategories, .SitemapBrands {width:100%; margin:0 auto; padding:0;}
    #SitemapContent h3 {margin:20px auto 0;}
    #SitemapContent .SitemapPages h3 {margin:0 auto;}

    #SearchTabsList.TabNav, #SearchPageHeader, #SearchTabContent {margin-left:0;}
    #SearchTabsList.TabNav {padding:0;}

    table#QuickSearch {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .QuickSearch:before, .CurrencyChooser:before {top:-11px}
    
    .ExpressCheckoutBlock .ExpressCheckoutCompletedContent { display:none; } 
    #SimilarMultiProductsByCustomerViews h2 { background:url(//cdn11.bigcommerce.com/s-ym66unw/templates/__custom/images/titlebg-blue.gif?t=1690287159) no-repeat 242px top #00BAFF; }
    
    #AccountRecentItems .ProductList li {clear:both; float:none; margin:20px auto 0; display:block;}
    #AccountRecentItems .ProductList li:first-child {margin-top:0;}
    
    .SubBrandListGrid li {width:138px !important;}
    .SubBrandListGrid li .brand-img {height:auto !important;}
    
    .SearchContainer .ProductList li, .SearchContainer .ProductList li .mosaic-block {width:100%;}
    
    #ModalContainer {width:90% !important; margin-left:5% !important; left:0 !important;}
    
    .SubCategoryListGrid ul {margin-left:auto !important;}
    .SubCategoryListGrid li {width:100% !important; margin:0 auto 20px !important;}

}

@media screen and (min-width: 768px)
{
    #FeaturedVideo embed {width:640px; height:480px;  }
    #FeaturedVideo, #VideoSingle { text-align:center; }
    #VideoList { width:640px; margin:0 auto; }
    #VideoList li { float:left; width:45%; list-style-type:none; } 
}

@media screen and (min-width: 240px) and (max-width: 767px)
{
    .QuickSearch {display:none !important;}
    #FeaturedVideo embed {width:100%; height:240px;  }
    #FeaturedVideo, #VideoSingle { text-align:center; }
    #VideoList { width:100%; margin:0 auto; }
    #VideoList li { float:left; width:45%; list-style-type:none; } 
    #Slogan {font-size:10px;}
    #ProductSlider {max-height:350px;}
    #ProductSlider .item {max-height:350px;top:-50px;}
}

@media screen and (min-width:480px) and (max-width:670px) 
{
    .headright {margin:10px 0;width:50%;}
    #SearchForm {margin:0;}
    #SearchForm input.Textbox {float:right;}
    #SearchForm .Button {position:absolute;top:0;left:175px;}

}


@media screen and (min-width: 240px) and (max-width: 479px)  
{
    #Logo {max-width:110px;padding:20px 0 10px 0;}
    .AddToCartRight {padding-left:0%;}   
    #freeship img {max-width:70%;}
    /* General Widths - 320 and below */
    .TopMenu > .inner, .MegaMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner {
        width:95%;
        margin:0 2.5%;
    }    

    .mobileView .ProductDetails strong, .mobileView .ProductDetails strong a, .mobileView .ProductDetails .CartItemPrice, .mobileView .ProductDetails .CartQuantity { 
        display:block; text-align:center; 
    }
      
    #payment_options .PTB20 strong { display:block; clear:both; }      
    #cbCustomCartSummary {float:right;width:100%;}
    #cbCustomPaymentOption {float:left;width:100%;} 

    .TitleHeading, h1 {font-size:20px;}
    h2 {font-size:18px;}
    h3 {font-size:15px;}
    h4, h5 {font-size:14px;}
    h6 {font-size:13px;}
    .ProductTrust .ShipTime span:first-child {font-size:1.1em;}

    .headright {width:150px;margin:10px 0 0 0;}
    #SearchForm {margin-right:10px;}
    #SearchForm input.Textbox {width:100%;}
    #SearchForm .Button {position:relative;top:-35px;left:5px;}

    .ProductDetailsGrid {padding-left:10px;}
    .AddCartButton {width:225px;}
    .footer-columns > div {width:auto;min-height:0px;padding:0 10px;}
    
    table#QuickSearch {width:300px !important; margin-left:40px; padding:10px 12px;}
    .QuickSearch tbody tr {padding:10px;}
    
    .ProductList li {width: 190px !important;}
    .ProductList.List .productsbox {width:100%;}
    .ProductList .ProductImage { max-width:200px; max-height: 130px; }
    .ProductList .ProductImage img { max-width:185px;}
    strike.RetailPriceValue { display: none; }

    
    .SortBox div.selector span, .SearchSorting div.selector span { margin-right:0; }
    .SearchSorting div.selector { width:110px; line-height:28px; min-height:28px; }
    .SortBox label, .SearchSorting label { padding:10px 5px 0 0; }
    .CategoryPagination { margin:0 0 0 4px !important; }
    .nav-prev, .nav-next { width:20px; }
    .CategoryPagination .PagingList a { padding:7px 9px; }
    .footer-columns h4 { margin-bottom:3px; }
    .zoomPad { height:350px; }
    .ReviewContaint p { margin-bottom:5px; display:block; clear:both; }
    #CartContent .KeepShopping { float:right;  }
    #CartContent .ProceedToCheckout { padding-top:5px; }
    .ProceedToCheckout .AlternativeCheckout p { padding:0; }
    .ProductDetails .productAttributes { margin:8px 0px; }
      
    #apply_code.btn.alt {margin-top: 5px;}
    .HorizontalFormContainer dd {clear:both;margin-left:0;}
     
    
    .ExpressCheckoutBlock .ExpressCheckoutTitle { padding:20px 100px 20px 20px; } 
    .AccountOrderStatusList li h4 { margin-top:45px; }
    .FormContainer dd .LittleNotePassword  { padding:2px 0 2px 70px; }
    
    #AccountRecentItems .ProductList li, #AccountRecentItems .ProductList li .mosaic-block {width:100%;}
    #AccountRecentItems .ProductList li .compare, #AccountRecentItems .ProductList li .addtowishlist {width:49.2%;}
    
    #WishLists, #WishListEditFrom, #AccountInbox, #AccountOrderStatus, #AccountOrders, #ChooseShippingAddress, #EditAccountForm, #AccountRecentItems, #ShippingAddressForm, #AccountOrder, #CompareContent, #ChooseBillingAddress, #PurchaseGiftCertificate, #GiftCertificateIntro, #CheckGiftCertificateBalance, .YourAccount, .PageContent, #ChooseShippingProvider, #ConfirmOrder {padding:10px !important;}

    .owl-theme .owl-controls .owl-buttons .owl-prev{
      left: 5px;
      top: 120px; 
    }
     
    .owl-theme .owl-controls .owl-buttons .owl-next{
      right: 5px;
      top: 120px;
    }


}

@media screen and (min-width: 240px) and (max-width: 380px)
{
    #Logo {max-width:96px;}
    .headright {width:125px;}
    .AddCartButt {width:190px;}
    .treeview li a {padding:6px 10px;}
    .ProductDetailsGrid {padding-left:0px;}
    .ProductList .ProductImage img { max-width: 160px; }
    
    .ProductList li { width: 168px !important; }    
    
}