/* Responsive styles for Epik RV - Jon @ Graydian 2023-07-12 */


@media only screen and (min-width: 1300px) {
	
	.hide-on-desktop {
		display: none;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
	
	.hide-on-desktop {
		display: none;
	}
	
	#footer-landscape {
		min-height: 270px;
		background-size: cover;
	}
	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.hide-on-tablet {
		display: none;
	}
	
	#footer-landscape {
		min-height: 200px;
		background-size: cover;
	}
	
	.navbar-collapse {
		padding-top: 10px;
	}
	
	.home-intro span.line-01 {
	  font-size: 72px;
	  margin-bottom: 10px;
	  line-height: 1;
	}
	
	.home-intro span.line-02 {
		font-size: 48px;
		line-height: 1;
	}
	
	#main-nav .navbar-brand {
		width: 170px;
		max-width: 100%;
		height: auto;
		padding-top: 0;
	}
	
	#main-nav {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#main-nav .offcanvas .offcanvas-body {
		padding: 0;
	}
	
	#main-nav #main-menu {
		padding-right: 0 !important;
	}
	
	#main-nav #main-menu > li > a {
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
	
	#main-nav #main-menu > li > a:hover,
	#main-nav #main-menu > li > a:active,
	#main-nav #main-menu > li > a:focus {
		background-color: #303030;
		color: #fff;
	}
	
	#main-nav #main-menu > li > a:after {
		position: absolute;
		right: 15px;
		font-family: fontawesome;
		content: "\f105";
	}
	
	
	
	.product-template .product-gallery #scout-gallery {
	  grid-template-columns: repeat(2,1fr);
	}
	
	.product-template .product-gallery #scout-gallery a {
		height: 260px;
	}
	
	.product-template .product-gallery #scout-gallery a img {
		height: 260px;
	}
	
	
	
	.product-template .product-gallery #ranger-gallery {
	  grid-template-columns: repeat(2,1fr);
	}
	
	.product-template .product-gallery #ranger-gallery a {
		height: 260px;
	}
	
	.product-template .product-gallery #ranger-gallery a img {
		height: 260px;
	}
	
	
	

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.hide-on-phone {
		display: none;
	}
	
	#footer-landscape {
		min-height: 150px;
		background-size: cover;
	}

	body.page-template-page-order-form-php #wrapper-footer {
		padding-bottom: 140px;
	}
	
	.home-intro span.line-01 {
	  font-size: 60px;
	  margin-bottom: 20px;
	  line-height: 1;
	}
	
	.home-intro span.line-02 {
		font-size: 48px;
		line-height: 1;
	}
	
	.scout-intro .scout-intro-logo {
		text-align: center;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	
	.scout-intro .scout-intro-logo a {
		display: inline-block;
		width: 200px;
		max-width: 55%;
		margin-bottom: 20px;
	}
	
	.scout-gallery {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
	}
	
	.container-top-bar-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	
	.navbar-collapse {
		padding-top: 10px;
	}
	
	#main-nav .navbar-brand {
		width: 170px;
		max-width: 100%;
		height: auto;
		padding-top: 0;
	}
	
	#main-nav {
		padding-top: 8px;
		padding-bottom: 8px;
		background-image: none !important;
	}
	
	#main-nav .offcanvas .offcanvas-body {
		padding: 0;
	}
	
	#main-nav #main-menu {
		padding-right: 0 !important;
	}
	
	#main-nav #main-menu > li > a {
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
	
	#main-nav #main-menu > li > a:hover,
	#main-nav #main-menu > li > a:active,
	#main-nav #main-menu > li > a:focus {
		background-color: #303030;
		color: #fff;
	}
	
	#main-nav #main-menu > li > a:after {
		position: absolute;
		right: 15px;
		font-family: fontawesome;
		content: "\f105";
	}
	
	.page-scout-construction .specs .card.card-spec .card-body .spec-title {
		padding: 11px 2px 10px;
		font-size: 16px;
	}
	
	
	

	
	.product-template .product-breadcrumbs {
		display: block;
		padding-top: 5px;
		padding-bottom: 8px;
		text-align: center;
	}
	
	.product-template .product-breadcrumbs .product-breadcrumbs-left {
		display: none;
	}

	.product-template .product-breadcrumbs .product-breadcrumbs-right {
		display: block;
	}
	
	.product-template .product-breadcrumbs .product-breadcrumbs-right a {
		display: inline-block;
		margin: 0 10px 3px;
	}
	
	.product-template .product-breadcrumbs .product-breadcrumbs-right a.btn-find-dealer {
		margin-bottom: 0;
	}
	
	.product-template .product-specs .container {
		padding-left: 0;
		padding-right: 0;
	}
	
	.product-template .product-specs .specs .card.card-spec .card-body .spec-title {
		padding: 11px 2px 10px;
		font-size: 15px;
	}
	
	
	
	.product-template .product-gallery #scout-gallery {
	  grid-template-columns: repeat(2,1fr);
	}
	
	.product-template .product-gallery #scout-gallery a {
		height: 170px;
	}
	
	.product-template .product-gallery #scout-gallery a img {
		height: 170px;
	}
	
	
	
	.product-template .product-gallery #ranger-gallery {
	  grid-template-columns: repeat(2,1fr);
	}
	
	.product-template .product-gallery #ranger-gallery a {
		height: 170px;
	}
	
	.product-template .product-gallery #ranger-gallery a img {
		height: 170px;
	}
	
	
	
	.product-template .product-gallery .scout-video-poster {
		height: 470px;
	}

	.product-template .product-gallery .scout-video-poster img {
		height: 470px;
	}
		
	
	
}


@media only screen and (min-width: 1px) and (max-width: 335px) {
	
	body {
		word-break: break-all;
	}
	
	.container-top-bar .col-left {
		width: 100%;
		text-align: center;
	}

	.container-top-bar .col-right {
		width: 100%;
		text-align: center;
	}
	
	.scout-intro .scout-intro-logo a {
		max-width: 100%;
	}

	.home-intro span.line-01,
	.home-intro span.line-02,
	.scout-intro h2,
	.scout-intro .scout-intro-buttons .btn,
	#wrapper-footer .footer-info {
		word-break: break-all;
	}

}