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

@media screen and (min-width: 1441px) {
 
}

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



@media screen and (max-width: 1280px) {
	.white-popup .product-content article h3, .about h1 {font-size: 36px; line-height: 42px;}
	.white-popup .product-content article h4 {font-size: 22px; line-height: 28px;}
	.white-popup .product-content article {padding: 25px;}
	.white-popup .product-content article h5 {font-size: 28px; line-height: 36px;}
}

@media screen and (max-width: 1120px) {
	header nav.main ul li:first-child a img {width: 180px;}
	header nav.main ul li a {padding: 10px 0; font-size: 18px; line-height: 24px;}
	header nav.main ul li a span {font-size: 14px; line-height: 20px;}
}

@media screen and (max-width: 1024px){
	.home .bgimg nav ul li a {font-size: 20px!important; line-height: 24px!important;}
	.home .bgimg nav ul li a span {font-size: 16px; line-height: 20px;}
	.products ul li a .prodname p {font-size: 20px; line-height: 24px;}
	.products ul li a .prodname p span {font-size: 16px; line-height: 20px;}

}
@media only screen and (max-width: 940px){
	.products ul li {width: 50%; margin-bottom: 20px;}
	header {padding: 10px 0;}
	header nav.main ul li:first-child {width: 100%; order: 1;}
	header nav.main ul li:first-child a img {width: 150px;}
	header nav.main ul li:nth-child(2) {order: 2;}
	header nav.main ul li:nth-child(3) {order: 3;}
	header nav.main ul li:nth-child(4) {order: 4;}
	header nav.main ul li:last-child {order: 5;}
	.white-popup {width: 90%;}
}	

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

}	

@media only screen and (max-width: 768px) {
	.home .bgimg .mobimg {display: block; height: auto!important;}
	.home .bgimg .deskimg {display: none!important;}
	.home .camp-home {height: auto; position: relative;}
	.home .camp-home aside {width:  150px; height: auto;}
	.defimg2, .home .camp-home aside img {width: 100%; height: auto;}
	.home .bgimg nav {position: relative; width: 100%; left: 0; right: 0; height: auto; bottom: auto;}
	.home .bgimg nav ul li a {font-size: 18px!important; line-height: 24px!important;}
	.home .bgimg nav ul li a span {font-size: 14px; line-height: 20px;}
	.home .camp-home aside {padding: 10px; margin: 0 auto;}
	.home .bgimg {border-top: 0;}
	.white-popup {width: 95%;}

}

@media only screen and (max-width: 640px) {
	.home .bgimg nav ul li {width: 50%; }
	.home .bgimg nav ul {border:  solid 1px rgba(0,0,0,0.1);}
	.home .bgimg nav ul li:nth-child(2) a {border-right: 0;}
	.home .bgimg nav ul li:first-child, .home .bgimg nav ul li:nth-child(2) {border-bottom: solid 1px rgba(0,0,0,0.1);}
	.home .bgimg nav ul li:first-child a, .home .bgimg nav ul li:last-child a {border-radius: 0;}
	header nav.main ul li {display: none;}
	header nav.main ul li:first-child {display: block;}
	header .mobnav, .home .camp-home .mobnav {display: block;}
	.white-popup .product-content article h3, .about h1 {font-size: 30px; line-height: 36px;}
	.white-popup .product-content article h4 {font-size: 20px; line-height: 26px;}
	.white-popup .product-content article h5 {font-size: 24px; line-height: 30px;}
	.home .bgimg nav {display: none;}
	.home .camp-home .mobnav {left: 15px;}
	.white-popup .product-content {height: 470px; overflow-y: auto;}
}
@media only screen and (max-width: 480px) {
	.products ul li a .prodname p {font-size: 16px!important;}
	.products ul li a .prodname p span {font-size: 14px!important;}
	.mobilenav {width: 220px;}
	
	.white-popup .product-content aside {width: 100%; float: left; border-radius: 10px 10px 0 0;}
	.white-popup .product-content aside img { width: 80%; height: auto; margin: 0 auto; border-radius: 0;}
	.white-popup .product-content article {width: 100%; float: left;}
	.white-popup .product-content article h3 {font-size: 26px; line-height: 32px;}
	.white-popup .product-content article h4 {font-size: 18px; line-height: 24px;}
	.white-popup .product-content article h5 {font-size: 20px; line-height: 26px;}

}
@media only screen and (max-width: 320px) {
	.products ul li {width: 100%; margin-bottom: 20px;}
}

@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;
}*/