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; }*/


@media screen and (min-width: 1350px) {
    #Outer, .Inner, .Outer { width: 1250px; }
    .Left, .Right {width: 19%;}
    .Content {width: 62%; padding: 0 25px; }
    .TopContent, .Content.WideWithLeft {width: 81%; padding: 0 0 0 3%; }
    .slide-show-render .slides li { height: 380px; }

    .CheckoutForms { width: 90%; margin: 0 auto; }
}
@media screen and (min-width: 1250px) {
    #SearchForm { width: 76%; }
    .slide-show-render .slides li { height: 360px; }
    /*#CategoryHeading .BlockContent { white-space: nowrap; }*/
}
@media screen and (min-width: 1420px) {
    .slide-show-render .slides li { height: 400px; }
}
@media screen and (min-width: 1660px) {
    .slide-show-render .slides li { height: 450px; }
}
@media screen and (min-width: 1800px) {
    .slide-show-render .slides li { height: 490px; }
    #Outer, .Inner, .Outer { width: 1450px; }
    .side-banner-short { height: 440px; }
}
@media screen and (min-width: 1900px) {
    .slide-show-render .slides li { height: 520px; }
}
@media screen and (min-width: 2200px) {
    .slide-show-render .slides li { height: 630px; }
}
@media screen and (min-width: 2540px) {
    .slide-show-render .slides li { height: 680px; }
}


/* ==================================================================================
Desktop View - 1024  */
@media screen and (min-width: 768px) {
    /*#SearchForm { width: 72%; }*/
    #FeaturedVideo embed {width:640px; height:480px;  }
    #FeaturedVideo, #VideoSingle { text-align:center; }
    #FeaturedVideo iframe, #VideoSingle iframe, #FeaturedVideoPlayer { width: 100%; height: 100%; }

    .ProductThumb:hover .zoomImgBtn { opacity: 1; }
    #AdvancedSearchForm .accordian h3 { line-height: 42px !important; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .SubCategoryList .sort-label, .CategorySortBox .sort-label { display: block; margin-left: 0; }
    .SubCategoryList div.selector, .CategorySortBox div.selector { margin-left: 0; }
}

@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 li { float: none; width: 100%; margin: 5px auto;}

    .zoomImgBtn { opacity: 1; }
    #AdvancedSearchForm .accordian h3 { line-height: 42px !important; }
}



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

    #HeaderLower li a { padding-left: 15px; padding-right: 15px; }

    .search-header { width: 50%; }
    #SearchForm { width: 76%; }

    .slide-show-render .slides li {height:auto; min-height: 300px;}
    .flex-direction-nav a {top:45%;}

    #CategoryHeading.hasNoPaging .TopPaginationWrapper .selector { min-width: 150px !important; }
    #CategoryHeading.hasNoPaging .TopPaginationWrapper .SortBox { float: right; }
    .SubCategoryList .sort-label,


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

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

    input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, textarea {-webkit-appearance: none; border-radius:0; box-shadow:none;}

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

    .Left .ProductList li, .Right .ProductList li {margin-left:0 !important;}

    #SuggestiveCartContent .ProductList li,
    .ProductList li, .ProductList li.row3-item1, .ProductList li.row3-item1.row4-item1 {
        min-width: 48% !important; margin:0 2% 15px!important;
    }
    #SuggestiveCartContent .ProductList li(3n),
    .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; }
    #SuggestiveCartContent .ProductList li, .ProductList li, .ProductList li.row3-item1 {clear:none !important;}
    #SuggestiveCartContent .ProductList li:nth-child(2n+1),
    .ProductList li:nth-child(2n+1) { clear: left !important; margin-left: 0 !important; }
    .ProductList li:nth-child(2n) { margin-right: 0 !important; }
    .ProductList li:nth-child(2n) { margin-right: 0 !important; }

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

    .CheckoutRedeemCoupon { padding: 20px; }
    .EstimateShipping dd {margin-left:0; clear:both;}

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


