/*---------------
  tablet.css
  ---------------*/

@media only screen and (max-width: 1220px) {

  nav {
    margin-top: -270px;
  }

  .drop {
    display: none !important;
  }

  .main > li {
    border-bottom: 1px solid #fb8d48 !important;
    border-right: 1px solid #fb8d48 !important;
    float: left;
    margin: 0 !important;
    width: 33% !important;
  }
  .main > li > a {
    height: 50px;
    padding: 15px 20px 0;
  }

  .main > li:nth-of-type(3n+3), #art .main > li:nth-of-type(3n+3) {
border-right: none;
}

@media only screen and (max-width: 1200px) {
   #secondary-nav .flight-info > li > a {
    background: url(../Images/flight-info-mobile-bkg.jpg) no-repeat left center;
    padding-left: 41.02%;
  }
  #secondary-nav .shopping-eating > li > a {
    background: url(../Images/shopping-eating-mobile-bkg.jpg) no-repeat left center;
    padding-left: 47.17%;
  }
  #secondary-nav .parking-transportation > li > a {
    background: url(../Images/parking-transportation-mobile-bkg.jpg) no-repeat left center;
    padding-left: 29.23%;
  }
  #secondary-nav .travel-info > li > a {
    background: url(../Images/travel-info-mobile-bkg.jpg) no-repeat left center;
    padding-left: 37.94%;
  }
}

@media only screen and (max-width: 1175px) {
  footer .footerForm {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto 25px;
  }
}

@media only screen and (max-width: 780px) {
   .L0_Parking___Transportation.L1_Taxis #dnn_sidebarPaneTop,
   .L0_Parking___Transportation.L1_Public_Transportation #dnn_sidebarPaneTop {
    width: 100% !important;
    margin-top: -320px;
  }
  .L0_Parking___Transportation.L1_Cell_Phone_Lot #dnn_sidebarPaneTop {
    width: 100% !important;
    margin-top: -420px;
  }
  .L0_Parking___Transportation.L1_Taxis #dnn_sidebarPaneTop aside,
  .L0_Parking___Transportation.L1_Public_Transportation #dnn_sidebarPaneTop aside,
  .L0_Parking___Transportation.L1_Cell_Phone_Lot #dnn_sidebarPaneTop aside {
    text-align: center;
  }
  .L0_Parking___Transportation.L1_Taxis #dnn_sidebarPaneTop aside a
  .L0_Parking___Transportation.L1_Public_Transportation #dnn_sidebarPaneTop aside a,
  .L0_Parking___Transportation.L1_Cell_Phone_Lot #dnn_sidebarPaneTop aside a {
    max-width: 100%;
  }
}



@media only screen and (max-width: 770px) {
  /**Home**/
  #secondary-nav .dropdown {
    width: 50%;
  }
  #secondary-nav .dropdown > li > a {
    font-size: 22px;
    height: 100px;
    padding-top: 38px;
  }
  #secondary-nav .flight-info > li > a {
    background: url(../Images/flight-info-mobile-bkg.jpg) no-repeat left center;
    padding-left: 41.02%;
  }
  #secondary-nav .shopping-eating > li > a {
    background: url(../Images/shopping-eating-mobile-bkg.jpg) no-repeat left center;
    padding-left: 47.17%;
  }
  #secondary-nav .parking-transportation > li > a {
    background: url(../Images/parking-transportation-mobile-bkg.jpg) no-repeat left center;
    padding-left: 29.23%;
  }
  #secondary-nav .travel-info > li > a {
    background: url(../Images/travel-info-mobile-bkg.jpg) no-repeat left center;
    padding-left: 37.94%;
  }
/*  .L0_Home #dnn_sidebarCTAright {
    float: right;
    margin-top: -250px;
  }*/

  /* Disable below style to always show dropdowns */
  #secondary-nav .dropdown:hover ul {
    display: none;
  }
  #secondary-nav .dropdown:hover {
    position: static;
  }
  #secondary-nav .dropdown:hover + .dropdown {
    margin: 0;
  }
  /**Flight Status**/
  .search-flights h2 {
    display: block;
    float: none;
    margin-bottom: 15px;
    text-align: center;
  }
  .search-flights form {
    max-width: 100%;
    padding: 18px 7.3% 12px;
    width: 100%;
  }
  .search-flights input[type=text],
  .search-flights input[type=date],
  .search-flights select {
    float: left;
    height: 33px;
    margin: 0 0 12px;
    max-width: 100%;
    width: 44.8%;
    /*138*/
  }
  .search-flights input[type=text]:nth-of-type(2),
  .search-flights select:nth-of-type(2) {
    float: right;
  }
  .search-flights select {
    margin-bottom: 24px;
  }
  .search-flights input[type=submit] {
    display: block;
    float: none;
    margin: 0 auto;
  }

    .L0_Careers .ModEasyDNNrotatorC{  display:none;
} 

}

