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

Tablet Layout:768px.
********************************************************************** 
********************************************************************** 
********************************************************************** 
********************************************************************** 
**********************************************************************/

@media only screen and (min-width:768px) and (max-width:991px) { 
    body {
    min-width: 768px;
    margin: 0 auto;
    }
    #Container {
    margin: 0 auto;
    }
    #Wrapper,
    .Center,
    .Content.Widest,
    .slide-show {
    width: 720px
    }
    .MobileMenuLower {
    display: block
    }
    .slide-show-render-full .slide-content,
    .slide-show-render .slides,
    .slide-show-render .slides li {
    height: 300px;
    border: 0;
    }
    .slide-show-render.slide-show {
    margin-bottom: 0
    }
    .Content .ProductList li {
    width: 165px !important;
    min-height: 320px;
    }
    .Content .ProductList li .wrap {
    min-height: 320px
    }
    
    .ProductList .ProductPriceRating {
    margin: 0 0px;
    text-align: left;
    }
    .Content .ProductList .ProductImage .QuickViewOverlay {
    height: 178px;
    width: 145px;
    }
    .ProductList li .ProductActionAdd {
    position: static;
    margin-top: 10px;
    }
    
    
    .HorizontalFormContainer dd input.Textbox {
    width: 220px
    }
    .HorizontalFormContainer dd select {
    width: 237px
    }
    #Footer {
    padding-top: 0
    }
    #FooterUpper .Column {
    padding-bottom: 0;
    }
    .CreateAccount {
    width: 320px;
    padding-left: 0;
    }
    .AccountLogin {
    padding:0;
    width: 360px;
    }
    .EstimateShipping  {
    float: none;
    }
    .EstimatedShippingForm,
    .EstimatedShippingMethods,
    #CartContent .EstimatedShippingMethods {
    float: none;
    width: auto;
    margin: 0;
    }
    #CheckoutStepAccountDetails .ExpressCheckoutContent {
    padding: 20px 0
    }
    /*Left*/
    .CompareImage img {
    width: 160px
    }
    /*product page*/
    .PrimaryProductDetails .ProductMain,
    .PrimaryProductDetails .productAddToCartBelow {
    width: 360px
    }
    .PrimaryProductDetails .ProductThumb {
    width: 330px
    }
    .ImageCarouselBox {
    width: 330px;
    margin-top: 20px;
    clear: both;
    }
    #ProductDetails .ProductTinyImageList ul li {
    float: left;

    margin-left: 5px;
    }
    /*cms page*/
    #PageContent .BlockContent {
    width: auto;
    padding: 30px;
    }
    /*tables*/
    #wishlistsform table.CartContents th,
    #wishlistsform table.CartContents td {
    padding: 20px 10px
    }
    /*quickview*/
    .modalContainer {
    margin-left: -350px !important;
    width: 700px !important;
    }
    #QuickViewProductDetails {
    padding: 0 0 25px 20px
    }
    #QuickViewImage {
    width: 250px
    }
    #QuickViewImage img {
    width: 100%
    }
    /*header*/
    #Header {
    background: none transparent;
    min-height: auto;
    margin-top: 0;
    min-height: 80px;
    border-top: solid 0px;
    border-bottom: 0px solid #e3e3e3 ;
    border-bottom: 1px solid #e9e9e9;
    }
    #Header .Center {
    width: auto;
    padding:15px;
    position: relative;
    }
    .MobileMenu {
    display: block;    
    }
    #Logo {
    height: auto;
    max-width: 500px;
    text-align: left;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;

    padding-left: 50px;
    float: none;
    height: auto;
    
    vertical-align: middle;
    }
    #Logo img {
    max-width: 500px;
    height: auto;
    }
    .naviToggle {
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    }
    .cartToggle {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 15px;
    }
    .searchToggle {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 70px;
    }
    .cartItem0 .searchToggle, 
    .cartItemNaN .searchToggle {
    right: 15px;
    }
    
    
    #Logo h1 {
    text-align: left
    }
    #Logo h1 img,
    #Logo img {
    max-width: 100%,
    height: auto;
    }
    #HeaderLower {
    position: absolute;
    top: -999999px;
    z-index: -1;
    }
    .responsiveMenu {
    display: block;
    padding-top: 110px;
    position: relative;
    }
    #SearchForm {

    display: block;
    position: static;
    }
    
    #TopMenu li.CartLink {
    display: none
    }
    #HeaderUpper {
    position: static;
    margin: 0 !important;
    display: block;
    }
    #SearchForm {
    height: 37px;
    position: absolute;
    z-index: 10;
    top: 50%;
    background: none;
    float: none;
    margin-bottom: 10px;
    padding-top: 0 !important;
    margin: 0px !important;
    margin-top: -20px !important;
    right: 70px;
    border: solid 0px;
    display: block;
    width: 0;
    overflow: hidden;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    }
    .cartItem0 #SearchForm, 
    .cartItemNaN #SearchForm {
    right: 15px;
    }
    
    
    #Header.activeMe #SearchForm {
    width: 250px;
    }
    #SearchForm form {
    float: none;
    margin-right: 0px;
    background: #fff;
    height: 35px;
    border: solid #e5e5e5 1px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    }
    #SearchForm input#search_query {
    height: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 200px;
    }
    
    
    #SearchForm form .Button {
    display: none;    
    }
    
    
    
    #SearchForm input {
    padding: 4px 0 4px 10px;
    width: 250px;
    }
    #SearchForm .closeIcon {
    top: 1px;
    right: 1px;    
    z-index: 1;
    
    display: block;
    cursor: pointer;
    }
    
    #SearchForm .Button {
    opacity: 1 !important;
    filter: alpha(opacity = 100) !important;
    }
    /*end Navigation*/
    .title .SortBox {
    right: 20px
    }
    .Content .ProductList.List .ProductImage {
    width: 220px !important
    }
    .Content .ProductList.List .ProductDetails {
    margin-left: 235px !important
    }
    .Content .ProductList.List .ProductActionAdd a {
    float: none
    }
    .Content .ProductList.List .ProductImage img {
    width: auto 
    }
    .Content .ProductList.List li.custom-quickview,
    .Content .ProductList li.custom-quickview {
    width: auto !important;
    margin-left: 0;
    }
    #QuickViewProductDetails .productAttributeLabel {
    padding-bottom: 0;
    }
    #QuickViewProductDetails .ProductPrice {
    line-height: 31px;
    margin: 0;
    padding: 0 !important;
    }
    .custom-quickview #QuickViewContent {
    width: 660px
    }
    .PrimaryProductDetails .ProductThumb {
    width: 320px !important
    }
    .ProductThumb .imagebox {
    display: none
    }
    .MobileProductImages {
    display: block;
    position: relative;
    }
    .MobileProductImages ul {
    list-style: none;
    margin: 0;
    }
    .MobileProductImages li {
    width: 320px
    }
    .MobileProductImages li img {
    max-width: 320px;
    width: auto;
    }
    /* Direction Nav */
    .MobileProductImages .flex-prev,
    .MobileProductImages .flex-next {
    width: 44px;
    height: 44px;
    margin-top: -22px;
    opacity: 0;
    }
    .MobileProductImages .flex-prev {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top left;
    left: 5px !important;
    }
    .MobileProductImages .flex-prev:hover {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top left
    }
    .MobileProductImages .flex-next {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top right;
    right: 5px !important;
    }
    .MobileProductImages .flex-next:hover {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top right
    }
    .MobileProductImages:hover .flex-prev,
    .MobileProductImages:hover .flex-next {
    opacity: 1
    }
    #FooterUpper .Column {
    margin-right: 40px;    
    }
    #FooterUpper .Column.Tres {
    clear: both;    

    }
    table.QuickSearch {
    margin-left: -48px !important;
    margin-top: 110px !important;
    }
    .CartCode .CouponCode, .CartCode .GiftCertificate {
    width: 330px;    
    }
    .Left {
    float: none;
    padding-left: 0;
    width: auto;
    padding-top: 0;
    }
    .Left .Block {
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 0 0;
    }
    .Left .BlockContent {
    display: block;
    }
    .Left li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 49%;
    }
    .Left h2 {
    cursor: pointer;
    }
    .Left h2 span {
    display: block;
    float: right;
    padding-right: 10px;
    font-weight: 700;
    /* color: #FF7800; */ /* aLex */
    color: #bc995d; /* aLex */
    font-size: 150%;
    }

    .Content, 
    .Content.Wide, 
    .Content.WideWithLeft {
    width: auto;
    float: none;
    }
    .Content .ProductList li .productAttributeConfigurablePickListSet li, 
    .Content .ProductList li .productAttributeConfigurablePickListSwatch li,  
    .Content .ProductList li .productAttributeConfigurablePickListProduct li {
    min-height: 1px !important;
    width: auto !important;
    }
    #ProductVideos {
    display: none;
    }
    
    .prodAccordionContent {
    padding: 15px 0;
    }
    .prodAccordionContent div.selector {
    max-width: 340px;
    }
    .prodAccordionContent .Textbox, 
    .prodAccordionContent textarea {
    max-width: 340px;
    }
    .fcartTitle {
    display: none;
    }
    .fastCartThumb img {
    width: 175px;
    }
    #fastCartContainer .ProductList li {
    width: 148px !important;
    }
    #fastCartContainer .ProductList .ProductImage {
    height: 180px !important;
    max-width: 148px;
    }
    
    
    .CompareProductThumb img {
    max-height: 180px;
    max-width: 140px;
    }
   
    
    .naviClose.active {
    padding: 15px 0 0 0;
    height: auto;
    width: auto;
    line-height: 15px;
    }
    #TopMenu li a,
    #TopMenu li div {
    font-size: 11px !important;
    }
    .MobileMenuLower {
    display: block;
    }
    #CheckGiftCertificateBalance input.Textbox {
    width: 195px !important;
    }
    #CheckGiftCertificateBalance input[type="submit"] {
    width: 150px;
    }
    #currency-chooser {
    margin-top: 0;    
    }
    #QuickSearch {
    margin-left: -85px !important;

    margin-top: 60px !important;
    }

    .QuickSearch:before {
    left: 95px;
    }
    
    .menuActive #Outer {
    left: 0;
    -webkit-transform: translate3d(80%,0,0) ;
    -moz-transform: translate3d(80%,0,0) ;
    -ms-transform: translate3d(80%,0,0) ;
    -o-transform: translate3d(80%,0,0) ;
    transform: translate3d(80%,0,0) ;
    }
    #FooterUpper .Column {
    float: none !important;
    }
    #FooterUpper .wrap {
    width: auto;
    }
    .NewsletterSubscription {
    clear: none;
    float: left;
    margin: 0 0 15px 0;
    }
    #socnet {
    clear: none;
    float: none;
    padding-top: 0;
    padding-left: 0px;
    }
    #Header #currency-chooser {
    display: none;
    }
    #Footer .currency {
    display: block;
    text-align: center;
    float: left;
    }
    #Footer ul {
    clear: both;
    }
    #HeaderUpper {
    position: none;
    }
    #TopMenu .BlockContent {
    display: none;
    }
    #WishListItems {
    margin-left: 0px;    
    }
    .homeSlideWrap {
    width: 620px;
    }
    .slide-show-render-full .slide-content, .slide-show-render .slides, .slide-show-render .slides li {
    border: 0 none;
    height: 300px;
    }
    .slide-show-render .slide img {
    max-height: 300px ;
    }
    .slide-show-render .slides .slide {
    border: 0 none;
    height: 300px ;
    margin-right: 20px;
    width: 300px !important;
    }
    .slide-show-render.slide-show {
    margin-left: 320px;
    width: 320px;  
    height: 300px;
    }
    .homeSlideWrap .flex-viewport {
     width: 320px;    
    }
    #HomeSlideShow .flex-control-paging {
    width: 640px !important;
    margin-left: -320px;
    }

    #Footer .footPhone {
    
    display: block;
    }
    .CheckoutRedeemCoupon {
    float: none;
    }
    #FooterUpper {
      clear: both;
      padding: 20px 0 0;
    }
    .NewsletterSubscription {
      margin: 0 0 25px;
    }
    
}

