/* Genera Styling */
img {max-width:100%; height:auto;}
body, div, li, p, span, a, strong, i, b,td, img {min-width:0 !important;}

.mobileView, .mobile-view {display:none;}
.desktop-view{ display:block; }
#CategoryPagingTop { float: left; }
.SortBox { float: right; }
/* ==================================================================================
Desktop View - 1024  */
@media screen and (min-width: 768px) {
    #FeaturedVideo embed {width:640px; height:480px;  }
    #FeaturedVideo, #VideoSingle { text-align:center; }
    #FeaturedVideo iframe, #VideoSingle iframe, #FeaturedVideoPlayer { width: 100%; height: 100%; }
    #VideoList { width:640px; margin:0 auto; }
    #VideoList li { float:left; width:auto; list-style-type:none; }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    #FeaturedVideo embed {width:100%; height:240px;  }
    #FeaturedVideo, #VideoSingle { text-align:center; }
    #FeaturedVideo iframe, #VideoSingle iframe, #FeaturedVideoPlayer { width: 100%; height: 100%; }
    #VideoList { width:100%; margin:0 auto; }
    #VideoList li { float:left; width:auto; list-style-type:none; }
}






@media screen and (min-width: 1024px) and (max-width: 1249px){
    #Outer {width:998px; margin:0 auto; overflow:hidden;}
    .Inner {width:998px; margin:0 auto;}
    .Left, .Right {width: 22%;}
    .Content {width: 56%;}
    .Content.WideWithLeft {/*width:742px;*/ width: 78%; padding: 0 0 0 2%; }

    .productOptionViewSelect div.selector, .productAttributeList .productAttributeValue select {width:100% !important;}

    .NarrowFormContainer dd, .NarrowFormContainer p.Submit {margin-left:0; clear:both;}
    #contact_question {width:86.5%;}



    ul.treeview {margin-right:2px;}
    #sidr-left-menu ul.treeview {margin:0 auto;}
    .Left .ProductList li, .Right .ProductList li {margin-left:0 !important;}

    .ProductList li, .ProductList li.row3-item1, .ProductList li.row3-item1.row4-item1 {
        min-width: 48% !important; margin:0 1% 15px!important;
    }
    .ProductList li:nth-of-type(3n) { margin-right: 1%; }
    .Content.WideWithLeft .ProductList li:nth-of-type(odd) { margin-left: 0 !important; }
    .Content.WideWithLeft .ProductList li:nth-of-type(even) { margin-right: 0 !important; }
    .ProductList li, .ProductList li.row3-item1 {clear:none !important;}


    .ProductThumbImage, .ProductThumb {max-width:100%; width:auto !important; height:auto !important; min-height:408px;}

    .CheckoutRedeemCoupon {width:96%; padding:15px 2%;}
    .EstimateShipping dd {margin-left:0; clear:both;}

    #FooterUpper .footerwrapper .Column .footerbox input[type="text"] {width:100%;}
    #FooterUpper .Column input.Button {margin-left:0;}
    .slide-show-render .slides li {height:auto; min-height:320px;}
    .flex-direction-nav a {top:45%;}
    #CategoryHeading .BlockContent {margin-right:8px;}

    .SortBox { float: left; clear: both; margin: 10px 0 0; /*display: block;*/ }
}


@media screen and (max-width: 1024px) {
    #MenuMobile .treeview { border: none; }
    #HeaderLower { font-size: 14px; }

    .ProductList li { min-width: 48% !important; }

    .ProductList li, .ProductList li.row3-item1,
    .ProductList li.row3-item1.row4-item1, .ProductList li.row4-item1 {
        margin: 0 1% 15px !important; /*margin:0 6px 15px!important;*/
    }
    .ProductList li, .ProductList li.row3-item1 {clear:none !important;}
    .Left .ProductList li, .Right .ProductList li {margin:0 0 15px !important;}


    .CheckoutRedeemCoupon {width:96%; padding:15px 2%;}

    .NarrowFormContainer dd, .NarrowFormContainer p.Submit {margin-left:0; clear:both;}
    #contact_question {width:86.5%;}



    #FooterUpper .footerwrapper .Column .footerbox input[type="text"] {width:92%;}
    #FooterUpper .Column input.Button {margin-left:0;}

    ul.treeview {margin-right:2px;}
    #sidr-left-menu ul.treeview {margin:0 auto;}


    #ModalContainer {width:820px !important; margin-left:-410px;}
    #fastCartContainer {overflow-y:auto; overflow-x:hidden; height:500px;}

    /* Brands Grid view - 1024 */
    .SubBrandListGrid {margin:0 auto;}
    .SubBrandListGrid li {margin:0 4px 20px; width:156px !important;}
}