@media only screen and (max-width: 768px) {

  #dnn_ContentPane, .col3-template #dnn_rightPane, .col3-template #dnn_centerPane {
    width: 100% !important;
    padding: 0 10px;
    margin-bottom: 100px;
  }

  nav.nav-style {
    width: 100%;
  }

  header .top-info {
    margin-right: 2em;
  }

  header .logo {
    margin-left: .75em;
  }

  header .top-info .weather {
    margin-left: 1em;
  }

/**Education Events**/
  .education-projects .project.span5:nth-child(odd) {
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 755px) {
  /**Airlines**/
  article form section {
    padding: 25px 0 26px;
  }
  article form section .field {
    margin: 0 0 20px;
    width: 42.78%;
  }
  article form section .field:nth-of-type(even) {
    float: right;
  }
  /**Flight Status**/
  article #flight-status .tabs {
    margin: 15px 0 0;
    width: 100%;
  }
  article #flight-status .tabs form {
    float: right;
  }
  .result .flight-info p {
    float: none;
    width: 100%;
  }
  .result .flight-info a {
    clear: both;
    display: block;
    float: none;
    margin: 20px auto 0;
  }
  /**Shopping What's New**/
  .shop-listing .column {
    width: 30% !important;
  }
  #dnn_sidebarPaneTop {
    width: 100% !important;
  }
  /**Shopping Detail Pages**/
  #shopping-result .share {
    width: 20%;
  }
  /**Art Landing**/
  #art-hero .slides .content {
    width: 75% !important;
  }
}
@media only screen and (max-width: 694px) {
  /**Home**/
  #secondary-nav .parking-transportation > li > a {
    padding-top: 28px;
  }
  /**Nav**/
  .main > li {
    width: 50% !important;
  }
  .main > li:nth-of-type(3n+3) {
    border-right: 1px solid #fb8d48 !important;
  }
  #art .main > li:nth-of-type(3n+3) {
    border-right: 1px solid #fff;
  }
  .main > li:nth-of-type(2n+2),
  #art .main > li:nth-of-type(2n+2) {
    border-right: none;
  }
