/*---------------
  Media.css
  calls other stylesheets for mobile/tablet/ie
  ---------------*/

@charset "UTF-8";

@import url('mobile.css');
@import url('tablet.css');

/********************************************MEDIA QUERIES FOR MOBILE STYLES ***********************/
@media only screen and (max-width: 1330px) {
  #education-hero {
    max-width: 80%;
  }
  #education-hero .slides li {
    background-size: 60%;
    background-position: center right;
  }
  #education-hero .slides li .content h2 {
    font-size: 50px;
  }
}
/* @media only screen and (max-width: 1220px) {
  .container {
    padding: 0 2.94%;
  }
  *Nav*
  nav {
    display: none;
  }
  .main li:hover .drop {
    display: none;
  }
  .main > li {
    border-bottom: 1px solid #fb8d48;
    border-right: 1px solid #fb8d48;
    float: left;
    margin: 0;
    width: 33%;
  }
  #art .main > li {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .main > li > a {
    height: 50px;
    padding: 15px 20px 0;
  }
  .main > li > a:hover,
  .main > li:hover > a {
    border-radius: 0;
  }
  .main > li:nth-of-type(3n+3),
  #art .main > li:nth-of-type(3n+3) {
    border-right: none;
  }
  .main > li:nth-of-type(7),
  .main > li:nth-of-type(8),
  #art .main > li:nth-of-type(7),
  #art .main > li:nth-of-type(8) {
    border-bottom: none;
  }
  *Homepage*
  #hero .container {
    padding: 0;
  }
  #secondary-nav .dropdown > li > a {
    font-size: 18px;
    height: 65px;
    letter-spacing: 1px;
    padding: 23px 20px 0 0;
  }
  #secondary-nav .flight-info > li > a {
    background: url(Images/flight-info-tablet-bkg.jpg) no-repeat left center;
    padding-left: 44.27%;
  }
  #secondary-nav .shopping-eating > li > a {
    background: url(Images/shopping-eating-tablet-bkg.jpg) no-repeat left center;
    padding: 15px 20px 0 51.56%;
  }
  #secondary-nav .parking-transportation > li > a {
    background: url(Images/parking-transportation-tablet-bkg.jpg) no-repeat left center;
    padding: 15px 20px 0 36.45%;
  }
  #secondary-nav .travel-info > li > a {
    background: url(Images/travel-info-tablet-bkg.jpg) no-repeat left center;
    padding-left: 43.75%;
  }
  *Flight Status*
  .search-flights form {
    margin-top: 15px;
    width: 100%;
  }
  *Art Landing*
  #art-hero .slides .content {
    width: 50%;
  }
  *What's New*
  #shopping-result .image-area > a {
    background-position: center !important;
    width: 100%;
  }
  *Education Landing*
  #education #education-callouts .callout a {
    height: auto;
  }
} */
@media only screen and (max-width: 1175px) {
  /**Home**/
  #home {
    background-size: auto;
  }
  body.L0_Home, 
  body.L0_Flights, 
  body.L0_Shop_Dine_Relax, 
  body.L0_Parking___Transportation, 
  body.L0_Travel_Info, 
  body.L0_Airport_Art,
  body.L0_Education,
  body.L0_Airport_Authority, 
  body.L0_Airport_Projects, 
  body.L0_Business_Opportunities, 
  body.L0_Careers, 
  body.L0_Service___Facilities {
    background-size: auto !important;
  }
  #sidebarPane.sidebarPane .callouts, #sidebarPane.sidebarPane .callout {
    height: 290px !important;
  }
  /*.L0_Home .home-template #dnn_leftPane {
    width: 100%;
  }
  .L0_Home div#sidebarPane.sidebarPane {
    width: 100% !important;
    float: right !important;
  }*/
  .L0_Home #sidebarPane .row-fluid .span6, .L0_Home #sidebarPane .row-fluid .span12 {
    width: 31.914893617021278%;
  }
  /**Footer**/
  footer ul {
    margin-bottom: 18px;
    text-align: center;
    width: 100%;
  }
  footer form {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto 25px;
    width: 45.95%;
  }
  footer .social {
    display: block;
    float: none;
    margin: 0 auto;
    width: 280px;
  }
  footer p {
    text-align: center;
    width: 100%;
  }
  #education-hero .slides li .content h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1130px) {
  /**Home**/
  #latest-news {
    height: auto;
    padding-bottom: 10px;
  }
  #latest-news h2 {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
  }
  #latest-news .news-ticker {
    width: 100%;
  }
  #latest-news .slides li {
    padding: 0 15px;
    text-align: center;
    margin-left: -15px;
  }
  #latest-news .flex-direction-nav {
    top: -52px;
  }
  #latest-news .flex-direction-nav .flex-prev,
  #latest-news .flex-direction-nav .flex-next {
    background-color: #4899c6 !important;
  }
  
  #alerts {
    height: auto;
    padding-bottom: 10px;
  }
  #alerts .title 
  {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 42px;
    line-height: 12px;
  }
  #alerts .description 
  {
      text-align: center;
      display:block;
  }
  
  #alerts .flex-direction-nav a,
    .slider .flex-direction-nav a 
  {
      margin-top:0px;
  }
  
  #alerts .flex-direction-nav,