/**********************************************************************   
********************************************************************** 
********************************************************************** 
**********************************************************************      
Mobile Layout:320px.
********************************************************************** 
********************************************************************** 
********************************************************************** 
********************************************************************** 
**********************************************************************/



@media only screen and (max-width:767px) { 
    body {
    margin: 0 auto;
    border-top: 3px solid #464646;
    min-width: 320px;
    }
    #Outer {
    }
    h1 {
    margin: 0
    }
    h1.title {
    font-size: 28px;
    }
    h1,
    h2,
    h3,
    .TitleHeading
     {

    font-size: 20px;
    text-align: left;
    
    
    }
    
    h1.title {

    margin:15px 0;    
    line-height: 28px;
    }
    .PageHeader {
    margin: 20px 0;
    line-height: 30px;
    }
    h3 {
    font-size: 14px
    }
    #Container {
    margin: 0 auto
    }
    #Wrapper,
    .Center,
    .Content.Widest,
    .slide-show {
    width: 300px;
    }

    .slide-show-render-full .slide-content,
    .slide-show-render .slides,
    .slide-show-render .slides li {

    height: auto;
    border: 0;
    }
    .slide-show-render.slide-show {
    margin-bottom: 10px
    }
    
    
    
    
    .CartUpdateBtn .btn {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 15px;
    text-decoration: none;
    }

    input.Textbox {
    height: 15px;
    padding: 4px 9px 5px 9px;
    font-size: 11px;    
    }
    
    div.selector {
    height: 34px;
    line-height: 34px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-position: 100% -22px;
    max-width: 260px !important;
    }
    div.selector span {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin-right: 0;
    }
    div.selector span:before {
    height: 34px;
    line-height: 34px !important;    
    width: 34px;
    }
    .Content {

    min-height: auto
    }
    .Content div {
    max-width: 300px 

    }
    
    .bigBtn {
    font-size: 13px !important;
    line-height: 24px !important;
    height: 24px !important;    
    padding: 0 10px !important;
    }
    input.Submit, a.Button, input[type="submit"], input[type="button"], .sharebutton, .btn, 
    .btn-secondary, input.btn-secondary[type="submit"], input.btn-secondary[type="button"] {
      padding: 0 10px !important;
    }
    
    
    .CartUpdateBtn .btn-secondary {
    margin-bottom: 10px;
    margin-top: 10px;    
    }  
    input#apply_code {
    padding: 0 15px
    }
    /*header*/
    #Header {
    background: none transparent;
    margin-top: 0;
    border-top: solid 0px;
    border-bottom: solid #e9e9e9 1px;
    min-height: 75px;
    }
    #Header .Center {
    padding: 10px;
    width: auto;
    }
    .MobileMenu {
    display: block;    
    }
    #Logo {
    height: auto;
    width: 210px;
    text-align: left;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 45px;
    float: none;
    }
    #Logo img { 
    height: auto;
    max-width: 210px;
    }
    #Logo h1 a {
    font-size: 28px;
    line-height: 35px;
    }
    #Header #currency-chooser {
    display: none;
    }
    #Logo h1 {
    text-align: left;
    padding: 0;
    font-size: 16px;
    line-height: 150%;
    }
    #Logo h1 img,
    #Logo img {
    max-width: 100%;
    height: auto;
    }
    #HeaderLower {
    display: none

    }
    .responsiveMenu {
    display: block;
    padding-top: 91px;
    position: relative;
    }
    .naviToggle {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    z-index: 2;
    }
    .searchToggle {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    }
    .cartToggle {
    display: none;
    position: absolute;
    right: 10px;
    top: 55px;
    }
    #currency-chooser {
    margin-top: -20px;    
    }
    .MobileMenuLower {
    display: block
    }
    #SearchForm {
    display: none;
    position: static;
    }
    #HeaderUpper {
    position: static;
    display: block;
    margin: 0;
    }
    #TopMenu {
    position: static;
    width: auto;
    display: none;
    }
    #PageHeading h2 {
    font-size: 28px;
    text-align: center;
    }
    #CategoryHeading h2 {
    margin-bottom: 80px
    }
    #CartHeader {
    text-align: center
    }
    #CartHeader .btn-secondary {
    position: static
    }
    /*product list*/
    .Content .ProductList {
    margin: 0 -10px 0 0 !important
    }
    .Content .ProductList li.item {
    margin: 0 8px 8px 0;
    float: left;
    padding-bottom: 0 !important;
    width: 145px !important;

    }
    .ProductList li .ProductActionAdd {
    margin-top:5px !important;
    }
    .ProductList li .ProductActionAdd a {
    font-size: 11px;
    
    }
    .Content .ProductList .ProductImage {
    width: 145px !important;
    height: 203px !important;
    
    }
    .Content .SubBrandListGrid .ProductList li.item {
    min-height: 255px;
    height: auto;
    }
    .Content .ProductList .ProductImage img, #fastCartContainer .ProductList .ProductImage img {
    max-width: 145px !important;
    max-height: 203px !important;
    width: auto !important;
    height: auto !important;
    }
   
    .ProductList a {
    font-size: 13px;
    text-decoration: none;
    }
     .ProductList li {
     
     }
    .ProductList li .ProductCompareButton, 
    .ProductList .ProductPrice, .ProductList em {
   
    position: static;
    width: auto;
    padding: 5px 10px;
    margin: 0 0 0 0;
    float: none
    }
    .Content .ProductList .ProductDetail, 
    .ProductList .ProductPriceRating {
    line-height: 125%;
    font-size: 13px;
    }
    .ProductList .ProductPriceRating {
    float: none;
    margin-bottom: 0;
    }
    .ProductList li .ProductCompareButton {
    padding: 5px 10px 10px 10px;
     font-size: 12px;
    }
    /*footer*/
    #Footer {
    padding: 0 0 15px 0;
    }
    #FooterUpper {
    text-align: left;
    padding-top: 20px;
    }
    #FooterUpper h3 {
    text-align: left;
    }

    #FooterUpper .Column {
    float: none;
    width: auto;
    margin-right: 0;
    }
    #FooterUpper .Column.NewsletterColumn {
    float: left;
    left: 0px;
    right: auto;
    width: 280px;
    }
    #FooterUpper .wrap {
    width: 240px;
    padding: 56px 20px 20px;
    }
    .NewsletterSubscription input {
    width: 165px;
    padding:6px 9px;
    }
    .CreateAccount {
    width: auto
    }
    .AccountLogin {

    padding: 20px 10px;
    width: auto;
    }
    .EstimatedShippingForm,
    .EstimatedShippingMethods,
    #CartContent .EstimatedShippingMethods {
    float: none;
    width: auto;
    margin: 0;
    }
    
    /*Left*/
    .Left {
    float: none;
    padding-left: 0;
    width: auto;
    padding-top: 0;
    }
    .Left h2 {
    cursor: pointer;
    }
    .Left h2 span {
    display: block;
    float: right;
    padding-right: 10px;
    font-weight: 700;
    color: #FF7800;
    font-size: 150%;
    margin-top: -5px;
    }
    .Left .Block {
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 0 0;
    }
    .CompareImage img {
    width: 160px
    }
    /*product page*/
    .PrimaryProductDetails .ProductMain,

    .PrimaryProductDetails .productAddToCartBelow {
    width: auto;
    max-width: 100%;
    float: none;
    }
    .PrimaryProductDetails .ProductThumb {
    width: auto;
    max-width: 100%;
    float: none;
    }
    .ProductThumbImage {
    float: none
    }
    .ImageCarouselBox {
    width: 100%;
    margin-top: 20px;
    clear: both;
    
    }
    #ProductDetails .ProductTinyImageList ul li {
    float: left;
    margin-left: 5px;
    }
    .PrimaryProductDetails .ProductMain h1 {
    padding-top: 20px;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
    text-align: left;
    }
    /*cms page*/
    #PageContent .BlockContent {
    
    width: auto;
    padding: 0 0 20px 0;
    }
    /*tables*/
    /*quickview*/
    .modalContainer {
    margin-left: -350px !important;
    width: 700px !important;
    }
    #QuickViewProductDetails {
    padding: 0;
    float: none;
    width: auto !important;
    }
    #QuickViewProductDetails h1 {
    text-align: left
    }
    #QuickViewProductDetails h1 a {
    line-height: 26px
    }
    #QuickViewImage {
    width: auto
    }
    #QuickViewImage img {
    width: 100%
    }
    /*forms*/
    .HorizontalFormContainer dt {
    float: none;
    text-align: left;
    }
    .NarrowFormContainer dd,
    .HorizontalFormContainer dd {
    margin-left: 0
    }
    .HorizontalFormContainer p.Submit {
    margin-left: 0;
    text-align: left;
    }
    
    .AccountOrderStatusList .actions {
    float: none;
    margin-bottom: 15px;
    text-align: right;
    }
    .CreateAccount,
    .AccountLogin,
    #CreateAccountForm {
    }
    .ExpressCheckoutContent {
    padding: 20px 0 20px 0;
    margin: 0 0;
    }
    .ExpressCheckoutBlock .ExpressCheckoutTitle {
    padding: 15px 50px 15px 10px;
    text-align: left;
    }
    .CheckoutRedeemCoupon {
    width: auto
    }
    .CreateAccount h2,
    .AccountLogin h2,
    #CreateAccountForm h2 {
    font-size: 24px
    }
    .productOptionPickListSwatch .thumbnail,
    .productOptionPickListSwatch .swatchColour {
    height: 20px !important;
    width: 20px !important;
    }
    
    
    .ProductAddToCart .BulkDiscount .add-to-wishlist,
    .DetailRow .add-to-wishlist {
    margin-top: 20px
    }
    .slide-show-render .slides li,
    .slide-show-render-full .slide-content {
    width: 300px !important
    }
    .home-banner .FloatLeft,
    .home-banner .FloatRight {
    float: none;
    text-align: center;
    }
    .home-banner .banner-text {
    width: auto
    }
    .home-products .item {
    width: 300px !important
    }
    
    .home-products .item-feature-product.item .ProductInfo {
    width: 240px !important
    }
    .home-products .quickview-state.item-feature-product .ProductInfo {
    margin-left: 20px;
    margin-top: 20px !important;
    }
    
    .home-products .item-feature-product.quickview-state .ProductInfo .arrow {
      background: url("//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/blue-up-arrow.jpg") no-repeat scroll 0 0 transparent;
    height: 8px;
    left: 88px;
    position: absolute;
    top: -8px;
    width: 17px;


    }

    
    
    
    .home-products .item-feature-product .ProductImage img {
    width: 280px;
    height: auto;
    }
    .home-products .item .ProductImage {
    height: 168px;
    width: 145px;
    }
    .home-products .item .ProductImage img {
    max-height: 168px;
    max-width: 145px;
    }
    .home-products .item .ProductInfo {
    height: 152px;
    width: 120px;
    }
    #CartContent {
    padding: 0
    }
    table.General, 
    table.CartContents {
    margin-bottom: 15px;    

    }
    table.General th, 
    table.General td, 
    table.CartContents th, 
    table.CartContents td {
    padding: 10px 5px;
    font-size: 13px;
    }
    table.General th, 
    table.CartContents th {
    font-size: 13px;
    padding: 15px 5px;
    }
    table.CartContents .CartItemTotalPrice {
    text-align: right;
    }
    table.CartContents tr td.CartItemTotalPrice em  {
    margin-right: 5px;
    margin-bottom: 5px;
    display: block;
    }
    table.CartContents .CartThumb, 
    table.CartContents .CartItemIndividualPrice {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    table.CartContents td.ProductName {
    }
    table.productAttributes, .CustomizeItemLink {
    
    }
    #CartContent .EstimatedShippingMethods table th, 
    .EstimatedShippingForm h3 {
    padding: 15px 5px;
    font-size: 11px !important;
    line-height: 100% !important;
    }
    #CartContent table.CartContents tfoot .EstimateShipping {
    padding: 10px;
    float: none;
    }
    #CartContent table.CartContents tfoot .EstimateShipping dt,
    #CartContent table.CartContents tfoot .EstimateShipping dd {
    float: none;
    display: block;
    margin: 5px 0;
    text-align: left;
    }
    #CartContent table.CartContents tfoot .EstimateShipping dd {
    margin-bottom: 15px
    }
    #CartContent table.CartContents tfoot .EstimateShipping dd.EstimateShippingButtons {
    text-align: right;
    margin-top: 20px;
    }
    #CartContent table.CartContents tfoot tr.EstimateShippingTR .EstimatedShippingMethods {
    padding-top: 15px
    }
    #CartContent table.CartContents tfoot tr.EstimateShippingTR .EstimatedShippingMethods td {
    padding: 5px !important;
    font-size: 12px;
    font-weight: normal;
    }
    #CartContent .KeepShopping {
    margin-top: 20px;
    float: right;
    }
    
    td.CartItemIndividualPrice, td.CartItemTotalPrice {
    line-height: 26px;
    }
    /*end tables*/
    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: block;
    position: static;
    }
    .ExpressCheckoutTitle .icon {
    position: absolute;
    right: 15px;

    top: 23px;
    }
    
    
    
    #payment_options div {
    max-width: 260px !important
    }
    input#couponcode,
    input#giftcertificatecode {
    width: 135px
    }
    .ProductThumb .product-images {
    height: auto !important
    }
    .ProductThumb .product-images .image-container {
    float: none;
    margin: 0 0 15px;
    }
    .ProductThumb .product-images .image-container.hidden {
    display: none
    }
    .ProductThumb .product-images .image-container img {
    height: auto !important;

    max-width: 100%;
    }
    .home-products {
    margin: 0
    }
    .home-products .item {
    margin: 10px auto
    }
    .home-products .item .ProductImage img {
    max-width: 100%
    }
    .home-products .item .ProductInfo {
    max-width: 120px !important
    }
    .home-products .quickview-state .ProductInfo {
    margin: 15px 0 0 !important;
    max-width: 240px !important;
    }
    .home-products .item h2 {
    text-align: left
    }
    .home-products .quickview-state .ProductInfo .arrow {
    background: url("//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/blue-up-arrow.jpg") no-repeat scroll 0 0 transparent;
    height: 8px;
    left: 88px;
    position: absolute;
    top: -8px;
    width: 17px;
    }
    /*Navigation*/
    #SearchForm {
    border-top: 0px solid #E5E5E5;
    height: 37px;
    position: absolute;
    z-index: 10;
    width: 250px;
    background: none;
    float: none;
    top: 10px;
    right: 10px;
    margin-bottom: 0;
    padding: 0;
    display: block;
    width: 0;
    overflow: hidden;
    -moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
    }
    #Header.activeMe #SearchForm {
    width: 240px;
    }
    #Header #Logo {
    -moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
    } 
    #Header.activeMe #Logo {
    opacity: 0;
    filter: alpha(opacity = 0);
    }
    #SearchForm form {
    float: none;
    margin-right: 0;
    background:#FCFCFC;
    height: 35px;
    width: auto;
    background: #fff;
    border: solid #eaeaea 1px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    }
    #SearchForm form .Button {
    display: none;    
    }
    
    #SearchForm input#search_query {
    padding: 8px 0 8px 10px;
    width: 190px;
    }
    #SearchForm input#search_query:focus {
    width: 160px;
    }
    #SearchForm .closeIcon {
    top: 0px;
    right: 0px;    
    z-index: 1;
    display: block;
    cursor: pointer;
    }
    #SearchForm .Button {
    opacity: 1;
    filter: alpha(opacity = 100);
    }
    /*end Navigation*/
    .title .SortBox {
    position: static;
    padding-top: 20px;
    }
    .responsiveMenu .CartLink span span {
    display: none
    }
    .responsiveMenu .CartLink:hover {
    text-decoration: none
    }
    .slide-show-render.slide-show .flex-prev {
    left: -18px !important;
    opacity: 0;
    }
    .slide-show-render.slide-show .flex-next {
    right: -18px !important;
    opacity: 0;
    }
    .slide-show-render.slide-show .flex-prev:hover,
    .slide-show-render.slide-show .flex-next:hover {
    opacity: 1;
    display: block;
    }
    #prodAccordion .Block h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    }
    
    
    #Footer li:nth-of-type(2) .separator {
    display: none
    }
    #Footer li:nth-of-type(3) {
    margin-top: 10px
    }
    .AddToWishlistLink .wishlist-button {
    right: 0;
    left: auto;
    padding-right: 0;
    }
    .header .actions .btn {
    margin-left: 0;
    padding: 0 10px;
    }
    #WishListEditFrom dt {
    margin-left: 0;
    text-align: center;
    }
    #WishListEditFrom dd {
    margin-left: 0;
    text-align: center;
    }
    #recaptcha_area {
    border: solid #ccc 1px !important;
    }
    #recaptcha_area, #recaptcha_table {
    width: 278px !important;
    overflow: hidden;
    }
    #recaptcha_table td.recaptcha_r2_c1, 
    #recaptcha_table td.recaptcha_r2_c2 {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    }
    #recaptcha_image {
    width: 275px !important;
    height: 50px !important;
    }

    #recaptcha_image img {
    width: 255px !important;
    height: 50px !important;
    }
    
    #recaptcha_area, #recaptcha_table td {
    background-image: none;

    background: #fff;
    }
    .recaptcha_r4_c4aa {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    }
    #recaptcha_table .recaptcha_input_area {
      margin-left: 0 !important;
      width: 175px !important;
    }
    
    
    
    h1.title .FloatRight {
    display: block;
    float: none;
    margin-bottom: 10px;
    margin-top: 15px;

    }
    #CartContent .ProceedToCheckout {
    float: none;
    clear: both;
    text-align: center;
    position: relative;
    }
    #CartContent .ProceedToCheckout .CartUpdateBtn {
    position: absolute;
    top: -56px;
    right: 0;

    z-index: 1;
    }
    #CartContent .ProceedToCheckout .CartUpdateBtn .bigBtn {
    line-height: 26px !important;
    height: 26px !important;
    padding: 0 10px !important;
    margin: 0;
    font-size: 13px !important;
    -webkit-border-radius:19px !important;
    -moz-border-radius:19px !important;
    border-radius:19px !important;    
    
    
    }
    .CartUpdateBtn {
    margin: 0
    }
    .CartUpdateBtn .btn {
    margin: 0 0 20px
    }
    #CartContent .AlternativeCheckout {
    float: none;

    margin-top: 0;
    }
    #CartContent .KeepShopping {
    float: left;
    margin: 0;
    text-align: center;
    }
    #CartContent .KeepShopping a {
    line-height: 24px !important;
    height: 24px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    -webkit-border-radius:19px !important;
    -moz-border-radius:19px !important;
    border-radius:19px !important;    
    margin: 0 0 30px 0;
    }
    .CartCode .CouponCode,
    .CartCode .GiftCertificate {
    float: none;
    width: auto;
    }
    .CartCode .GiftCertificate {
    padding: 20px 0
    }
    .CartCode {
    margin: 15px 0;
    padding: 0px 0 0 0;
    }
    .CartCode h2 {
    font-size: 22px
    }
    input#apply_code {
    margin-right: 0
    }
    .CheckoutRedeemCoupon input#couponcode {
    width: 100px !important
    }
    #Footer ul {
    text-align: center
    }
    .CompareFieldName {
    width: auto
    }
    .ExpressCheckout input[type="submit"] {
    background-position: 0 -7px;
    background-size: auto auto;
    padding-left: 35px;
    padding-right: 20px;
    }
    #bottom_payment_button {
    background-position: 0 -61px;
    background-size: auto auto;
    padding-left: 35px;
    padding-right: 20px;
    }
    .ExpressCheckout input[type="submit"]:hover,
    #bottom_payment_button:hover {
    background-position: 0 -117px
    }
    #FooterUpper .Column ul {
    margin-bottom: 15px
    }
    .Content .ProductList.List {
    margin: 0 0 0 0 !important;
    }
    .Content .ProductList.List li.ListView {
    height: auto !important;
    width: 300px !important;
    margin: 0 auto 20px;
    float: none;
    }
    .Content .ProductList.List .ProductImage {
    width: 100% !important;
    float: none;
    background: #fff;
    display: block;
    }
    .SearchSorting  {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
    .Content .ProductList.List .ProductImage a {
    height: 203px !important;
    width: 300px !important;
    }
    .Content .ProductList.List .ProductDetails {
    margin-left: 0 !important
    }
    .Content .ProductList.List .ProductCompareButton {
    bottom: 26px
    }
    .Content .ProductList li.custom-quickview,
    .Content .ProductList.List li.custom-quickview {
    margin: 0 auto 20px;
    width: 280px !important;
    float: none;
    clear: both;
    }
    .custom-quickview #QuickViewContent {
    width: 258px !important
    }
    .modalClose {
    
    top: 10px !important;
    right: 0 !important;
    height: 34px !important;
    }
    #QuickViewContent {
    padding: 20px 10px !important
    }
    .ProductThumb .imagebox {
    display: none
    }
    .MobileProductImages {
    display: block;
    position: relative;
    margin: 0 auto;
    }
    .MobileProductImages ul {
    list-style: none;
    margin: 0;
    }
    .MobileProductImages li {
    width: 280px !important
    }
    .MobileProductImages li img {
    max-width: 280px
    width: auto;
    }
    /* Direction Nav */
    .MobileProductImages .flex-prev,
    .MobileProductImages .flex-next {
    width: 44px;
    height: 44px;
    margin-top: -22px;

    opacity: 0;
    }
    .MobileProductImages .flex-prev {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top left;
    left: 5px !important;
    }
    .MobileProductImages .flex-prev:hover {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top left
    }
    .MobileProductImages .flex-next {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top right;
    right: 5px !important;
    }
    .MobileProductImages .flex-next:hover {
    background: url(//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/bg_direction_nav.png) no-repeat top right

    }
    .MobileProductImages:hover .flex-prev,
    .MobileProductImages:hover .flex-next {
    opacity: 1
    }

    .CreateAccount, .AccountLogin {
    padding-left: 0;
    padding-right: 0;    
    }
    .CreateAccount h2, .AccountLogin h2 {
    text-align: left;

    }

    #LoginForm .AccountLogin h2 {
    margin-bottom: 15px;
    line-height: 125%;
    }
    .QuickSearch:before {
    left: 100px;
    }
    .QuickSearch {
    margin-left: -69px;
    margin-top: 62px;
    max-width: 280px;
    }
    .Content, 
    .Content.Wide,
    .Content.Widest,  
    .Content.WideWithLeft {
    width: auto;
    float: none;
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
    }
    .Breadcrumb {
    margin: 0 0 20px 0;        
    }
    .wishTableItem, 
    .wishTableShared {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    #ModalContainer {
    width: 280px !important;
    margin-left: -140px !important;
    }
    #ModalTitle, .ModalTitle {
    padding-right: 65px !important;
    }
    #ModalContent div.selector, 
    .ModalContent div.selector {
    max-width: 220px !important;
    }
    .HorizontalFormContainer dt {
    line-height: 26px;
    }
    #ModalContent .Textbox, 
    #ModalContent textarea, 
    .ModalContent .Textbox, 
    .ModalContent textarea {
    max-width: 220px !important;
    }
    .WrappingOption {
    padding-left: 0;
    }
    .ui-datepicker-trigger {
    display: none;
    }
    input.Textbox, input[type="text"], .field-xlarge {
    border: 1px solid #D1D1D1;
    color: #6E6E6E;
    font-size: 14px;
    height: 19px;
    padding: 7px 9px 7px 9px;
    max-width: 260px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    }
    input[type="submit"], input[type="button"],
    input[type="submit"].btn, input[type="button"].btn, 
    input[type="submit"].btn-secondary, input[type="button"].btn-secondary{
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    }
    textarea, select {
    font-size: 14px;
    
    }
    textarea {
    padding: 7px 9px 7px 9px;
    }
    .NewsletterSubscription input {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
    font-size: 12px;
    height: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    }
    .NewsletterSubscription .Button, .NewsletterSubscription .Button:hover {
    height: 26px;    


    }
    textarea {
    max-width: 260px;    
    }
    .productAttributeValue .productAttributeFluidWidth {
    height: 15px;
    }    
    div.uploader, 
    div.uploader span.filename, 
    div.uploader span.action {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    }    
    
    .ProductMain .dateselector div.selector, 
    #QuickViewProductDetails .dateselector div.selector {
    max-width: 60px !important;
    }
    
    #QuickViewProductDetails select {
    width: 258px;
    }
    #QuickViewProductDetails div.selector {
    max-width: 220px !important;
    }
    
    #QuickViewProductDetails .productAttributeValue .productAttributeFluidWidth {
    width: 220px !important;
    }    
    .home-products .ProductInfo #QuickViewContent #QuickViewProductDetails .productAttributeValue .productAttributeFluidWidth {

      width: 220px !important;
    }
    .fileLimitations {
    font-size: 11px;
    }    
    #ProductVideos {
    display: none;
    }    
    .wishlist-button {
    background-position: 0 -40px !important;
    }
    .wishlist-button:hover {
    background-position: 0 2px !important;
    }
    .fastCartThumb img {
    max-width: 154px;
    max-height: 203px;
    }
    .fastCartThumb {
    width: 154px;
    height: 203px;
    margin: 0 0 15px 0;
    display: block;
    float: none;
    display: none;
    }
    .fastCartItemBox  {
    margin: 0;
    float: none;
    }
    .fastCartSummaryBox {
    float: none;
    text-align: left;
    }
    
    .fastCartSummaryBox .subtotal, .fastCartSummaryBox .CartActions {
      padding: 0 0;
    }
    .fastCartSummaryBox .ProductPrice {
    padding: 10px 0;    
    }
    .fastCartSummaryBox .subtotal {
    padding: 0 0 5px 0;    
    }
    .fastCartSummaryBox .ProceedToCheckout {
    text-align: center;
    }
    .fastCartSummaryBox .FloatRight {
    float: none;
    }
    
    .fastCartBottom {
    display: none;
    }
    .fastCartBottom h3 {
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    margin-top: 20px;
    font-size: 12px;
    line-height: 110%;
    padding: 15px 0;
    }
    #fastCartContainer .ProductList li {
    width: 230px !important;
    }
    #fastCartContainer .ProductList .ProductImage {
    height: 200px !important;
    width: 230px !important;
    max-width: 230px !important;
    }
    .ShippingMethodList table tbody td {
    padding-left: 5px;     
    }
    
    .CompareProductThumb img {
    max-height: 135px;
    max-width: 100px;
    }
    #compare_1_2, #compare_1_3, 
    #compare_2_2, #compare_2_3, 
    #compare_3_2, #compare_3_3, 
    #compare_4_2, #compare_4_3, 
    #compare_5_2, #compare_5_3, 
    #compare_6_2, #compare_6_3, 
    #compare_7_2, #compare_7_3, 
    #compare_8_2, #compare_8_3,
    #compare_9_2, #compare_9_3, 
    #compare_10_2, #compare_10_3{
    position: absolute;
    top: -99999px;
    left: -99999px;
    }
    .AccountLogin {
    float: left;    
    }
    .CompareFieldTop, .CompareFieldName {
    padding-left: 5px !important;
    font-size: 11px !important;
    }
    ul.ShippingAddressList li {
    width: 280px;
    margin-right: 0;
    float: none;
    height: auto;
    } 
    
    .TabNav {
    height: auto;
    padding: 0;
    border: solid 0px;
    }
    .TabNav li {
    float: none; 
    margin: 0 0 0 0;
     border: 0px solid #E5E5E5;
     height: auto;
     line-height: 32px;
     height: auto;
    
    }
    .TabNav li a {
     border: 1px solid #E5E5E5;
     background: none;
     display: block;
     margin-bottom: -1px;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    }
    .TabNav li.Active a {
    background: #fff;
    border-bottom: 0px solid #E5E5E5;
    color: #FF7800;
    line-height: 42px;
    border: 1px solid #E5E5E5;
    }
    .shipAddress  div.selector {
    max-width: 120px !important;
    }
    #tabcontent .photo {
    float: none;
    
    }
    
    .CartCode p {
    height: auto;
    }
    .naviClose.active {

    padding: 0 0 0 0;
    height: auto;
    width: auto;
    margin-bottom: 15px;
    line-height: 15px;
    }
    .ToggleSearchFormLink {
    height: 26px;
    }
    #PageContent .BlockContent, 
    #SitemapContent .BlockContent {
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;

    position: relative;
    }
    #LoginForm p.Submit {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    }
    
    #LoginForm .CreateAccount, 
    #LoginForm .AccountLogin {
    float: none;
    margin: 20px 0;
    padding: 0;
    width: auto;
    }
    
    #LoginForm p.Submit a {
    margin-top: 10px;
   
    display: inline-block;
    *display: inline;
    zoom: 1;
    }
    
    input.fullMobile, 
    .fullMobile {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
    padding-left: 2% !important;
    padding-right: 2% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 26px;
    
    }
    .ProductList  .Message {
    padding-left: 0px;    
    }
    #CategoryPagingBottom, #CategoryPagingTop {
    text-align: center;
    }
    .CompareButton  { 
    text-align: center;
    padding-top: 20px;
    margin-top: 0;
    }
    /* bigger swatched and size */
    .productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour {
    display: inline-block;

    height: 35px !important;
    width: 35px !important;
    }
    html.javascript .productOptionViewRectangle label {
    display: inline-block;
    margin: 0 0 5px !important;
    padding: 0px 8px !important;
    line-height: 35px !important;
    height: 35px;
    min-width: 25px;
    }
    .productOptionViewRectangle .option label .name {
    line-height: 35px;
    }
    html.javascript .productOptionViewRectangle .selectedValue label {
    border-color: #075899;
    border-width: 2px;
    padding: 0px 10px !important;
    }
    .prodAccordionContent {
      padding: 15px 0 10px 0;
    }

    .ShippingProviderList {
    list-style:none;
    margin-left: 0;
    }
    #CheckoutStepShippingProvider .ML20 {    
    margin-left: 0;    
    }
    ul.tabs li {
    font-size: 10px;    
    }
    #QuickViewProductDetails h1 {
    padding-right: 0;    
    }
    .ContentHead {
    margin-bottom: 20px;    
    }
    .BillingDetails {
      float: none;
      margin-bottom: 15px;
     margin-right: 0;
      width: auto;
    }
    .Message {
    font-size: 11px;
    }
    .Message p {
    margin: 0;
    }
    .Message ul {
    float: left;
    list-style-position: inside;
    margin: 0 0 5px 0;
    }
    .Message li {
    font-size: 11px;
    line-height: 19px;
    padding: 0;
    }
    
    #ModalContent, .ModalContent {
    max-height: 290px !important; 
    }
    
    .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {
      clear: both;
      margin-bottom: 20px;
      text-align: center;
    float: none;
    margin: 0 auto 15px auto;
    }
    .Left .BlockContent {
      display: block;
    }
    #CheckGiftCertificateBalance input.Textbox {
    width: 125px !important;
    }
    #CheckGiftCertificateBalance input[type="submit"] {
    width: 130px;
    }
    #FooterUpper .wrap {
      margin-bottom: 15px;

    }
    .ToggleSearchFormLink  {
    float: none;
    margin: 0 0 15px 0;    
    }
    .SortBox {
    float: none !important;    
    margin-top: 15px !important;
    line-height: 26px;
    }
    
    #QuickSearch {
    margin-left: -105px !important;
    margin-top: 40px !important;
    }

    .QuickSearch:before {
    left: 115px;
    }
    .ProductCompareButton {
    font-size: 11px;
    }
    .ListView .ProductDescription {
      font-size: 13px;
      line-height: 125%;
    }
    .ProductList li.ListView .ProductCompareButton {
      bottom: auto !important;
      clear: both;
      float: none;
      padding-left: 5px;
      position: relative;
    }
    .mobileTitle {
    display: block;
    font-size: 32px;
    }
    .PrimaryProductDetails .ProductMain h1 {
    display: none;
    }
    .PrimaryProductDetails .ProductMain {
    padding-top: 20px;
    }
    #Footer .phoneIcon {
    float: none;
    text-align: center;
    margin-bottom: 10px;
    }
    
    .Content .ProductList .ProductDetails, 
    #fastCartContainer .ProductList .ProductDetails {
    
    overflow: hidden;
    }
    .Content .ProductList li.item, 
    #fastCartContainer .ProductList li {
    min-height: 1px;
   
    padding-bottom: 40px;
    }
    .QuickViewBtn {
    display: none !important;    
    }
    .dummyLink {
    display: block;

    }
    .MobileMenu {
    width: 80%;
    display: none;
    }
    #Outer {
