/*
https://web.dev/responsive-web-design-basics/
*/
@media (min-width: 1200px) {

	/* Structure > 1200px
	#wrapper::before {float: right; content: '> 1200';} */
	
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%; /*background: rgb(108, 136, 160, 0.7);*/}
	#header-widget	{float: right; margin: 5vh 10vw 0 0;}
	#blocco-fisso	{position: fixed; top: 0; width: 100%; background: rgb(144, 178, 207, 1); z-index: 9999;}
	h1#site-title	{display: block; margin: 0 auto; padding: 3vh 0 3vh 16%; width: calc(1100px - 16%); background: url(../images/logo-25-no-ombra-no-sfondo.png) no-repeat 0 center / auto 85%;}
	h1#site-title span	{display: block; padding: 1vh 0 0 0; font-size: 70%; font-weight: 400;}
	#mainmenu-100	{margin: 0; width: 100%; background: rgba(50, 101, 255, 0.8)}
	#mainmenu	{margin: 0 auto; padding: 0; width: 1100px;}
	form#searchform	{float: right; margin: 0;}
	#branding	{margin: 0; height: 60vh; width: 100%; background: #f1a634 url(../images/header-banner.jpg) no-repeat center 0 / cover;}
	#colophon	{margin: 0 auto; padding: 20px; width: calc(1100px - 40px); background: rgba(0,0,0,0.5);}
	#access,
	#access .menu-header,
	div.menu 	{margin: 0 auto; width: 100%;}
	#container {margin: 0 auto; padding: 20px 0; width: calc(1100px - 0px);}
	#content {float: left; margin: 0; padding: 0; width: 860px;}
	.one-column #content {float: none !important; margin: 0 auto; width: 100%;}
	#primary,
	#secondary {float: left; margin: 0; padding: 0 0 0 20px; width: 180px;}
	#footer {width: 100%;}
	#footer	{ background: #f1a634 url(../images/header-mongelli.jpg) no-repeat center -600px / cover;}
	.single-attachment #content {width: 1100px;}
	#footer-widget-area .widget-area {margin: 0; padding: 0 20px 0 0; width: 25%; box-sizing: border-box;}
	#footer-widget-area #third.widget-area {margin: 0; padding: 0; width: 75%; box-sizing: border-box;}
	#site-info {float: left;}
	#site-generator {float: right;}
	.wp-caption {max-width: 800px !important; /* prevent too-wide images from breaking layout */}
	#mainmenu		{clear: both; display:block;}
	.anteprima-prodotto-box	{display: block; margin: 10px 0; padding: 20px 0; width: 100%; border-bottom: 3px solid #f1a634;}
	.prodotto-thumbnail-elenchi	{float: left; margin: 0 20px 0 0; width: 300px; min-height: 250px;}
	.anteprima-prodotto-box .addtoany_content	{clear: none !important;}
	.notizia-scheda-thumbnail	{float: right; margin: 0 0 2vh 3vw;}
	a.box-prodotti-link	{display: inline-block; margin: 15px; padding: 0; width: calc(33% - 30px); height: 320px;}
	a.box-prodotti-link div	{margin: 0; padding: 1vh 0; font-size: x-large; font-weight: 700; text-align: center; color: #fff; background: rgba(50, 101, 255, 0.8);}
	.home-evidenza-box	{float: left; margin: 0; padding: 0; width: 32%; box-sizing: border-box;}
	.home-evidenza-box.spacer	{margin: 0 2% 0 0;}
	.home-evidenza-box img	{width: 100%; height: auto;}
	.home-notizie-box	{margin: 2vh 0; padding: 0; border-bottom: 2px solid #3265ff;}
	.home-notizie-img	{float: left; margin: 0 20px 0 0; width: 25%;}
	.home-notizie-img img	{max-width: 100%; height: auto !important;}
	.home-notizie-box .addtoany_content	{text-align: right;}
	h1.entry-title,
	h2.entry-title,
	h1.page-title,
	h2.page-title	{margin: 3vh 0; padding: 1vh 1vw 1vh 3vw; color: #fff !important; background: #3265ff url(../images/bolle-bianche.svg) no-repeat 0.5vw center / 35px;}
	.box-call-to-action	{float: right; margin: 0 0 15px 20px; padding: 15px; background: #e4e4e4; border: 2px solid #3265ff;}
	.category-description.militari	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-militari.jpg) no-repeat right center / 12vw auto;}
	.category-description.defence	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-defence.jpg) no-repeat right center / 12vw auto;}
	.category-description.medicali-e-ricerca	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-medicali-e-ricerca.jpg) no-repeat right center / 12vw auto;}
	.category-description.medical-and-research	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-medical-and-research.jpg) no-repeat right center / 12vw auto;}
	.category-description.commercial-diving	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-commercial-diving.jpg) no-repeat right center / 12vw auto;}
	.category-description.subacquea-professionale	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-subacquea-professionale.jpg) no-repeat right center / 12vw auto;}
	.category-description.industriali	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-industriali.jpg) no-repeat right center / 12vw auto;}
	.category-description.industrial	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-industrial.jpg) no-repeat right center / 12vw auto;}
	.category-description.subacquea-sportiva	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-subacquea-sportiva.jpg) no-repeat right center / 12vw auto;}
	.category-description.sport-diving	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-sport-diving.jpg) no-repeat right center / 12vw auto;}
	.category-description.accessori	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-accessori.jpg) no-repeat right center / 12vw auto;}
	.category-description.accessories	{padding: 2vh 15vw 2vh 2vh; background: #a8cdf7 url(../images/prod-accessories.jpg) no-repeat right center / 12vw auto;}
	li#menu-item-670,
	li#menu-item-671	{display: none;}
}

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

	/* Structure 950 to 1199 */
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%; /*background: rgb(108, 136, 160, 0.7);*/}
	#header-widget	{float: right; margin: 5vh 5vw 0 0;}
	#blocco-fisso	{position: fixed; top: 0; width: 100%; background: rgb(144, 178, 207, 1); z-index: 9999;}
	h1#site-title	{display: block; margin: 0 auto; padding: 3vh 0 3vh 200px; width: calc(950px - 200px); font-size: x-large; background: url(../images/logo-25-no-ombra-no-sfondo.png) no-repeat 0 center / auto 90%;}
	h1#site-title span	{display: block; padding: 1vh 0 0 0; font-size: 70%; font-weight: 400;}
	#mainmenu-100	{margin: 0; width: 100%; background: rgba(50, 101, 255, 0.8)}
	#mainmenu	{margin: 0 auto; padding: 0; width: 950px;}
	form#searchform	{float: right; margin: 0;}
	#branding	{margin: 0; height: 60vh; width: 100%; background: #f1a634 url(../images/header-banner.jpg) no-repeat center 0 / cover;}
	#colophon	{margin: 0 auto; padding: 20px; width: calc(950px - 40px); background: rgba(0,0,0,0.5);}
	#access,
	#access .menu-header,
	div.menu 	{margin: 0 auto; width: 100%;}
	#container {margin: 0 auto; padding: 20px 0; width: calc(950px - 0px);}

	#content {float: left; margin: 0; padding: 0; width: 730px;}
	.one-column #content {float: none !important; margin: 0 auto; width: 100%;}
	#primary,
	#secondary {float: left; margin: 0; padding: 0 0 0 20px; width: 180px;}
	#footer {width: 100%;}
	#footer	{ background: #f1a634 url(../images/header-mongelli.jpg) no-repeat center center / cover;}
	.single-attachment #content {width: 950px;}
	#footer-widget-area .widget-area {margin: 0; padding: 0 20px 0 0; width: 25%; box-sizing: border-box;}
	#footer-widget-area #third.widget-area {margin: 0; padding: 0; width: 75%; box-sizing: border-box;}
	#site-info {float: left;}
	#site-generator {float: right;}
	.wp-caption {max-width: 800px !important; /* prevent too-wide images from breaking layout */}
	#mainmenu		{clear: both; display:block;}
	.anteprima-prodotto-box	{display: block; margin: 10px 0; padding: 20px 0; width: 100%; border-bottom: 3px solid #f1a634;}
	.prodotto-thumbnail-elenchi	{float: left; margin: 0 20px 0 0; width: 300px; min-height: 250px;}
	.anteprima-prodotto-box .addtoany_content	{clear: none !important;}
	.notizia-scheda-thumbnail	{float: right; margin: 0 0 2vh 3vw;}
	a.box-prodotti-link	{display: inline-block; margin: 15px; padding: 0; width: calc(33% - 30px); height: 320px;}
	a.box-prodotti-link div	{margin: 0; padding: 1vh 0; font-size: x-large; font-weight: 700; text-align: center; color: #fff; background: rgba(50, 101, 255, 0.8);}
	.home-evidenza-box	{float: left; margin: 0; padding: 0; width: 32%; box-sizing: border-box;}
	.home-evidenza-box.spacer	{margin: 0 2% 0 0;}
	.home-evidenza-box img	{width: 100%; height: auto;}
	.home-notizie-box	{margin: 2vh 0; padding: 0; border-bottom: 2px solid #3265ff;}
	.home-notizie-img	{float: left; margin: 0 20px 0 0; width: 25%;}
	.home-notizie-img img	{max-width: 100%; height: auto !important;}
	.home-notizie-box .addtoany_content	{text-align: right;}
	h1.entry-title,
	h2.entry-title,
	h1.page-title,
	h2.page-title	{margin: 3vh 0; padding: 1vh 1vw 1vh 5vw; color: #fff !important; background: #3265ff url(../images/bolle-bianche.svg) no-repeat 0.5vw center / 35px;}
	li#menu-item-670,
	li#menu-item-671	{display: none;}
}

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

	/* Structure 768 to 949 */
	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%; /*background: rgb(108, 136, 160, 0.7);*/}
	#header-widget	{float: right; margin: 5vh 5vw 0 0;}
	#blocco-fisso	{position: fixed; top: 0; width: 100%; background: rgb(144, 178, 207, 1); z-index: 9999;}
	h1#site-title	{display: block; margin: 0 auto; padding: 3vh 0 3vh 200px; width: calc(760px - 200px); font-size: large; background: url(../images/logo-25-no-ombra-no-sfondo.png) no-repeat 0 center / auto 80px;}
	h1#site-title span	{display: block; padding: 1vh 0 0 0; font-size: 70%; font-weight: 400;}
	#mainmenu-100	{margin: 0; width: 100%; background: rgba(50, 101, 255, 0.8)}
	#mainmenu	{margin: 0 auto; padding: 0; width: 760px;}
	form#searchform	{margin: 0;}
	#branding	{margin: 0; height: 40vh; width: 100%; background: #f1a634 url(../images/header-banner.jpg) no-repeat center 0 / cover;}
	#colophon	{margin: 0 auto; padding: 20px; width: calc(760px - 40px); background: rgba(0,0,0,0.5);}
	#access,
	#access .menu-header,
	div.menu 	{margin: 0 auto; width: 100%;}
	#container {margin: 0 auto; padding: 20px 0; width: calc(760px - 0px);}

	#content {float: left; margin: 0; padding: 0; width: 540px;}
	.one-column #content {float: none !important; margin: 0 auto; width: 100%;}
	#primary,
	#secondary {float: left; margin: 0; padding: 0 0 0 20px; width: 180px;}
	#footer {width: 100%;}
	#footer	{ background: #f1a634 url(../images/header-mongelli.jpg) no-repeat center center / cover;}
	.single-attachment #content {width: 760px;}
	#footer-widget-area .widget-area {margin: 0; padding: 0 20px 0 0; width: 25%; box-sizing: border-box;}
	#footer-widget-area #third.widget-area {margin: 0; padding: 0; width: 75%; box-sizing: border-box;}
	#site-info {float: none;}
	#site-generator {float: none; text-align: left;}
	.wp-caption {max-width: 800px !important; /* prevent too-wide images from breaking layout */}
	#mainmenu		{clear: both; display:block;}
	.anteprima-prodotto-box	{display: block; margin: 10px 0; padding: 20px 0; width: 100%; border-bottom: 3px solid #f1a634;}
	.prodotto-thumbnail-elenchi	{float: left; margin: 0 20px 0 0; width: 300px; min-height: 250px;}
	.anteprima-prodotto-box .addtoany_content	{clear: none !important;}
	.notizia-scheda-thumbnail	{float: right; margin: 0 0 2vh 3vw;}
	a.box-prodotti-link	{display: inline-block; margin: 15px; padding: 0; width: calc(33% - 30px); height: 320px;}
	a.box-prodotti-link div	{margin: 0; padding: 1vh 0; font-size: x-large; font-weight: 700; text-align: center; color: #fff; background: rgba(50, 101, 255, 0.8);}
	.home-evidenza-box	{float: left; margin: 0; padding: 0; width: 32%; box-sizing: border-box;}
	.home-evidenza-box.spacer	{margin: 0 2% 0 0;}
	.home-evidenza-box img	{width: 100%; height: auto;}
	.home-notizie-box	{margin: 2vh 0; padding: 0; border-bottom: 2px solid #3265ff;}
	.home-notizie-img	{float: left; margin: 0 20px 0 0; width: 25%;}
	.home-notizie-img img	{max-width: 100%; height: auto !important;}
	.home-notizie-box .addtoany_content	{text-align: right;}
	h1.entry-title,
	h2.entry-title,
	h1.page-title,
	h2.page-title	{margin: 3vh 0; padding: 1vh 1vw 1vh 5vw; color: #fff !important; background: #3265ff url(../images/bolle-bianche.svg) no-repeat 0.5vw center / 35px;}
	li#menu-item-670,
	li#menu-item-671	{display: none;}
}

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

	/* Structure  > 481 e < 767
	#wrapper::before {float: right; content: '481-767';} */
	
	body{padding:10px;background:#fff;}
	.entry-content .wp-caption img	{width: 98% !important;}
	.btn-responsive-menu{position: absolute; top: 0; right: 0; margin: 3vh; display:block;}
	#mainmenu-100			{display:none;}
	#mainmenu			{display:none;}
	#access .menu-header li, div.menu li	{float: none;}
	#access .menu-header ul ul	{margin: 0 0 0 20vw;}

	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%; /*background: rgb(108, 136, 160, 0.7);*/}
	#header-widget	{float: none; margin: 0; padding: 1vh 0 0 1vw;}
	#blocco-fisso	{margin: 0; width: 100%; background: rgb(144, 178, 207, 1);}
	h1#site-title	{display: block; margin: 0 auto; padding: 4vh 0 4vh 25vw; width: calc(100% - 25vw); font-size: 18px; line-height: 110%; background: url(../images/logo-25-no-ombra-no-sfondo.png) no-repeat 2vw center / 18vw;}
	h1#site-title span	{display: block; padding: 1vh 0 0 0; font-size: 70%; font-weight: 400;}
	#mainmenu-100	{margin: 0; width: 100%; background: rgba(50, 101, 255, 0.8)}
	#mainmenu	{position: absolute; top: 10px; left: 10px; margin: 0 auto; padding: 2vh 2vw; width: calc(100% - 4vw - 20px); background: rgba(50, 101, 255, 0.8)}
	form#searchform	{margin: 0;}
	#branding	{margin: 0; height: 20vh; width: 100%; background: #f1a634 url(../images/header-banner.jpg) no-repeat center center / cover;}
	#colophon	{margin: 0 auto; padding: 20px 10px; width: calc(100% - 20px); background: rgba(0,0,0,0.5);}
	#access,
	#access .menu-header,
	div.menu 	{margin: 0 auto; width: 100%;}
	#container {margin: 0 auto; padding: 20px 0; width: calc(100% - 20px);}

	#content {float: left; margin: 0; padding: 0; width: 100%;}
	.one-column #content {float: none !important; margin: 0 auto; width: 100%;}
	#primary,
	#secondary {float: none; margin: 0; padding: 0 0 0 20px; width: 100%;}
	#footer {width: 100%;}
	#footer	{ background: #f1a634 url(../images/header-mongelli.jpg) no-repeat center center / cover;}
	.single-attachment #content {width: 760px;}
	#footer-widget-area .widget-area {margin: 0; padding: 0 20px 0 0; width: 100%; box-sizing: border-box;}
	#footer-widget-area #third.widget-area {margin: 0; padding: 0; width: 100%; box-sizing: border-box;}
	#site-info {float: none;}
	#site-generator {float: none; text-align: left;}
	.wp-caption {max-width: 800px !important; /* prevent too-wide images from breaking layout */}
	.anteprima-prodotto-box	{display: block; margin: 10px 0; padding: 20px 0; width: 100%; border-bottom: 3px solid #f1a634;}
	.prodotto-thumbnail-elenchi	{float: left; margin: 0 20px 0 0; width: 300px; min-height: 250px;}
	.anteprima-prodotto-box .addtoany_content	{clear: none !important;}
	.notizia-scheda-thumbnail	{float: right; margin: 0 0 2vh 3vw;}
	a.box-prodotti-link	{display: inline-block; margin: 15px; padding: 0; width: calc(33% - 30px); height: 320px;}
	a.box-prodotti-link div	{margin: 0; padding: 1vh 0; font-size: large; font-weight: 700; text-align: center; color: #fff; background: rgba(50, 101, 255, 0.8);}
	.home-evidenza-box	{float: left; margin: 0; padding: 0; width: 32%; box-sizing: border-box;}
	.home-evidenza-box.spacer	{margin: 0 2% 0 0;}
	.home-evidenza-box img	{width: 100%; height: auto;}
	.home-notizie-box	{margin: 2vh 0; padding: 0; border-bottom: 2px solid #3265ff;}
	.home-notizie-img	{float: left; margin: 0 20px 0 0; width: 25%;}
	.home-notizie-img img	{max-width: 100%; height: auto !important;}
	.home-notizie-box .addtoany_content	{text-align: right;}
	h1.entry-title,
	h2.entry-title,
	h1.page-title,
	h2.page-title	{margin: 3vh 0; padding: 1vh 1vw 1vh 8vw; color: #fff !important; background: #3265ff url(../images/bolle-bianche.svg) no-repeat 2vw center / 25px;}
	a.area-riservata-link	{padding: 0 0 0 35px; height: auto !important; background: url(../images/lock.png) no-repeat 0 center / contain;}
}

@media (max-width: 480px) {
	
	/* Structure  < 480
	#wrapper::before {float: right; content: '< 480';} */
	
	body{padding: 0 10px;background:#fff;}
	.entry-content .wp-caption img	{width: 98% !important;}
	.btn-responsive-menu{position: absolute; top: 0; right: 0; margin: 3vh; display:block;}
	#mainmenu-100			{display:none;}
	#mainmenu			{display:none;}
	#access .menu-header li, div.menu li	{float: none;}
	#access .menu-header ul ul	{margin: 0 0 0 20vw;}

	#wrapper,
	#header	{margin: 0 auto; padding: 0; width: 100%; /*background: rgb(108, 136, 160, 0.7);*/}
	#header-widget	{float: none; margin: 0; padding: 1vh 0 0 1vw;}
	#blocco-fisso	{margin: 0; width: 100%; background: rgb(144, 178, 207, 1);}
	h1#site-title	{display: block; margin: 0 auto; padding: 0 0 2vh 40vw; width: calc(100% - 40vw); font-size: 18px; line-height: 110%; background: url(../images/logo-25-no-ombra-no-sfondo.png) no-repeat 1vw center / 35vw;}
	h1#site-title span	{display: block; padding: 1vh 0 0 0; font-size: 70%; font-weight: 400;}
	#mainmenu-100	{margin: 0; width: 100%; background: rgba(50, 101, 255, 0.8)}
	#mainmenu	{position: absolute; top: 10px; left: 10px; margin: 0 auto; padding: 2vh 2vw; width: calc(100% - 4vw - 20px); background: rgba(50, 101, 255, 0.8)}
	form#searchform	{margin: 0;}
	#branding	{margin: 0; height: 20vh; width: 100%; background: #f1a634 url(../images/header-banner.jpg) no-repeat center bottom / cover;}
	#colophon	{margin: 0 auto; padding: 20px 10px; width: calc(100% - 20px); background: rgba(0,0,0,0.5);}
	#access,
	#access .menu-header,
	div.menu 	{margin: 0 auto; width: 100%;}
	#container {margin: 0 auto; padding: 20px 0; width: calc(100% - 20px);}

	#content {float: left; margin: 0; padding: 0; width: 100%;}
	.one-column #content {float: none !important; margin: 0 auto; width: 100%;}
	#primary,
	#secondary {float: none; margin: 0; padding: 0 0 0 20px; width: 100%;}
	#footer {width: 100%;}
	#footer	{ background: #f1a634 url(../images/header-mongelli.jpg) no-repeat center center / cover;}
	.single-attachment #content {width: 760px;}
	#footer-widget-area .widget-area {margin: 0; padding: 0 20px 0 0; width: 100%; box-sizing: border-box;}
	#footer-widget-area #third.widget-area {margin: 0; padding: 0; width: 100%; box-sizing: border-box;}
	#site-info {float: none;}
	#site-generator {float: none; text-align: left;}
	.wp-caption {max-width: 800px !important; /* prevent too-wide images from breaking layout */}
	.anteprima-prodotto-box	{display: block; margin: 10px 0; padding: 20px 0; width: 100%; border-bottom: 3px solid #f1a634;}
	.prodotto-thumbnail-elenchi	{float: none; margin: 0 20px 0 0; width: 300px; height: auto !important;}
	.anteprima-prodotto-box .addtoany_content	{clear: none !important;}
	.notizia-scheda-thumbnail	{float: right; margin: 0 0 2vh 3vw;}
	a.box-prodotti-link	{display: block; margin: 15px 0; padding: 0; width: calc(100% - 0px); height: 300px;}
	a.box-prodotti-link div	{margin: 0; padding: 1vh 0; font-size: large; font-weight: 700; text-align: center; color: #fff; background: rgba(50, 101, 255, 0.8);}
	.home-evidenza-box	{float: left; margin: 0; padding: 0; width: 100%; box-sizing: border-box;}
	.home-evidenza-box.spacer	{margin: 0;}
	.home-evidenza-box img	{width: 100%; height: auto;}
	.home-notizie-box	{margin: 2vh 0; padding: 0; border-bottom: 2px solid #3265ff;}
	.home-notizie-img	{float: none; margin: 0 20px 0 0; width: 100%;}
	.home-notizie-img img	{max-width: 100%; height: auto !important;}
	.home-notizie-box .addtoany_content	{text-align: right;}
	h1.entry-title,
	h2.entry-title,
	h1.page-title,
	h2.page-title	{margin: 3vh 0; padding: 1vh 1vw 1vh 11vw; color: #fff !important; background: #3265ff url(../images/bolle-bianche.svg) no-repeat 2vw center / 25px;}
	.entry-utility a	{margin: 5px;}
	a.area-riservata-link	{padding: 0 0 0 35px; height: auto !important; background: url(../images/lock.png) no-repeat 0 center / contain;}
	a.area-riservata-link	{display: none;}	
}