.slider .flex-direction-nav 
{
    height:42px;
}

  #alerts .flex-direction-nav .flex-prev,
    .slider .flex-direction-nav .flex-prev {
      border-right: 1px solid #f96600;
      border-top: 1px solid #f96600;
      border-bottom: 1px solid #f96600;
  }
  #alerts .flex-direction-nav .flex-next,
    .slider .flex-direction-nav .flex-next {
      border-right: 1px solid #f96600;
      border-top: 1px solid #f96600;
      border-bottom: 1px solid #f96600;
  }

  /*#alerts h2 {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
  }
  #alerts .news-ticker {
    width: 100%;
  }
  #alerts .slides li {
    padding: 0px;
    text-align: center;
    margin-left: -15px;
  }
  #alerts .flex-direction-nav {
    top: -52px;
  }*/
  
  /*Art Landing*/
  #art-hero h1 {
    font-size: 62px;
  }
  #art-hero h1 span {
    display: block;
    font-size: 33px;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .L0_Education.L1_Games___Activities .DnnModule-1123, 
  .L0_Education.L1_Games___Activities .DnnModule-2225  {
    display: none !important;
  }
  .L0_Education.L1_Games___Activities .DnnModule-2254 {
    display: block !important;
  }
}
@media only screen and (max-width: 1020px) {
  /**Home*/
  #flight-status, .L0_Home #dnn_leftPane {
    margin-bottom: 36px;
    width: 100% !important; 
  }
  .L0_Home .livetabssandiego .ui-tabs .mtop.ui-tabs-nav {
    margin-left: 30px;
  }
.L0_Home #sidebarPane .row-fluid .span6, .L0_Home #sidebarPane .row-fluid .span12 {
  width: 47.15%; 
}
.L0_Home #sidebarPane {
  width: 100% !important;
}
.L0_Home #dnn_sidebarCTAleft, .L0_Home #dnn_sidebarCTAright {
  float: left;
margin-right: 2.61%;
width: 28.98% !important;
}

.L0_Home #dnn_sidebarCTAbottom .callouts, .L0_Home #dnn_sidebrCTAbottom  {
  float: left;
  width: 36.81% !important;
}
  
.L0_Home #dnn_ContentPane {
    margin-bottom: 60px !important;
  }

  #callouts .callout, #sidebarPane.sidebarPane .callouts, #sidebarPane.sidebarPane .callout {
    float: left;
    width: 94%;
  /*  margin-right: 2.61%;*/