@media screen and (min-width: 1024px) and (max-width: 1140px){
    #CategoryHeading.hasNoPaging .SubCategoryList {  }
}


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

    #Logo { max-width: 38%; }
    .search-header { width: 56%; margin-bottom: 10px; }
    #SearchForm { width: 72%; }

    #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 2% 15px !important; }
    .ProductList li, .ProductList li.row3-item1 { clear: none !important;}
    .ProductList li:nth-of-type(2n+1) { clear: left !important; margin-left: 0 !important; }
    .ProductList li:nth-of-type(2n) { margin-right: 0 !important; }
    .Left .ProductList li, .Right .ProductList li { margin:0 0 15px !important;}

    /*#CategoryHeading .SubCategoryList,*/
    /*.CategorySortBox,*/
    #CategoryHeading.hasNoPaging .SubCategoryList { float: none; }

    /*.SubCategoryList .sort-label,
    .CategorySortBox .sort-label { display: block; margin-left: 0; }*/


    .CheckoutRedeemCoupon { padding: 15px; }

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

    input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="button"], button, textarea {-webkit-appearance: none; }

    #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;}

    .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) {
    #Outer, .Inner { width: 748px; margin: 0 auto;}
    /*#TopMenu ul li:first-of-type { display: none; }*/

    #TopMenu ul.top-left li:nth-of-type(3), #TopMenu ul li.wishLink { display: none; }

    #ModalContainer { width:90% !important; margin-left: -45% !important; }

    #CategoryPagingTop { float: left; clear: none; }
    .CategoryPagination { margin: 0 0 10px 0; }
    .PagingList li { line-height: 30px; }
    .PagingList li a,
    .PagingList li.ActivePage {
      padding: 0 5px;
      width: 30px;
      height: 30px;
      margin: 0 2px;
    }
    .CategoryPagination .Prev a,
    .CategoryPagination .Next a {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }

    .SortBox .selector { margin-left: 0px; }
    /*#CategoryHeading div.selector { min-width: 130px !important; }*/




    .slide-show-render .slides li { height: auto; min-height: 250px;}
    .flexslider .slides img { height: 100%; }
    .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: 63%; padding: 28px 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; }


    .AccountLogin .NarrowFormContainer dd {clear:none;}
    .HorizontalFormContainer.DynamicWidth dt { width: 120px; }
    #ForgotPasswordForm .HorizontalFormContainer dd,
    #ForgotPasswordForm .HorizontalFormContainer p.Submit {clear:both; margin-left:0;}
    .HorizontalFormContainer.DynamicWidth dt { margin-left: 10px; width: 110px; }
    .HorizontalFormContainer.DynamicWidth dd { min-width: 260px; }
    .HorizontalFormContainer.DynamicWidth .WideField { width: 600px; }
    .HorizontalFormContainer.DynamicWidth dd.wideContainer { width: calc(100% - 140px); }
    .HorizontalFormContainer.DynamicWidth .WideField { width: ; }

    .ProductAside, .ProductMain {width:100%; float:left; clear:both;}
    .zoomWrapper {display:none !important;}



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

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



    #CompareContent {overflow:auto;}
}



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

    #TopMenu ul li { display: block; }
    #SearchForm { width: 72%; display: inline-block;/* float: none;*/ }
    /*#Header .btn-container { display: inline-block; float: right; }*/
    .CreateAccount, .AccountLogin {width:100%;}

    .flex-control-nav { bottom: 5px !important; }
    .flex-direction-nav a { font-size: 28px; line-height: 28px; top: 50%; width: 28px !important; }
    .slide-show-render .slides li { height: 220px; min-height: 220px; }
    .flex-direction-nav a.flex-prev {
        left: 0px !important;
        opacity: 1 !important;
    }
    .flex-direction-nav a.flex-next {
        right: 0 !important;
        opacity: 1 !important;
    }

    .slide-show-render-full .slide-overlay { padding: 30px 0 0 30px; }
    .slide-show-render-full .slide-heading { font-size: 36px; margin: 0 0 10px 0; line-height: 36px; }
    .slide-show-render-full .slide-text { padding: 0 50px 0 0 !important; margin: 0 0 15px; font-size: 16px; font-weight: 400; line-height: 22px; }

    .Content {float:right; width:496px; padding:0 0 20px 10px;}

    .Right { clear: none; }
    .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; }
    #CategoryHeading .SubCategoryList, #CategoryHeading .CategorySortBox { margin: 0; }

    div.selector span { padding-right: 40px; }
    /*#CategoryHeading .BlockContent { margin-right: 12px; }*/


    .CartCode { clear: both; }
    .CartCode .CouponCode, .CartCode .GiftCertificate, .CheckoutRedeemCoupon {width: 100%; clear:both; float:none; margin-bottom:15px;}
    table.Stylize td { padding-top: 10px; }


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

    .fastCartThumb { width: 40%; }
    .fastCartSummaryBox { width: 100%; float: none; padding: 0; max-width: 100%; }
    .fastCartItemBox { max-width:100%; width: 56%; margin-left: 4%; }

    .ModalContent { padding: 20px !important; }

    .CreateAccount, .AccountLogin {width:100%;}
    .AccountLogin {margin-top:30px;}

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


    .SitemapPages, .SitemapCategories, .SitemapBrands {width:100%; margin-left:0; clear:both;}

    #FooterUpper .Column #subscribe_form label { display: none; }
    .Inner.footerwrapper .credit br { display: block; }

    .ExpressCheckoutContent .HorizontalFormContainer.DynamicWidth dt {clear:both; float:none;}



    .treeview-outer > ul li.collapsable .hitarea,
    .treeview-outer > ul li li:hover {
        background-color: inherit;
    }

    #sidr-left-menu .treeview ul li.expandable a,
    #sidr-left-menu .treeview ul li.collapsable a {
        width: 87%;
    }

}



