/* ~~~~~~~~~~~~~~ Tablet: Landscape ~~~~~~~~~~~~~~ */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* ~~~~~~~~~~~~~~ General Tags ~~~~~~~~~~~~~~ */
  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.75em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.25em;
  }

  h5 {
    font-size: 1em;
  }

  .container {
    padding: 0 15px;
  }

  /* ~~~~~~~~~~~~~~ Page Layouts ~~~~~~~~~~~~~~ */
  /* Nav */
  #mainMenu.menu-rounded nav > ul > li:hover > a {
    color: #11897d;
  }

  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a {
    color: #f36c21;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    font-size: 24px;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a {
    font-size: 22px;
  }

  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a {
    color: #f36c21;
  }

  /* Boats */
  .boat_name {
    margin-top: 0;
  }

  #boat-gallery {
    margin-top: 10px;
  }

  /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
  /* Home Page */
  .inspiro-slider .slide .slide-captions h2 {
    font-size: 40px;
  }

  /* Contact Page */
  .address_card_title {
    padding-left: 0;
    padding-right: 0;
  }

  /* Logo */
  #logo {
    display: block;
  }
}

/* ~~~~~~~~~~~~~~ Tablet: Portrait ~~~~~~~~~~~~~~ */
@media only screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
  .inspiro-slider .slide {
    background-position: 50% 85%;
  }

  /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
  .boat_name,
  .lease_slip,
  .side_tie,
  .approaching_title {
    margin-top: 0;
  }

  /* ~~~~~~~~~~~~~~ Page Layouts ~~~~~~~~~~~~~~ */
  /* Nav */
  #mainMenu.menu-rounded nav > ul > li:hover > a {
    color: #11897d;
  }

  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a {
    color: #f36c21;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    font-size: 24px;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a {
    font-size: 22px;
  }

  /* Boats */
  #boat-gallery {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  #houseboats-gallery-features {
    justify-content: center;
  }

  /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
  /* Home Page */
  .halfscreen {
    min-height: 40vh;
  }

  /* Houseboats */
  #diamond-emerald-4-img {
    background-position-y: 100%;
  }

  #ruby-3-img,
  #sapphire-5-img {
    background-position-y: 75%;
  }

  #diamond-emerald-5-img {
    background-position-y: 65%;
  }

  #ruby-4-img,
  #diamond-emerald-1-img {
    background-position-y: 50%;
  }

  #sapphire-1-img {
    background-position-y: 10%;
  }

  /* Small Boats */
  #wakeboard-slider {
    padding-left: 0;
  }

  #ski-and-wakeboard-image-2 {
    background-position-x: 35%;
  }

  /* Marina */
  .store_mobile_bottom {
    margin-bottom: 25px;
  }

  #slips-image-1 {
    background-position-y: 10%;
  }

  #hiking-img {
    width: 35%;
  }
}

/* ~~~~~~~~~~~~~~ Cell Phone: Landscape ~~~~~~~~~~~~~~ */
@media only screen and (max-height: 481px) and (max-width: 926px) and (orientation: landscape) {
  /* ~~~~~~~~~~~~~~ General ~~~~~~~~~~~~~~ */
  .boat_name,
  .lease_slip,
  .side_tie,
  .approaching_title {
    margin-top: 0;
  }

  /* ~~~~~~~~~~~~~~ Layouts ~~~~~~~~~~~~~~ */
  /* Header */
  #header .header-inner #logo,
  #header #header-wrap #logo {
    display: inline;
    float: left;
    font-size: 28px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    height: 80px;
  }

  #logo-desktop img {
    display: none;
  }

  #logo-mobile {
    display: block !important;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10px;
  }
  #logo-mobile img {
    width: 200px;
  }

  /* Nav */
  #mainMenu.menu-rounded nav > ul > li:hover > a {
    color: #11897d;
  }

  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a {
    color: #f36c21;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    font-size: 18px;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a {
    font-size: 16px;
  }

  #mainMenu:not(.menu-overlay) nav > ul {
    display: flex;
    justify-content: space-around;
  }

  /* Boats */
  #boat-gallery {
    margin-top: 0;
  }

  #houseboats-gallery-features {
    justify-content: center;
  }

  /* Call To Action */
  .small_boats_availability {
    margin-top: 10px;
  }

  /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
  /* Home Page */
  .halfscreen {
    min-height: 108vh;
  }

  /* Houseboats */
  .inspiro-slider .slide {
    background-position: 50% 65%;
  }

  #ruby-2-img {
    background-position-y: 80%;
  }

  #sapphire-1-img {
    background-position-y: 0;
  }

  #topaz-image-6,
  #diamond-emerald-4-img {
    background-position-y: 100%;
  }

  #diamond-emerald-5-img {
    background-position-y: 45%;
  }

  /* Contact */
  #contact-body {
    padding: 0.75em;
  }

  /* Marina */
  #slips-image-1 {
    background-position-y: 0;
  }

  /* Lake Life */
  #sports-image-1 {
    background-position-y: 20%;
  }

  #sports-image-3 {
    background-position-y: 55%;
  }

  #sports-image-4 {
    background-position-y: 10%;
  }

  #sports-image-5 {
    background-position-y: 50%;
  }

  #sports-image-6 {
    background-position-y: 30%;
  }

  #hiking-img {
    width: 30%;
  }
}

