/* Small Desktop ------------------------------------- */

body.homepage .header {
    height: 60px;
    background-color: #000;
    padding: 20px 0;
    position: absolute;
    width: 1280px;
    z-index: 800;
    margin: 0 auto;
}

#collection .left-sidebar { width: 23%; }

#men-landing-page .featured-products-main-container, 
#women-landing-page .featured-products-main-container {
    padding-bottom: 20px;
}

.mobile-techspecs { display: none !important; } 
#product .row { padding-bottom: 0px; }
#view-fullscreen { bottom: 1px; }

.thumbs-main-container .slide-counter {
  margin-right: 55px;
  margin-top: 3px;
}

.product .product-link-container, 
.recommendations-product .product-link-container {
    position: absolute;
    top: 222px;
    z-index: 99;
    width: 100%;
    line-height: 0;
}

.product .title { margin-top: 10px; } 


.bx-viewport {
    height: 548px;
}

/* Awkward Homepage Desktop ------------------------------------- */

@media only screen and (min-width: 629px) and (max-width: 1280px) {

    body.homepage {
        border-left: 0px;
        border-right: 0px;
        width: 100%;
        box-sizing: content-box;
        margin: 0;
        background-color: #000;
    }

    body.homepage .header {
        height: 60px;
        background-color: #000;
        padding: 20px 0;
        position: absolute;
        width: 100%;
        z-index: 800;
        margin: 0 auto;
    }

}

/* Medium Desktop ------------------------------------- */

@media only screen and (min-width: 1116px) and (max-width: 2500px) {

    /* Global */

    body.men-collection,
    body.contact-us {
        border-left: 8px solid #000;
        border-right: 8px solid #000;
        width: 1100px;
    }

    body.women-collection {
        border-left: 8px solid #fff;
        border-right: 8px solid #fff;
        width: 1100px;
    }

    .header,
    body.men-collection .header,
    body.contact-us .header {
        height: 60px;
        backface-visibility: hidden;
        background-color: #000;
        padding: 20px 0;
        position: fixed;
        width: 1100px;
        z-index: 800;
        left: 50%;
        margin: 0 auto 0 -550px;
    }

}

/* Awkward Desktop ------------------------------------- */

@media only screen and (min-width: 1024px) and (max-width: 1040px) {
    
    /* Product Page */

    #product .product-content { width: 400px; }
    .recommendations-group .span3 { width: 225px; }
    .slidesjs-navigation { display: block !important; }
    
    .thumbs-main-container .slide-counter { display: none; }
    .product-top-container .featured.top {
        background: transparent;
        max-height: 546px;
        min-height: 546px;
        margin-bottom: 0;
        min-width: 1085px;
    }
    
    #view-fullscreen { bottom: 4px !important; }
  
    #product .product-options .chart { 
        width: 323px; 
        margin-top: 5px; 
        display: block;
        float: none; 
        margin-top: 34px;
    } 
    
     #product .purchase-section {
      margin-top: 35px;
      margin-bottom: 10px;
    }
}

/* Small Desktop / Landscape iPad  ------------------------------------- */

@media only screen and (min-width: 1024px) and (max-width: 1116px) {
    
    body.homepage,
    body.women-collection,
    body.men-collection,
    body.contact-us {
        border-left: 0px;
        border-right: 0px;
        width: 100%;
        box-sizing: content-box;
        margin: 0;
        background-color: #000;
    }
    
    .header,
    body.homepage .header,
    body.men-collection .header,
    body.contact-us . header {
        background-color: #000;
        padding: 11px 0;
        position: fixed;
        width: 100%;
        z-index: 800;
        left: 0;
        margin: 0;
    }
    
    .header-logo {
        margin-top: 5px;
        margin-left: 40px;
        float: left;
    }
    
    .header-right { right: 30px !important; }
    #search-pop-btn { margin-right: 15px !important; }
    #content { margin-top: 82px; }
    
    .span12 {
        width: 100%;
        max-width: 100%;
    }
    
    .product-container {
        width: 100%;
        max-width: 100%;
    }
    
    .men-collection .product-top-container,
    .women-collection .product-top-container { margin-bottom: 0; }
    
    #slide-viewport { 
        width: 735px !important;
        left: -106px;
    }
    
    #view-fullscreen { bottom: 4px !important; } 
    
    /* Collection */
    
    #men-landing-page .collection-main-slider,
    .collection-template .top-banner { max-width: 100%; }
