@media all and (max-width: 767px) {
  body {
    font-size: 10px;
  }
  header {
    margin-top: 0;
  }
  header nav {
    margin: 0 -20px;
  }
  .slide-caption {
    width: 10% !important;
  }
  .slide-caption .caption-inner .caption {
    font-size: 16px !important;
    line-height: 18px !important;
  }
  #portfolio-container.portfolio-columns [class*="span"] {
    width: 100%;
    margin-left: 0;
  }
  #portfolio-container-home .portfolio-wrap {
    min-height: 300px;
  }
  .portfolio-page .row {
    margin-left: 0px;
  }
  .footer-extra .footer-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #181818;
    -webkit-box-shadow: 0px 1px 0px #333333;
    -moz-box-shadow: 0px 1px 0px #333333;
    box-shadow: 0px 1px 0px #333333;
  }
  .footer-extra:last-child .footer-box:last-child {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0;
  }
  .copyright {
    float: right !important;
    *zoom: 1;
    text-align: center !important;
  }
  .copyright:before,
  .copyright:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .copyright:after {
    clear: both;
  }
  .footer-menu {
    *zoom: 1;
  }
  .footer-menu:before,
  .footer-menu:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .footer-menu:after {
    clear: both;
  }
  .footer-menu ul li {
    float: none !important;
    text-align: left;
    margin: 0 !important;
    list-style: outside disc !important;
  }
  h1,
  h2,
  h3 {
    line-height: 32px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 15px;
  }
  h5 {
    font-size: 12px;
  }
  h6 {
    font-size: 12px -1;
  }
  body,
  li,
  a,
  p {
    line-height: 15px;
  }
  .article-header h3 a {
    line-height: 40px;
  }
  h1 small {
    font-size: 18px;
  }
  h2 small {
    font-size: 15px;
  }
  h3 small {
    font-size: 12px;
  }
  h4 small {
    font-size: 12px;
  }
  .portfolio-columns .portfolio-wrap h4 {
    font-size: 18px;
  }
  #responsive-nav .user-menu {
    display: none !important;
    visibility: hidden !important;
  }
  #content {
    margin-bottom: 20px;
  }
  blockquote p {
    font-size: 11px;
  }
 .cart-tab-container {
  width: 100%;
  margin-left: -20px;
 }
 
}