-webkit-transform: translate3d(0,0,0) ;
-moz-transform: translate3d(0,0,0) ;
-ms-transform: translate3d(0,0,0) ;
-o-transform: translate3d(0,0,0) ;
transform: translate3d(0,0,0) ;
}
    .menuActive #Outer {
    left: 0;
    
    -webkit-transform: translate3d(80%,0,0) ;
    -moz-transform: translate3d(80%,0,0) ;
    -ms-transform: translate3d(80%,0,0) ;
    -o-transform: translate3d(80%,0,0) ;
    transform: translate3d(80%,0,0) ;
    
    
    }
    #FooterUpper .wrap {
    padding: 0;
    margin: 0;
    }
    #Footer .currency {
    display: block;
    text-align: center;
    }
    #HomeSlideShow .flex-control-paging {
    padding-top: 15px;
    height: 35px;
    line-height: 35px;
    position: relative;
    display: block !important;
    top: 0;
    left: 0;
    width: 300px !important;
    
    }
    #HomeSlideShow .flex-control-paging li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 11px 8px;
    }
    .homeSlideWrap {
    padding-bottom: 42px;
    }
    #HomeSlideShow .flex-control-paging li a {
    box-shadow: none; 
    width: 13px;
    height: 13px;
    border: solid 0px;
    background: #474747;
    }
    #HomeSlideShow .flex-control-paging li a.flex-active {
    background: #fe9837;
    }
    #HomeSlideShow .flex-direction-nav .flex-prev {
    display: block;
    position: absolute;
    left: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    right: auto !important;
    margin: 0 0 0 0 !important;
    opacity: 1;
    filter: alpha(opacity = 100);
    width: 34px;
    height: 34px;

    background-position: -7px -5px; 
    background-color: #fff;

    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-box-shadow: #ccc 0px 0px 3px;
    -moz-box-shadow: #ccc 0px 0px 3px;
    box-shadow: #ccc 0px 0px 3px;
    }
    #HomeSlideShow .flex-direction-nav .flex-next {
    display: block;
    position: absolute;
    left: auto !important;
    bottom: 0 !important;
    top: auto !important;
    right: 0 !important;
    margin: 0 0 0 0 !important;

    opacity: 1;
    filter: alpha(opacity = 100);
    width: 34px;
    height: 34px;
    background-position: -55px -5px; 
    background-color: #fff;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-box-shadow: #ccc 0px 0px 3px;
    -moz-box-shadow: #ccc 0px 0px 3px;
    box-shadow: #ccc 0px 0px 3px;
    }
    #HomeSlideShow .flex-direction-nav {
    position: static;
    }
    #HomeSlideShow  {
    position: relative;
    z-index: 1;
    }
    #WishListItems {
    margin-left: 0px;    
    }
    
    
    .slide-show-render-full .slide-content, .slide-show-render .slides, .slide-show-render .slides li {
    border: 0 none;
    height: 300px;
    }
    .slide-show-render .slide img {
    max-height: 300px ;
    }
    .slide-show-render .slides .slide {
    border: 0 none;
    height: 300px ;
    width: 300px !important;
    margin-right: 20px;
    }
    .slide-show-render.slide-show {
    margin-left: 0;
    width: 320px; 
     max-width: 320px; 
    height: 300px;
    }
    .homeSlideWrap .flex-viewport {
     width: 320px !important;    
     max-width: 320px;
    }

    #Footer .footPhone {
    display: block;
    float: none;
    padding: 10px 0;
    clear: both;
    }
    .CatHead {
    margin: 0 0 75px 0;
    }
    .CatHead.noSort {
    margin: 0 0 15px 0;
    }
    .CatHead .SortBox {
    clear: both;  
    margin-top: 20px;
    line-height: 36px;
    position: absolute;
    bottom: -70px;
    }
    .CatHead .SortBox strong {
    font-size: 14px;
    }
    .Content .ProductList li.item:hover .ProductImage a img, 
    .Content .ProductList li.item.quickview-state .ProductImage a img  {
    opacity: 1;
      filter: alpha(opacity = 1);
    }
    div.selector {
    line-height: 34px;
    height: 34px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    }
    
    div.selector select {
    height: 34px;    
    }
    
    div.selector span {
    height: 34px;
    line-height: 34px;
    padding-right: 14px; 
    font-size: 14px;
    }
    div.selector span:before {
    width: 34px;
    height: 34px;
    }
    .HorizontalFormContainer dt {
    position: relative;
    }
    .HorizontalFormContainer dt .Required {
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
    }
    div.uploader {
    height: 35px;
    -webkit-border-radius: 17px; 
    -moz-border-radius: 17px;
    border-radius: 17px;
    }
    div.uploader span.filename {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    }
    div.uploader span.action {
    height: 35px;
    }
    
}



