@charset 'UTF-8';
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-v15-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-condensed-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/fonts/open-sans-condensed-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

*, *::after, *::before {
    box-sizing: border-box ;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}
body {
    text-align:center;
    background:#fff;
    font: 0.9em 'Open Sans', Arial, sans-serif;
    color: #45484a;
    background-color:#fff;
}
a {
    text-decoration:none;
    color:#45484a;
}
.nt {
    text-indent:-9999px;
}
.cb {
    clear:both;
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.flw {
    float:left;
    width:100%;
}
.site {
    max-width:1267px;
    width:100%;
    margin:0 auto;
}
.sprite {
    background:url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/sprite.png) no-repeat;
}
.msprite {
    background:url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/msprite.png) no-repeat;
}
.bg-img {
    background-repeat:no-repeat;
}
ul.links, ul.links li, nav ul, nav ul li {
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block;
}
#menus,#mm, #msearch {
    display:none;
}
.desktop-header .logo {
    width:309px;
    height:91px;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/logo.png);
}
.right-side {
    width:75%;    
    margin:32px 0 20px 1%;
    max-width:575px;

}
.search {
    clear:right;
}
header .links li {
    padding:0 12px;
    font-weight:600;
    font-size:0.9em;
}
header .links li:last-child {
    padding-right:0;
    padding-left:0;
}
header .links li:first-child {
    border:0;
    padding-left:0;
}
header .links .fb2 {
    background-color:#d3850f;
    background-position:0 -23px;
    display:inline-block;
    width:17px;
    height:17px;
}
header .top {
    background-color:#d3850f;
    color:#fff;
    padding:15px 0;
}
header .top a {
    color:#fff;
}
header .top .links a:hover {
    text-decoration:underline;
}
header .bottom {
    background-color:#f2f2f2;
    padding:5px 0 15px;
}
.right-side .cart {
    width:100px;
    height:40px;
    background-position:0 -136px;    
    color:#6996a7;
    text-align:right;
    padding:2px 0 0;
    margin:3px 0 0;
    font-family:'Open Sans Condensed';
    font-weight:700;
    font-size:1.3em;
}
.right-side .cart span:before {
    content:'('
}
.right-side .cart span:after {
    content:')'
}
.message {
    font-weight:600;
    font-size:0.9em;
}
.socials {
    margin:10px 0 0 0;
}
.socials a {
    display:inline-block;
    width:31px;
    height:30px;
    margin-left:5px;
}
.socials a:first-child {
    margin-left:0;
}
.socials .fb {
    background-position:0 -207px;
}
.socials .pin {
    background-position:0 -271px;
}
.search {
    width:64%;
    border:1px solid #e2e2e2;
    background-color:#fff;
}
#searchGo {
    outline:none;
    cursor:pointer;
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
    width:30px;
    height:30px;
    background-position:0 -76px;
    border:none;
    text-indent:-9999px;
    margin:9px 5px 0 0;
}
#query {
    font-family:'Open Sans';
    outline:0;
    border:none;
    font-size:0.9em;
    padding:13px 20px;
    width:85%;
    width: -moz-calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: calc(100% - 35px);
    color:#9aa0a1;
}
nav {
    text-align:center;
}
nav > .links {
    margin:25px auto;
}
nav > .links > li {
    position:relative;
    margin:0 2%;
    text-align:center;
}
nav > .links > li:first-child {
    margin-left:0;
}
nav > .links > li:last-child {
    margin-right:0;
}
nav > .links > li > a {
    font-family: 'Open Sans Condensed';
    font-weight:700;
    font-size:1.3em;
}
#breadcrumbs,#breadcrumbs li {
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
    text-transform:uppercase;
}
#breadcrumbs li {
    margin-right:7px;
}
.mobile-header {
    display:none;
}
h1,h2 {
    font-size:1.8em;
    font-weight:300;
}
footer h2 {
    font-size:1.7em;
    font-weight:400;
}
.link-btn {
    font-weight:700;
    color:#fff;
    background-color:#6996a7;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding:7px 18px;
    display:inline-block;
}
.link-btn.large {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding:15px 25px;
}
main {
    text-align:left;
    margin:0 0 15px 0;
    border-top:1px solid #e2e2e2;
}
h1.title, h2.title {
    font-size:2.7em;
    color:#d3850f;
    text-align:center;
    margin:0.5em 0;
}
h3.subtitle {
    font-weight:300;
    text-align:center;
    max-width:60%;
    margin:0 auto;
    font-size:1.3em;
}
.list {
    clear:both;
    float:left;
    width:100%;
    margin:0 0 25px;
}
.list .column {
    float:left;
    width:25%;
    text-align:center;
}
.list .column img {
    max-width:100%;
    height:auto;
}
.list .column a {
    font-size:1.1em;
}
.list.categories .column a {
    font-size:1.4em;
}
.list .column a:hover {
    text-decoration:underline;
    color:#d3850f;
}
.list.columns2 .column {
    width:50%;
}
.list.columns2 .column:nth-child(2n) {
    padding-left:1%;
}
.list.columns2 .column:nth-child(2n+1) {
    padding-right:1%;
}
.list.columns3 .column {
    width:33.333%;
}
.list.columns4 .column {
    width:25%;
    padding:0 0.5%;
}
.list.columns4 .column:nth-child(4n) {
    padding-right:0;
}
.list.columns4 .column:nth-child(4n+1) {
    clear:both;
    padding-left:0;
}
.list .column a span {
    display:block;
    margin:0 0 5px;
}
.section .description p img:first-child, #info-div .caption > img {
    float: left;
    margin: 0 10px 10px 0;
}
.section .list {
    margin:15px 0;
}
.section .list .column a span {
    padding:5px;
    border:1px solid #e8e3d9;
    text-align:center;
}
.section .list .column {
    margin-bottom:40px;
}
.list.columns2 .column:nth-child(2n+1) {
    clear:left;
}
.list.columns3 .column:nth-child(3n+1) {
    clear:left;
    padding-right:1%;
}
.list.columns3 .column:nth-child(3n+2) {
    padding:0 0.5%;
}
.list.columns3 .column:nth-child(3n+3) {
    padding-left:1%;
}
.list.columns4 .column:nth-child(4n+1) {
    clear:left;
    padding-right:1%;
}
.list.columns4 .column:nth-child(4n+2) {
    padding:0 0.5% 0 0;
}
.list.columns4 .column:nth-child(4n+3) {
    padding:0 0 0 0.5%;
}
.list.columns4 .column:nth-child(4n+4) {
    padding-left:1%;
}
.list .price, .list .sale {
    font-weight:700;
    color:#45484a;
    font-size:1.05em;
    margin-top:8px;
}

