/************************************************************************************
	980
*************************************************************************************/
@media screen and (max-width: 980px) {
	body { width: 800px; font-size: .938em; }
	#topnav #zoom { display: none; }
	#topnav { width: auto; }
	#mainnav {
		display: block;
		float: none;
		clear: both;
		margin: 0 auto 0 auto;
		padding: 40px 0 0 0;
    width: 90%;
	}
	#button li:last-child { border: none; }
	#quvion.product { width: 320px; }
	#allproducts .allproducts_label { width: 100%; }
	h1 { font-size: 165%; }
	.cols article section { width: 70%; }
	h2.center, article.center { width: 80%; }
	.rate .button { mxargin-left: 0.2em; padding-left: 1em; padding-right: 1em; }
	.qforms .fbutton { width: 70%; }
	.qforms li label { width: 29%; }
	.qforms input, .qforms textarea, .qforms li p, .togglebox.small { width: 68%; }
	section.nocols article { width: 85%; }
	.qforms li.check p { width: 93%; }

	/* ----- NLS ----- */
	.cols.nls mark { font-size: 140%; }

	.jcarousel-wrapper, .jcarousel, .jcarousel li { width: 675px; }
	.jcarousel li img { width: 216px; }
	.jcarousel, .jcarousel li { height: 640px; }
	.jcarousel-control-prev, .jcarousel-control-next { top: 310px !important; }
}




/************************************************************************************
	800
*************************************************************************************/
@media screen and (max-width: 800px) {
	body { width: 660px; }
	header { background: none; }

	#login a { display: block; }
	#login span { display: none; }
	#login .rect {
		xwidth: 120px;
		display: table;
		width: auto;
		width: 130px;
	}
	.no-touch #login .rect { background-position-y: center; }
	#login {
		width: 140px;
		margin-left: 3em;
		margin-right: 10px;
	}
	#top:hover { background: none; }
	#button ul, #button mark { width: 360px; }
	#button.hugh ul, #button.hugh mark { width: 420px; }
	#button li { display: block; width: 100%; }
	#button .bcol a {
		padding-bottom: 2%;
		border-bottom: 1px solid #666;
		border-bottom: 1px solid rgba(180,180,180,0.1);
	}
	#button .btext { text-align: center; border: none; padding: 2% 0 0 0;}
	#qproducts_label { width: 90%; }
	p.center { width: 80%; }
	.badges h1 { font-size: 150%; }
	.badges p { display: none; }
	.faqs { width: 100%; }
	.faqs ul li h2 { width: 35%; }
	.faqs ul li section { width: 60%; }
	figure.faq { width: 60%; margin-bottom: -3em; }
	.cols.two.imgr article { width: 37%; }
	.cols.two article.imgr { width: 60%; }
	.badge_right.big article, .badge_right.big article { width: 56%; }
	.badge_right.nig figure, .badge_right.big figure { width: 40%; }
	.badge_left article, .badge_left article { width: 60%; }
	.badge_left figure, .badge_left figure { width: 36%; }
	.qforms li label { width: 100%; display: block; }
	.qforms input, .qforms textarea, .qforms li p, .qforms .togglebox, .togglebox { width: 100%; display: block; }
	.togglebox input[type=radio] + label { xfont-size: 110%; }
	.formimg.contact { margin-bottom: -7em; }
	.qforms { padding: 4em 3em; }
	.qforms input.short { width: 260px; }

	/* ----- NLS ----- */
	#nlsnav h3 { padding-left: 0em; font-size: 105%; }
	#nlsmiomails article { width: 56%; } /* FINDME */
	#nlsmiomails figure { width: 40%; } /* FINDME */
	#nlscalc { font-size: 550%; }
	#nlsmodular article, #nlsmodular .nlsslider { float: none; clear: both; width: 100%; }
	#nlsmodular article { width: 100%; padding: 0; margin-bottom: 2em; }
	.nls_highlight.single article, .nls_highlight.flat article {
		-webkit-background-size: 22%;
	  -moz-background-size: 22%;
	  -o-background-size: 22%;
	  -ms-background-size: 22%;
	  background-size: 22%;
	}

	#nlsnav { width: 80%; margin-bottom: 2.5em; }
	#nlsnav li { display: block; width: 100%; padding-left: 3em; }
	#nlsnav div, #nlsnav h3 { float: left;  }
	#nlsnav h3 { display: block; margin-left: 0; width: 75%; height: 3em; text-align: left; padding-top: 0; }
	#nlsnav div { font-size: 200%; }
	#nlsnav li:hover h3 { xcolor: #4ec4c7; }
	#nlsnav h3 { font-size: 140%; line-height: 130%; width: 80%; margin-left: 1em; }
	#nlsnav li:after { clear: both; content:""; display:block; }
	#nlsnav li.nlsnav_arr { display: none; }

	.bigbadge, .home_buttons { width: 100%; }


	.cols.nls h2 { height: 3em; }
	.cols.nls p { height: 11em; }
	.nlscalc_resume, .nlscalc_price { display: block; width: 100%; float: none; clear: both; }
	.nlscalc_resume { margin-bottom: 3em; }
	#price { font-size: 700%; line-height: 1; }
	.cols.nls article { min-height: 1px; padding-bottom: 0; display: block; width: 100%; }
	.cols.nls h2, .cols.nls p { height: auto; }
	.cols.nls figure, .cols.nls h2, .cols.nls p, .cols.nls mark { float: right; width: 51%; margin: 0 auto 1em auto; }
	.cols.nls figure { float: left; width: 43%; }
	.cols.nls mark { font-size: 160%; }
	.nls_highlight.flat section { margin-top: 1.5em; }
	.nls_highlight.flat section h2 { padding: 0.5em; }

	.jcarousel-wrapper, .jcarousel, .jcarousel li { width: 535px; }
	.jcarousel li img { width: 169px; }
	.jcarousel, .jcarousel li { height: 504px; }
	.jcarousel-control-prev, .jcarousel-control-next { top: 240px !important; }
}



