@media (min-width: 1200px) {

	/* Structure > 1200px
	#wrapper::before {float: right; content: '> 1200';} */
	
	body{padding: 0; background: #fff;}
	
 	.search{display: none;}
	
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%;}
	#header	{position: fixed; top: 0; width: 100%; height: 20vh;}
	[class^="spacer-top-"]	{height: 20vh;}
	[id^="block-"]	{padding: 0; height: auto !important; min-height: 80vh;}
	#logo	{float: left;}
	#logo img	{margin: 5vh 0 0 3vw; width: 30vw; }
	#main	{margin: 0;}
	#footer {width: 100%;}
	#mainmenu		{clear: none; float: right; display: inline; margin: 8vh 2vw 0 0;}
	#mainmenu a	{padding: 5px 2vw; font-size: 24px;}
	.sx,
	.dx	{float: left; margin: 0; padding: 2vh; width: calc(50% - 4vh); height: auto !important; min-height: 76vh;}
	.content	{margin: 20px auto; padding: 20px; width: calc(60% - 40px);}
	h1.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 10vw; line-height: 110%; font-weight: 400;}
	h3.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	.payoff	{margin: 0; padding: 18vh 6vw 0 6vw; font-size: 60px; line-height: 110%; font-weight: 700;}
	#block-2	{text-align: center;}
	a.catalogo	{display: inline-block; margin: 20px 30px;}
	a.catalogo img	{width: 8vw; height: auto !important;}
	[class^="clienti-logo-"]	{float: left; width: 25%; height: 20vh;}
	.contatti-titolo	{margin: 0; padding: 4vh 0 0 6vw; font-size: 20px; line-height: 110%; font-weight: 700;}
	p.contatti	{margin: 0; padding: 2vh 0 0 6vw; font-size: 18px; line-height: 120%; font-weight: 400;}
	.no-padding	{padding: 0 !important; width: 50% !important;}
	
}

@media (min-width: 950px) and (max-width: 1199px) {

	/* Structure 950 to 1199 */
	#wrapper::before {float: right; content: '950-1199';}
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%;}
	#header	{position: fixed; top: 0; width: 100%; height: 20vh;}
	.spacer-top-0	{height: 16vh;}
	.spacer-top-1	{height: 0vh;}
	[id^="block-"]	{clear: both; padding: 0; height: auto !important; min-height: 80vh;}
	#logo	{float: left;}
	#logo img	{margin: 5vh 0 0 3vw; width: 30vw; }
	#main	{margin: 0;}
	#footer {width: 100%;}
	#mainmenu		{clear: none; float: right; display: inline; margin: 8vh 2vw 0 0;}
	#mainmenu a	{padding: 5px 2vw; font-size: 24px;}
	.sx	{clear: left;}
	.sx,
	.dx	{float: left; margin: 0; padding: 2vh; width: calc(50% - 4vh); height: auto !important; min-height: 76vh;}
	.content	{margin: 20px auto; padding: 20px; width: calc(60% - 40px);}
	h1.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 10vw; line-height: 110%; font-weight: 400;}
	h3.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	.payoff	{margin: 0; padding: 18vh 6vw 0 6vw; font-size: 42px; line-height: 110%; font-weight: 700;}
	#block-2	{text-align: center;}
	a.catalogo	{display: inline-block; margin: 20px 30px;}
	a.catalogo img	{width: 8vw; height: auto !important;}
	[class^="clienti-logo-"]	{float: left; width: 25%; height: 20vh;}
	.contatti-titolo	{margin: 0; padding: 4vh 0 0 6vw; font-size: 20px; line-height: 110%; font-weight: 700;}
	p.contatti	{margin: 0; padding: 2vh 0 0 6vw; font-size: 18px; line-height: 120%; font-weight: 400;}
	iframe.youtube	{max-width: 95% !important;}
	.no-padding	{padding: 0 !important; width: 50% !important;}
}

@media (min-width: 768px) and (max-width: 949px) {

	/* Structure 768 to 949 */
	#wrapper::before {float: right; content: '768-949';}
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%;}
	#header	{position: fixed; top: 0; width: 100%; height: 20vh;}
	.spacer-top-0	{height: 16vh;}
	.spacer-top-1	{height: 0vh;}
	[id^="block-"]	{clear: both; padding: 0; height: auto !important; min-height: 80vh;}
	#logo	{float: left;}
	#logo img	{margin: 5vh 0 0 3vw; width: 30vw; }
	#main	{margin: 0;}
	#footer {width: 100%;}
	#mainmenu		{clear: none; float: right; display: inline; margin: 8vh 2vw 0 0;}
	#mainmenu a	{padding: 5px 2vw; font-size: 24px;}
	.sx	{clear: left;}
	.sx,
	.dx	{float: left; margin: 0; padding: 2vh; width: calc(50% - 4vh); height: auto !important; min-height: 76vh;}
	.content	{margin: 20px auto; padding: 20px; width: calc(60% - 40px);}
	h1.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 10vw; line-height: 110%; font-weight: 400;}
	h3.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	.payoff	{margin: 0; padding: 18vh 6vw 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	#block-2	{text-align: center;}
	a.catalogo	{display: inline-block; margin: 20px 30px;}
	a.catalogo img	{width: 8vw; height: auto !important;}
	[class^="clienti-logo-"]	{float: left; width: 25%; height: 20vh;}
	.contatti-titolo	{margin: 0; padding: 4vh 0 0 6vw; font-size: 20px; line-height: 110%; font-weight: 700;}
	p.contatti	{margin: 0; padding: 2vh 0 0 6vw; font-size: 18px; line-height: 120%; font-weight: 400;}
	iframe.youtube	{max-width: 95% !important;}
	.no-padding	{padding: 0 !important; width: 50% !important;}
}