/*     #collection .left-sidebar { width: 25%; } */
    #collection .products { width: 75%; }
    
    /* Common Page */
    
    .common-page .span8 { width: 100%; }
    .slidesjs-navigation { display: block !important; }
    
    .thumbs-main-container .slide-counter { display: none; }
    .product-top-container .featured.top {
        background: transparent;
        max-height: 546px;
        min-height: 546px;
        margin-bottom: 0;
        min-width: 1085px;
    }
 
    
}


@media only screen and (max-width: 1116px) {
    
  /* Product page */

  
  .thumbs-main-container .thumbs-with-video .second-next {
      right: 18px;
  }
  
  .thumbs-main-container .thumbs-with-video .second-prev {
      left: -32px;
  }
  
   .thumbs-with-video #thumb-slider {
   	margin-left: 15px; 
  }
  
   .thumbs-with-video #slide-viewport {
    margin-left: 120px; 
  }
    
}

@media only screen and (max-width: 830px) {
  .thumbs-main-container .thumbs-with-video {
   	max-width: 80%; 
  }
  
  .thumbs-main-container .thumbs-with-video .second-next {
   	right: -12px; 
  }
  
  .thumbs-main-container .thumbs-with-video .second-prev {
      left: 8px;
  }
}


/* Tablet  ------------------------------------- */

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

  	.men-collection #product .navi-title h1,
    .women-collection #product .navi-title h1
  	{ border-top: 0 !important; }
  
    #product .owl-theme .owl-controls { display: none !important; }
    body.homepage .header .collections-menu { margin-left: 0 !important; }
    
    .product-top-container .featured.top, 
    .featured a img { width: 1100px; }
    
    #collection .featured-products-main .product {
        width: 25%;
        height: 260px;
    }
    
    #men-landing-page .featured-products-main-container, 
    #women-landing-page .featured-products-main-container,
    #collection .products {
        padding-bottom: 20px;
    }
  
    
    #product .product-options .chart { 
        width: 40%; 
        margin-top: 5px; 
        display: block;
        float: none; 
        margin-top: 34px;
    } 
    
    .a-modal { 
      position: absolute;
      background-color: #000;
      padding: 8px 8px 4px 8px;
      margin: 0 8% 0 auto;
      z-index: 9999;
    } 
}



@media only screen and (max-width: 920px) and (min-width: 831px) {
   .thumbs-with-video #slide-viewport {
    margin-left: 70px;
    width: 88%;
  }
  
  .bx-viewport {
      height: 465px;
  }
  
}

@media only screen and (min-width: 921px) and (max-width: 1024px) {
 #product .span12 {
  	width: 100%; 
 }
  
  .thumbs-main-container .thumbs-with-video {
   	width: 100%; 
  }
}

@media only screen and (min-width: 832px) and (max-width: 1024px) {
  
   .thumbs-with-video #slide-viewport {
      left: -12px;
      margin: 0 auto;
      width: 85%;
  }
  
  .thumbs-main-container .thumbs-with-video .second-prev {
      left: 8px;
  }  
}


@media only screen and (min-width: 1025px) and (max-width: 1039px) { /* I have no clue */
 #collection .featured-products-main .product
  {
   	width: 25%; 
  }
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
    
    .product-desktop-view { display: block !important; } 
    .product-mobile-view { display: none !important; }
    
    .product-top-container { min-height: 0; }
    .thumbs-main-container .second-next {  right: -6px; }
    .thumbs-main-container .second-prev { left: 28px; }
    #slide-viewport { width: 81%; left: -54px; }
    .slide-counter { display: none; } 
    
    .product .product-link-container, 
    .recommendations-product .product-link-container {
        position: absolute;
        top: 210px;
        z-index: 99;
        width: 100%;
        line-height: 0;
    }
    
    .product .details, 
    .recommendations-product .details { 
        position: absolute;
        top: 256px;
        width: 100%;
    }
    
}




@media only screen and (max-width: 1024px) {
  .thumbs-main-container .thumbs-with-video {
   	margin: 10px auto 0 auto; 
  }
}

@media only screen and (min-width: 630px) and (max-width: 802px) {
	#vimeo-link { 
     	float: none; 
    }
  
    #product .owl-aether-items {
      margin-bottom: 8px;
    }
  
  .bx-viewport {
      height: 400px;
  }

}

