/* PADS AND TABS HORISONTAL */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* SET SOME VARIABLES */
  /* line 12, ../src/portable.scss */
  body .wrapper {
    min-width: 760px;
    /* MENU */
    /* FRONT PAGE ( index.html ) */
    /* SIMPLESEARCH PAGE */
  }
  /* line 18, ../src/portable.scss */
  body .wrapper .nav .content {
    width: 96%;
  }
  /* line 22, ../src/portable.scss */
  body .wrapper .nav .content ul li {
    padding-left: 6px;
    padding-right: 6px;
  }
  /* line 30, ../src/portable.scss */
  body .wrapper .main {
    min-width: 760px;
    width: 96%;
  }
  /* line 37, ../src/portable.scss */
  body .wrapper .front-page, body .wrapper .dialogs {
    width: 96%;
  }
  /* line 44, ../src/portable.scss */
  body .wrapper .front-page .top .left.pane {
    min-width: 420px;
    width: 58%;
  }
  /* line 51, ../src/portable.scss */
  body .wrapper .front-page .content-box .icon {
    width: 56px;
    height: 56px;
    vertical-align: top;
    background-position: 0 -77px;
  }
  /* line 59, ../src/portable.scss */
  body .wrapper .front-page .content-box .icon.compare {
    background-position: -56px -77px;
  }
  /* line 63, ../src/portable.scss */
  body .wrapper .front-page .content-box .icon.alert {
    background-position: -112px -77px;
  }
  /* line 67, ../src/portable.scss */
  body .wrapper .front-page .content-box .info {
    min-width: 240px;
    width: 75%;
  }
  /* line 73, ../src/portable.scss */
  body .wrapper .front-page .content-box .display .default {
    width: 90%;
  }
  /* line 75, ../src/portable.scss */
  body .wrapper .front-page .content-box .display .default img {
    width: 100%;
  }
  /* line 89, ../src/portable.scss */
  body .wrapper #search .content {
    width: 96%;
  }
  /* line 92, ../src/portable.scss */
  body .wrapper #search .content .left.pane {
    width: 61%;
    margin-right: 10px;
  }
  /* line 97, ../src/portable.scss */
  body .wrapper #search .content .right.pane {
    width: 34%;
  }
  /* line 100, ../src/portable.scss */
  body .wrapper #search .content .right.pane .list-box {
    overflow: hidden;
    width: 100%;
  }
  /* line 106, ../src/portable.scss */
  body .wrapper #search .content .right.pane .list-box #new-changed-vehicles,
  body .wrapper #search .content .right.pane .list-box #makes-models-box,
  body .wrapper #search .content .right.pane .list-box #latest-searches {
    float: right;
    width: 100%;
    margin: 0 0 auto 0;
  }
  /* line 116, ../src/portable.scss */
  body .wrapper #search .content .content-box .fieldset {
    width: 100%;
  }
  /* line 119, ../src/portable.scss */
  body .wrapper #search .content .content-box .fieldset .field {
    width: 20%;
    overflow: hidden;
  }
  /* line 123, ../src/portable.scss */
  body .wrapper #search .content .content-box .fieldset .field input#searchfield {
    width: 99%;
    overflow: hidden;
  }
  /* line 128, ../src/portable.scss */
  body .wrapper #search .content .content-box .fieldset .field input#searchbutton {
    width: 99%;
  }
  /* line 134, ../src/portable.scss */
  body .wrapper #search .content .content-box .field:first-child {
    width: 80%;
  }
  /* line 145, ../src/portable.scss */
  body .footer {
    min-width: 760px;
  }
  /* line 148, ../src/portable.scss */
  body .footer .content {
    width: 96%;
  }
}
/* PADS AND TABS VERTICAL */
@media screen and (max-width: 767px) {
  /* SET SOME VARIABLES */
  /* line 162, ../src/portable.scss */
  .wrapper {
    min-width: 320px;
    width: 100%;
  }
  /* line 166, ../src/portable.scss */
  .wrapper .main {
    min-width: 320px;
    width: 96%;
  }

  /* line 173, ../src/portable.scss */
  .footer {
    min-width: 320px;
  }
  /* line 175, ../src/portable.scss */
  .footer .content {
    width: 96%;
  }
}