@media screen and (max-width: 667px) {
    .slide-show-render .slides li { height: auto; }
    .Right { clear: both; }
    .Right .ProductList .slick-slide .ProductImage { width: 100%; }
    .ProductAside .ProductThumbWrap .ProductThumb { display: block ; }

    #SearchForm { width: 80% !important; }
    #Header .header-btn#compareview { display: none; }

    #CategoryHeading { margin-bottom: 10px !important; }
    #CategoryHeading .SubCategoryList, #CategoryHeading .CategorySortBox { float: none; }

    #CategoryPagingTop, .SortBox, .SortBox .selector, .SubCategoryList .selector { clear: both; float: none; display: block; width: 100%; }
    .SortBox .selector, .SubCategoryList .selector { display: table-cell; width: 65%; }
    .TopPaginationWrapper { margin-top: 10px; }
    div.selector span { padding-right: 10px; }

    .CategorySortBox form, #CategoryHeading .SubCategoryList,
    #SearchSortingSelectContainer { display: table; width: 100%; vertical-align: middle; margin: 0px; padding: 10px 0; }
    .CategoryPagination, #CategoryHeading.hasNoPaging .SubCategoryList { float: none; }
    .sort-label { display: table-cell; vertical-align: middle; margin-left: 0; width: 35%; }

    html #SearchResultsProduct .SearchSorting .selector { width: 75%; float: none; display: table-cell; vertical-align: middle; clear: none; }
    html #SearchResultsProduct .SearchSorting .search-text { margin-top: 0; display: table-cell; width: 25%; padding: 5px 5px 0 0; vertical-align: middle; text-align: left; }



    .treeview-outer > a.treeview-link { color: #FFF; border-top: none; border-left: none; border-right: none; }
    .treeview-outer > ul li.ActivePage > a { background: rgba(0,0,0,.5); }
    html .treeview-outer > ul li.collapsable > a { width: 100%; }

    .treeview-outer > ul .hitarea,
    .treeview-outer > ul li.expandable:hover > .hitarea,
    .treeview-outer > ul li.expandable:hover > a { color: #FFF; border-left: none; background-color: inherit; }
    .treeview-outer > a.treeview-link { border-bottom: 1px solid rgba(0,0,0,.20); }
    .treeview li.selected .selected-hitarea { background-color: #FF5C46; }


}


/* ==================================================================================
Mobile landscape and Tablet View - 480 */
@media screen and (min-width: 480px) and (max-width: 767px) {
    #Outer, .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; }

    #SuggestiveCartContent .ProductList li { width: 48.5% !important; }
    .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),
    #SuggestiveCartContent .ProductList li:nth-of-type(2n),
    .Content.WideWithLeft .ProductList li:nth-of-type(2n) { margin: 0 0 20px 1% !important; }
    #SuggestiveCartContent .ProductList li:nth-of-type(2n+1), .ProductList li:nth-of-type(2n+1) { clear: left !important; }

    #CartContent .CartContents td {clear: both; display: block; float: left; text-align: left; width: 100% !important; }
    #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 #e7e9eb; padding-bottom:15px !important;}
    .SubTotal td {text-align:right !important;}
    .CartContents tfoot .SubTotal td {border-top:none; background:#f3f5f7;}
    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;}



    #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; font-size: 18px; }
    .CartList .CartQuantity { width: 100%; }


    .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;}


    .SubBrandListGrid li {margin:0 2% 20px; width:46% !important;}


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

    .SubCategoryListGrid li {width:45.3% !important;}
}




@media screen and (max-width: 480px) {
    .Left, .Right {width:100%; margin-top:0;}
    .CheckoutForms { width: 100%; }

    #Logo { width: 92%; max-width: 100%; float: none; }
    #Logo #LogoImage {max-width: 100%;}

    .cart-product-details-wrapper {
        display: table;
        width: 100%;
        vertical-align: middle;
    }
    .cart-product-details-wrapper .CartItemPrice,
    .cart-product-details-wrapper .CartQuantity {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }




    #CartContent .CartContents td {clear: both; display: block; float: left; text-align: left; width: 100% !important; }
    #CartContent .CartContents tbody td { padding: 20px 0; }
    #CartContent .CartContents tfoot td { padding: 5px 0; }
    #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;}

    table.CartContents .CartThumb, table.CartContents .CartThumb a {display:block; text-align:center; margin:0 auto;}

    .CartList .ProductImage { width: 90%; }
    .CartContents .SubTotal.First em.ProductPrice, .GrandTotal .ProductPrice {float:right;}

    #CartContent .CartContents .CartList li .cart-product-options-wrapper .productAttributes td { padding: 10px 0; text-transform: capitalize; }
    #CartContent .CartContents .CartList li .cart-product-options-wrapper .productAttributes td



    .CartItemPrice { margin: 10px 0; }
    /*.CartContents tfoot .SubTotal td,*/
    .CartItemPrice .ProductPrice { font-size: 20px; }

    .cart-product-details-wrapper {
        display: table;
        width: 100%;
        vertical-align: middle;
    }
    .cart-product-details-wrapper .CartItemPrice {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }
    .cart-product-details-wrapper .CartQuantity {
        display: table-cell;
        vertical-align: middle;
        width: 40%;
        text-align: right;
    }
    .cart-product-details-wrapper .CartQuantity .QuantityText { display: block; margin-bottom: 5px; }

    .CartList .CartQuantity { display: table; vertical-align: middle; width: 100%; }
    /*.CartList .CartQuantity > .QuantityText,
    .CartList .CartQuantity > .QuantityTextInput { display: table-cell; vertical-align: middle; }*/

    .CartQuantity input[type="text"].qtyInput { text-align: right; }
    /*.CartList .CartQuantity > .QuantityText { width: 65%; }
    .CartList .CartQuantity > .QuantityTextInput { width: 45%; }*/
    .CartList .CartQuantity > span input { padding: 10px; }
    .quantity-span { padding-right: 10px; }


    .HorizontalFormContainer dt {float:none; clear:both;}
    .TabNav li a {font-size:12px !important;}

    .EstimateShipRow td {height:auto !important; width:100% !important;}
    .EstimateShipping {width:90%;}

    .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");}
    .SharePublicWishList > a {word-wrap: break-word;}

    input, select, textarea, .Field50, .Field100, .Field150, .Field200, .Field300, .Field350, .Field400, .Field450, .Field500, .Field550, .Field600  {width: 100% !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 ) {
    #SearchForm { width: 82%; }
    #QuickSearch { left: 40px !important; width: 320px !important; }

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

    .SubBrandListGrid ul {width:94%;}

    .CartUpdateBtn { margin: 10px 0;}
    .CartUpdateBtn .btn { float: right; margin: 0px 0 25px; }
    .CartCode input[type="submit"] { padding: 11px 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: 14px !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; }

    .CartList .ProductDetails { float: none; margin-left: 0px; padding:0 0 15px; width:100%;}
    .CartList .ProductDetails h6 { font-size: 15px; }

    .CustomizeItemLink { font-size:12px; }

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

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


    .CategoryPagination {margin-bottom:10px;}

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

    #CategoryHeading .BlockContent {margin-right: 0; }
    .CategoryPagination, #CategoryHeading .BlockContent.TopPaginationWrapper {margin: 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, .Inner {width: 90%; margin: 0 auto;}

    .slide-image-wrapper {min-height: 120px; 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: 100% !important; margin:0 0 15px !important;}
    .Right .TopSellers, .Right #HomeSaleProducts, .Right .Block {width:98%; margin:0 1% !important;}

    .HomePage #SidePopularProducts .ProductList li, .HomePage #SidePopularProducts .ProductList li .ProductImage {width:308px !important;}

    .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;}
}*/

@media screen and (max-width: 320px) {
    #SearchForm { width: 79% !important; }
    #QuickSearch { left: 0px !important; width: 320px !important; }
}




@media screen and (max-width: 479px) {
    #Container { overflow-x: hidden; }
    #Outer, .Inner {width: 90%; margin: 0 auto;}

    .slide-image-wrapper {min-height: 120px; display:block;}
    .slide-show-render .slides li,
    .slide-show-render-full .slide-image,
    .slide-show-render-full .slide-content { height: 130px; }

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

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

    .HomePage #SidePopularProducts .ProductList li, .HomePage #SidePopularProducts .ProductList li .ProductImage {width:308px !important;}

    .KeepShopping { padding: 10px 0; }
    .EstimateShipping dl {padding-top:0;}
    .EstimateShipping dt, .EstimateShipping dd {margin-bottom:0;}

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

    .QuickSearch {margin:5px 0 0 -10px; width: 320px !important; }

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

    html .PayPalExpressCheckout { margin-bottom: 20px; }
}



/* ==================================================================================
Intermidate Resolutions */
@media screen and (min-width: 240px) and (max-width: 767px) {
    .Content.WideWithLeft {width:100%; padding: 0; float: none; display: block;}
    .Content .Block h1 { line-height: 1.25 !important; }

    .mobileView, .mobile-view {display:block;}
    .desktop-view { display:none; }
    .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;}

    .Left .CategoryList h2, .Left #SideNewProducts h2, #sidr-left-menu h2 { margin: 10px 0 0 0; }
    #SideCategoryShopByPrice h2, #sidr-left-menu #SideShopByBrand h2,
    #sidr-left-menu #SideCategoryList h2 { margin-top: 30px; }

    .Breadcrumb {padding:0;}

    #Header { padding-top: 5px; }
    #Logo {margin: 0px auto 10px; display: block; text-align: center; float: none; max-width: 80%; }

    #Header > .header-btn { margin-top: 0; }
    #Header > a { margin: 15px 0 15px 10px;}
    .search-header { width: 86%; margin: 0 0 10px; }
    #SearchForm { /*clear:both;*/ width: 78%; margin: 0 0 15px 0; }

    .header-facebook { display: none; }

    #Header .menuIcon { font-size: 32px; }


    #TopMenu .TopMenuWrapper { display: none; }
    #TopMenu .TopMenuWrapper .Inner { width: 90%; display: table; }
    #TopMenu ul { display: table-cell; width: 50%; float: none; }
    #TopMenu ul li { line-height: 1.4; margin: 10px 0; }
    #TopMenu .top-right li { padding: 0; height: auto; text-align:right; clear:both;}

    #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 { background:none; padding: 0;}



    .togglemenucover { border-top: 5px solid #545c66; }
    .togglemenu {width:30px; height: auto; overflow:hidden; margin:0 auto; text-align:center; background: #545c66; 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 i { -webkit-transition: all 350ms ease; transition: all 350ms ease; }
    .togglemenu:hover, .togglemenu:active, .togglemenu:focus { color: #FFF; }
    .togglemenu.Active i.fa {
        -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; height:auto !important;}
    .slide-show-render-full .slide-heading { color:#fff !important; font-size:13px; margin:0 auto; line-height:normal; padding: 5px 0;}
    .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;}

    .SearchContainer .ProductList li {margin-right: 0px !important;}

    .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;}


    .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;}

    .ProductList li .ProductDetails, .ProductList .slick-slide .ProductDetails { padding: 0 12px 0; }

    .ProductList .slick-slide .ProductDetails h6, .ProductList li .ProductDetails h6 { font-size: 15px; padding-bottom: 6px; }


    input[type="text"], input[type="email"], input[type="password"], textarea {width: 100%!important; padding-left:2%; padding-right:2%;}
    select {width:auto !important;}
    .HorizontalFormContainer dd {margin-left:auto;}
    .HorizontalFormContainer .price-range dt { float: none; }
    .from_to:last-of-type { margin-top: 10px; }
    #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 { max-width: 90%; float:none; margin: 0 auto; text-align: center; }

    .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;}

    h1, h2 {line-height:normal;}
    /*input, textarea {width:auto !important;}*/
    select {width:100% !important;}
    .SubTotal {background:#f2f4f6;}

    .forgot-pw-link { float: none; text-align: center; display: block; }

    .HorizontalFormContainer.DynamicWidth { width: 100%; }
    .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-bottom:0; float: none; display: block; }
    .HorizontalFormContainer.DynamicWidth div.selector { width: 100%; }

    .accordian div.selector { margin-left: 0; }




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


    .TabNav li { width:auto; }

    .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;}



    .EstimateShipping {width:97%; float:right;}
    #uniform-shippingZoneState {with:auto !important;}
}