@media screen and (min-width: 1820px) {
	.wrapper .tree1 { width: 225px; }
	.wrapper .tree2 { width: 400px }
	.wrapper .surfboard { top: 460px; }
}

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

}

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



@media screen and (max-width: 1280px) {
	header .navbar .logo { width: 240px; }
	header .navbar .navlist li:last-child{width: 180px;}
	header .navbar .navlist li a {font-size: 14px;}
	header, header .navbar .navlist { height: 80px; }

	.wrapper .the-games li .title-img { width: 220px; margin: -100px auto 0;}
	.wrapper .the-games li:before { top: 130px; }
	.wrapper .the-games .learnmore { width: 150px;}
	.wrapper .tree1 {width: 140px;}
	.wrapper .tree2 {width: 260px;}
	.wrapper .surfboard {width: 200px;}
	.wrapper .banner { margin-bottom: 130px }
	.wrapper .banner article { padding-top: 0; margin-top: -120px; }
	.wrapper .banner article .banner-dl a {width: 280px;}
	.slick-prev { background-size: 50px!important; left: -40px !important; width: 50px!important; height: 50px!important; }
	.slick-next { background-size: 50px!important; right: -40px !important; width: 50px!important; height: 50px!important; }

	footer .footer-logo img {width: 60px}

	h1 {font-size: 50px; line-height: 60px;}
	h2 {font-size: 43px; line-height: 53px;}
	h3 {font-size: 35px; line-height: 45px;}
	h4 {font-size: 30px; line-height: 40px;}
	h5 {font-size: 25px; line-height: 35px;}
	h6 {font-size: 20px; line-height: 30px;}
	p, ul li, ol li { font-size: 14px; line-height: 24px; }
	.wrapper .contact .contact-form li input[type=text], .wrapper .contact .contact-form li input[type=email], 
	.wrapper .contact .contact-form li textarea, .wrapper .contact .contact-form li select, .wrapper .contact .contact-form li input[type=submit] { font-size: 14px; line-height: 24px; }
	.wrapper .contact .contact-form li:nth-child(7) input[type=checkbox] { width: 25px; height: 25px; }
	.wrapper .contact .contact-form li .btn-submit { width: 150px; margin-top: 0; }
	.pagewrapper3 { width: 85% }
}

@media screen and (max-width: 1180px) {
	header .navbar .navlist { display:none;}
	header .navbar .mobnav {display:block;}
	header .navbar .mob-dl { display: block; }
	header .navbar .logo { left: 50%; transform: translate(-50%, 0); }
	.wrapper .bannerbg { top: -20px }
	.wrapper .banner aside img { width: 310px; }
	.wrapper .tree1 { width: 130px }
	.wrapper .tree2 { width: 240px; }
	.wrapper .surfboard { width: 170px; }
	.wrapper .the-games li:before { top: 115px; }
	.wrapper .the-games li .title-img { width: 200px }
	.wrapper .banner article { margin-top: -70px; }
}


@media screen and (max-width: 1024px){
	.wrapper .tree1 { width: 109px }
	.wrapper .tree2 { width: 200px; }
	.wrapper .the-games li:before { top: 100px; }
	.wrapper .game-screen .gs-carousel li { margin: 0 20px; }
	.pagewrapper3 { width: 100% }
	.wrapper .banner article { margin-top: 0; padding-top: 20px; }
}
@media only screen and (max-width: 940px){
	.wrapper .banner { margin-bottom: 60px; }
	.wrapper .banner article h1 { margin-bottom: 20px; }
	.wrapper .the-games li .card { width: 160px; }
	.wrapper .the-games li .title-img { width: 150px; margin: -88px auto 0; }
	.wrapper .game-screen { margin-top: 30px; }

	h1 {font-size: 45px; line-height: 55px;}
	h2 {font-size: 38px; line-height: 48px;}
	h3 {font-size: 30px; line-height: 40px;}
}	

