@media only screen and (max-width:1635px) {
	.page-template-page-legacy .overlay-slider .slick-prev { left: 15px; }
	.page-template-page-legacy .overlay-slider .slick-next { right: 15px; }
	.page-template-page-legacy .overlay-slider .slick-prev:hover { left: 10px; }
	.page-template-page-legacy .overlay-slider .slick-next:hover { right: 10px; }
}

@media only screen and (max-width:1199px) {
	#hero { min-height: 100px; display: flex; align-items: center; }
	#hero .inside { margin: 0 !important; width: 100% !important; }
	#hero .inside h1 { font-size: 64px; line-height: 1.07; }
}



@media only screen and (max-width:1490px) {
  #gallery_v2 {min-height: 0px;}
}


@media only screen and (max-width:991px) {
	#hero .inside h1 { font-size: 42px; }
	.power-calculator .bg-blue { padding: 50px 15px 70px; }
	.power-calculator form { max-width: 100%; }
	.power-calculator .table { padding-right: 0; }
	.power-calculator .table .td { font-size: 10px; }
	.power-calculator .table .tr.tr-special .td { font-size: 12px; }
	.power-calculator .table .tr.tr-special input { width: 100%; }
	.power-calculator .label { font-size: 10px !important; line-height: 1.35; }
	.two-columns-text .big-title { font-size: 18vw; }
	.page-template-page-legacy .overlay-slider  { margin-bottom: 40px; }
	.resources .box-item a { padding: 40px 20px 40px; }

	#choose-boat-overlay .slick-dots li {font-size: 10px; letter-spacing: 1.5px; margin: 0}
}