@media only screen and (min-width: 629px) and (max-width: 1024px) {
    
    /* Global */
    
    .header .desktop { display: block !important; }
    .header .mobile { display: none !important; }
    
    body.homepage,
    body.men-collection,
    body.contact-us {
        border-left: 0px;
        border-right: 0px;
        width: 100%;
        box-sizing: content-box;
        margin: 0;
        background-color: #000 !important;
    }
    
    body.women-collection {
        border-left: 0px;
        border-right: 0px;
        width: 100%;
        box-sizing: content-box;
        margin: 0;
        background-color: #fff;
    }
    
    .header,
    body.homepage .header,
    body.men-collection .header,
    body.contact-us .header {
        background-color: #000;
        padding: 11px 0;
        position: fixed;
        width: 100%;
        z-index: 800;
        left: 0;
        margin: 0;
    }
    
    .header .container { max-width: 100%; }
    
    #men-landing-page .container,
    #woman-landing-page .container {
        width: 100%;
        max-width: 100%;
    }
    
    .header-logo {
        margin-top: 5px;
        margin-left: 40px;
        float: left;
    }
    
    .collections-menu { margin-left: 0 !important; }
    #search-pop-btn { margin-right: -22px !important; }
    
    .women-collection .sb-toggle-left,
    .sb-toggle-left {
/*        commented out by sarah 1/8/2015 */
/*         background: url('//cdn.shopify.com/s/files/1/0290/6393/t/6/assets/xi.png?11209') no-repeat scroll center center / 30px auto rgba(0, 0, 0, 0); */
        display: inline-block;
        float: left;
        font-size: 0;
        height: 21px;
        left: 25px;
        padding: 20px;
        position: relative;
        top: 0px;
        width: 22px;
        z-index: 9999999;
    }

    .header-right {
        right: 30px !important;
        margin-right: 15px;
        margin-top: 10px;
    }
    
    .cart-nitems {
        right: 11px;
        top: 4px;
    }
    
    .sb-slidebar {
        margin-top: 83px;
        -webkit-transition: transform 0.5s ease-out;
        -moz-transition: transform 0.5s ease-out;
        -o-transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        margin-left: 0 !important;
        transform: translate3d(-400px, 0, 0);
        -webkit-transform: translate3d(-400px, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        visibility: visible;
    }
    
    .sb-slidebar.sb-active {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        margin-top: 83px;
    }
    
    .sb-slidebar .newsletter { display: none; }
    .sb-slidebar .footer-social-media { margin-top: 25px; }
    
    #men-landing-page .collection-main-slider {
        max-width: 100%;
        max-height: 550px;
    }
    
    .footer {
        min-height: 100px;
        width: 100%;
        margin: 0;
        padding: 30px 0;
    }
    
    .footer .newsletter { margin-top: -130px; }
    body.homepage .footer { padding-top: 30px; }

    .footer .container {
        max-width: 100%;
        padding: 0;
    }
    
    .slidesjs-navigation { display: block !important; }
    
    /* Cart */
    
    #cart { padding: 0 30px 30px 30px; }
    
    /* Collection */
    
    .left-sidebar { width: 40% !important; }
    
    /*#collection .products { width: 60% !important; }*/
    #collection .product { width: 50%; }
    #collection .left-sidebar .collection-info { width: 69%; }
    
    .product .details {
        position: relative;
        top: -10px;
        margin-top: -12%;
        display: block;
        z-index: 9999;
    }
    
    .collection-template .top-banner { max-width: 100%; }
    
    #men-landing-page .collection-main-list,
    #women-landing-page .collection-main-list { padding: 30px; }
    
    .product img,
    .product .image a { width: 260px; }
    
    #men-landing-page .featured-products-main-container, 
    #women-landing-page .featured-products-main-container {
        padding-bottom: 20px;
        height: 260px;
    }
    
    /* Product */
    
    .recommendations-group .span3 {
      max-width: 237px !important;
      width: 21.45% !important;
    }  
  
    #recommendations .recommendations-group .row {
      margin-left: 14px !important;
    }  

    #product .social { margin-top: 30px; }
    
    #product .row {
        max-width: 100%;
        width: 100%;
        padding-bottom: 0;
    }
    
    #product .navi-title {
        width: 97%;
        margin-left: 30px;
    }
    
    #product .product-specifications {
        width: 45%;
        margin: 0 30px;
        margin-top: -25px;
    }
    
    #product .product-content {
        width: 38%;
        margin: 0 30px;
        padding: 0;
    }
    
    #product .product-content .description {
        min-height: 1px;
        max-height: 100%;
        margin-bottom: 15px;
    }
    
    #product .purchase-section {
        margin-top: 35px;
        margin-bottom: 10px;
    }
    
    #product .product-mobile-view {
        width: 91.1%;
        margin: 30px;
    }
    
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item, .featured,
    .owl-carousel .owl-wrapper-outer,
    .owl-carousel .owl-item img { max-height: 327px; } 
    
    #view-fullscreen { bottom: 1px !important; }

    /* Common Pages */
    
    .container { width: 100%; }
    .full-width { width: 100%; }
    .banner-common { height: 280px; }
    
    .container.common-page-container {
        padding: 30px;
        width: 90%;
        max-width: 90%;
    }
    
    .gift-card-page.common-page-container select { float: none; }
    
    .gift-card-page.common-page-container .style-select-custom {
        margin-top: 0;
        margin-bottom: 5px;
    }
    
    .common-page .span8 { width: 100%; }
    .common-page { padding: 30px 0 !important; }
    
    .gift-card-page.common-page-container input {
        display: block;
        width: 180px;
        margin: 0 auto;
    }
    
    .form-option-container {
        margin: 30px auto;
        width: 262px;
    }
    
    .gift-card-page .page-common-content p {
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }
    
    .gift-card-page .common-page { padding: 30px 0 !important; }
    .gift-card-page.common-page-container img { width: 70%; }
    
    .gift-card-page.common-page-container .style-select-custom {
        margin: 0;
        margin-bottom: 5px;
    }
    
    .form-option-container { margin: 30px auto; }
    
    #product #add-to-cart { width: 195px; }
    #product .size-options-0 td a { width: 49px; }
}