@media only screen and (max-width: 850px){
	.wrapper .the-games li .title-img { width: 135px; }
	header .navbar .mob-dl { width: 130px; top: 15px; }
	header .navbar .mobnav { top: 15px; }
	.wrapper .the-games ul { padding-top: 15px; }
	.wrapper .the-games .learnmore { width: 130px; }
	.wrapper .features img { width: 90% }
	.pagewrapper2 { width: 100% }
	.wrapper .the-games li { width: 45%; margin-bottom: 70px;}
	.wrapper .the-games li:last-child { margin-bottom: 30px; }
	.wrapper .the-games li:first-child{ margin-right: 30px; }
	.wrapper .the-games li ul li { margin: 0 0 20px 0!important; width: 75px }
	.wrapper .the-games li .title-img { width: 180px; margin: -95px auto 0 }
	.leaderboard p {font-size: 18px;}
}	

@media only screen and (max-width: 768px) {
	.wrapper .banner article { padding-top: 40px; }
	.wrapper .surfboard { width: 140px; top: 160px; }
	.wrapper .tree1 { width: 110px; top: 15px; }
	
	.wrapper .features img { width: 100% }
	.wrapper .bannerbg { width: 1050px; left: -185px; }
	footer .download a:first-child { margin-right: 25px; }
	.wrapper .about-playacool div aside, .wrapper .about-playacool div article{ width: 100%; }
	.wrapper .faqs .accordion details summary h6 { font-size: 16px; line-height: 26px; }
	.wrapper .faqs .accordion summary { border-bottom: 1px solid black }
	.wrapper .faqs .accordion details[open] summary { border-bottom: 1px solid #e45b00; }
	.wrapper .faqs .accordion summary:after, .wrapper .faqs .accordion details[open] summary:after { width: 20px; height: 15px; }
	.wrapper .banner .about ul li img {width: 40px; margin: 0 15px 0 0}
}

@media only screen and (max-width: 640px) {
	.wrapper .the-games li { width: 100%; margin: 0 0 70px 0!important; }
	.wrapper .the-games li:before { top: 140px; }
	.wrapper .the-games li ul li { width: 90px; }
	.wrapper .the-games li:last-child { margin-bottom: 30px!important; }
	footer .download img, .wrapper .banner article .banner-dl a { width: 230px; }
	.wrapper .banner article { width: 100%; }
	.wrapper { padding: 50px 30px 150px }
	header .navbar .mobnav { left: 15px!important }
	header .navbar .mob-dl { right: 15px!important; width: 110px; }
	.wrapper .game-screen .gs-carousel { width: 80%; }
	.slick-prev { background-size: 40px!important; left: -35px !important; width: 40px!important; height: 40px!important; }
	.slick-next { background-size: 40px!important; right: -35px !important; width: 40px!important; height: 40px!important; }
	.wrapper .contact .contact-form li { width: 100% }
	.wrapper .bannerbg { left: -250px; }
	.wrapper .contact .contact-form li .btn-submit { width: 110px}
	/* .wrapper .features ol, .wrapper .features .mob-view {display: block;}
	.wrapper .features .desk-view{display: none;} */
}

@media only screen and (max-width: 560px) {
	.wrapper .banner article .banner-dl { display:block}
	footer .download {width: 80%; margin: 0 auto; float: none}
	footer .download a:first-child { margin: 0 0 30px 0!important}
}
@media only screen and (max-width: 480px) {
	.wrapper .bannerbg { left: -385px; }
	header .navbar .logo { width: 185px; }
	.wrapper .the-games li:before { top: 80px; }
	.wrapper .the-games li ul li { width: 95px; }
	footer .download a:first-child { margin: 0 0 30px 0!important }
	.wrapper .faqs .accordion details summary h6 { width: 90% }
	.wrapper .contact .contact-form li:nth-child(7) label { padding: 8px 5px 0 35px; }
}
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 1366px) and (min-width: 320px){
}
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation:portrait) {

}

/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation:portrait) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	.hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1366px) and (orientation:portrait) and (orientation:landscape) {
	.hero article, .hero article.bgdesktop, .alpina-overview .pagewrapper2 article, .inquire,
	hero-inside article, .hero-inside article.bgdesktop {background-attachment: initial!important;
}*/