.list .sale {
    color:#d3850f;
    font-size:1.1em;
}
.list .sale:before {
    content:'SALE';
    margin-right:5px;
}
/*home*/
.banners > div {
    background-repeat:no-repeat;
}
.banners > div img, .banners > div picture {
    width:100%;
    max-width:100%;
    height:auto;
}
/*home*/
.section .column.invisible {
    display:none;
}
ul.breadcrumbs {
    padding:10px 0;
    font-weight:600;
    font-size:0.9em;
}
.breadcrumbs a:after {
    content:'>';
    display:inline-block;
    margin:0 7px;
}
.breadcrumbs a:hover {
    text-decoration:underline;
}
.breadcrumbs li > span {
    color:#707577;
}

.section h1 {
    margin:0 0 30px;
    font-size:3.5em;
    line-height:1em;
}
.controls {
    clear: both;
}
.controls .sorting:before {
    content:'Sorting';
}
.controls .perpage:before {
    content:'Results per page';
}
.controls .sorting:before, .controls .perpage:before, .controls .itemsinfo:before {
    display:block;
    margin-bottom:7px;
    font-weight:600;
}
.controls .sorting {
    float:left;
    width:25%;
}
.controls .itemsinfo {
    float:left;
    width:50%;
    text-align:center;
    font-weight:600;
    margin-top:35px;
}
.controls .perpage {
    float:right;
    width:25%;
    text-align:right;
}
.dd-select {
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #e8e3d9;
    font-weight:600;
    color:#4b384f;
    padding:10px 20px 10px 7px ;
    outline:0;
}
.perpage .dd-select {
    background-position:90%;
}
.MagicZoom > img {
    width: 100%;
    height: auto;
}
.estimated-dates {
    background: url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/estimated-box-bg.png) no-repeat left top;
    margin: 40px 0 40px 20px;
    padding: 0 0 0 50px;
    font-size: 1.2em;
}
.estimated-dates p {
    margin: 0 0 1em;
    font-family: 'Open Sans Condensed';
}
.estimated-dates p b {
    display: block;
}
.descriptions.with-extras {
    width: 50%;
    margin-top: 30px;
}
.product .descriptions h3 {
    color: #d3850f;
    font-weight: 300;
    font-size: 2.3em;
    line-height: 1em;
    padding: 10px 0;
    margin: 10px 0;
}
.descriptions > div {
    margin-bottom: 30px;
    font-size: 1.1em;
    line-height: 1.8em;
}
.product h1 {
    color:#45484a;
    font-weight:300;
    font-size:2.3em;
    margin:0;
    padding:10px 0 15px;
}
.product div.image {
    max-width:650px;
    width:60%;
}
.product .pit-cont {
    position:relative;
    width:40%;
}
.product .image a.MagicZoom {
    border:1px solid #e8e3d9;
    padding:10px;
}
.product .magic-zoom-gallery {
    width:110px;
    text-align:center;
    margin-right:15px;
}
.product .magic-zoom-gallery a {
    display:block;
    border:1px solid #e8e3d9;
    margin:0 0 15px;
    padding:5px;
}
.product .magic-zoom-gallery a img {
    max-width:100%;
    height:auto;
}
.product .mz-thumb img {
    box-shadow:none;
}
.product .social-sound {
    margin:15px 0 0 0;
    padding:0 150px 0 0;
}
.product .freeshipping {
    background-color:#c33953;
    color:#fff;
    border:1px solid #ce5e73;
    text-align:center;
    font-weight:600;
    padding:5px;
    font-size:1.1em;
}
.product .freeshipping i {
    font-family:'Times New Roman';
    font-size:1.4em;
    font-weight:500;
}
.pit {
    border:1px solid #e8e8e8;
    padding:20px 2px 2px;
    position:relative;
}
.pit .code:before {
    content:'Item #';
}
.pit .row {
    padding:5px 20px;
    font-size:1.1em;
}
.pit .atc {
    background-color:#f2f2f2;
    padding:20px;
}
.pit .instock {
    background-color:#6996a7;
    color:#fff;
    text-align:center;
    font-weight:600;
    padding:5px 15px;
    position:absolute;
    right:-1px;
    top:0;
}
.pit .instock.oos {
    background-color:#894373;
}
.pit .qty, .pit .btn {
    display:inline-block;
    vertical-align:middle;
}
.pit .btn {
    margin-left:35px;
}
.pit .qty input {
    border:0;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align:center;
    width:80px;
    font-size:1.3em;
    font-weight: 700;
    padding:8px 5px;
}
.pit .btn input {
    font-weight: 700;
    color: #fff;
    font-size:1.6em;
    line-height:1em;
    font-family: 'Open Sans', Arial, sans-serif;
    background-color: #d3850f;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 12px 30px;
    display: inline-block;
    border:0;
    appearance:none;
    -moz-appearance:none; 
    -webkit-appearance:none; 
    cursor:pointer;
}
.pit .pricing {
    font-size:2em;
    font-weight:600;
    margin-bottom:20px;
}
.pit .pricing div {
    display:inline-block;
    margin-right:10px;
    vertical-align:baseline;
}
.pit .pricing .only, .pit .pricing .sale {
    color:#d3850f;
}
.pit .pricing .price {
    position:relative;
    font-weight:300;
}
.pit .pricing .yousave {
    font-size:0.75em;
    font-weight:300;
}
.pit .pricing .yousave:before {
    content:'You save:';
    margin-right:5px;    
}