/* ==================================================================================
Small Desktop and Tablet View - 768 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /* General Widths - 768 */
    #ModalContainer {width:90% !important; margin-left:-45% !important;}
        #Outer  {width:748px; margin:0 auto; overflow:hidden;}
    .Inner {width:748px; margin:0 auto;}

    .CategoryPagination { margin: 0 0 10px 0; }
    .SortBox { clear: both; float: none; margin: 10px 0 0; display: block; }
    .SortBox .selector { margin-left: 4px; }


    /* Home Page Slider - 768 */
    .slide-show-render .slides li {height:auto; min-height:235px;}
    .slide-show-render-full .slide-overlay {height:auto; !important; padding-top:30px;}
    .flex-direction-nav a {top:45%;}
    .HomePage #SidePopularProducts .ProductList li, .HomePage #SidePopularProducts .ProductList li .ProductImage {width:238px !important; min-width:238px !important;}

    .slide-show-render-full .slide-overlay { width: 80%; padding: 40px 0 0 40px; }
    .slide-show-render-full .slide-heading { font-size: 36px; line-height: 44px; margin-bottom: 10px; }
    .slide-show-render-full .slide-text { margin-bottom: 15px; }

    /* Content Wrapper - 768 */
    /*.Content.WideWithLeft, .Content {float:right; width: 70%; padding:0 0 20px 0px;}*/
    /*.Left, .Right { width: 28%; }*/

    /* Login Page - 768 */
    .CreateAccount, .AccountLogin {width:100%;}
    .AccountLogin {margin-top:30px;}
    .AccountLogin .NarrowFormContainer dd {clear:none;}
    #ForgotPasswordForm .HorizontalFormContainer dd, #ForgotPasswordForm .HorizontalFormContainer p.Submit {clear:both; margin-left:0;}

    /* Product Details Page - 768 */
    .ProductAside, .ProductMain {width:100%; float:left; clear:both;}
    .zoomWrapper {display:none !important;}

    /* Express Checkout - 768 */
    .ExpressCheckoutContent .HorizontalFormContainer.DynamicWidth dt {clear:both; float:none;}

    #fastCartContainer {overflow:hidden; height:auto;}

    /* Footer column - 768 */
    #FooterUpper .Column.third {clear:both;}
    #FooterUpper .Column {width:48%;}
    .Inner.footerwrapper .credit br {display:block;}
    /* Category Page - 768 */
    #CategoryHeading .BlockContent {margin-right:12px;}

    /* Product Comparison - 768 */
    #CompareContent {overflow:auto;}

}


