@media (max-width: 767px) {
  
  .publicity-grid-img, .publicity-copy { max-width: 100%; width: 100%; display: block; float: none; }
  .publicity-copy { margin-top: 5px; }
  .publicity-grid { padding-bottom: 230px; }
  
  #mobile_slider { margin-left: -15px; margin-right: -15px; }
  
  .hide-mobile { display: none !important; }
  
  .col-xs-12 { padding-left: 0; padding-right: 0; }
  
  #retailStudio img { margin-bottom: 20px; }
  .retail-bottom-images > div { max-height: inherit; }
  
  #main { padding-top: 60px; }
  #main.collection { padding-top: 116px; }
  
  /* HEADER */
  #header { padding-top: 0; width: 100%; position: fixed; top: 0; z-index: 7999; }
  #header.menu-open {min-height: 60px;}
  #header.menu-open .sort-bar { position: fixed; }
  #header.menu-open #mobileMenu { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
  #header.menu-open a.menu-btn { display: none; }
  #header.menu-open a.close-btn { display: block; }
  
  #mobileHeader { 
    background: url(//cdn.shopify.com/s/files/1/0015/0002/t/11/assets/gv-header-mobile.jpg?v=11734697489501474497) #FFF -16px no-repeat; 
    background-size: contain; 
    text-align: center; 
    height: 60px; 
    width: 100%;
    padding: 0px 10px 10px; 
    border-bottom: 2px solid #E9E9E9;
    position: relative;
    z-index: 1999;
  }
  #mobileHeader .home-btn { display: block; position: absolute; top: 5px; left: 65px; z-index: 4; width: 250px; height: 50px; }
  #mobileHeader .menu-btn { 
    display: block;
    background: none;
    border-color: transparent;
    float: left; 
    margin-top: 10px;
    margin-bottom: 0;
    padding: 9px 10px;
    text-align: left; 
  }
  #mobileHeader .menu-btn .icon-bar {
    display: block;
    background-color: #555;
    width: 24px; 
    height: 3px; 
    border-radius: 1px;
  }
  #mobileHeader .menu-btn .icon-bar+.icon-bar { margin-top: 5px; }
  #mobileHeader .cart-btn { position: relative; width: 46px; height: 39px; float: right; margin-top: 10px; text-align: right; background-color: white; border-radius: 4px; }
  #mobileHeader .cart-btn::after { display: block; content: '\f07a'; font-family: 'FontAwesome'; font-size: 32px; color: #555; position: absolute; top: 8px; left: 4px; }
  #mobileHeader .cart-btn span { 
    display: inline-block; width: 20px; height: 20px; background-color: white; border: 1px solid #E9E9E9; border-radius: 50%; padding: 2px; 
    text-align: center; font-size: 10px; font-weight: bold; color: #555; line-height: 1.3; position: relative; bottom: -10px; z-index: 2;
  }
  
  
  /* MENU */
  
  #mobileMenu { 
    overflow: hidden;
    position: fixed; 
    left: 0; 
    right: 0;
    bottom: 0;
    top: 60px; 
    z-index: 8000;
    width: 100%;
    text-transform: uppercase;
    transition: transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
  }
  #mobileMenu .primary-nav { display: block; overflow: auto; height: 100%; background: white; }
  #mobileMenu .nav-wrapper { width: 100%; }
  #mobileMenu .nav-wrapper li { width: 100%; text-align: center; padding: 0; overflow: hidden; max-height: 64px; transition: 0.5s; -webkit-transition: 0.5s; margin-bottom: 0; }
  #mobileMenu .nav-wrapper li a { position: relative; display: block; padding: 23px 0; font-weight: 600; font-size: 15px; line-height: 1; }
  #mobileMenu a.active { color: #ff8503; }
  #mobileMenu .nav-wrapper li a.dropdown-menu-link::after {
    content: '\f0d7';
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
    right: 23px;
    top: 50%;
    z-index: 1;
    margin-top: -9px;
  }
  #mobileMenu .nav-wrapper li.open { max-height: 1200px; }
  #mobileMenu .nav-wrapper li.open a.dropdown-menu-link { color: #404040; }
  #mobileMenu .nav-wrapper li.open a.dropdown-menu-link::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .mobile-submenu { margin: 0; border-top: none; }
  .mobile-submenu li { border-left: 10px solid #E9E9E9; background-color: rgba(190,190,190,0.05); }
  .mobile-submenu li a { text-align: left; padding-left: 25px !important; color: #555; }
  #mobileMenu .main-nav { margin-bottom: 60px; }
  
 
  /* MENU STATES */
  .sort .primary-nav, .collections .primary-nav, .primary .sort-bar-panel { display: none !important; }
  .sort .sort-bar-panel, .collections .sort-bar-panel, .primary .primary-nav { display: block !important; }
  .sort .sort-bar-panel { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
  .collections .sort-bar-panel { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
  .sort-bar-panel .sort-nav, .sort-bar-panel .collections-nav { height: 100%; width: 100%; padding: 0 23px; position: absolute; left: 0; top: 0; }
  .sort-bar-panel { 
    position: relative; height: 100%; width: 100%;
    -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out;
    -webkit-transform: translate(-200%, 0); -ms-transform: translate(-200%, 0); transform: translate(-200%, 0);
  }
  #mobileMenu.sort, #mobileMenu.collections { background-color: #FCFCFF; top: 116px; }

  
  /* SEARCH (MENU) */
  .mobile-search {
    width: 100%;
    display: block;
    float: none;
    margin-left: 0;
    position: relative;
    padding: 15px;
    line-height: 1em;
    background: #F2F1ED;
  }
  .mobile-search .clear-btn { position: absolute; right: 0; z-index: 1; color: #555; font-size: 19px; }
  .mobile-search form { margin: 0; position: relative; }
  .mobile-search form::after {
  	position: absolute;
    top: 1px;
    left: 0;
    z-index: 1;
    content: '\f002';
    display: block;
    font-family: 'FontAwesome';
    font-size: 17px;
  }
  .mobile-search input.search_box { 
    background: none;
    border: none;
    padding: 0 0 0 28px;
    font-size: 16px;
  }
  .mobile-search input.search_box:focus { border: none; box-shadow: none; -webkit-box-shadow: none; }
  .results-count { float: none; display: block; font-size: 60%; margin-top: 8px; }
  
  /* COLLECTIONS */
  #breadcrumbs, .page-title { padding: 14px 0; margin: 0 -15px 12px; border-top: 3px solid #E9E9E9; line-height: 1;}
  #breadcrumbs > div { text-align: center; }
  .breadcrumbs, .breadcrumbs h1, .page-title h1 {
  	font-size: 24px; 
    line-height: 1;
    height: auto;
  }
  .breadcrumbs { width: auto; display: inline-block; margin: 0 auto; padding: 0 30px; }
  .breadcrumbs h1 { font-weight: 400; color: #555; font-size: 20px; text-align: center; }
  .breadcrumbs h1 span { display: block; padding-top: 3px; clear: both; color: #999; font-size: 14px; }
  .breadcrumbs li { margin-right: 10px; padding: 0 0 0 10px; background-image: none; }
  .breadcrumbs ul { margin: 0; line-height: 1; }
  .breadcrumbs ul li { line-height: 1; }
  
  .pager { height: auto; line-height: 1; float: none; position: relative; text-align: center; margin-top: 3px; }
  .pager .page-count { margin-right: 0; }
  .pager .view, .pager .page-count { line-height: 1; font-size: 12px; display: inline-block; text-align: left;  }
  .pager .view { margin: 0 0 0 26px; }
  #paging-controls { background: none; position: absolute; left: 0; top: -25px; width: 100%; }
  #paging-controls.collection { top: -33px; }
  
  .thumbnail { width: 50%; float: left; padding-left: 15px; padding-right: 15px; margin-top: 0.5em; margin-bottom: 0.5em; } 
  .thumbnail a { padding-bottom: 0; }
  .thumb-wrapper { height: auto; }
  
  .collection-banner { margin-bottom: 0; padding: 0; }
  
  
  /* PRODUCT */
  .product-info { border-top: none; }
  .product-title { border-top: 1px solid #E9E9E9; padding: 20px 15px 0 15px; margin-left: -15px; margin-right: -15px; }
  h1.product_name { width: 80%; float:left; font-size: 30px; line-height: 1.3; text-transform: none; }
  p.modal_price { float: right; font-size: 30px; position: relative; top: 8px; }
  .current_price sup { font-size: 20px; position: relative; top: -7px; }
  .description { padding: 20px; margin: 0 -15px 15px -15px; background: #F9F9FF; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; }
  .description p:last-child { margin-bottom: 0; }
  
  /* SUBMENU */
  #submenu { display: none; }
  
  /* SORT BAR */
  .sort-bar { position: absolute; top: 60px; left: 0; z-index: 5; width: 100%; margin: 0; padding: 0; background-color: white; border-bottom: 3px solid #E9E9E9; }
  .sort-bar a { display: inline-block; float: left; background: white; font-family: 'Oswald'; font-size: 16px; letter-spacing: 0.5px; padding: 15px 0; text-transform: uppercase; text-align: center; color: #555; width: 50%; }
  .sort-bar a:first-child { border-right: 1px solid #E9E9E9; }
  .sort-bar a.active { background-color: #FCFCFF; position: relative; }
  .sort-bar a.active::after { display: block; content: ''; position: absolute; z-index: 1; bottom: -3px; height: 3px; width: 100%; background-color: #FCFCFF; }
  .sort-bar-panel { 
    position: absolute; left: 0; top: 0; height: 100%; font-family: 'Oswald'; letter-spacing: 0.5px;
    -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out;
  }
  .sort-bar-panel .collections-nav { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); padding-bottom: 30px; }
  .sort-bar-panel h4 { font-size: 16px; color: #A5A5A5; font-weight: normal; text-transform: uppercase; line-height: 1; padding: 20px 0; border-bottom: 0; margin: 0; }
  .sort-bar-panel .nav { height: 100%; overflow-y: auto; overflow-x: hidden; }
  .sort-bar-panel .nav a { display: block; font-size: 16px; line-height: 1; color: #333; padding: 18px 5px; border-top: 1px solid #E9E9E9; }
  .sort-bar-panel .nav a.active { color: #ff8503; }
  a.active .sort-orb { background: #ff8503; }
  .sort-orb { width: 12px; height: 12px; border-radius: 50%; background: #EDEDED; display: block; float: right; position: relative; }
  .sort-orb::after { display: block; content: ''; position: absolute; left: -4px; top: -4px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #EDEDED; }
  .sort-bar-panel .collections-nav a.active { color: #ff8503; }
  
  /* FOOTER */
  div.footer { padding: 30px 0; text-align: center; }
  #contact_email { display: block; width: 100%; }
  .footer button[type="submit"] { float: none; display: block; width: 100%; margin: 10px 0 40px; }
  .footer .info { margin: 30px 0; }
  .footer .info div { margin-bottom: 10px; }
  .footer-logo { padding-left: 0; margin-top: 30px; }
  .payment_methods { max-width: 170px; margin: 4px auto 6px; }
  .payment_methods img { padding-bottom: 6px; }
  .footer-mobile-links { padding: 15px; }
  .footer-mobile-links ul { border-top: none; }
  .footer-mobile-links li:first-child { margin: 0; }
  .footer-mobile-links li { margin-top: 21px; display: block; padding: 0; border-bottom: none; }
  .footer-mobile-links li a { color: white; text-transform: uppercase; font-weight: bold; }
  .footer-mobile-links li a:hover, .footer-mobile-links li a.active { color: #ff8503; }
  .footer a.social_link { margin-bottom: 20px; }
  
  /* CART */
  #cart_form .page-title h1 { display: inline-block; float: left; width: auto; }
  .price-total { float: right; display: inline-block; }
  .price-title.price-total { font-size: 24px; }
  .cart-table tr { margin-bottom: 20px; padding-bottom: 15px !important; }
  .cart-table tr:last-child { margin-bottom: 0; }
  .cart-table .image { width: 100%; }
  .cart-table .image a img { max-width: 100% !important; }
  .cart-table .qty { width: 33% !important; float: left; text-align: left; }
  .cart-table .price { float: right; margin-bottom: 15px; width: auto !important; }
  .cart-table .remove { position: absolute; right: 0; top: 0; z-index: 2; }
  .cart-table .remove-btn { font-size: 24px; }
  .subtotal { border-top: none; }
  .subtotal .promo-notice h6 { border-top: 2px solid #D3D2D2; padding-top: 20px; }
  .subtotal-title { display: inline-block; text-transform: uppercase; text-align: left; float: left; font-size: 16px; color: #999;}
  
  
  /* ABOUT */
  #about { padding-top: 140%; padding-bottom: 0;  background-size: 140%; background-position: left top; } 
  .about-copy { padding-left: 15px; padding-top: 0; }
 
  
  /* ETCH */
  .etch-intro p { margin-left: 0; }
  .etch-early-description { margin: 0; }
  .etch-early-img { right: inherit; }
  .etch-footer img { width: 105%; }
  .etch-celebs-head { padding-top: 90px; }
  .etch-celebs-grid img { margin-bottom: 6px; }
  
  
  /* RETAIL */
  #retailStudio { margin-top: -7px; }
  .vcard { padding-left: 15px; padding-right: 15px; }
  .vcard .retail-title { padding: 0 2px; }
  .vcard .adr { padding: 10px 5px; }
  .vcard .retail-title h3, .store-hours h2 { font-size: 20px; line-height: 1.6; margin-top: -6px; margin-bottom: 3px; border-bottom: 0; }
  .vcard h5 { font-size: 13px; }
  .store-hours h2 { padding-left: 4px; }
  .store-hours table { width: 100%; border-top: 2px solid #C6C6C6; }
  .store-hours tr { display: table-row; }
  .store-hours tr:first-child td { padding-top: 10px !important; }
  .store-hours tr td { width: 50% !important; display: table-cell; }
  #retailStudio .directions-btn { display: block; text-align: center; background-color: #2ca8d2; color: white; width: 100%; padding: 3px 5px; margin-top: 10px; };
}

@media (max-width: 350px) {
  #mobileHeader .cart-btn { border: 1px solid #EDEDED; }
  #mobileHeader .cart-btn::after { font-size: 24px; top: 7px; left: 10px; }
}
@media (max-width: 320px) {
  #mobileHeader { background-size: cover; }
  .thumb-wrapper {
    height: auto;
    min-height: 142px;
  }
}