.pit .pricing .sale:before {
    content:'Sale';
    margin-right:8px;
}
.pit .pricing .price-row {
    font-size:0.7em;
    display:block;
    margin:7px 0;
}
.pit .pricing .price-row div {
    vertical-align:middle;
}
.pit .pricing .price-row div:first-child {
    margin-right:0;
    width:40%;
}
.pit .pricing .price-row div:last-child {
    margin-right:0;
}
.options .row {
    float:left;
    clear:both;
    width:100%;
    margin:5px 0;
}
.options .label {
    float:left;
    margin:5px 10px 0 0;
    font-weight:600;
    font-size:1.1em;
}
.options .control {
    float:left;
}
.options label {
    display:block;
    margin:0 0 7px 0;    
}
.options label.radio {
    padding-left:25px;
    cursor:pointer;
    position:relative;
}
.options .control select {
    padding:10px;
    border:1px solid #b5b6b7;
    font-family:'Open Sans';
    background-color:#fff;
}
.options .control select.error {
    border:1px solid #cc0000;
}
.options .control.with-desc:after {
    content:'* ' attr(description);
    display:block;
    margin-top:5px;
    font-size:0.8em;
}
.extra-items.source {
    display:none;
}
#info-div #ys_searchiframe #sf {
    display:none;
}
#info-div #ys_searchiframe #doc {
    width:100% !important;
}
#ys_searchiframe .side #main {
    margin-left:200px !important;
    width:85% !important;
    width: -moz-calc(100% - 200px) !important;
    width: -webkit-calc(100% - 200px) !important;
    width: calc(100% - 200px) !important;
}
#ys_searchiframe #sidebar a {
    color:#fff;
}
#ys_searchiframe #sidebar h3 {
    display:none;
}
.section.search-cont h1 {
    margin:0 0 10px;
}
#ys_searchiframe div#loading-bar.zrpmsg {
    display:none;
}
@media screen and (max-width: 1300px) {
    header .top{
        padding:15px 10px;
    }
    header .bottom{
        padding:5px 10px 15px;
    }
    footer {
        padding:0 10px;
    }
    .product {
        padding:0 10px;
        float:left;
        width:99%;
    }
    ul.breadcrumbs {
        padding:10px;
    }
}
@media screen and (max-width: 1185px) {
    .site {
        max-width:100%;
    }
    .options .control select {
        padding:10px 5px;
        max-width:250px;
    }
    .product {
        padding:0 0 0 5px;
        width:99%;
    }
    .product .image a.MagicZoom {
        width:400px;
    }
}
@media screen and (max-width: 1080px) {
    .product .image a.MagicZoom {
        width:350px;
    }
}
@media screen and (max-width: 980px) {
    header .links {
        margin-left:5%;
    }
    .categories .column {
        margin-bottom:20px;
    }
    .product .image a.MagicZoom {
        max-width:70%;
    }
}
@media screen and (max-width: 960px) {
    body {
        font-size:0.85em;
    }
    .right-side {
        max-width:440px;
        margin:32px 0 20px;
    }
    .search {
        width:70%;
    }
    #query {
        font-size:1em;
    }
    .message {
        font-size:1em;
    }
    header .links li {
        font-size:1em;
        padding:0 7px;
    }
    .right-side .cart {
        font-size:1.5em;
    }
}
@media screen and (max-width: 920px) {
    .right-side {
        width:70%;        
    }
    .product .magic-zoom-gallery {
        width:80px;
    }
    .pit .atc {
        padding:15px 10px;
    }
    .options .control select {
        max-width:200px;
    }
}
@media screen and (max-width: 850px) {
    .list.columns4 .column {
        width:33.3333%;
    }
    .list.columns4 .column:nth-child(4n) {
        padding-right:0.5%;
    }
    .list.columns4 .column:nth-child(4n+1) {
        clear:none;
        padding-right:0.5%;
    }
    .list.columns4 .column:nth-child(3n) {
        padding-left:1%;
        padding-right:0;
    }
    .list.columns4 .column:nth-child(3n+1) {
        clear:left;
        padding-right:1%;
        padding-left:0;
    }
    .search {
        width:73%;
    }
    .right-side {
        width:400px;
    }
}
@media screen and (max-width: 800px) {
    header .links {
        margin-left:0;
    }
    header .links li:last-child {
        display:none;
    }
}
@media screen and (max-width: 760px) {
    header .top {
        padding:10px 5px;
    }
    header .bottom {
        padding:5px;
    }
    header {
        position:relative;
        padding-left:0;
        padding-right:0;
    }
    main {
        margin:5px 0;
    }
    .desktop-header, nav {
        display:none;
    }
    .mobile-header {
        display:block;
        position:relative;
        background-color:#f2f2f2;
    }
    .mobile-header .logo {
        background-image:url(https://cfd7d358a332f6e081d3-f16251c5720d0a86fc2d97121bdf4efc.ssl.cf5.rackcdn.com/amber/sites/1/mlogo.png);
        background-repeat:no-repeat;
        background-position:center;
        width:75%;
        max-width:309px;
        height:91px;
        margin:10px 10% 10px;
        background-size:contain;
    }
    .mobile-header > a.msprite {
        width:56px;
        height:45px;
        background-repeat:no-repeat;
    }
    .mobile-header > a {
        display:inline-block;
        vertical-align:middle;
    }
    .mobile-header > a.cart {
        background-position:13px 50%;
    }
    .mobile-header > a.search-btn {
        background-position:-34px 50%;
    }
    .mobile-header > a.hamburger {
        background-position:-83px 50%;
    }
    .mobile-header > a.hamburger.opened {
        background-position:-129px 50%;
    }
    .list.columns4 .column, .list.columns3 .column {
        width:50%;
    }
    .list.columns4 .column:nth-child(4n),.list.columns3 .column:nth-child(3n) {
        padding-right:0;
    }
    .list.columns4 .column:nth-child(4n+1), .list.columns4 .column:nth-child(3n+1), .list.columns3 .column:nth-child(3n+1) {
        clear:none;
        padding-left:0;
    }
    .list.columns4 .column:nth-child(2n), .list.columns3 .column:nth-child(2n) {
        padding-left:1%;
        padding-right:0;
    }
    .list.columns4 .column:nth-child(2n+1), .list.columns3 .column:nth-child(2n+1) {
        clear:left;
        padding-right:1%;
        padding-left:0;
    }
    .categories h2 {
        font-size:2em;
    }
    .product div.image {
        width:100%;
        max-width:100%;
    }
    .product .image a.MagicZoom {
        max-width: 60%;
        margin-left:15%;
    }
    .product .pit-cont {
        width:100%;
        margin:15px 0 0;
    }
    .product-page ul.breadcrumbs {
        padding:10px 5px;
    }
    .product-page .breadcrumbs li > span, .product-page .breadcrumbs li:nth-last-child(2) a:after {
        display:none;
    }
    .product h1 {
        font-size:1.6em;
        padding:5px 0 15px;
    }
    .extra-items.side.inited {
        display:none;
    }
    .extra-items.source {
        display:block;
    }
    .section h1 {
        margin:0 0 20px;
        font-size:3em;
        line-height:1em;
    }
    .section.with-left h1 {
        margin-top:10px;
    }
    .mobile-header {
        padding-top:40px;
    }
    .mobile-header .promo {
        position:absolute;
        width: 100%;
        float: left;
        clear: both;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color:#d3850f;
        padding:10px 0;
        text-align:center;
        color:#fff;
    }
}
@media screen and (max-width: 640px) {
    .product .image a.MagicZoom {
        max-width: 65%;
        margin-left:5%;
    }
    .options .control select {
        width:250px;
    }
    .mobile-header .logo {
        margin:10px 3% 10px 0;
    }
}
@media only screen and (max-width: 520px) {
    .mobile-header .logo {
        width:55%;
        max-width:250px;
        height:75px;
    }
    .mobile-header .logo {
        margin:10px 5px 10px 0;
    }
}
@media screen and (max-width: 480px) {
    h1.title, h2.title {
        font-size:2em;
    }
    h3.subtitle {
        font-size:1.1em;
    }    
    .controls .perpage:before {
        content:'Per Page';
    }
    .mobile-header > a.cart {
        background-position:10px 50%;
    }
    .mobile-header > a.search-btn {
        background-position:-38px 50%;
    }
    .mobile-header > a.hamburger {
        background-position:-85px 50%;
    }    
}
@media screen and (max-width: 440px) {
    .product h1 {
        font-size:1.7em;
    }
    .controls .sorting {
        width:40%;
    }
    .controls .itemsinfo {
        width:55%;
        text-align:right;
        margin-top:10px;
    }
    .controls .perpage, .controls .sorting:before {
        display:none;
    }
    .product div.image {
        position:relative;
        padding:0 0 115px;
    }
    .product .magic-zoom-gallery {
        position:absolute;
        bottom:40px;
        margin:0;
        left:0;
        width:100%;
    }
    .product .social-sound {
        margin: 15px auto 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        width: auto;
        float: none;
        left: 15%;
        left: -moz-calc(50% - 145px);
        left: -webkit-calc(50% - 145px);
        left: calc(50% - 145px);
    }
}
@media screen and (max-width: 420px) {
    
    .product .image a.MagicZoom {
        width:100%;
        max-width:100%;
        margin-left:0;
        border:0;
    }
    .product .magic-zoom-gallery {
        width:100%;
        margin-left:0;
    }
    
    .product .magic-zoom-gallery a {
        display:inline-block;
        width:90px;
        vertical-align:top;
        border:0;
        margin:5px;
    }
    
}
@media screen and (max-width: 380px) {
    .mobile-header > a.cart {
        background-position:5px 50%;
    }
    .mobile-header > a.search-btn {
        background-position:-40px 50%;
    }
    .mobile-header > a.hamburger {
        background-position:-87px 50%;
    }    
    .mobile-header > a.msprite {
        width: 40px;
    }
    .pit .btn input {
        font-size:1.5em;
        padding:12px 25px;
    }
    .pit .qty input {
        width:60px;
    }
    .product .image a.MagicZoom {
        max-width: 75%;
        margin-left: 13%;
    }
    .product .magic-zoom-gallery a img {
        max-width:85%;
    }
    .section h1 {
        font-size:2.5em;
    }
}
@media screen and (max-width: 340px) {
    .pit .btn {
        margin-left:25px;
    }
    .mobile-header .logo {
        height:75px;
    }
}