@media screen and (max-width: 768px) {
    #Logo #LogoImage {max-width:250px;}
    .slide-show-render .slides li { height: auto; min-height: 235px; }

    /* .Right {width:236px; margin-top:20px;} */
    .Content {float:right; width:496px; padding:0 0 20px 10px;}
    .Right { clear: none; }
    /*.Right .TopSellers { width: 48%; margin:0 1%; float:left; clear:none !important;}*/

    /*.Right .Block {  }*/
    .Right .ProductList li { width:236px !important; margin: 0 !important;}
    .Right .ProductList li .ProductImage { width:236px !important; max-width:100% !important; min-width:5px !important;}
    .Left .Block:first-child, .Right .Block:first-child {padding-top:20px;}
    .AccountPage .Left .Block:first-child, .BlogPage .Left .Block:first-child {padding-top:0;}

    .SortBox { clear: none; float: right; }
    .SortBox .selector { margin-left: 4px; }
    .SortBox .selector span { line-height: 32px; }
    #CategoryPagingTop { float: left; clear: none; }


    /* Model Container Popup - 768 */
    #ModalContainer {width:90% !important; margin-left:-45% !important;}
    .modalClose, div#fancy_close {top:-10px; right:-10px;}

    /* Fast Cart Popup = 768 */
    .fastCartThumb { width: 40%; }
    .fastCartSummaryBox { width: 100%; float: none; padding: 0; max-width: 100%; }
    .fastCartItemBox { max-width:100%; width: 56%; margin-left: 4%; }
    /*#fastCartContainer .ProductList { margin-left: -10px !important; }
    #fastCartContainer .ProductList li { margin: 0 0 20px 10px !important; }
    #fastCartContainer .ProductList li, #fastCartContainer .ProductList li .ProductImage { width: 154px !important; min-width: 5px !important; max-width: 100% !important; }*/

    .ModalContent { padding: 20px !important; }

    /* Login Page - 768 and below */
    .CreateAccount, .AccountLogin {width:100%;}
    .AccountLogin {margin-top:30px;}

    #fastCartContainer {overflow:hidden; height:auto;}

    /* Sitemap Page - 768 and Below */
    .SitemapPages, .SitemapCategories, .SitemapBrands {width:100%; margin-left:0; clear:both;}

    /* Footer Newsletter box column - 768 and below */
    #FooterUpper .Column #subscribe_form label {display:none;}
    .Inner.footerwrapper .credit br {display:block;}

    /* Category Page - 768 and below */
    #CategoryPagingTop, .SortBox {float:right; clear:both;}
    .CategoryPagination {margin:0 0 10px 0;}
    #CategoryHeading .BlockContent {margin-right:12px;}
}



@media screen and (max-width: 640px) {
    .Right { clear: both; }
    /*.Right .ProductList li, .Right .ProductList .slick-slide { width: 100%; }*/
    .Right .ProductList .slick-slide .ProductImage { width: 100%; }

    #CategoryHeading { margin-bottom: 10px !important; }

    #CategoryPagingTop, .SortBox, .SortBox .selector { clear: both; float: none; }
    .SortBox .selector { display: table-cell; width: 100%; }
    .SortBox { margin: 10px 0 0; display: table; width: 100%; }
    .CategoryPagination { float: none; }
    .sort-label { display: table-cell; vertical-align: middle; padding-right: 8px; }
}