/*    width: 28.98%;*/
    /*222 / 766*/
  }
  #callouts .callout.dining + a {
    float: left;
    width: 36.81%;
    /*280*/
  }

  /*.callout.right-callout, .callout.left-callout {
    width: 100% !important;
  }*/
  /**Flight Status**/
  .search-flights input[type=submit] {
    margin-top: 15px;
    width: 100%;
  }
  /**Art Landing**/
  .callouts-group .callout {
    margin: 0 0 20px !important;
    width: 100%;
  }
  .L0_Airport_Art #dnn_col4A, 
  .L0_Airport_Art #dnn_col4B, 
  .L0_Airport_Art #dnn_col4C, 
  .L0_Airport_Art #dnn_col4D,

  .L0_Careers #dnn_col4A, 
  .L0_Careers #dnn_col4B, 
  .L0_Careers #dnn_col4C, 
  .L0_Careers #dnn_col4D,
  #education-callouts #dnn_col4A, 
  #education-callouts #dnn_col4B,
  #education-callouts #dnn_col4C,
  #education-callouts #dnn_col4D  {
    margin: 0 0 20px !important;
    width: 48.88%;
  }
  #education-callouts #dnn_col4D {
    margin-left: 15px !important;
  }

  .L0_Airport_Art #dnn_col4A {
    margin-top: 0px !important;
  }

  .L0_Careers #dnn_col4C,
  .L0_Careers #dnn_col4A, 
  .L0_Careers #dnn_col4C,  
  .L0_Airport_Art #dnn_col4C,
  .L0_Airport_Art #dnn_col4A, 
  .L0_Airport_Art #dnn_col4C,
  #education-callouts #dnn_col4A, 
  #education-callouts #dnn_col4C {
    clear: left !important;
  }

  .L0_Careers #dnn_col4B, 
  .L0_Careers #dnn_col4D,
  .L0_Airport_Art #dnn_col4B, 
  .L0_Airport_Art #dnn_col4D,
  #education-callouts #dnn_col4B, #education-callouts #dnn_col4CD{
    float: right !important;
  }
  
  #education-hero .slides li {
    background-size: 60%;
    background-position: bottom center;
  }
  #education-hero .slides li .content {
    max-width: none;
    margin-bottom: 300px;
  }
  #education-hero .slides li .content h2 {
    width: 100%;
    font-size: 40px;
    text-align: center;
  }
  #education-hero .slides li .content h2,
  #education-hero .slides li .content p {
    text-shadow: 1px 1px 1px #666;
  }
}
@media only screen and (max-width: 980px) {

  /**Airlines**/
  #content {
    background: none;
    box-shadow: none;
    padding: 0;
  }
  article,
  aside, #dnn_sidebarPaneTop {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    width: 100%;
  }
  article {
    margin-bottom: 62px;
    padding: 32px 1.96% 20px;
  }
  aside, #dnn_sidebarPaneTop {
    padding-bottom: 30px;
  }
  aside .ad, #dnn_sidebarPaneTop .ad {
    float: left;
    margin: 26px 0 0 6.08% !important;  
    width: 88%;
    /*width: 38.63%;*/ 
    /*302*/
  }
  #dnn_ContentPane table td {
    width: 100% !important;
  }

  #dnn_sidebarPaneTop .DnnModule-DNN_HTML {
    width: 100% !important;
    text-align: center;
  }
  aside .ad:nth-of-type(2), #dnn_sidebarPaneTop .ad:nth-of-type(2) {
    float: right;
    margin: 26px 6.08% 0 0;
  }
  .col3-template #dnn_rightPane {
    width: 42.88%;
  }
   .col3-template #dnn_ContentPane, .col3-template #dnn_centerPane {
    width: 54.79%;
    float: left;
  /*  margin-left: -10px;*/
   }
   .col3-template containCustom #dnn_ContentPane > div:last-child p, .col3-template .containCustom #dnn_centerPane > div:last-child p {
    margin-bottom: -80px;
   }
   .col3-template containCustom #dnn_ContentPane > div:last-child p, .col3-template .containCustom #dnn_centerPane > div:last-child p {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
   }
  /**Flight Status**/
  .search-flights form {
    margin: 0;
    max-width: 500px;
    width: 78.98%;
  }
  .search-flights input[type=submit] {
    margin-top: 0;
    width: 80px;
  }
  .search-flights input[type=text] {
    width: 14.81%;
  }
  .search-flights input[type=date],
  .search-flights select {
    width: 19.02%;
  }
  /**Flight Landing**/
  .landing article {
    width: 54.79%;
    /*417*/
  }
  .landing article li {
    width: 100%;
  }
  .landing aside {
    width: 44.80%;
    /*341 / 761*/
  }
  .landing li:last-child {
    border: none;
    margin: 0;
    padding-bottom: 0;
  }
  .landing li h2 {
    white-space: normal;
  }
  /**Shopping Detail**/
  .shopping-detail {
    padding: 32px 0 0 !important;
  }
  .shopping-detail h1,
  .shopping-detail .back-link {
    padding-left: 1.96%;
  }
  .shopping-detail .addthis_toolbox {
    padding-right: 1.96%;
  }
  #shopping-result {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 860px) {
  #public-art .project h2 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 815px) {
  footer .footer-main li {
    margin-right: 10px;
    padding-right: 10px;
  }
  footer .footer-main li:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  /**Home**/
  #secondary-nav .other-links li {
    float: left;
    padding: 0;
    width: 50%;
  }
  #secondary-nav .other-links li:nth-of-type(2n+1) {
    background: none;
  }
  #secondary-nav .other-links li:nth-of-type(1),
  #secondary-nav .other-links li:nth-of-type(2), 
  #secondary-nav .other-links li:nth-of-type(3),
  #secondary-nav .other-links li:nth-of-type(4) {
    border-bottom: 1px solid #d4d2ca;
  }
  #secondary-nav .other-links li a {
    background-position: 21% center !important;
    height: 86px;
    padding-top: 35px;
    width: 100%;
  }
  /**Shopping Detail Pages**/
  #shopping-result .column {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  .L0_Education.L1_Games___Activities .DnnModule-1123, 
  .L0_Education.L1_Games___Activities .DnnModule-2225 {
    display: none !important;
  }
  .L0_Education.L1_Games___Activities .DnnModule-2254 {
    display: block !important;#education-callouts #dnn_col4D
  }
}
@media only screen and (max-width: 767px) {
  .col3-template #dnn_ContentPane, .col3-template #dnn_centerPane {
    width: 100% !important;
  }
  .col3-template #dnn_ContentPane div.DnnModule, .col3-template #dnn_centerPane div.DnnModule {
    margin-top: -10px;
  }
  .col3-template #dnn_centerPane {
    margin-top: -100px !important;
    margin-left: 0;
  }
  .col3-template .containCustom #dnn_ContentPane p, .col3-template .containCustom #dnn_centerPane p {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 30px;
  }
  .DNNContainer_Title_h2_Overview {
    border-bottom: none !important;
  }
  .col3-template #dnn_rightPane {
    width: 100% !important;
/*    margin-top: 50px;*/
    text-align: center;
  }
  #education-callouts #dnn_col4D {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 759px) {
  .col2-template #dnn_sidebarPaneTop, .col2-template #dnn_ContentPane {
    width: 100% !important;
  }
}
@media only screen and (max-width: 655px) {

   .L0_Home #dnn_sidebarCTAleft, .L0_Home #dnn_sidebarCTAright {
    width: 47.15% !important;
  } 

  .L0_Home #dnn_sidebarCTAbottom .callouts{
    width: 100% !important;
  }

  .L0_Home .DNNContainer_Title_h1.SpacingBottom {
  margin-top: 30px !important;
}


}
@media only screen and (max-width: 580px) {
  .col3-template #dnn_centerPane {
    margin-top: 0;
  }
}
@media only screen and (max-width: 418px) {
  .L0_Home #dnn_sidebarCTAleft, .L0_Home #dnn_sidebarCTAright {
    width: 100% !important;
  }
  }
}
}
}
}