/************************************************************************************
	640
*************************************************************************************/
@media screen and (max-width: 640px) {
	body { width: 570px; }
	#qproducts .qproduct_plus, #allnlsfunctions, #nlsallfunctions { display: none; }
	header {
		background: none;
		*background: none;
		_background: none;
		padding-bottom: 1em;
	}
	#quvion {
		position: static;
		display: block;
		top: 50px;
		float: none;
		width: 279px;
		width: 260px;
		margin: 70px auto 0 auto;
		height: 84px;
	}
	#quvion figcaption { font-size: 120%; }
	#topnav {
		position: static;
		top: 0;
		width: 80%;
		width: 100%;
		display: block;
		float: none;
		clear: both;
		margin: -154px auto 130px auto;
	}
	#topnav { text-align: left; }
	#lang { float: none; clear: both; }
	#lang, #login { display: block; float: left; }
	#login a { display: inline; }
	#login span { display: inline; }
	#login .rect {
		width: 11.533em;
		*width: 9em;
		background-position-y: 0.600em;
		background-position-y: 0.533em\9;
	}
	#login {
		width: 12.667em;
		margin-left: 0;
		margin-right: 1em;
		float: right;
	}
	#mainnav { width: 65%; margin: 0 auto; }
	#mainnav {
		position: relative;
		padding: 0;
		height: 44px;
		overflow: visible;
		margin-bottom: 14px;
		z-index: 10;
	}
	#mainnav ul { padding: 1px 8px 1px 1px; display: block; }
	#mainnav li {
		display: none;
		xdisplay: block;
		font-size: 110%;
		width: auto;
		min-height: 1em;
	}
	#mainnav a, #mainnav span {
		padding: 8px 0 8px 50px;
		display: block;
		width: auto;
	}
	#mainnav ul:hover li, #mainnav ul:active li { display: block; }
	#mainnav ul:hover li.active, #mainnav ul:active li.active { background: url(../img/base/li_hover.png) no-repeat 20px center; }
	#mainnav li.active, #mainnav li.default, #mainnav ul:hover li.default, #mainnav ul:active li.default {
		display: block;
		background: url(../img/base/li_sel.png) no-repeat 20px center;
	}
	#mainnav > ul:hover { padding-bottom: 5px; }
	.touch li.no-mobile { display: none; }
	#qproducts_label { width: 100%; }
	#qproducts .qproduct { width: 100%; display: block; margin-bottom: 2em; }
	#qproducts .qproduct > a { width: 60%; display: block; margin: auto; }
	.two article, .three article, .four article, .five article { width: 100%; }
	.two video { width: 100%; }
	.badges p { display: none; }
	h1.center, h2.center, article.center { text-align: left; width: 100%; }
	p.center { width: 100%; }
	.center { margin-left: auto; margin-right: auto; display: block; }
	section.center { width: 210px; }
	.cols article, footer .cols article, .badges article { display: block; width: 100%; padding-right: 0; margin-bottom: 1em; }
	.cols.space article, footer .cols article, .badges article { margin-bottom: 2.7em; }
	.badge_right article, .badge_right figure, .badge_right.big article, .badge_right.big figure, .badge_left article, .badge_left figure, .badge_right.big article, .badge_right.big figure, .badge_left.big article, .badge_left.big figure, .badge_right.small article, .badge_right.small figure, .badge_left.small article, .badge_left.small figure { display: block; width: 100%; margin: 0 auto 1em auto; float: none; clear: both;  }
	.badge_right figure, .badge_left figure { width: 60%; }
	.badge_right.big figure, .badge_left.big figure { width: 80%; }
	.badge_right.small figure, .badge_left.small figure { width: 50%; }
	footer .cols a { display: inline; margin-right: 1em; }
	footer .cols article { display: none; }
	footer .cols article:first-child { display: block; }
	#quvion.product { width: 320px; padding-top: 17px; }
	#button ul, #button mark { width: 330px; }
	#button.hugh ul, #button.hugh mark { width: 360px; }
	#button.hugh li { font-size: 110%; }
	#button.hugh { padding-bottom: 0; }
	#button .btext a { font-size: 110%; padding-bottom: 1%; }
	.contactbtn { width: 380px; }
	.contactbtn a { font-size: 110%; }
	hr.no-small + section { xmargin-top: 1em; }
	.badges h1 { font-size: 165%; }
	.faqs ul li h2, .faqs ul li section { display: block; clear: both; width: 100%; }
	.rate .button { padding-left: 1.2em; padding-right: 1.2em; }
	.formimg { width: 60%; }
	.formimg.large { width: 100%; }
	.formimg.contact { width: 70%; margin-bottom: -7em; }
	.qforms { padding: 2.5em 2em; }
	.qforms .fbutton { width: 100%; }
	.cols.two.imgr article { width: 100%; }
	.cols.two article.imgr { width: 90%; }
	.cols.double section, .cols.double article { display: block; width: 100%; padding-right: 0; margin-bottom: 1em; }
	.cols.double figure { display: block; width: 80%; margin: 2em auto 1em auto; }
	section.nocols article { width: 100%; }

	/* ----- NLS ----- */
	#nlsmiomails article { width: 44%; } /* FINDME */
	#nlsmiomails figure { width: 52%; } /* FINDME */
	#nlsfunctions article, #nlsfunctions figure { display: block; width: 100%; padding: 0; }
	#nlsfunctions { margin-top: 3em; }
	#nlsfunctions figure { margin-top: 2em; }
	/*
	#nlsnav { width: 100%; margin-bottom: 2.5em; }
	#nlsnav li { display: block; width: 100%; padding-left: 3em; }
	#nlsnav div, #nlsnav h3 { float: left;  }
	#nlsnav h3 { display: block; margin-left: 0; width: 75%; height: 3em; text-align: left; padding-top: 0; }
	#nlsnav div { font-size: 200%; }
	#nlsnav li:hover h3 { xcolor: #4ec4c7; }
	#nlsnav h3 { font-size: 140%; line-height: 130%; width: 80%; margin-left: 1em; }
	#nlsnav li:after { clear: both; content:""; display:block; }
	*/
	#nlsnav { width: 80%; }

	#nlscalc { font-size: 500%; }
	#nlscalc mark { font-size: 19%; }
	#price { font-size: 580%; }
	.nls_highlight.single article, .nls_highlight.flat article { background: #e9efd4; }
	.nls_highlight h1, .nls_highlight p { width: 100%; }
	.nls_highlight.flat section h2 { font-size: 140%; padding-top: 0.6em; }


	.jcarousel-wrapper, .jcarousel, .jcarousel li { width: 445px; }
	.jcarousel li img { width: 139px; }
	.jcarousel, .jcarousel li { height: 415px; }
	.jcarousel-control-prev, .jcarousel-control-next { top: 190px !important; }
}