/* Awkward Small Tablet --------------------------------- */

@media only screen and (min-width: 629px) and (max-width: 900px) {

    .recommendations-group .span3 {
      max-width: 237px !important;
      width: 21.1% !important;
    }  

    #product .special-btm-links a:first-of-type { 
      width: 163px; 
    }
  
}

/* Small Tablet --------------------------------- */

@media only screen and (min-width: 629px) and (max-width: 800px) {
    
    .header .desktop { display: none !important; }
    .header .mobile { display: block !important; }
    
    .product-desktop-view { display: none !important; } 
    .product-mobile-view { display: block !important; }
    
    .header-logo {
        margin-top: 5px;
        margin-left: 0;
        float: none;
    }
    
    .collections-menu { margin-left: 3% !important; }
    .header-right { right: 30px !important; }
    .search-pop { display: none; }
    #search-pop-btn { margin-right: -22px !important;}
    
    #product .product-specifications {
        width: 91.1%;
        margin: 0 30px;
        margin-top: -25px;
        margin-bottom: 30px;
    }
    
    #product .product-content {
        width: 91.1%;
        margin: 0 30px;
        padding: 0;
    }
    
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item, .featured,
    .owl-carousel .owl-wrapper-outer,
    .owl-carousel .owl-item img {
        max-height: 800px;
    }
    
    .left-sidebar { display: none; }
    
    #collection .products { width: 100% !important; padding-bottom: 60px; } 
    #collection .product { width: 33.3%; }
    
    .product-container { 
        margin-top: 60px;
    }
    
    .crumb { 
        display: block !important;
        padding: 5px 30px;
        background-color: #fff;
        border-top: 2px solid #000;
        border-bottom: 1px solid #000;
        margin-top: -36px;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-right: 15px;
        color: #000;
        width: 100%;
    }
    
    .crumb a {
        color: #000;
        display: inline-block;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-right: 15px;
    }
    
    #view-fullscreen { bottom: 1px !important; }
    
    .product .product-link-container,
  	.recommendations-product .product-link-container
  	{
        line-height: 0;
        position: relative;
        top: -40px;
        width: 100%;
        z-index: 99;
    }
    
    .product .details,
    .recommendations-product .details {
        position: relative;
        top: -12px;
        width: 100%;
    }
  
    .slider-container .control{ display: none; } 
  
    .recommendations-group .span3 {
      max-width: 237px !important;
      width: 20% !important;
    } 
  
    #recommendations .recommendations-group .row {
      margin-left: 0px !important;
    }  

    .recommendations-group .span3.tall img { 
      display: block;
      margin-bottom: -25px;
      margin-top: -30px;
    }
  
    .a-modal { 
      position: absolute;
      background-color: transparent;
      padding: 8px 8px 4px 8px;
      width: 98%;
      z-index: 9999;
      left: 0;
    }
  
  
  .bx-viewport {
      height: 317px;
  }

}