/* ~~~~~~~~~~~~~~ Cell Phone: Portrait ~~~~~~~~~~~~~~ */
@media only screen and (max-width: 480px) and (orientation: portrait) {
  /* ~~~~~~~~~~~~~~ General Tags ~~~~~~~~~~~~~~ */
  h1 {
    font-size: 2em;
  }

  h2 {
    font-size: 1.75em;
  }

  h3 {
    font-size: 1.5em;
  }

  h4 {
    font-size: 1.25em;
  }

  h5 {
    font-size: 1em;
  }

  .container {
    padding: 0 15px;
  }

  /* ~~~~~~~~~~~~~~ Page Layouts ~~~~~~~~~~~~~~ */
  /* Top Bar */
  #topbar .top-menu {
    float: left;
  }

  #topbar .top-menu > li > a {
    margin-right: 5px;
  }

  /* Nav */
  #mainMenu.menu-rounded nav > ul > li:hover > a {
    color: #11897d;
  }

  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a {
    color: #f36c21;
  }

  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    font-size: 18px;
  }

  .nav {
    justify-content: space-around;
  }

  /* Banner */
  .featured_text {
    /* font-size: 1em; */
  }

  .featured_padding {
    padding-left: 0;
    padding-right: 0;
  }

  /* Tabs */
  .tabs.tabs-folder .nav-tabs {
    line-height: 0.5em;
    padding: 0 5px;
  }

  .tabs.tabs-folder .tab-content {
    padding: 15px;
  }

  #houseboats-tab .nav-link,
  #small-boats-tab .nav-link,
  #marina-tab .nav-link,
  #lake-life-tab .nav-link {
    border-color: black;
    border-bottom-color: white;
  }

  #houseboats-tab .nav-link {
    padding: 15px 25px;
  }

  #small-boats-tab .nav-link {
    padding: 15px 20px;
  }

  #marina-tab {
    padding: 0 15px;
  }

  #marina-tab .nav-link {
    padding: 15px 20px;
  }

  #lake-life-tab {
    padding: 0;
  }

  #lake-life-tab .nav-link {
    padding: 15px 32px;
  }

  /* Boats */
  .boat_name {
    margin-top: 0;
  }

  #boat-gallery {
    margin-top: 0;
  }

  .floor_plan img {
    margin-top: 0;
  }

  /* Carousel */
  .after_carousel_text,
  .mobile_top_margin {
    margin-top: 15px;
  }

  /* Table */
  .table .thead-dark th {
    font-size: 0.75em;
  }

  /* Water Info */
  #water-card {
    padding: 0.5em 1em;
  }

  /* Call To Action */
  #check-availability-card {
    padding: 1em;
  }

  #houseboats-btn {
    padding-left: 10px;
  }

  #small-boats-btn {
    padding-right: 10px;
  }

  /* ~~~~~~~~~~~~~~ Individual Pages ~~~~~~~~~~~~~~ */
  /* Home Page */
  .halfscreen {
    min-height: 30vh;
  }

  .inspiro-slider .slide .slide-captions h2 {
    font-size: 1.75em;
  }

  .inspiro-slider .slide .slide-captions h3 {
    font-size: 1.15em;
  }

  .inspiro-slider .slide .slide-captions img#logo-carousel {
    width: 300px !important;
  }

  .top_text_box {
    padding-top: 0;
  }

  .post-item.border > .post-item-wrap > .post-item-description {
    height: 265px;
  }

  #slide-1-text,
  #slide-2-text,
  #slide-3-text,
  #slide-4-text,
  #slide-5-text,
  #slide-6-text {
    line-height: 30px;
  }

  /* Houseboats */
  .table thead th.season_thead {
    padding-top: 13px;
  }

  #houseboats-tab,
  #marina-tab {
    flex-direction: row-reverse;
  }

  .included_features_houseboats {
    margin-top: 10px;
  }

  /* Small Boats */
  #small-boat-types {
    padding-left: 5px;
    padding-right: 5px;
  }

  .carousel_down {
    margin-top: 0;
  }

  #small-boats-tab .nav-link#performance-pontoon-tab {
    padding: 15px 20px;
  }

  #perfromance-pontoon-image-1 {
    background-size: cover;
  }

  #performance-pontoon-image-3 {
    background-position: 60%;
  }

  #performance-pontoon-image-4 {
    background-position-x: 75%;
  }

  /* Contact */
  .address_column,
  .topbar_column {
    padding-left: 5px;
    padding-right: 5px;
  }

  .contact_icon {
    padding: 0;
  }

  .contact_num_email {
    padding-left: 0;
    padding-right: 0;
  }

  #contact-btn {
    margin-top: 10px;
  }

  .get_in_touch {
    font-size: 2em;
  }

  #detailed-map {
    margin-bottom: 10px;
  }

  /* Marina */
  .no_side_padding {
    margin-bottom: 15px;
  }

  .store_mobile_bottom {
    margin-bottom: 25px;
  }

  #food-list,
  #extra-items-list {
    margin-bottom: 0;
  }

  /* Lake Life */
  #sports-image-1 {
    background-position-x: 10%;
  }

  #sports-image-2 {
    background-position-x: 57%;
  }

  #sports-image-4 {
    background-position-x: 75%;
  }

  #sports-image-6 {
    background-position-y: 100%;
  }

  #fish-image-2 {
    background-position-x: 75%;
  }

  #fish-image-3 {
    background-position-x: 100%;
  }

  #hiking-img {
    width: 100%;
  }

  /* Logo */
  #logo-desktop {
    display: none;
  }

  #logo-mobile {
    display: block !important;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10px;
  }
  #logo-mobile img {
    width: 200px;
  }
  #header .header-inner #logo,
  #header #header-wrap #logo {
    display: inline;
    float: left;
    font-size: 28px;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    height: 80px;
  }
}