/************************************************************************************
	480
*************************************************************************************/
@media screen and (max-width: 480px) {
	body { width: 400px; }
	#topnav { width:  95%; width: 100%; }
	#mainnav { width: 80%; }
	#mainnav a em, #qproducts_label { display: none; }
	#button ul, #button mark { xwidth: 80%; }
	#button.hugh ul, #button.hugh mark { xwidth: 85%; }
	#button.hugh {
		background-position: left -90px;
		-webkit-background-size: auto 160px;
	  -moz-background-size: auto 160px;
	  -o-background-size: auto 160px;
	  background-size: auto 160px;
	  *background: none;
	  _background: none;
	}
	#button mark { display: none; }
	#top:hover { background: none; }
	.cols.two article.imgr { width: 100%; }
	.cols.double figure { width: 100%; }
	.badge_right.small figure, .badge_left.small figure { width: 70%; }
	.footerimg { *display: none; _display: none; }
	.footerimg figure { width: 95%; }
	.footerimg.hugh figure { width: 80%; height: auto; }
	footer p a { line-height: 170%; }
	.no-small { display: none; }
	figure.faq { width: 90%; margin-bottom: 0; margin-top: -2em; }
	.formimg { width: 100%;}
	.formimg.contact { width: 80%; margin-bottom: -6em; }
	/*.badge_right article, .badge_right figure, .badge_left article, .badge_left figure { display: block; float: none; clear: both; }*/
	.qproducts_select li {
		display: block;
		width: 80%;
		margin: 0 auto;
		height: auto;
		padding-bottom: 2em;
	}
	.qproducts_select li figure { margin: 0 0 0.7em 0; }
	.qforms {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.qforms .fbutton {
		font-size: 130%;
		height: auto;
		display: block;
		width: 100%;
		padding: 0.5em 0.7em;
	}
	.qforms li.check p { width: 85%; }
	/*
	.qforms .togglebox input { xmargin-top: 0; }
	.qforms .togglebox { xmargin-top: -1em; padding: 0 8px; }
	*/
	.qforms p.error { display: none; width: 100%; }
	.qforms input.short, .togglebox, .qforms .togglebox { width: 100%; }
	.togglebox input[type=radio] + label {
		display: block;
		width: 100%;
		margin: -4px auto;
	}
	.togglebox { width: 100%; overflow: visible; }
	.togglebox input[type=radio].bl + label, .togglebox input[type=radio].br + label, .togglebox input[type=radio].bm + label {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		display: block;
		width: 105%;
		margin: 2px auto;
	}
	footer.def {
		-webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  -ms-background-size: contain;
	  background-size: contain;
	}
	article.center { margin-bottom: 3em; }

	/* ----- NLS ----- */
	#nlsnav { width: 100%; }
	#nlsnav .back { display: none; }
	#nlsnav.teasernav { display: block; }
	#nlsnavteaser { display: none; }
	#nlsmodular .flex-caption p { display: none; }
	#nlsmodular .flex-caption { height: 50px; margin-top: -50px; }
	#nlsmiomails article, #nlsmiomails figure { display: block; float: none; clear: both; } /* FINDME */
	#nlsmiomails article { width: 100%; }
	#nlsmiomails figure { width: 70%; margin: 1.5em auto 0 auto; }
	#nlscalculator { width: 92%; }
	#nlscalc { font-size: 620%; }
	#nlscalc mark { xfont-size: 19%; }
	#nlscalc mark { font-size: 25%; display: block; line-height: 2; }
	#price { font-size: 460%; }
	.nlscalc_price { text-align: left; }
	.cols.nls figure, .cols.nls h2, .cols.nls p, .cols.nls mark { display: block; float: none; width: 100%; }
	.cols.nls figure { width: 80%; }
	.nls_highlight.flat section div.arr_r, .nls_highlight.flat section div.arr_l { display: none; }
	.nls_highlight.flat section h2 { font-size: 138%; }


	.jcarousel-wrapper { display: none; }
	/*
	.jcarousel-wrapper, .jcarousel, .jcarousel li { width: 265px; }
	.jcarousel li img { width: 81px; margin: 1px 2px; }
	.jcarousel, .jcarousel li { height: 245px; }
	.jcarousel-control-prev, .jcarousel-control-next { top: 110px !important; }
	*/
}