/* Mobile --------------------------------- */

@media only screen and (max-width: 629px) {  
  
    .size-options {
        table-layout: fixed;
    }
  
  	.size-options td {
  		width: auto;    
    }
  
    .slider-container .control{ display: none; } 
    
    .a-modal { 
      position: absolute;
      background-color: transparent;
      padding: 8px 8px 4px 8px;
      width: 96%;
      z-index: 9999;
      left: 0;
      top: 15%;
    }
  
    /* Global */
    
    body.homepage,
    body.women-collection,
    body.men-collection {
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        width: 100%;
        box-sizing: content-box;
        margin: 0;
        background-color: #000;
    }
    
    .header,
    body.homepage .header,
    body.men-collection .header {
        height: 46px;
        background-color: #000;
        padding: 11px 0;
        position: fixed;
        width: 100%;
        z-index: 800;
        left: 0;
        margin: 0;
    }
    
    .header-logo {
        width: auto;
        margin-top: 10px;
        margin-left: 0;
    }
    
    .cart-nitems {
        right: 11px;
        top: 4px;
    }
    
    .footer .container {
        max-width: 100%;
        padding: 60px 0;
    }
    
    .row { margin: 0; }
    
    .sb-slidebar {
        margin-top: 68px;
        -webkit-transition: transform 0.5s ease-out;
        -moz-transition: transform 0.5s ease-out;
        -o-transition: transform 0.5s ease-out;
        transition: transform 0.5s ease-out;
        margin-left: 0 !important;
        transform: translate3d(-1000px, 0, 0);
        -webkit-transform: translate3d(-1000px, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        visibility: visible;
    }
    
    .sb-slidebar.sb-active {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        margin-top: 68px;
    }
    
    .sb-slidebar .newsletter { display: none; }
    .sb-slidebar .footer-social-media { margin-top: 25px; }
    
    #content { margin-top: 68px; }
    
    .hidden-mobile { display: none !important; }
    
    ul,
    ol {
        margin: 0;
        padding: 0;
    }
    
    /* Homepage */
    
    body.homepage #content { background-color: #000; }
    .mobile-landing-banner img { width: 100%; }
    
    /* Cart */
    
    #cart { padding: 0 0 30px 0; }
    
    /* Common Pages */
    
    .banner-common {
        height: auto;
        margin-bottom: 0;
    }
    
    .container.common-page-container { padding: 60px 0; }
    
    /* Main Collection */
    
    #sortby-menu { display: none; }
    
    #collection .left-sidebar {
        margin-top: -15px;
        padding: 30px 0;
        width: 100%;
    }
    
    #collection .left-sidebar h1 {
        text-transform: uppercase;
        margin: 0;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
    }
    
    #collection .left-sidebar ul li a {
        padding: 14px;
        border: 0;
        display: block;
        width: 180px;
        margin: 0 auto;
        color: #fff;
        font-weight: normal;
        background-color: #222;
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    #collection .left-sidebar p {
        color: #999;
        font-size: 12px;
        width: 70%;
        margin: 0 auto;
        letter-spacing: 1px;
    }
    
    .collection-template .top-banner { float: none; }
    
    .collection-template #collection {
        margin-top: 0 !important;
        padding: 0;
    }
    
    #collection .product.span4 {
        width: 260px;
        height: 260px;
    }
    
    .product .product-link-container, 
    .recommendations-product .product-link-container {
        position: absolute;
        top: 226px;
        z-index: 99;
        width: 100%;
        line-height: 0;
    }
    
    .product .details, 
    .recommendations-product .details { 
        position: absolute;
        top: 220px;
        width: 100%;
    }
  
    .product .title { margin-top: 13px; } 
    
    #collection .product {
        min-width: 260px;
        max-width: 260px;
        width: 260px;
        min-height: 260px;
        max-height: 260px;
        height: 260px;
        margin: 0 auto;
        display: block;
    }
    
    /* Men Collection Landing Page */
    
    #men-landing-page .collection-main-list h2 {
        font-size: 12px;
        color: #666;
        background-color: transparent;
        padding: 5px 0 5px 80px;
        margin: 0;
        border: 0;
    }
    
    #men-landing-page .types-filter ul li a {
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 1px;
    }
    
    /* Women Collection Landing Page */
    
    #women-landing-page .types-filter ul li a {
        text-transform: uppercase;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
    }
    
    /* Product Page */
    
    #product .description { display: block; }
    
    #product .owl-theme .owl-controls,
    #product .owl-aether-search,
    .mobile-techspecs, 