@media (min-width: 481px) and (max-width: 767px) {

	/* Structure  > 481 e < 767 */
	#wrapper::before {float: right; content: '481-767';}
	body{padding:0; background:#fff;}
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%;}
	#header	{position: fixed; top: 0; width: 100%; height: 20vh;}
	.spacer-top-0	{height: 16vh;}
	.spacer-top-1	{height: 0vh;}
	[id^="block-"]	{clear: both; padding: 0; height: auto !important; min-height: 80vh;}
	#logo	{float: left;}
	#logo img	{margin: 5vh 0 0 3vw; width: 30vw; }
	#main	{margin: 0;}
	#footer {width: 100%;}
	#mainmenu		{clear: none; float: right; display: inline; margin: 8vh 2vw 0 0;}
	#mainmenu a	{padding: 5px 2vw; font-size: 18px;}
	.sx	{clear: left;}
	.sx,
	.dx	{float: left; margin: 0; padding: 2vh; width: calc(100% - 4vh); height: auto !important; min-height: 76vh;}
	.content	{margin: 20px auto; padding: 20px; width: calc(60% - 40px);}
	h1.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 10vw; line-height: 110%; font-weight: 400;}
	h3.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	.payoff	{margin: 0; padding: 18vh 6vw 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	#block-2	{text-align: center;}
	a.catalogo	{display: inline-block; margin: 20px 30px;}
	a.catalogo img	{width: 8vw; height: auto !important;}
	[class^="clienti-logo-"]	{float: left; width: 25%; height: 20vh;}
	.contatti-titolo	{margin: 0; padding: 4vh 0 0 6vw; font-size: 20px; line-height: 110%; font-weight: 700;}
	p.contatti	{margin: 0; padding: 2vh 0 0 6vw; font-size: 18px; line-height: 120%; font-weight: 400;}
	iframe.youtube	{max-width: 95% !important;}
	iframe	{width: 100% !important;}
	.no-padding	{padding: 0 !important; width: 100% !important;}
	
}

@media (max-width: 480px) {
	
	/* Structure  < 480 */
	#wrapper::before {float: right; content: '< 480';}
	body{padding:0; background:#fff;}
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%;}
	#header	{position: fixed; top: 0; width: 100%; height: 20vh;}
	.spacer-top-0	{height: 16vh;}
	.spacer-top-1	{height: 0vh;}
	[id^="block-"]	{clear: both; padding: 0; height: auto !important; min-height: 80vh;}
	#logo	{float: left;}
	#logo img	{margin: 5vh 0 0 3vw; width: 60vw; }
	#main	{margin: 0;}
	#footer {width: 100%;}
	#mainmenu		{clear: none; float: left; display: inline-block; margin: 2vh 2vw 0 0;}
	#mainmenu a	{padding: 5px 2vw; font-size: 16px;}
	.sx	{clear: left;}
	.sx,
	.dx	{float: left; margin: 0; padding: 2vh; width: calc(100% - 4vh); height: auto !important; min-height: 76vh;}
	.content	{margin: 20px auto; padding: 20px 10px; width: calc(100% - 20px);}
	h1.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 10vw; line-height: 110%; font-weight: 400;}
	h3.bisteel	{margin: 0; padding: 4vh 0 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	.payoff	{margin: 0; padding: 18vh 6vw 0 6vw; font-size: 36px; line-height: 110%; font-weight: 700;}
	#block-2	{text-align: center;}
	a.catalogo	{display: inline-block; margin: 20px 30px;}
	a.catalogo img	{width: 80%; height: auto !important;}
	[class^="clienti-logo-"]	{float: left; width: 50%; height: 20vh;}
	.contatti-titolo	{margin: 0; padding: 4vh 0 0 6vw; font-size: 20px; line-height: 110%; font-weight: 700;}
	p.contatti	{margin: 0; padding: 2vh 0 0 6vw; font-size: 18px; line-height: 120%; font-weight: 400;}
	iframe.youtube	{max-width: 95% !important;}
	iframe	{width: 100% !important;}
	.no-padding	{padding: 0 !important; width: 100% !important;}
	.btn-responsive-menu{display:block;}
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none;}	
}