@media (max-width: 767px) {


	.dropdown:hover>.dropdown-menu {display: block; }
	.dropdown-menu {background: rgba(0,0,0,0.5); visibility: visible; top: 95%; padding: 0; margin: 0;}
	.dropdown-menu li {padding: 0 !important; margin: 0 !important;}
	.dropdown-menu li:hover a {background: transparent;}
	.dropdown-menu li:hover a span {opacity: 1;}
	.dropdown-menu li a {padding: 5px 15px; display: block; margin: 0;}
	.dropdown-menu li a span {color: #FFF !important; opacity: 0.8; font-size: 12px;}

	.extend-img.left, .extend-img.right { width: calc(100% + 40px); margin-left: -20px; float: none; }
	.boat-series-btns .btn { max-width: 100%; }
	 
/*  .page-template-page-advantages .wrapper {padding-bottom: 100px;}*/
  .page-template-page-advantages .grid .grid-item-title { display: none }
  .page-template-page-advantages .intro {padding: 60px 30px}
  .page-template-page-advantages .intro h2 {font-size: 26px}
  .page-template-page-advantages .intro.has-bg {padding: 0; margin: 60px 0}
  .page-template-page-advantages .intro.has-bg > div {padding: 60px 30px; margin-bottom: 70px;}
  .page-template-page-advantages .extend-img {margin-bottom: 20px;}
  .page-template-page-advantages .highlight .slide-m-next img {float: right; margin-bottom: 10px;}
  .page-template-page-advantages .highlight h4 {margin-bottom: 10px !important}
  .page-template-page-advantages .highlight {padding-bottom: 60px;}
  .page-template-page-advantages #hero .inside h1 {margin: 0; margin-top: 0}
  .page-template-page-advantages #hero {height: 400px;}

  .feature .feature-columns { column-count: 1; column-gap: 0; }

  .two-columns-text .text { column-count: 1; column-gap: 0; }

  .find-location-container { background-color: #ecf9fa; }

  #shopping {padding-top: 80px;}
  #shopping .card-header {padding: 15px 20px;}

  #shopping .card {padding: 0; margin: 0;}
  #shopping .filter-stock .checkbox,
  #shopping .card-link:after {left: 85%}

  #shopping #search {width: calc(100% + 40px); margin-left: -20px;}
  #shopping #reset-filters {padding: 10px 20px 30px; font-size: 13px;}
  #shopping #reset-filters img {width:10px;}
  #shopping #sort {padding: 30px 0}
  #shopping .card-body {max-width: 93%; padding-left: 20px;}
  #shopping #dealer {margin-bottom: 0}

  #shopping #listings-promo .v-align {height: 200px;}
  #shopping #listings-promo .btn {padding: 5px 20px;}
  #shopping #listings-promo .title {margin-bottom: 15px; padding: 0; font-size: 14px; letter-spacing: 1.5px}

  #promo-banner {display: block; padding: 15px; background: #5cc7c7; color: #FFF; display: block;  text-align: center;}
  #promo-banner .title {font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 10px; display: block; line-height: 1.4}
  #promo-banner .btn {padding: 5px 20px;}


  #choose-boat-overlay {padding: 110px 0 0; height: auto; overflow:scroll;}
  #choose-boat-overlay .container {padding: 0;}
  #choose-boat-overlay .inner {padding: 0 20px;}
  #choose-boat-overlay .slick-dots {padding-left: 20px; padding-right: 20px;}
  #choose-boat-overlay .close-overlay {right: 15px; top: -5px; width: 10px; height: 10px;}
  #choose-boat-overlay h2 {font-size: 15px; letter-spacing: 5px}
  #choose-boat-overlay .slick-dots {display: block; top: -100px;}
  #choose-boat-overlay .slick-dots li {display: inline-block; font-size: 11px; padding: 0; margin: 0;}
  #choose-boat-overlay .slick-dots li:after {content:"•"; padding: 0 5px;}
  #choose-boat-overlay .slick-dots li:last-child:after {display: none}
  #choose-boat-series .img-container {margin-bottom: 5px; margin-top: 0; aspect-ratio: 16 / 9; height: auto}
  #choose-boat-overlay .slick-list {margin-top: 120px;}
  #choose-boat-series .img-container {margin-bottom: 0;}
  #choose-boat-overlay .slick-arrow {display: none !important}

  


  #trim-selection {padding: 100px 0; height: 100vh; overflow:scroll;}
  #trim-selection h2 {font-size: 15px; letter-spacing: 5px}
  #trim-selection .img-container img {margin-bottom: 5px; aspect-ratio: 7 / 3}
  #trim-selection h5 {margin-bottom: 3px;}
  #trim-selection a.build {padding: 0; margin-bottom: 0; height: auto; padding-bottom: 0; border: none; box-shadow: none}
  #trim-selection .close-overlay {right: 15px; top: -5px; width: 10px; height: 10px;}
  #trim-selection p {margin-bottom: 8px}

  #series .series-item  {margin-bottom: 0; padding: 0 9px}
  #series .series-item .embed-responsive {margin-bottom: 20px;}
  .boat-series-row #series {padding: 0 5px}


  #boat #hero {margin-bottom: 0;}
  #boat #hero img {height: 280px; object-fit: cover;}
  #boat #hero .button-group {bottom: 0; width: 100%; left: 0; margin-left: 0; position: static; padding: 15px 15px 0;}
  #boat #hero .down {display: none;}
  #boat #modules img {height: auto}

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

  .page-template-page-owners-resources .intro {padding: 45px 20px}
  .page-template-page-owners-resources #hero-box p {}
  .page-template-page-owners-resources #hero-box .bg-blue,
  #hero-box .bg-blue {padding: 45px 20px 30px; margin-bottom: 0; margin-top: -60px;}


  #series {padding: 45px 0}

  #gallery {padding: 45px 0}
  #gallery .indicator {display: none;}
  #gallery .slide-m-prev {position: relative; right: -10px; display: block;}
  #gallery .slide-m-next {position: relative; right: -10px; display: block;}
  #gallery .slide-m-prev img {max-width: 100px; }
  #gallery .slide-m-next img {max-width: 100px; }
  #gallery .filter {white-space: nowrap; margin-left: -10px}
  #gallery .filter button {font-size: 8px; letter-spacing: 1px;}
  #gallery .filter a {font-size: 8px; letter-spacing: 1px; padding-left: 10px;}
  #gallery .inside {padding-right: 15px;}
  #gallery .gallery-slider .slick-slide {padding: 0;}
  #gallery .gallery-slider .slick-slide img,
  #gallery .gallery-slider .slick-slide iframe {height: 46vw}
  .page-template-page-boat-series #gallery {padding-bottom: 45px;}

  #gallery-overlay {padding: 30px;}
  #gallery-overlay .gallery-item {flex-basis: 100%}
  #gallery-overlay .close-overlay {width: 15px; right: 8px; top: 15px;}


  #gallery_v2 .gallery-cover .play-icon img {margin: 0 !important}
  #gallery_v2 .gallery-cover a {display: block;}
  #gallery_v2 .gallery-cover a:hover img {transform: none}
  #gallery_v2 .gallery-cover img {max-width: 100%; aspect-ratio: 4 / 3}
  #gallery_v2 .gallery-cover .first-row a {width: calc(100% + 40px); margin-left: -20px;}
  #gallery_v2 .gallery-cover .first-row img {}
  #gallery_v2 .gallery-cover .second-row .row {width: 300%;}
  #gallery_v2 .gallery-cover .second-row {width: calc(100% + 40px); overflow-x: scroll; margin-left: -20px; margin-top: -5px;}
  #gallery_v2 .gallery-cover .second-row img {max-width: calc(100% + 20px); margin-left: -10px;}
  #gallery_v2 .gallery-cover a.btn {width: 250px; margin: 15px auto 30px;}

  #gallery_v2_overlay #gallery-categories {z-index: 11; padding-top: 10px;}
  #gallery_v2_overlay #gallery-categories .row {display: block; white-space: nowrap; overflow-x: scroll;}
  #gallery_v2_overlay #gallery-categories .col {width: 100px !important; display: inline-block; vertical-align: top}
  #gallery_v2_overlay .thumb {width: calc(100% + 25px); display: block; display: block; white-space: normal; font-size: 8px; letter-spacing: 0.7px}
  #gallery_v2_overlay .thumb img {margin-bottom: 5px; aspect-ratio: 5 / 4}

  #gallery_v2_overlay #gallery-media .container {padding-left: 15px; padding-right: 15px; overflow-x: hidden;}
  
  #gallery_v2_overlay #gallery-media .row {margin-left: -20px; margin-right: -20px}
  #gallery_v2_overlay #gallery-media img {max-width: calc(100% + 30px); width: calc(100% + 20px); margin-left: -10px; display: block; margin-bottom: 10px;}
  #gallery_v2_overlay #gallery-media .portrait img {aspect-ratio: 3 / 4.15}

  #gallery_v2_overlay .play-icon {width: 60px !important; left: calc(50% - 30px); top: calc(50% - 30px); margin: 0 !important}
  #gallery_v2_overlay .play-icon img {width: 100% !important; margin: 0 !important}
  #gallery_v2_overlay #gallery-media .caption {left: -15px; font-size: 9px; padding: 4px 5px; letter-spacing: 1.2px}

  #gallery-media {width: 100%;}



  #boat #compare {padding: 60px 0; background: #ebf9fa !important}
  #boat #compare h4 {text-align: center;}
  #boat #compare .inside {padding: 0}
  #boat #compare .controls {text-align: center; padding: 15px 0}
  #boat #compare .controls .compare-btn {display: none}
  #boat #compare .stats .col {min-width: 50%; margin-bottom: 15px; text-align: center;}
  #boat #compare .layout {max-height: 500px;}

  #boat #standard-features h5 {padding-right: 60px;}
  #boat #standard-features h5 img {width: 10px;}

  .simple-content-section {padding: 60px 20px;}
  #boat .extend-img {width: 100%; margin: 0 0 30px; display: block;}
  .highlight-slider .indicator {display: none;}

  #builder h4 {display: none}

  #choose-boat {display: none}

  .resources {padding: 45px 0}
  .resources .box-item a {text-align: center; padding: 10px; font-size: 16px;}
  .resources .box-item a img {display: block; margin: 0 auto 10px; width: 20px;}

  .two-columns-text {padding-top: 60px; padding-bottom: 60px;}
  .page-template-page-legacy .overlay-slider {margin-bottom: 100px;}
  .page-template-page-legacy .overlay-slider .slick-slide > div, 
  .page-template-page-legacy .overlay-slider .slick-slide img {max-height: 60vw}
  .page-template-page-legacy .overlay-slider .slick-arrow {background-size: cover; width: 20px; height: 40px;}
  .page-template-page-legacy .overlay-slider .slick-prev {left: 30px;}



  .page-template-page-legacy .extend-img.left, 
  .page-template-page-legacy .extend-img.right {width: 100%; margin: 0;}
  .page-template-page-legacy .extend-img.right.video {margin-bottom: 40px;}


    #timeline {padding-top: 0; padding-bottom: 0}
	.timeline-item {padding-top: 60px;}
	#timeline .slick-dots {position: relative; bottom: 0}
	.timeline-item .year {z-index: 10; mix-blend-mode: darken;}
	.timeline-item .year {font-size: 60px;}
    #timeline .slick-dots li:after,
     #timeline .slick-dots .slick-active .indicator,
    #timeline .slick-dots .slick-active .fill,
    #timeline .slick-dots li:before {display: none !important;}
    #timeline .slick-dots li {padding: 0; margin: 0 10px 10px; width: 30px; white-space: nowrap;}
    #timeline .slick-dots .slick-active a {font-weight: 900; background: #5dc7c7; padding: 3px 5px; color: #FFF;}

    .page-template-page-factory #find-location {margin-top: 60px}
    .page-template-page-factory #find-location #map {height: 300px;}

    .modal-video .close {right: 3px; top: -38px;}
    .modal-video .modal-dialog {max-width: 100vw; margin-top: 50px;}


    #sticky-nav .title {display: none}
    #sticky-nav {position: fixed; bottom: 0; top: auto; width: 100%; padding-top: 0; padding-bottom: 0; background:#dbf2f3}
    #sticky-nav a {display: block; width: 100%; border-bottom: 1px solid rgba(184, 199, 206, 0.300); padding: 15px; font-size: 12px; letter-spacing: 2.4px; color: #3e5869; margin: 0}
    #sticky-nav a:hover, #sticky-nav a.active {text-shadow: none}
    #sticky-nav .upper {max-height: 0px; overflow: hidden; transition: all .8s ease;}
    #sticky-nav .subnav-toggle {border-bottom: none;}
    #sticky-nav .subnav-toggle span {transition: all .8s ease;}
    #sticky-nav .subnav-toggle img {width: 20px; float: right; margin: 2px 0 0; transform: rotate(180deg); transform-origin: center center}
    #sticky-nav.active .upper {max-height: 400px;}
    #sticky-nav.active .subnav-toggle img {transform: none;}
    #sticky-nav.active .subnav-toggle span {opacity: 0; }
    #sticky-nav a.btn-primary {opacity: 1; pointer-events: all; position: static; display: inline-block; border-bottom: 0; margin: 10px 0 0; padding: 5px 20px; font-weight: 400; width: auto; background:#3f586a; border-radius: 0}


    #promo-overlay .feat {display: none;}
    #promo-overlay .right .inner {padding: 25px 0 20px; text-align: center;}
    #promo-overlay .right .inner .header {font-size: 16px}
    #promo-overlay .right .inner .subheader {font-size: 14px; margin-bottom: 14px;}

    #promo-overlay .close-promo-overlay {top: 2px; right: 10px; width: 17px}
    #promo-overlay .right .btn {padding: 5px 20px;}

}