body{
    display: block;
  }
  
  .container {
      width: 100%;
      max-width: 1170px;
  }
  @media screen and (max-width: 1000px){
  
    .adminForm.user-details{
  
        width: 100%;
    }
  
    .adminForm.user-details td{
        display: block;
        width: 100%;
    }
  
      .adminForm.user-details input{
        display: block;
        width: 100%;
        margin-top: 10px!important;
    }
  
    .browse-view .browse-wrapper .row .product .spacer .BVtitle {
      padding: 10px;
      height: auto;
  }
  .content{
    padding: 0px 20px;
  }
    .row {
      margin-left: 0px;
  }
    body p > span {
      font-size: 16px !important;
  
  }
  
    h1 {
      font-size: 26px!important;
  }
    #sp-component .width30.floatright.display-number{
     width: 300px;
  }
  #sp-component .width70.floatleft{
    width: 150px!important;
  }
    #sp-message-area{
      width: 70%;
    }
    #sp-bottom2{
      width: 200px;
    }
    #sp-bottom3{
      width: 270px
    }
    #sp-bottom2 .header{
      display: none;
    }
    .row-fluid [class*="span"] {
      display: inline-block;
      float: none;
      vertical-align: top;
  }
    #bottom{
      text-align: center;
    }
    #sp-bottom3 .custom .bottom-social + h3+ p:last-of-type{
      display: none;
    }
    #sp-bottom3 .custom div:last-of-type h3:last-of-type{
      display: none;
    }
    #sp-bottom1, #sp-bottom4{
      display: none;
    }
    #sp-bottom2 .custom h3:last-of-type{
      display: none;
    }
      #sp-bottom2 .custom p:last-of-type{
      display: none;
    }
  .search-button-wrapper button {
  
      height: 32px;
      min-height: 32px;
      line-height: 32px;
  }
  .search-input-wrapper input {
      min-height: 32px;
  
  }
  .row-fluid .span7 {
      width: 30%;
      margin-left: 17%;
  }
  #sp-cart .sp-dropdown-cart {
       line-height: 20px
      height: 20px;
  }
  .btn-group>.btn-large {
      font-size: 12.5px;
  }
  #sp-cart .sp-dropdown-cart {
      padding:  0px 10px 0px 10px;
  }
  #sp-cart .sp-dropdown-cart {
      height: 30px;
  }
  div#sp-account {
      display: none;
  }
  #sp-menu{
    width: 100%;
  }
  #sp-main-menu ul.level-0 > li a {
  
      padding: 6px 5px 6px 0px;
  }
  .sp-vmmenu > ul > li > a {
     font-size: 13px;
  }
  #sp-left .module .mod-wrapper h3 {
    font-size: 13px;
    padding: 5px;
  }
  }
  @media screen and (max-width: 700px){
    #sp-left .module:first-of-type .mod-wrapper h3.header{
      left: 0;
      right: 0;
      position: fixed;
      top: 46px;
    }
  #sp-logo a{
    display: inline-block;
  }
  #sp-logo{
    width: 100%;
    text-align: left;
  }
  #sp-cart .total_products{
    font-size: 0;
  }
  #sp-cart{
    position: fixed;
    right: 20px;
    top: 84px;
    z-index: 10000;
  }
  body{
    margin-top: 84px;
  }
  #sp-search{
    display: none;
  }
  #sp-menu{
    position: fixed;
    top: 0;
    z-index: 10000;
  
  }
  .sp-vmmenu > ul {
    position: static;
    background-color: #fff;
  }
  #sp-left .module.ns2_cat{
  
    overflow-y: scroll;
    height: 100%;
  }
  #sp-left{
    position: fixed;
    top: 30px;
    padding: 48px 0 0 0;
    height: 100vh;
    background-color: transparent!important;
    z-index: 10000;
    /* display: none; */
  }
  #sp-topbar-wrapper{
    z-index: 10000;
    /* display: none; */
  }
  h4.cat-title{
      position: static;
  }
  #sp-message-area{
    width: 100%;
    margin: 0;
  }
  #sp-component .width30.floatright.display-number{
     width: 200px;
  }
  #sp-component .width30.floatright.display-number select {
      width: 100%;
  }
  #sp-component .width70.floatleft{
    width: 140px!important;
  }
  .cate img{
        max-width: auto;
      height: 170px!important;
  }
  .browse-view .browse-wrapper .row .product .spacer .BVtitle {
      padding: 10px;
      height: auto;
  }
  }
  @media screen and (max-width: 700px){
  #sp-left {
      background-color: #fff;
  
      /* display: none; */
  }
  }
  
  @media screen and (max-width: 600px){
  
    #sp-left {
     padding: 38px 0 31px 0;
  }
  
  
    #sp-left .module:first-of-type .mod-wrapper h3.header {
  
      top: 34px;
  }
  
  .product.width33{
     width: 100%;
     foat: none;
     margin-bottom: 20px;
     border: #000 solid 2px;
  }
  .browse-view .browse-wrapper .row {
      border: none;
  }
  #sp-bottom2, #sp-bottom3 {
      display: block;
      width: auto;
  }
  .category_description h2{
    font-size: 29px;
  }
  #sp-main-menu ul.level-0 > li a {
      font-size: 13px;
      padding: 0;
  }
  #sp-main-menu ul {
      padding: 0px 0px;
      font-size: 0;
      line-height: 0;
  }
  #sp-main-menu ul:after {
      content: "";
      display: inline-block;
      width: 100%;
      height: 0;
  }
  ul.sp-menu li.menu-item {
      min-width: 10px;
  }
  #sp-cart {
      top: 75px;
      right: 5px;
  }
  }
  @media screen and (max-width: 700px){
  
    .row-fluid .span4 {
      width: 100%;
  }
  #contact-form .control-group > div {
    margin: 0;
  }
  
    #sp-left{
      width: 150px;
      width: 0;
    }
  #sp-left .module:first-of-type .mod-wrapper h3.header ~ .mod-content{
      display: none;
      position: absolute;
      height: calc(100vh - 70px);
      overflow: auto;
  }
  #sp-left{
  
  }
  }
  @media screen and (max-width: 480px){
  #sp-header-wrapper .logo-wrapper .logo {
      background-position: 0 50%;
      background-repeat: no-repeat;
      background-size: contain;
      width: 227px!important;
  }
  }
  
  @media screen and (max-width: 1000px){
  body.productdetails #sp-component img{
      height: 300px;
      position: absolute;
      top: 20px;
      right: 20px;
  }
  body.productdetails #sp-component .span6 {
      width: 300px;
  }
  body.productdetails .productdetails-view .sp-productdetails {
    background-image: none;
    position: relative;
  }
  body.productdetails #car-tel{
     padding: 10px 0 0 20px;
     text-align: left;
  }
  body.productdetails #sp-component .pull-right, #sp-component .pull-left{
      float: none!important;
  }
  body.productdetails .productdetails-view .sp-productdetails .spacer-buy-area a.ask-a-question {
      margin: 0 15px 0 20px;
  }
  body.productdetails .productdetails-view .product-short-description {
  
      padding: 0 0 0 10px;
  }
  }
  
  @media screen and (max-width: 480px){
  body.productdetails #sp-component img {
      height: 170px;
      position: absolute;
      top: 20px;
      right: 50%;
      transform: translateX(50%);
  }
  body.productdetails  .productdetails-view .sp-productdetails {
      background-image: none;
      position: relative;
      padding-top: 200px;
  }
  }
  
  
  
  @media screen and (max-width: 1000px){
  body.cart #sp-left #sp-component fieldset {
    overflow-x: scroll;
  }
  body.cart tbody{
      width: 100vw;
      display: block;
      overflow: scroll;
  }
  
  body.cart #sp-left{
    display: none;
  }
   body.cart #sp-message-area {
      width: 100%;
  }
   body.cart #vmCartModule{
     display: none;
   }
  
  
  }
  
  @media screen and (max-width: 1000px){
    body.cart .customer-comment {
   width: 100%;
   margin: 0;
  }
  }
  
  @media screen and (max-width: 600px){
  #facebox iframe{
    width: 100%;
  }
  
  #facebox .content {
      display: block;
      width: 100%;
      padding: 0;
  }
  #facebox{
      left: 0px!important;
      width: 100%;
    }
  
    .ask-a-question-view .form-field textarea.field {
      width: 100%;
  }
  .ask-a-question-view .form-field .submit {
      width: 100%;
  }
  }