/* ==================================================================================
Mobile landscape and Tablet View - 480
================================================================================== */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #Outer {width: 90%; margin:0 auto; /*overflow:hidden;*/}
    .Inner {width: 90%; margin:0 auto;}

    .slide-image-wrapper {min-height:150px; display:block;}

    #FooterUpper .Column {width:48%;}
    .Content, .Right {width: 100%; padding:0 0% 20px;}
    html .ContentArea { width: 100%; margin-left: 0; }

    .ProductList li, .HomePage .ProductList li, .Content.WideWithLeft .ProductList li {
        min-width:5px !important; width: 49% !important;
    }
    .ProductList li:nth-of-type(1n), .HomePage .ProductList li:nth-of-type(1n),
    .Content.WideWithLeft .ProductList li:nth-of-type(1n) { margin: 0 1% 20px 0 !important; }
    .ProductList li:nth-of-type(2n), .HomePage .ProductList li:nth-of-type(2n),
    .Content.WideWithLeft .ProductList li:nth-of-type(2n) { margin: 0 0 20px 1% !important; }

    ul.cycle-slideshow.ProductList li {width:221px !important; margin:0 !important;}
    ul.cycle-slideshow.ProductList li .ProductImage {width:221px !important;}

    /* Cart Page - 480 */
    #CartContent .CartContents td {clear: both; display: block; float: left; text-align: left; width: 100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -web-kit-box-sizing:border-box;}
    #CartContent .CartContents tbody td, #CartContent .CartContents tfoot td {padding:6px 11px;}
    #CartContent table.CartContents.General thead {display:none;}
    #CartContent table.CartContents.General tbody tr td {border-top:none;}
    .CartItemIndividualPrice label, .CartItemTotalPrice label {display:block !important; float:left;}
    .CartItemQuantity .selector {float:left;}
    .CartRemoveLink {display: block; margin:0; padding: 5px;}
    #CartContent .CartItemTotalPrice {border-bottom:1px solid #eee9e9; padding-bottom:15px !important;}
    .SubTotal td {text-align:right !important;}
    .CartContents tfoot .SubTotal td {border-top:none; background:#f2f2f2;}
    table.CartContents td, table.General td {border-bottom:none;}
    table.CartContents .CartThumb {padding-top:25px !important;}
    table.CartContents tr.First .CartThumb {padding-top:inherit !important;}
    table.CartContents tfoot .SubTotal td {border:none;}
    table.CartContents tfoot .SubTotal td.Even.Alpha {border-top:10px solid #fff;}
    .CartItemIndividualPrice {text-align:right !important;}

    .CartCode .CouponCode, .CartCode .GiftCertificate, .CheckoutRedeemCoupon {width: 100%; clear:both; float:left; margin-bottom:15px;}

    #ModalContainer { width: 90% !important; left:5% !important; margin-left:0px !important; }

    .CartList .ProductDetails { float:left; padding:5px 0; }

    .CartList .ProductImage { margin:0 15px 10px 0; width:140px !important; }
    .CartList .ProductDetails { float:left; padding:15px 0 0; }
    .CartList li { padding:10px; }
    .CartQuantity { font-size: 13px; padding: 5px 0 0; }
    .CartQuantity div.selector { margin:5px 0 0; }

    .CustomizeItemLink { font-size:12px; }

    .CartList .CartItemPrice, .CartList .CartQuantity {clear:both;}

    .CartContents .SubTotal.First em.ProductPrice, .GrandTotal .ProductPrice { float: right; }

    .QuickSearch {width:398px !important; margin:5px 0 0 -9px;}

    .HorizontalFormContainer dt {width:150px;}
    .HorizontalFormContainer dd {margin-left:160px;}

    /* Brands Grid view - 480 */
    .SubBrandListGrid li {margin:0 2% 20px; width:46% !important;}

    /* Header Search input - 480 */
    /*#SearchForm #search_query {width:87% !important;}*/

    #FooterUpper .Column.second {min-height:235px;}

    /* Sub Category List Grid View - 767 */
    .SubCategoryListGrid li {width:45.3% !important;}
}


@media screen and (max-width: 480px) {

    .Left, .Right {width:100%; margin-top:0;}
    #Logo #LogoImage {max-width:220px;}

    #CartContent .CartContents td {clear: both; display: block; float: left; text-align: left; width: 100% !important; box-sizing:border-box; -moz-box-sizing:border-box; -web-kit-box-sizing:border-box;}
    #CartContent .CartContents tbody td, #CartContent .CartContents tfoot td {padding:6px 11px;}
    #CartContent table.CartContents.General thead {display:none;}
    #CartContent table.CartContents.General tbody tr td {border-top:none;}
    .CartItemIndividualPrice label, .CartItemTotalPrice label {display:block !important; float:left;}
    .CartItemQuantity .selector {float:left;}
    .CartRemoveLink {display: block; margin:0; padding: 5px;}
    #CartContent .CartItemTotalPrice {border-bottom:1px solid #eee9e9; padding-bottom:15px !important;}
    .SubTotal td {text-align:right !important;}
    .CartContents tfoot .SubTotal td {border-top:none; background:#f2f2f2;}
    table.CartContents td, table.General td {border-bottom:none;}
    table.CartContents .CartThumb {padding-top:25px !important;}
    table.CartContents tr.First .CartThumb {padding-top:inherit !important;}
    table.CartContents tfoot .SubTotal td {border:none;}
    table.CartContents tfoot .SubTotal td.Even.Alpha {border-top:10px solid #fff;}
    .CartItemIndividualPrice {text-align:right !important;}

    .CartCode .CouponCode, .CartCode .GiftCertificate, .CheckoutRedeemCoupon {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; clear:both; float:left; margin-bottom:15px;}
    table.CartContents .CartThumb, table.CartContents .CartThumb a {display:block; text-align:center; margin:0 auto;}
    .CartList .CartItemPrice, .CartList .CartQuantity {clear:both;}
    .CartContents .SubTotal.First em.ProductPrice, .GrandTotal .ProductPrice {float:right;}

    .HorizontalFormContainer dt {float:none; clear:both;}
    /* multiAddressForm - 480 and below */
    .TabNav li a {font-size:12px !important;}

    /* Mobile Cart - 480 and Belve */
    .EstimateShipRow td {height:auto !important; width:100% !important;}
    .EstimateShipping {width:90%;}

    /* Express Checkout Step 4 - 480 */
    .ExpressCheckoutBlock .ExpressCheckoutTitle, .ProductList li .ProductActionAdd a, .btn, input[type="submit"], input[type="button"] {font-size:13px !important;}
    .ExpressCheckoutBlock h3 a {font-size:10px;}
    .HorizontalFormContainer.DynamicWidth p.Submit {margin-left:0;}
    .ExpressCheckoutContent th, #ConfirmOrder th {display:none;}
    .ExpressCheckoutContent tfoot td,  #ConfirmOrder tfoot td {border-top:5px solid #fff !important; height:50px; font-size:13px !important;}
    .ExpressCheckoutContent tfoot td:first-child,  #ConfirmOrder tfoot td:first-child {width:70%;}
    .ExpressCheckoutContent tfoot .CheckoutTotalRowTotal td,  #ConfirmOrder tfoot .CheckoutTotalRowTotal td {background:#464646; color:#fff !important;}
    #OrderConfirmationForm h3, #ConfirmOrder h3 {font-size:15px;}
    .CheckoutOrderComments textarea.FieldFull {width:90% !important;}
    .BillingDetails, .ShippingDetails {width:100%; clear:both; display:block;}
    #ConfirmOrder h2 {height:auto !important;}
    #OrderConfirmationForm .mobile-view td:first-child, #ConfirmOrder .Even.Alpha {width:100%;}

    #wishlistsform ul {margin-left:0;}
    #wishlistsform .edit a, #wishlistsform .delete a, #wishlistsform .share a {
        width:20px; height:20px; overflow:hidden; display:block; text-indent:-200px;
        background-repeat: no-repeat;
        background-position: scroll left top;
        background-color: rgba(0, 0, 0, 0);
    }
    #wishlistsform .edit a {background-image: url("../images/edit.png");}
    #wishlistsform .delete a {background-image:url("../images/trash.png"); margin:0 2px;}
    #wishlistsform .share a {background-image:url("../images/share.png");}
    #wishlistsform li h5.Subtitle {text-transform:none; font-size:13px !important;}
    .SharePublicWishList > a {word-wrap: break-word;}

    input, select, textarea, .Field50, .Field100, .Field150, .Field200, .Field300, .Field350, .Field400, .Field450, .Field500, .Field550, .Field600  {width:auto !important;}
    #message, textarea {width:90% !important;}
    #WishListEditFrom dd, .HorizontalFormContainer dd, .HorizontalFormContainer p.Submit {margin-left:0 !important; clear:both; float:left; width:99%;}


    #payment_options { width:100%; clear:both; }

    #CartHeader { padding: 15px 0px 15px 15px; }
    #CartHeader h1 { margin:0 0 15px;}

    #ModalContainer { width: 90% !important; left:5% !important; margin-left:0px !important; }

    .CartList .ProductDetails { float:right; padding:15px 0; width:100% }
    #CartContent .CartContents .CartList li .productAttributes td {width:40% !important;}

    .SelectBillingAddress .uniform-multiselect { width:95% !important; }

    .banner_category_page_top, .banner_brand_page_top, .banner_search_page_top { padding:8px; }

    #CreateAccountForm h3 { clear:both; }
}



@media screen and (min-width:240px) and ( max-width:479px ) {

    .btn.WishListButton {margin:0;}
    .productOptionViewSelect .selector{width:90% !important;}
    .ProductPrice, .ProductList em, .ProductList em  {max-width:145px;}

    .SubBrandListGrid ul {width:94%;}

    .CartUpdateBtn { margin: 10px 0;}
    .CartUpdateBtn .btn { float: right; margin: 5px 0 10px; }
    .CartCode input[type="submit"] { padding: 10px 20px !important; margin-bottom: 0; }
    table.CartContents .CartThumb, table.CartContents .CartThumb a {display:block; text-align:center; margin:0 auto;}

    .EstimateShipping {padding:20px 10px;}
    .EstimateShipping dd {float:left; margin-left:0; clear:both;}
    .EstimateShipping p.Submit {clear:both;}
    .EstimateShipping p.Submit input {margin-top:5px;}
    .EstimateShipping .Even.Alpha.Omega {border-top:5px solid #fff;}

    .ExpressCheckoutBlock .ExpressCheckoutTitle, .ProductList li .ProductActionAdd a, .btn, input[type="submit"], input[type="button"] {font-size:13px !important; margin-bottom:5px;}
    .ExpressCheckoutBlock h3 a {font-size:10px;}
    .HorizontalFormContainer.DynamicWidth p.Submit {margin-left:0;}
    .ExpressCheckoutContent th, #ConfirmOrder th {display:none;}
    .ExpressCheckoutContent tfoot td,  #ConfirmOrder tfoot td {border-top:5px solid #fff !important; height:50px; font-size:13px !important;}
    .ExpressCheckoutContent tfoot td:first-child,  #ConfirmOrder tfoot td:first-child {width:70%;}
    .ExpressCheckoutContent tfoot .CheckoutTotalRowTotal td,  #ConfirmOrder tfoot .CheckoutTotalRowTotal td {background:#464646; color:#fff !important;}
    #OrderConfirmationForm h3, #ConfirmOrder h3 {font-size:15px;}
    .CheckoutOrderComments textarea.FieldFull {width:90% !important;}
    .BillingDetails, .ShippingDetails {width:100%; clear:both; display:block;}
    #ConfirmOrder h2 {height:auto !important;}


    #SideProductAddToWishList {left:50% !important; margin-left:-120px;}

    .TabNav {padding:0;}
    .TabNav li {width:100%; margin:0 auto; padding:0;}

    ul.tabs li { padding: 8px; }

    .ToggleSearchFormLink {width:100%; text-align:right; margin:10px 0;}

    #ModalContainer { width: 90% !important; left:5% !important; margin-left:0px !important; }

    .sharedetails { clear:both; }

    .CartList .ProductImage { margin:0 12px 10px 0; }
    .CartList .ProductDetails { float:left; padding:5px 0; }
    .CartList li { padding:5px; }
    .CartQuantity { font-size: 13px; padding: 5px 0 0; }
    .CartQuantity div.selector { margin:5px 0 0; }

    .CustomizeItemLink { font-size:12px; }

    .banner_category_page_top, .banner_brand_page_top, .banner_search_page_top { padding:5px; }

    #CreateAccountForm div.selector { width:auto !important; }

    .CartList .ProductDetails { float:left; margin-left:10px; padding:0 2% 15px; width:76%;}
    .CategoryPagination {margin-bottom:10px;}

    #SearchForm #search_query {width: 100% !important;}

    #CategoryHeading .BlockContent {margin-right:0;}

    .PrimaryProductDetails .ProductThumb .ProductThumbImage .zoomPad {width:100% !important;}

    .SubCategoryListGrid ul {margin:0 auto !important;}
    .SubCategoryListGrid li {width:98% !important; margin:0 1% 20px !important;}
    .SubCategoryListGrid li a:first-child {width:300px;}

}



/* ==================================================================================
Mobile Potrate View - 320  */
@media screen and (min-width: 320px) and (max-width: 479px) {
    #Container { overflow-x: hidden; }
    #Outer {width: 90%; margin:0 auto; }
    .Inner {width: 90%; margin:0 auto;}

    .slide-image-wrapper {min-height: 99px; display:block;}

    #FooterUpper .footerwrapper .Column .footerbox input[type="text"] {width:96%;}

    .Content, .Right {width:99%; padding:0 0.5% 20px;}
    .HomePage .ProductList li, .ProductList li, .ProductList li.row3-item1, .ProductList li.row3-item1.row4-item1, .ProductList li.row4-item1, .Content.WideWithLeft .ProductList li {min-width:5px !important; width:98% !important; margin:0 1% 15px !important;}
    .Right .TopSellers, .Right #HomeSaleProducts, .Right .Block {width:98%; margin:0 1% !important;}

    ul.cycle-slideshow.ProductList li {width:301px !important; margin:0 !important;}
    ul.cycle-slideshow.ProductList li .ProductImage {width:301px !important;}
    .HomePage #SidePopularProducts .ProductList li, .HomePage #SidePopularProducts .ProductList li .ProductImage {width:308px !important;}

    .CartList .ProductDetails {width:90%; padding:0 2% 15px 0;}
    .CartList .ProductDetails { float:left; margin-left:10px; padding:0 2% 15px; }
    .KeepShopping { padding:0 0 15px 0;}
    .EstimateShipping dl {padding-top:0;}
    .EstimateShipping dt, .EstimateShipping dd {margin-bottom:0;}

    #CreateAccountForm .ML250 {margin-left:0;}

    .QuickSearch {margin:5px 0 0 -10px;}

    .SearchContainer .ProductList li {width:96% !important;}
}



/* ==================================================================================
Intermidate Resolutions  */
@media screen and (min-width: 240px) and (max-width: 767px) {
    .Content.WideWithLeft {width:100%; padding: 0; float: none; display: block;}
    .mobileView, .mobile-view {display:block;}
    .desktop-view { display:none; }
    .Breadcrumb {padding:0;}
    #Logo {margin: 0px auto 10px;}

    #Header > a {margin:15px 0 15px 10px;}
    #SearchForm {margin:0 0 15px; width:85%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; clar:both;}
    #Header .menuIcon { font-size: 32px; }
    /* Top Menu */
    #TopMenu {height:auto; display: none;}
    #TopMenu ul { float: left; width: 50%;}
    #TopMenu ul li {display:block; width:100%;}
    #TopMenu .FloatRight {width:50%; height:auto; float:right; text-align:right;}
    #TopMenu .currency-converter, #TopMenu .wishLink, #TopMenu .CartLink, #TopMenu .checkout {float:right; padding:0 10px; height:auto; text-align:right; clear:both; }


    #TopMenu .wishLink {padding-left: 30px; }
    #TopMenu .CartLink {padding-left: 22px; }

    .togglemenucover { border-top: 5px solid #5f6874; }
    .togglemenu {width:30px; height: auto; overflow:hidden; margin:0 auto; text-align:center; background: #5f6874; position:relative; display:block; border-radius: 0 0 3px 3px; color: #FFF; font-size: 16px; padding: 0 5px 2px; text-align: center; -webkit-transition: all 350ms ease; transition: all 350ms ease; }
    .togglemenu:hover, .togglemenu:active, .togglemenu:focus { color: #FFF; }
    .togglemenu.Active i.fa:before {
        /*font-family: FontAwesome;
        content: '\f106';*/
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #HeaderLower #Menu {display:none;}

    .slide-show-render .slides li {min-height:100%;}
    .flex-control-nav.flex-control-paging, .flex-direction-nav {display:none !important;}
    .slide-show-render-full .slide-overlay {padding:5px 10px; background:url(../images/graytransbg.png) 0 0 repeat !important; position:absolute; clear:both; float:left; width:100%; left:0; top:auto; bottom:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:auto !important;}
    .slide-show-render-full .slide-heading { color:#fff !important; font-size:12px; margin:0 auto; line-height:normal;}
    .slide-show-render-full .slide-text, .slide-show-render-full .slide-button {display:none !important;}


    #FooterUpper {padding:20px 0 0;}
    .footerwrapper .footerbox {min-height:100%;}
    #FooterUpper .Column label {display:none;}
    #FooterUpper .Column {width:100%; margin:0 auto;}


    .HomePage .ProductList li .ProductImage, .ProductList li .ProductImage,
    .HomePage .ProductList .slick-slide .ProductImage, .ProductList .slick-slide .ProductImage {max-width:100% !important; min-width:5px !important; width:100% !important; display:block;}
    .Left .ProductList li, .Right .ProductList li, .Left .ProductList li .ProductImage, .Right .ProductList li .ProductImage, .Content.WideWithLeft .ProductList li .ProductImage, ul.cycle-slideshow.ProductList li .ProductImage, ul.cycle-slideshow.ProductList li {width:100% !important; display:block; margin-right:2px; min-width:5px !important; max-width:100% !important;}
    .HomePage #SidePopularProducts {margin-right:2px;}
    .Left, .Right {display:none;}
    .Left .Block:first-child, .Right .Block:first-child {padding-top:20px;}

    .sidr {background:none;}
    .sidr.left .Block:first-child {margin-top:0;}
    #sidr-left-menu .treeview, #sidr-left-menu .treeview-outer > ul { border-width: 1px 0 1px 0; }
    .Left .CategoryList h2, .Left #SideNewProducts h2, #sidr-left-menu h2 { margin: 20px 0 0 0; }

    .cycle-slideshow.ProductList .cycle-slideshow {width:99.5% !important; margin:0 auto !important;}

    .ProductAside, .ProductMain {width:100%; margin:0 auto; clear:both; float:left;}
    .ProductThumbImage, .ProductThumb {width:100% !important; margin:0 auto; min-width:100%; height:auto !important;}
    .ProductDetailsGrid {margin-right:auto;}
    .ProductPriceWrap {margin-bottom:0;}
    .ProductMain {margin:30px auto 0 !important;}
    .zoomWindow, .zoomPreload {display:none !important;}


    input[type="text"], input[type="email"], input[type="password"], textarea {width: 100%!important; padding-left:4%; padding-right:2%;}
    select {width:auto !important;}
    .HorizontalFormContainer dd {margin-left:auto;}
    /* Recaptcha Area - 320 */
    #recaptcha_area {width:auto !important; max-width:100%; overflow:auto;}

    .CartContents .desktopView {display:none;}
    #CartHeader {padding:0;}
    .CartList {margin:0 auto; padding:0;}
    .CartList li {list-style:none; padding:0; position:relative;}
    .CartList .ProductImage {width:80px !important; float:none; margin-right:0;}

    .CartList .ProductDetails strong a {margin-bottom:10px; float:left;}
    .CartRemoveLink {position:absolute; right:0px; top:0px; z-index:99;}

    .CartList li .productAttributes, .CartList li .productAttributes table {width:100% !important;}
    #CartContent .CartContents .CartList li .productAttributes td {width:22% !important; clear:none !important; float:left; padding-left:0;}
    #CartContent .CartContents .SubTotal td {float:left; clear:none !important; width:48% !important; padding-left:1%; padding-right:1%; }
    #CartContent .CartContents .SubTotal.EstimateShipRow  td  {width:97.5% !important;}

    .CartCode input[type="text"] {width:70% !important;}
    #SuggestiveCartContent {overflow:hidden; margin-top:15px;}
    .CartContents .GrandTotal.Last td {padding-bottom:20px !important;}
    .CartContents .SubTotal.First td {padding-top:10px !important;}

    #ChooseShippingAddress h2 .actions {top:55px;}

    .EstimateShipping {width:96%; margin:0 auto; padding:10px 0; float:none;}
    #uniform-shippingZoneCountry {width:auto !important;}

    /* General Form Elements - Below 767 */
    h1, h2 {line-height:normal;}
    input, textarea {width:auto !important;}
    select {width:100% !important;}
    .SubTotal {background:#f2f2f2;}
    .HorizontalFormContainer.DynamicWidth dt {clear:both; width:100%; float: none; display: block; margin: 0; min-height: 28px; margin: 10px 0 0 0; line-height: 28px; }
    .HorizontalFormContainer.DynamicWidth dd {margin:0; float: none; display: block; }
    .HorizontalFormContainer.DynamicWidth dd:last-of-type { margin-bottom: 10px; }
    .HorizontalFormContainer.DynamicWidth .WideField { width: 50%; }

    .HorizontalFormContainer.DynamicWidth div.selector { width: 100%; }

    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {display:none;}
    .HorizontalFormContainer p.Submit {margin-left:0;}
    .CartContents tfoot .GrandTotal td {font-size:19px !important;}
    #PageContent .BlockContent, #NewsContent .BlockContent {padding:0;}

    /* Search Page - Below 767 */
    .SearchContainer .ProductList li {margin-right:6px !important;}
    .TabNav li {width:auto;}

    /* Brands Grid view - 767 and below */
    .SubBrandListGrid  {margin:0 auto;}
    .SubBrandListGrid ul {margin:0 auto; width:100%;}
    .SubBrandListGrid li .BrandImage {width:100%; display:block;}
    .SubBrandListGrid li {margin:0 auto  20px; width:100% !important;}

    /* Header Currency Selector - 767 and below */
    #TopMenu .currency-converter #SideCurrencySelector:before {left:90%;}
    #TopMenu .currency-converter #SideCurrencySelector .selected-currency {line-height:28px;}
    #TopMenu .currency-converter #SideCurrencySelector {position:absolute; top:30px; left:auto; right:0; width:187px; float:left !important; text-align:left !important;}

    #TopMenu .currency-converter, #TopMenu .FloatRight {background:none;}

    /* Estimate Shipping - 767 and below */
    .EstimateShipping {width:97%; float:right;}
    #uniform-shippingZoneState {with:auto !important;}

}