
@media screen and (max-width: 1600px) {
	
}

@media screen and (max-width: 1440px) {
 
}

@media screen and (max-width: 1366px) {
	header .pagewrapper nav.mainnav ul.nav-desk, p, .featured-campsites .pagewrapper article p, .btn-link, footer p, .featured-campsites .pagewrapper article .featured-list li a .campsite-details p, .nobgheight .search-campsite .pagewrapper .breadcrumbs, .campsites .pagewrapper article .featured-list li a .campsite-details p, .content-main .pagewrapper .cont-left p, .content-main .pagewrapper ul.cform li label, .btn-link, .content-main .pagewrapper .camp-details article p, .content-main .pagewrapper .camp-details article .aa div ul, .content-main .pagewrapper .camp-details aside ul, .customer-reviews .pagewrapper ul.reviews-list li article ul.rating-info li:last-child, .customer-reviews .pagewrapper ul.reviews-list li article p, #review .review-form ul.col2-form li label, #review .review-form ul.col2-form li input[type=text], #review .review-form ul.col2-form li textarea, .campsites .pagewrapper article.provinces .pagination li a, #addcamp .addcamp-form ul.col2-form li label, #addcamp .addcamp-form ul.col2-form li input[type=text], #addcamp .addcamp-form ul.col2-form li input[type=email], #addcamp .addcamp-form ul.col2-form li select, #addcamp .addcamp-form ul.col2-form li textarea, .content-main .pagewrapper .blogs .pagination li a   {font-size: 20px; line-height: 30px;}
	.campsite-search .search-campsite .pagewrapper h1 {font-size: 48px; line-height: 56px;}
	.campsite-search .search-campsite .pagewrapper p, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details p {font-size: 24px; line-height: 36px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li select, .content-main .pagewrapper ul.cform li select {font-size: 20px; line-height: 30px; height: 46px; background-size: 30px auto; padding-right: 40px; padding-left: 15px;}
	.featured-campsites .pagewrapper article h2, .campsites .pagewrapper article.provinces h2 {font-size: 40px; line-height: 50px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li:last-child input[type=submit], .content-main .pagewrapper ul.cform li input[type=text], .content-main .pagewrapper ul.cform li input[type=email], #review .review-form ul.col2-form li input[type=text], .content-main .pagewrapper ul.cform li input[type=password], #addcamp .addcamp-form ul.col2-form li input[type=text], #addcamp .addcamp-form ul.col2-form li input[type=email], #addcamp .addcamp-form ul.col2-form li select {height: 46px; font-size: 20px;}
	.campsite-search .search-campsite .pagewrapper .search-form, .campsite-search .search-campsite .pagewrapper .location-filter {padding: 15px;}
	.featured-campsites .pagewrapper article .featured-list li, .campsites .pagewrapper article .featured-list li {height: 480px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details h4, .campsites .pagewrapper article .featured-list li a .campsite-details h4 {top: 25px; font-size: 18px; line-height: 28px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details p, .campsites .pagewrapper article .featured-list li a .campsite-details p {background-size: 24px auto; min-height: 24px; padding-right: 30px;}
	.content-main .pagewrapper .cont-left h2, .content-main .pagewrapper .camp-details article h2, .content-main .pagewrapper .camp-details aside h3, .customer-reviews .pagewrapper h2, #review .review-form h3, #addcamp .addcamp-form h3, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details h3, .content-main .pagewrapper .blogs .blog-list li .blogdet .title {font-size: 28px; line-height: 38px;}
	.content-main .bgcamp, .customer-reviews .bgcamp {background-size: 20% auto, 20% auto;}
	.content-main .pagewrapper .camp-details article .aa div h4 {font-size: 24px; line-height: 36px;}
	.content-main .pagewrapper .camp-carousel .camp-gallery .slick-prev, .content-main .pagewrapper .camp-carousel .camp-gallery .slick-next {width: 30px; height: 53px; background-size: contain;}
	 .customer-reviews .pagewrapper ul.reviews-list li article h4 {font-size: 20px; line-height: 30px;}
	#review .review-form ul.col2-form li .rate li input[type=checkbox], #review .review-form ul.col2-form li .rate li input[type=checkbox]:checked {width: 30px; height: 30px;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details p, .content-main .pagewrapper .blogs .blog-list li .blogdet p {font-size: 18px; line-height: 30px;}
	.content-main .pagewrapper .fullw h3 {font-size: 26px;}
	.content-main .pagewrapper .fullw h4 {font-size: 24px;}
	.content-main .pagewrapper .fullw h5 {font-size: 22px;}
	.content-main .pagewrapper .fullw h6 {font-size: 20px;}
	.content-main .pagewrapper .cont-left p, .content-main .pagewrapper .fullw ul, .content-main .pagewrapper .fullw ol {font-size: 20px;}
}



@media screen and (max-width: 1280px) {
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details h3, .campsites .pagewrapper article .featured-list li a .campsite-details h3, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details h3, .content-main .pagewrapper .blogs .blog-list li .blogdet .title {font-size: 24px; line-height: 36px;}
	.featured-campsites .pagewrapper article .featured-list li, .campsites .pagewrapper article .featured-list li {height: 375px;}
	.campsites {padding-top: 60px;}
	.content-main .pagewrapper ul.cform {max-width: 80%;}
}



@media screen and (max-width: 1024px){
	.content-main .pagewrapper .cont-left h2, .content-main .pagewrapper .camp-details article h2, .content-main .pagewrapper .camp-details aside h3, .customer-reviews .pagewrapper h2, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details h3 {font-size: 26px; line-height: 36px;}
	.content-main .pagewrapper .camp-details aside {width: 360px;}
	.content-main .pagewrapper .camp-details article .aa div h4 {font-size: 24px; line-height: 36px;}
	.content-main .pagewrapper .camp-details aside h4 {font-size: 20px; line-height: 30px;}
	.campsites .pagewrapper article.provinces ul.list-province li {width: 23%;}
}
@media only screen and (max-width: 1023px){

	header .pagewrapper aside a {font-size: 36px; line-height: 50px;}
	header .pagewrapper nav.mainnav ul.nav-desk, p, .featured-campsites .pagewrapper article p, .btn-link, footer p, .featured-campsites .pagewrapper article .featured-list li a .campsite-details p, .nobgheight .search-campsite .pagewrapper .breadcrumbs, .campsites .pagewrapper article .featured-list li a .campsite-details p, .content-main .pagewrapper .cont-left p, .content-main .pagewrapper ul.cform li label, .content-main .pagewrapper .camp-details article p, .content-main .pagewrapper .camp-details article .aa div ul, .content-main .pagewrapper .camp-details aside ul, .customer-reviews .pagewrapper ul.reviews-list li article ul.rating-info li:last-child, .customer-reviews .pagewrapper ul.reviews-list li article p, #review .review-form ul.col2-form li label, #review .review-form ul.col2-form li input[type=text], #review .review-form ul.col2-form li textarea, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details p, #addcamp .addcamp-form ul.col2-form li label, #addcamp .addcamp-form ul.col2-form li input[type=text], #addcamp .addcamp-form ul.col2-form li input[type=email], #addcamp .addcamp-form ul.col2-form li select, #addcamp .addcamp-form ul.col2-form li textarea {font-size: 16px; line-height: 24px;}
	.campsite-search {height: 600px;}
	.campsite-search .search-campsite .pagewrapper h1 {font-size: 40px; line-height: 50px; margin-bottom: 10px;}
	.campsite-search .search-campsite .pagewrapper p, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details p {font-size: 20px; line-height: 30px; margin-bottom: 15px;}
	.campsite-search .search-campsite .pagewrapper .search-form {width: 100%;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li select, .content-main .pagewrapper ul.cform li input[type=text], .content-main .pagewrapper ul.cform li input[type=email], .content-main .pagewrapper ul.cform li select, .content-main .pagewrapper ul.cform li textarea, #review .review-form ul.col2-form li input[type=text], .content-main .pagewrapper ul.cform li input[type=text] {font-size: 16px; line-height: 24px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li:last-child input[type=submit] {font-size: 16px; line-height: 24px; width: 130px; background-size:  24px auto; background-position: 15px center; padding-left: 30px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul {padding-right: 140px; }
	.featured-campsites .bgorange {width: 60%;}
	.featured-campsites .bgcamp {width: 100%;}
	.featured-campsites .pagewrapper article .featured-list li, .campsites .pagewrapper article .featured-list li {height: 300px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details h3, .campsites .pagewrapper article .featured-list li a .campsite-details h3 {font-size: 20px; line-height: 30px;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details h3 {font-size: 24px; line-height: 36px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details {padding: 20px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details h4, .campsites .pagewrapper article .featured-list li a .campsite-details h4, .content-main .pagewrapper .blogs .blog-list li .blogdet .dte {font-size: 16px; line-height: 24px}
	.nobgheight {height: auto;}
	.nobgheight .bgorange {height: 215px;}
	.campsites .pagewrapper article .featured-list li a .campsite-details h4 {right: -12px;}
	.campsite-search .search-campsite .pagewrapper .location-filter ul li a {font-size: 20px; line-height: 30px; padding: 10px 15px;}
	header .pagewrapper nav.mainnav ul.nav-desk li a {padding: 20px 10px;}
	header .pagewrapper aside {width: 210px;}
	header .pagewrapper nav.mainnav {padding-left: 220px;}
	header .pagewrapper nav.mainnav ul.nav-desk {width: 100%;}
	header .pagewrapper nav.mainnav ul.nav-desk li {margin-left: 10px;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details h4, .content-main .pagewrapper .blogs .blog-list li .blogdet .dte {font-size: 16px; line-height: 24px;}
	.campsites .pagewrapper article.provinces .pagination li a, .content-main .pagewrapper .blogs .pagination li a {font-size: 16px; line-height: 24px;}
}	

@media only screen and (max-width: 768px) {
	.content-main .bgcamp {background-size: 20% auto, 20% auto;}
	.content-main .pagewrapper .cont-left, .content-main .pagewrapper .img-set {width: 100%;}
	.content-main .pagewrapper .camp-details article .aa div {width: 100%; margin-bottom: 25px;}
	.content-main {padding-bottom: 40px;}
	#review .review-form ul.col2-form li {width: 100%;}
	.campsites .pagewrapper article.provinces ul.list-province li {width: 31%;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details h4 span.star img {width: 16px;}
	.content-main .pagewrapper .fullw h3 {font-size: 24px;}
	.content-main .pagewrapper .fullw h4 {font-size: 22px;}
	.content-main .pagewrapper .fullw h5 {font-size: 20px;}
	.content-main .pagewrapper .fullw h6 {font-size: 19px;}
	.content-main .pagewrapper .cont-left p, .content-main .pagewrapper .fullw ul, .content-main .pagewrapper .fullw ol {font-size: 16px;}

}

@media only screen and (max-width: 640px) {
	header .pagewrapper aside {width: 100%; position: relative; text-align: center; padding-top: 10px;}
	header .pagewrapper nav.mainnav ul.nav-desk li a {padding: 5px 15px;}
	header .pagewrapper nav.mainnav ul.nav-desk li {height: 50px;}
	header .pagewrapper nav.mainnav {padding-left: 0; }
	header .pagewrapper nav.mainnav ul.nav-desk {justify-content: center;}

	article.provinces ul.list-city{margin-top: 30px !important;}

	.content-main .pagewrapper .camp-details article{width: 100%;}
	.content-main .pagewrapper .camp-details aside{width: 100%;}

	header {padding: 0;}
	.campsite-search .search-campsite .pagewrapper h1 {font-size: 36px; line-height: 48px;}
	.campsite-search .search-campsite .pagewrapper p, .campsites .pagewrapper article.provinces .list-campsites li .campsite-details p {font-size: 16px; line-height: 24px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li select, .content-main .pagewrapper ul.cform li input[type=text], .content-main .pagewrapper ul.cform li input[type=email], .content-main .pagewrapper ul.cform li select, .content-main .pagewrapper ul.cform li textarea, #review .review-form ul.col2-form li input[type=text], #addcamp .addcamp-form ul.col2-form li input[type=text], #addcamp .addcamp-form ul.col2-form li input[type=email], #addcamp .addcamp-form ul.col2-form li select {height: 36px; padding-top: 5px; padding-bottom: 5px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li:last-child input[type=submit] {height: 36px;}
	.campsite-search .search-campsite .pagewrapper .search-form {padding: 8px;}
	.campsite-search {padding-top: 85px; height: 480px}
	.featured-campsites, .campsites {padding: 30px 0; }
	.featured-campsites .pagewrapper article h2, .campsites .pagewrapper article.provinces h2 {font-size: 36px; line-height: 48px;}
	.featured-campsites .bgcamp, .campsites .bgcamp, .content-main .bgcamp, .customer-reviews .bgcamp {background-size: 25% auto, 25% auto;}
	.featured-campsites .bgorange {width: 70%;}	
	.featured-campsites .pagewrapper article .featured-list  {padding-right:20px;}
	.featured-campsites .pagewrapper article .featured-list li,  {width: 47%; margin-bottom: 30px;}
	.featured-campsites .pagewrapper article .featured-list li a .campsite-details h4, .campsites .pagewrapper article .featured-list li a .campsite-details h4 {right: -20px; font-size: 14px; line-height: 24px; min-width: 160px;}
	.campsites .pagewrapper article .featured-list li {width: 48%; margin-right: 0;}
	.campsites .pagewrapper article .featured-list {justify-content: space-between; -webkit-justify-content: space-between;}
	.nobgheight {height: auto; padding-top: 110px;}
	.nobgheight .bgorange {top: 75px; height: 190px;}
	.content-main .pagewrapper ul.cform li textarea {height: 100px;}
	.content-main .pagewrapper ul.cform {max-width: 90%;}
	.content-main .pagewrapper .camp-details article, .content-main .pagewrapper .camp-details aside {width: 100%;}
	.content-main .pagewrapper .camp-details article {padding-right: 0;}
	.content-main .pagewrapper .camp-details aside {position: relative;}
	.customer-reviews .pagewrapper ul.reviews-list li article, .customer-reviews .pagewrapper ul.reviews-list li aside {width: 100%; margin-bottom: 25px;}
	.content-main .pagewrapper .camp-carousel .camp-gallery .slick-prev, .content-main .pagewrapper .camp-carousel .camp-gallery .slick-next {width: 18px!important; height: 44px!important; background-size: contain;}
	.campsites .pagewrapper article.provinces ul.list-province {justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; }
	.campsites .pagewrapper article.provinces ul.list-province li {width: 47%; }	
	header .pagewrapper nav.mainnav ul.nav-desk li {margin-left: 0;}
	.nobgheight .bgorange {top: 100px;}
	.campsite-search .search-campsite .pagewrapper .location-filter ul li a {font-size: 16px; line-height: 24px; padding: 10px;}

	.content-main .pagewrapper .camp-details article .aa div{width: 48%;}
	.content-main .pagewrapper .blogs .blog-list li .thbnail {position: relative; float: none; margin: 0 auto 15px;}
	.content-main .pagewrapper .blogs .blog-list li .blogdet {padding: 0 15px!important; min-height: auto; }
}
@media only screen and (max-width: 560px) {
	header .pagewrapper ul.logreg {top: 0;}
	header .pagewrapper aside {width: 100%; position: relative; text-align: center; padding-top: 30px;}
	header .pagewrapper nav.mainnav ul.nav-desk li a {padding: 5px;}
	header .pagewrapper nav.mainnav ul.nav-desk li {height: 50px;}
	header .pagewrapper nav.mainnav {padding-left: 0; }
	header .pagewrapper nav.mainnav ul.nav-desk {justify-content: center;}
	.campsite-search {padding-top: 135px;}
	.campsite-search .search-campsite .pagewrapper .search-form, .campsite-search .search-campsite .pagewrapper .location-filter {border-radius: 30px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li:last-child input[type=submit] {background-position: center center; color: transparent; overflow: hidden; width: 45px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul {padding-right: 55px; }
	.campsite-search .search-campsite .pagewrapper .search-form ul li {width: 100%; margin-bottom: 10px;}
	.campsite-search .search-campsite .pagewrapper .search-form ul li:nth-child(2) {margin-bottom: 0;}
	.campsite-search .search-campsite .pagewrapper h1 {font-size: 30px; line-height: 40px;}
	.featured-campsites .pagewrapper article h2, .campsites .pagewrapper article.provinces h2 {font-size: 26px; line-height: 36px;}
	.featured-campsites .pagewrapper article .featured-list li, .campsites .pagewrapper article .featured-list li {width: 100%; margin-bottom: 20px;}
	.featured-campsites .routeline {display: none;}
	.featured-campsites .bgorange {width: 100%; bottom: auto; height: 200px;}
	.featured-campsites .pagewrapper article .featured-list {margin-bottom: 20px;}
	.campsites .pagewrapper article .featured-list li a .campsite-details h4 {right: -10px;}
	.nobgheight .bgorange {top: 105px;}
	.campsite-search {padding-top: 115px; }
	.nobgheight .search-campsite .pagewrapper .breadcrumbs {margin-bottom: 5px;}
	.content-main .pagewrapper ul.cform li {width: 100%;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-img {width: 150px; height: 200px; }
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details {padding-left: 170px;}
	
}
@media only screen and (max-width: 480px) {
	.campsites .pagewrapper article.provinces ul.list-province li {width: 100%; margin: 0 0 20px; }		
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-img {width: 100%; position: relative; margin-bottom: 15px;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-details {padding-left: 20px; padding-right: 20px;}
	.campsites .pagewrapper article.provinces .list-campsites li .campsite-img a img {object-fit: contain;}
}
@media only screen and (max-width: 375px) {

	.content-main .pagewrapper .camp-details article .aa div{width: 100%;}
}

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