/************************************************************************************
	320
*************************************************************************************/
@media screen and (max-width: 400px) {
	body { width: 300px; xfont-size: 1em; }
	html { -webkit-text-size-adjust: none; }
	body { xwidth: 95%; xmin-width: 270px; padding: 0 2%; font-size: 98%; line-height: 120%; }
	h2 { font-size: 114%; }
	#quvion { xwidth: 100%; }
	#quvion figcaption { font-size: 115%; }


	#topnav { font-size: 98%; }
	#login .al { display: none; }
	#login span { display: none; }
	#login .rect {
		width: 130px;
		background-position-y: 0.600em;
		background-position-y: 0.533em\9;
	}
	#login {
		width: 133px;
		*width: 150px;
		_width: 150px;
		margin-left: 0;
		margin-right: 1em;
		float: right;
	}
	#mainnav {
		width: 100%;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;
	}
	#qproducts .qproduct > a { width: 90% }
	#quvion.product { width: 300px; }
	.badge_right figure, .badge_left figure, .badge_right.big figure, .badge_left.big figure { width: 95%; }
	.badge_right.small figure, .badge_left.small figure { width: 80%; }
	.no-mobile { display: none; }
	.two article, .three article, .four article, .five article { width: 100%; }
	.no-mobile { display: none; }
	#button ul, #button mark, #button.hugh ul, #button.hugh mark { xwidth: 320px; }
	#button ul, #button mark, #button.hugh ul, #button.hugh mark { width: 94%; }
	#button ul { padding: 3% 1%; }
	#button mark { display: none; }
	#button.hugh ul { padding: 6% 1%; }
	#button .btext a { font-size: 110%; }
	#button.hugh .btext a { font-size: 100%; }
	#button.hugh mark { display: block; }
	.contactbtn { width: 280px; padding: 0; }
	.contactbtn a { font-size: 100%; }
	figure.faq { width: 100%; margin-top: -1em; }
	.rate h3 { display: block; margin-bottom: 0.2em; }
	.rating { height: 4em; }
	footer p a { font-size: 110%; }
	.qforms h1 { font-size: 180%; }
	.qforms li.check p { width: 75%; }
	.qforms li.check small { display: block; padding: 0.2em 0; line-height: 120%; }

	.home_buttons a {
		width: 100%;
		*width: 100%;
		_width: 100%;
		display: block;
	}


	/* ----- NLS ----- */
	#nlsmiomails figure { width: 90%; } /* FINDME */
	#nlsnav { width: 85%; }
	#nlsnav li { padding-left: 0; display: block; margin-bottom: 1em; }
	#nlsnav h3 { width: 64%; padding-top: 0; margin-top: 0; }
	#nlsnav div { font-size: 200%; }
	#nlscalc { font-size: 440%; }
	#nlscalc .val { xfont-size: 120%; }
	.nlsprice { font-size: 230%; }
	.nlsprice mark { font-size: 50%; }
	.nlsflat li p { font-size: 85%; padding-bottom: 0.2em; }
	#price { font-size: 380%; }
	.cols.nls figure { width: 100%; }

}