/**********************************************************************   
********************************************************************** 
********************************************************************** 
**********************************************************************      
Wide Mobile Layout:480px.
********************************************************************** 
********************************************************************** 
********************************************************************** 
********************************************************************** 
**********************************************************************/
@media only screen and (min-width:480px) and (max-width:767px) { 
    body {
    margin: 0 auto;
    min-width: 480px;
    }
    #Outer {
    overflow: hidden
    }
    h1 {
    margin: 0
    }
    h1,
    h2,
    h3,
    .TitleHeading {
    font-size: 26px;

    text-align: left;
    }
    h2 {
     margin: 0 0 15px;
    }
    .PageHeader {
    padding-bottom: 10px
    }
    h3 {
    font-size: 14px
    }
    #Container {
    margin: 0 auto
    }
    #Wrapper,
    .Center,
    .Content.Widest,
    .slide-show {
    width: 440px
    }
    .slide-show-render-full .slide-content,
    .slide-show-render .slides,
    .slide-show-render .slides li {

    height: 210px;
    border: 0;
    }
    .slide-show-render.slide-show {
    margin-bottom: 10px
    }
     
    .Content div {
    max-width: 440px;
    }
    .btn-secondary,
    #CartContent .KeepShopping .btn {
    background-size: auto 101px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 12px;
    }
    input#apply_code {
    padding: 0 15px
    }
    
    /*header*/
    #Header {
    background: none transparent;
    
    margin-top: 0;
    }
    #Logo {
    width: 250px
    }
    #Logo h1 img {
    width: 100%
    }
    #HeaderLower {
    display: none
    }
    .responsiveMenu {
    display: block;
    padding-top: 91px;
    position: relative;
    }
    
    
    #TopMenu {
    position: static;
    width: auto;
    display: none;
    }
    #PageHeading h2 {
    font-size: 28px;
    text-align: left;
    }
    
    #CategoryHeading h2 {
    margin-bottom: 80px
    }
    #CartHeader {
    text-align: center
    }
    #CartHeader .btn-secondary {

    position: absolute
    }
    /*product list*/
    .Content .ProductList {
    margin: 0 -20px 0 0  !important
    }
    .Content .ProductList li.item {
    margin: 0 auto 20px;
    float: left;
    }
    .Content .ProductList li.item .wrap {
    }

    .Content .ProductList .ProductImage img {
    }
    .ProductList .ProductPrice,
    .ProductList em {
    }
    .ProductList .ProductPriceRating {
    }
    .Content .ProductList .ProductImage .QuickViewOverlay {

    }
    .ProductList li .ProductActionAdd {
    }
    .ProductList li .ProductActionAdd a {
    }
    /*footer*/
    #ContainerFooter .Center {
    width: 300px;
    margin: 0 auto;
    }
    #FooterUpper .Column {
    float: none;
    width: auto;
    display: block;
    clear: both;
    padding-bottom: 0;
    }
    #FooterUpper .wrap {
    width: 260px;
    padding: 0 0 0 0;
    }
    .NewsletterSubscription input {
    width: 200px
    }
    .NewsletterSubscription .Button, .NewsletterSubscription .Button:hover {
    height: 27px;
    
    }
    #FooterUpper .Column.NewsletterColumn {
    margin: 0 0 25px 0;
    }
    .CreateAccount {
    width: auto
    }
    .AccountLogin {
    padding: 20px 10px;
    width: auto;
    }
    .CreateAccount, .AccountLogin {
    padding-left: 0;
    padding-right: 0;    
    }
    #LoginForm p.Submit {
    margin-left: 0px;
    }
    .EstimatedShippingForm,
    .EstimatedShippingMethods,
    #CartContent .EstimatedShippingMethods {

    float: none;
    width: auto;
    }
    #CheckoutStepAccountDetails .ExpressCheckoutContent {
    padding: 20px 0
    }
    .CompareImage img {
    width: 160px
    }
    /*product page*/
    .PrimaryProductDetails .ProductMain,
    .PrimaryProductDetails .productAddToCartBelow {
    width: auto;
    max-width: 100%;
    float: none;
    }
    .PrimaryProductDetails .ProductThumb {
    width: auto;
    max-width: 100%;
    float: none;
    }
    .ProductThumbImage {
    float: none
    }
    .ImageCarouselBox {
    width: 100%;
    margin-top: 20px;
    clear: both;
    }
    #ProductDetails .ProductTinyImageList ul li {
    float: left;
    margin-left: 5px;
    }
    .PrimaryProductDetails .ProductMain h1 {
    padding-top: 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    }
    /*cms page*/
    #PageContent .BlockContent {
    width: auto;
    padding: 20px 10px;
    }
    /*tables*/
    #wishlistsform table.CartContents th,
    #wishlistsform table.CartContents td {
    padding: 20px 10px
    }
    /*quickview*/
    .modalContainer {
    margin-left: -350px !important;
    width: 700px !important;
    }
    #QuickViewProductDetails {
    }
    #QuickViewImage {
    }
    #QuickViewImage img {
    width: 100%
    }
    /*forms*/
    .HorizontalFormContainer dt {
    float: none;
    text-align: left;
    }
    .NarrowFormContainer dd,
    .HorizontalFormContainer dd {
    margin-left: 0
    }
    .HorizontalFormContainer p.Submit {
    margin-left: 0;
    text-align: left;
    }
    
    .AccountOrderStatusList .actions {
    float: none;
    margin-bottom: 15px;
    text-align: right;
    }
    .CreateAccount,
    .AccountLogin,
    #CreateAccountForm {
    }
    .ExpressCheckoutContent {
    padding: 20px 10px
    }
    .ExpressCheckoutBlock .ExpressCheckoutTitle {
    padding: 15px 10px;
    text-align: left;
    }
    .CheckoutRedeemCoupon {
    width: auto
    }
    .CreateAccount h2,
    .AccountLogin h2,
    #CreateAccountForm h2 {
    font-size: 24px
    }
    
    .ProductAddToCart .BulkDiscount input {
    background-size: auto 74px !important;
    height: 36px !important;
    }
    .ProductAddToCart .BulkDiscount .add-to-wishlist,
    .DetailRow .add-to-wishlist {
    margin-top: 20px
    }
    .slide-show-render .slides li,
    .slide-show-render-full .slide-content {
    width: 210px !important;
    height: 210px !important;
    }
    .home-banner .FloatLeft,
    .home-banner .FloatRight {
    float: none;
    text-align: center;
    }
    .home-banner .banner-text {
    width: auto
    }
    .home-products .item {
    width: 300px !important
    }

    .home-products .item-feature-product .ProductImage img {
    width: 300px;
    height: auto;
    }
    .home-products .item .ProductImage {
    height: 168px;
    width: 145px;
    }
    .home-products .item .ProductImage img {
    height: 168px;
    width: 145px;
    }
    .home-products .item .ProductInfo {
    height: 152px;
    width: 127px;
    }
    
    #payment_options td {
    display: table-cell
    }
    /*end tables*/
    .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
    display: block;
    position: static;
    }
    .ExpressCheckoutTitle .icon {
    position: absolute;
    right: 15px;
    top: 15px;
    }
    #CheckoutStepPaymentDetails .FormContainer dt:last-child {
    float: left
    }

    #CheckoutStepPaymentDetails .FormContainer dd:last-child {
    float: right;
    margin-top: -20px;
    }
    #payment_options div {
    max-width: 2240px !important
    }
    input#couponcode {
    width: 135px
    }
    .ProductThumb .product-images {
    height: auto !important
    }
    .ProductThumb .product-images .image-container {
    float: none;
    margin: 0 0 15px;
    }
    .ProductThumb .product-images .image-container.hidden {
    display: none
    }
    .ProductThumb .product-images .image-container img {
    height: auto !important;
    max-width: 100%;
    }
    .home-products {
    margin: 0 68px;
    width: 300px;
    }
    .home-products .item {

    margin: 10px auto
    }
    .home-products .item .ProductImage img {
    max-width: 100%
    }
    .home-products .item .ProductInfo {
    max-width: 120px !important
    }
    .home-products .quickview-state .ProductInfo {
    margin: 15px 0 0 !important;
    max-width: 240px !important;
    }
    .home-products .item h2 {
    text-align: left
    }
    .home-products .quickview-state .ProductInfo .arrow {
    background: url("//cdn10.bigcommerce.com/r-cf8dc1a36e37ca22115036b22a6b2976a6384be1/themes/Hipster/images/blue-up-arrow.jpg") no-repeat scroll 0 0 transparent;
    height: 8px;
    left: 88px;
    position: absolute;
    top: -8px;
    width: 17px;
    }
    
    #SearchForm input {
    padding: 4px 0 4px 10px
    }
    #SearchForm .Button {
    opacity: 1 ;
    filter: alpha(opacity = 100);
    }
    /*end Navigation*/
    .title .SortBox {
    right: 20px
    }
    .PrimaryProductDetails .ProductThumb {
    width: 440px !important
    }
    .ProductThumb .imagebox {
    display: none
    }
    .MobileProductImages {
    display: block;
    position: relative;
    }
    .MobileProductImages ul {
    list-style: none;
    margin: 0;
    }
    .MobileProductImages li {
    width: 440px !important
    }
    .MobileProductImages li img {
    max-width: 440px
    width: auto;
    }
    #ContainerFooter h3  {
    text-align: left;    
    }
    .QuickSearch {
    margin-left: -69px;
    margin-top: 14px;

    max-width: 280px;
    }
    .wishTableItem {
    position: static;    
    } 
    #ModalContainer {
    width: 440px !important;
    margin-left: -220px !important;
    }
    #ModalTitle, .ModalTitle {
    padding-right: 65px !important;
    }
    #ModalContent div.selector, 
    .ModalContent div.selector {
    max-width: 400px;
    }
    .HorizontalFormContainer dt {
    line-height: 26px;
    }
    #ModalContent .Textbox, 
    #ModalContent textarea, 
    .ModalContent .Textbox, 
    .ModalContent textarea {
    max-width: 400px !important;
    }
    #ModalContent, .ModalContent {
    max-height: 200px;
    }
    .custom-quickview #QuickViewContent {
    width: 258px !important;
    }
    .Content .ProductList li.custom-quickview,
    .Content .ProductList.List li.custom-quickview {
    margin: 0 auto 20px;
    width: auto !important;
    float: none;
    clear: both;
    }
    .custom-quickview #QuickViewContent {
    width: 420px !important;
    }
    #QuickViewImage {
    float: left;
    width: 145px;
    padding: 0;
    }
    .custom-quickview #QuickViewProductDetails {
    width: 260px !important;
    float: right;
    }
    .Content .ProductList li.item, 
    #fastCartContainer .ProductList li {
    width: 210px !important;
    margin-right: 18px;
    }

    .Content .SubBrandListGrid .ProductList li.item {
    min-height: 350px !important;
    height: auto !important;
    }
    
    .Content .ProductList .ProductImage .QuickViewOverlay {
    width: 210px;
    }
     .Content .ProductList .ProductImage {
    height: 294px !important;
    width: 210px !important;
    }

    #fastCartContainer .ProductList .ProductImage img {
    max-height: 294px !important;
    max-width: 210px !important;
    width: auto !important;
    height: auto !important;
    }
    .Content .ProductList .ProductImage img, #fastCartContainer .ProductList .ProductImage img {
    max-height: 294px !important;
    max-width: 210px !important;
    width: auto !important;
    height: auto !important;
    }
    
    .ProductCompareButton {
    font-size: 11px;
    }
    .prodAccordionContent div.selector {
    max-width: 400px;
    }
    .prodAccordionContent .Textbox, 
    .prodAccordionContent textarea {
    max-width: 400px;
    }
    .fastCartThumb {
    float: left;
    display: none;
    }
    .fastCartItemBox {
    display: block;
    float: left;
    width: 150px;
    }
    .fastCartSummaryBox {
    float: right;
    font-size: 11px;
    width: 190px;
    text-align: right;
    
    }
    .fastCartSummaryBox .ProceedToCheckout {
    text-align: right;
    }
    .fastCartSummaryBox .FloatRight {
      float: right;
    }
    #fastCartContainer .ProductList li {
    width: 185px !important;
    }
    #fastCartContainer .ProductList .ProductImage {
    height: 190px !important;
    width: 185px !important;
    max-width: 185px !important;
    }


    div.selector {
      max-width: 420px !important;
    }
    input.Textbox, input[type="text"], .field-xlarge {
    max-width: 420px;
    }
    textarea {
    max-width: 420px;
    }
    .CompareProductThumb img {
    max-height: 150px;
    max-width: 90px;
    }
    #compare_1_2, #compare_1_3, 
    #compare_2_2, #compare_2_3, 
    #compare_3_2, #compare_3_3, 
    #compare_4_2, #compare_4_3, 
    #compare_5_2, #compare_5_3, 
    #compare_6_2, #compare_6_3, 
    #compare_7_2, #compare_7_3, 
    #compare_8_2, #compare_8_3,
    #compare_9_2, #compare_9_3, 
    #compare_10_2, #compare_10_3{
    position: static;
    }
    ul.ShippingAddressList li {
    width: 200px;
    margin-right: 20px;
    } 


    #tabcontent .photo {
    float: left;    
    }
    .home-products .item-feature-product.item .ProductInfo {
    width: 260px !important
    }
    .home-products .item.quickview-state  .ProductInfo {
    margin-left: 0 !important;
    max-width: 260px !important;
    }
    #ModalContent, .ModalContent {
    max-height: 154px !important; 
    }
    
    #CheckGiftCertificateBalance input.Textbox {
    width: 285px !important;
    }
    #CheckGiftCertificateBalance input[type="submit"] {
    width: 130px;
    }
    .Content .ProductList.List li.ListView {
    width: 440px !important;
    height: 294px !important;
    }
    .Content .ProductList.List .ProductImage {
    height: 294px !important;
    width: 210px !important;
    float: left; 
    }
    .Content .ProductList.List .ProductDetails {
    margin-left: 220px !important;
    
    }
    .Content .ProductList.List .ProductDetails .ProductDescription {
    font-size: 12px !important;
    }
    
    
    
    .slide-show-render-full .slide-content, .slide-show-render .slides, .slide-show-render .slides li {
    border: 0 none;
    height: 210px;
    }
    .slide-show-render .slide img {
    max-height: 210px ;
    }
    .slide-show-render .slides .slide {
    border: 0 none;
    height: 210px ;
    width: 210px !important;
    margin-right: 20px;
    }
    .slide-show-render.slide-show {
    margin-left: 0;
    width: 230px; 
     max-width: 230px; 
    height: 210px;
    }
    .homeSlideWrap .flex-viewport {
     width: 230px !important;    
     max-width: 230px;
    }
    #HomeSlideShow .flex-control-paging {
    width: 440px !important;
    }
    
}