/*     #product .try-home .mobile-version { display: none !important; } */
  	#add-item-form > div > div.purchase-section.multiple > div > div.try-home.mobile-version { display: none !important; }
  
    .men-collection #product .navi-title,
    .women-collection #product .navi-title {
        background-color: #fff;
        width: 100%;
        padding: 0;
        position: relative;
    }
    
    .men-collection #product .navi-title h1,
    .women-collection #product .navi-title h1 {
        color: #000;
        border-top: 3px solid #000;
        border-bottom: 1px solid #000;
        text-align: center;
        font-size: 18px;
    }
    
    #product .navi-title #price-preview {
/*       display:block; */
/*         float: right; */
/*         right: 15px; */
        top: -25px;
        font-size: 14px;
    }

    #product .product-options h2.mobile-version { text-align: left; }
    #product .product-options { padding: 0 15px;}
    #product #add-to-cart { margin-bottom: 15px; }
    #product .row { padding-bottom: 0; }
    
    #product .social {
        width: 150px;
        margin: 30px auto;
        text-align: center;
    }
 
    #product .size-options-0 table { width: 100%; }
    #product .size-options-0 td a { width: 99%; }  
    #product .size-options-0 td a:hover { background-color: transparent; }
    #product .size-options-0 {
        margin: 0;
        width: 100%;
    }
    
    #product .product-content,
    .product-content .description {
        height: auto;
        min-height: 0px;
        max-height: none;
    }
    
  .bx-viewport {
      height: 208px;
  }
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item, .featured,
    .owl-carousel .owl-wrapper-outer,
    .owl-carousel .owl-item img { max-height: 150px; }
    
    .men-collection #product .mobile-techspecs { margin-top: 0; }
    
    /*#content { min-height: 1247px !important; }*/
    #content { min-height: 300px !important; }
  
    .products .span3 {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    .products .span3 img {
        display: block;
        margin: 0 auto;
    }
    
    .mobile-techspecs { display: none; }
    
    .product-top-container .featured.top, 
    .featured a img { 
        max-height: 325px;
        width: 630px !important;
    }
  
    #directededge-blocks {
      display: block;
    }
  
    .recommendations-group .span3 {
      width: 237px !important;
      margin: 15px auto;
      display: block;
      float: none;
    } 
  
    #recommendations .recommendations-group .row {
      margin-left: 0px !important;
    }  

    .recommendations-group .span3.tall img { 
      display: block;
      margin-bottom: -35px;
      margin-top: -30px;
    }
  
    #recommendations .recommendations-group .row.hidden-mobile {
      margin-left: 0 !important;
      display: block !important;
    }
  
    #recommendations .recommendations-group .row.hidden-mobile .span12 {
      width: 100%;
    }
  
    #recommendations h3.collection-title {
      width: 237px;
      font-size: 18px;
    }
  
    #product .product-options .chart { 
        width: 99.7%;
        margin-top: 5px; 
        display: block;
        float: none; 
        margin-top: 34px;
    } 

    /* Cart */
    
    #cart .image { width: 100px; }
    
    #cart h1 {
        margin-top: 0 !important;
        font-size: 15px;
    }
    
    #cart .price,
    #cart .remove { text-align: center; }
    
    #check-out { padding-top: 30px; }
    
    /* Common Pages */
    
    .common-page .span8 { width: 100%; }
    
    .gift-card-page .common-page { padding: 30px 0 !important; }
    .gift-card-page.common-page-container select { width: 100%; }
    .gift-card-page.common-page-container .style-select-custom {
        margin: 0;
        margin-bottom: 5px;
    }
    
    .form-option-container { margin: 30px auto; }
  
    #collection .collection-color-picker, 
    #recommendations .collection-color-picker { 
      height: 0;
    }
}

@media only screen and (max-width: 400px) {
  .bx-viewport {
      height: 200px;
  }  
}

/* Product Chip Globalization */

.product img,
.product .image a
{
    max-width: 100%;
    min-width: 0;
    width: 260px;
}

@media only screen and (max-width: 629px) and (min-width: 520px) {
  #collection .product.span4 {
      max-width: none;
      width: 50%;
  } 
}

@media only screen and (max-width: 519px) and (min-width: 510px) {
	#collection .product.span4 {
      max-width: none;
      width: 100%;
  } 
}

#product .product-options .chart {
  float: right;
}