/**Shopping What's New**/
  #new-listings .tabs ul {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 14px;
    padding-bottom: 18px;
    text-align: center;
    width: 100%;
  }
  #new-listings .tabs li {
    display: inline-block;
    float: none;
  }
  #new-listings .tabs .search {
    clear: both;
    display: block;
    float: none;
    margin: 0 auto;
  }
  .shop-listing .links {
    width: 100%;
  }
  /**Public Art**/
  #public-art .tabs > ul {
    width: 100%;
  }
  #public-art .tabs > ul li {
    text-align: center;
    width: 25%;
  }
  #public-art .tabs > ul li a {
    height: 56px;
    line-height: 18px;
  }
  #education-hero {
    max-width: 100% !important;
  }
  #education-hero .slides li {
    background-size: 70% !important;
  }
  #education-hero .slides li .content {
    margin-bottom: 200px !important;
  }
  #education-hero .slides li .content p {
    color: black;
    text-shadow: none;
  }
  #education-hero .flex-direction-nav a {
    display: none !important;
  }
  #education-hero h2 {
    font-size: 38px !important;
  }
}
@media only screen and (max-width: 655px) {
  /**Home**/
  #hero {
    padding: 10px 0 48px;
  }
  #hero h2 {
    font-size: 42px;
    line-height: 40px;
  }
  #hero h2 span {
    letter-spacing: 1px;
  }
  body.L0_Home #hero {
    padding: 10px 0 48px !important;
  }
  body.L0_Home #dnn_HeroPane #hero h2
  {
    font-size: 42px !important;
    line-height: 40px !important;
  }
  body.L0_Home #dnn_HeroPane #hero h2 span {
    letter-spacing: 1px !important;
  }
  #flight-status .tabs form, .search-flights-simple {
    display: none;
  }
  #callouts .callout {
    width: 47.15%;
  }
  #callouts .callout.dining + a {
    margin-top: 35px;
    width: 100%;
  }

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

  .homeAirline {
    width: 180px;
  }
  
  /**Flight Status**/
  .result .flight-name,
  .result .flight-info {
    border: none;
    padding: 0;
    width: 100%;
  }
  .result .flight-name {
    margin-bottom: 10px;
  }
  .result .flight-name br {
    display: none;
  }
  .result .flight-name strong {
    margin-right: 10px;
  }
  .listing .column {
    margin-bottom: 20px;
    width: 100%;
  }
  /**Art Landing**/
  #art-hero h1 {
    font-size: 46px !important;
  }
  #art-hero h1 span {
    font-size: 24px !important;
  }
  #art-hero .slides .content {
    font-size: 16px !important;
    padding: 10px 15px !important;
  }
  #art-hero .slides .content h2 {
    font-size: 34px !important;
  }
  #art-hero .overview p {
    font-size: 16px !important;
  }
  /**Public Art**/
  .project {
    width: 100%;
  }

  .L0_Careers .ModEasyDNNrotatorC{  display:none;
}  

}
@media only screen and (max-width: 595px) {
  .container {
    padding: 0 7.82%;
  }
  /**Header**/
  header .logo img {
    height: auto;
    max-width: 100%;
  }
  header .top-info {
    width: 35px;
  }
  header .top-info .weather,
  header .top-info .search {
    display: none;
  }
  header .search-icon {
    display: none;
  }
  /**Home**/
  #secondary-nav .other-links li a {
    background-position: 15% center !important;
  }
  table thead {
    display: none !important;
  }
  table td {
    display: block !important;
    float: left !important;
    margin-bottom: 10px !important;
    width: 50% !important;
  }
  table td:nth-of-type(1),
  table td:nth-of-type(2) {
    font-size: 16px !important;
    font-weight: bold !important;
   /* padding-top: 24px !important;*/
   padding-top: 15px !important;
  }
  .data-table td:nth-of-type(4), .data-table td:nth-of-type(5), .data-table td:nth-of-type(6) {
    padding-top: 15px !important;
  }
  table td:nth-of-type(2n+1) {
    clear: left !important;
  }
  .data-table tbody tr td {
    text-align: center !important;
    padding-top: 15px;
  }
  .data-table tbody tr td img {
    margin-top: -10px;
  }
  .data-table td {
    margin-bottom: 0 !important;
  }
  #flight-status td:nth-of-type(5):before {
    content: "Baggage ";
  }
  /**Airlines**/
   #dnn_ContentPane.threeColLeftPane, #dnn_centerPane.threeColCenterPane, #dnn_rightPane.threeColRightPane {
    width: 100% !important;
   }
   #dnn_ContentPane.threeColLeftPane, #dnn_centerPane.threeColCenterPane {
    margin-bottom: 0 !important; 
    padding-bottom: 40px !important;
   }
  aside .ad,
  aside .ad:nth-of-type(2),
  aside .widget {
    float: none;
    margin: 38px auto 0;
    width: 76.32%;
  }
  article {
    padding: 24px 3.6%;
  }
  /**Flight Status**/
  article #flight-status .tabs ul {
    width: 100%;
  }
  article #flight-status .tabs form {
    margin-top: 15px;
    width: 100%;
  }
  .listing .actions {
    margin: 0;
  }
  .listing .actions .print,
  .listing .actions span {
    display: none;
  }
  /**Flight Landing**/
  .landing article,
  .landing aside {
    width: 100%;
  }
  .landing article {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  .landing aside > *:last-child {
    margin-bottom: 0;
  }
  aside img {
    display: block;
    margin: 0 auto;
  }
  /**Shopping Detail Pages**/
  #shopping-result {
    padding: 20px 4.38%;
  }
  #shopping-result .image-area {
    width: 100%;
  }
  #shopping-result .image-area {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  #shopping-result .content {
    margin-top: 30px;
    max-width: 100%;
    width: 100%;
  }
  .brand-logo {
    display: none;
  }
  /**Public Art**/
  #public-art .tabs > ul li {
    width: 100%;
  }
  #public-art .tabs > ul li a {
    height: 36px;
    width: 100%;
  }
}
@media only screen and (max-width: 545px) {
  /**Art Landing**/
  #art-hero h1 {
    font-size: 25px !important;
  }
  #art-hero h1 span {
    font-size: 14px !important;
  }
  #art-hero .slides .content {
    position: static !important;
    width: 100% !important;
  }
  /**Art and Education Landing**/
    .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 {
    width: 100% !important;
  }
  #education-callouts #dnn_col4D {
    margin-left: 0 !important;
  }

.L0_Careers .ModEasyDNNrotatorC,
.L0_Airport_Art .ModEasyDNNrotatorC {
  display:none;
}  

    .L0_Careers #contentWrapper #dnn_col4A,
  .L0_Airport_Art #contentWarpper #dnn_col4A {
      margin-top: -60px !important;
    }

    .L0_Careers .career-callouts .callout {
      height: 275px;
    }

    .L0_Careers .callouts-group .callout, 
    .L0_Airport_Art .callouts-group .callout, 
    .L0_Education .callouts-group .callout {
      width: 100%;
      margin-bottom: 0 !important;
    }
    .L0_Airport_Art .contentContainer {
      display: none !important;
    }

}
@media only screen and (max-width: 520px) {
  /**Airlines**/
  article form .column {
    width: 100%;
  }
  article form .column.right {
    border: none;
    border-top: 1px solid #e5e5e5;
    padding-top: 22px;
  }
  article form .field:nth-of-type(1n+3) {
    margin-bottom: 34px;
  }
  article input[type=submit] {
    display: block;
    float: none;
    margin: 0 auto;
    position: relative;
  }
}

@media only screen and (max-width: 495px) {
  nav {
    margin-top: -480px;
  }
  .main > li {
    border-right: none !important;
    width: 100% !important;
  }
}
}
}