/*---------------
  Mobile.css
  ---------------*/

@media only screen and (max-width: 495px) {
  /**Nav**/
  .main > li {
    border-right: none !important;
    width: 100%;
  }
  .main > li:nth-of-type(7) {
    border-bottom: 1px solid #fb8d48;
  }
  /**Footer**/

  footer .footer-main li {
    border: none;
    border-bottom: 1px solid #fc9b33;
    display: block;
    padding: 24px 0;
    width: 100%;
  }
  #art footer .footer-main li {
    border-color: #bdb2a7;
  }
  footer form {
    width: 100%;
  }
  footer .footer-sub {
    border-top: 1px solid #fc9b33;
    padding-top: 26px;
  }
  footer .footerForm {
    width: 100%;
  }
  #art .footer-sub {
    border-color: #bdb2a7;
  }
  footer .footer-sub li {
    float: left;
    margin: 0 0 28px;
    padding: 0;
    width: 33%;
  }
  footer .footer-sub li:nth-of-type(3n+3) {
    border-right: none;
  }
.callout.left-callout, .callout.right-callout {
  width: 100% !important;
}
 #sidebarCTAleft, #sidebarCTAright, #sidebarCTAbottom {
    width: 100% !important;
  }
.L0_Home #sidebarPane .row-fluid .span6, .L0_Home #sidebarPane .row-fluid .span12 {
  width: 100% !important;
}

.L0_Home #dnn_sidebarCTAright {
    float: left !important;
    margin-top: initial !important;
  }
.L0_Home .callout.right-callout {
  background-position: right;
}

.L0_Home .livetabssandiego .ui-tabs .mtop.ui-tabs-nav {
  width: 100%;
  margin-left: 0 !important;
  text-align: center;
}

.L0_Home .DNNContainer_Title_h1.SpacingBottom h1 {
  margin-bottom: 15px;
  text-align: center;
}



/*  .L0_Home .callout {
    width: 308px !important;
  }*/
 /* #latest-news .slides li {
    margin-left: 5px !important;
  }*/

  .listing h3,
  .listing .actions {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }


  /**Shopping What's New**/
  #now-open .slides li:nth-of-type(odd) {
    width: 301px !important;
  }
  #now-open .slides li:nth-of-type(even) {
    width: 300px !important;
  }
  .shop-listing .image, .shop-listing img {
    display: none;
  }
  .shop-listing .shop-logo {
    display: none;
  }
  .shop-listing .column {
    width: 48% !important;
  }
}
@media only screen and (max-width: 450px) {
  /**Home**/
  #secondary-nav .dropdown,
  #secondary-nav .other-links li {
    width: 100%;
  }
  #secondary-nav .other-links li {
    background: none;
    border-bottom: 1px solid #d4d2ca;
  }
  #secondary-nav .other-links li:last-child {
    border: none;
  }
  #secondary-nav .other-links li a {
    background-position: 15% center !important;
  }

  #secondary-nav .dropdown {
    width: 100% !important;
  }

  #secondary-nav .other-links li {
    width: 100% !important;
  }

  /**Airlines**/
  article form section .field {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    width: 100%;
  }
  article h1 {
    text-align: center;
    width: 100%;
  }
  article .addthis_toolbox {
    display: none;
  }
  /**Shopping What's New**/
  #now-open .slides img {
    display: none;
  }
  #new-listings .tabs li {
    width: 100%;
  }
}
@media only screen and (max-width: 418px) {
  /**Home**/
  article #flight-status h2 {
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
  }
  #flight-status .tabs {
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }
  #flight-status .tabs ul {
    margin-top: 15px;
  }
  #flight-status .tabs ul,
  #flight-status .tabs li {
    width: 100% !important;
    /*margin-left: -18px;*/
  }
  .L0_Home #flight-status .tabs li {
    margin-left: -36px !important;
  }
  #callouts .callout {
    width: 100%;
  }
  #callouts .callout.brews {
    margin-bottom: 35px;
  }

  /**Flight Status**/
  .listing .column p span {
    float: none;
    margin: 0;
    text-align: left;
  }
  /**Landing Pages**/
  #content.landing h1 {
    padding: 25px 15px 0;
  }
  #content.landing h1:before {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  /**Header**/
  header .logo {
    width: 180px;
  }
  /**Home**/
  #latest-news h2 {
    text-align: left !important;
  }
  .tabs > ul li {
    width: 100%;
  }
  /**Shopping Detail Pages**/
  #shopping-result .share,
  #shopping-result .details {
    margin-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 350px) {
  /**Home**/
  table td {
    width: 100%;
  }
  /**Flight Status**/
  .search-flights input[type=text],
  .search-flights input[type=date],
  .search-flights select,
  .search-flights input[type=submit],
  .search-flights input {
    margin-bottom: 15px;
    width: 100%;
  }
}
}