
@media (min-width: 1200px) {

	/* Structure > 1200px
	#wrapper::before {float: right; content: '> 1200';} */
	
	body	{background: url(../images/body-bkg.jpg) no-repeat center 0 / cover; background-attachment:fixed;}
	#container {width: 100%;margin: 0 -30% 0 0; }
	#content {margin: 0 31% 0 20px;}
	#primary,
	#secondary {width: 30%;}
	#footer {width: 100%;}
	.one-column #content {width: 1100px;}
	.single-attachment #content {width: 1100px;}
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#wrapper {width: 1140px; margin: 0 auto;}
	#footer-widget-area .widget-area {width: 220px;}
	#site-info {width: auto;}
	#site-generator {width: auto;}
	#site-title {clear: none; margin: -15px 0 10px 0; width: auto !important;}
	#site-description {width: auto; margin: 15px 0; font-size: larger;}
	#access {width: 1140px;margin: 0 auto;}
	#access .menu-header,
	div.menu {width: 1128px;}
	.wp-caption {max-width: 832px !important; /* prevent too-wide images from breaking layout */}
	#mainmenu		{display:block;}

	.welcome-nome-top	{float: right; margin: 5px 0; font-size: larger;}
	.welcome-nome-top a	{margin: 0 0 0 10px; padding: 3px 10px; background: #ccc; color: #fff; border-radius: 5px;}
	#header-widget ul li	{float: right; margin: 0 0 0 10px; padding: 3px 0 0 0;}
	#branding img {max-width: 500px; max-height: 150px; }
	
	#data-breach-form label	{display: inline-block; margin: 0 2% 0 0; width: 28%; text-align: right; vertical-align: middle;}
	#data-breach-form input[type="text"]	{width: 65%;}
	#data-breach-form .box-checkbox	{display: inline-block; width: 65%; vertical-align: middle;}
	#data-breach-form input.date,
	#data-breach-form input.modifica-input-small	{width: 100px;}
	#footer-middle-widget	{float: left; margin: 0 20px;}
	#footer-middle-widget li	{list-style-type: none; display: inline; margin: 0; padding: 0 5px; font-size: 16px;}
	.componente	{float: left; margin: 10px; padding: 20px; width: 470px; border: 1px solid #ccc; border-radius: 5px;}
	.componente .riga-componente-foto	{float: left; margin: 0 20px 0 0;}
	.componente .riga-componente-nome	{margin: 0 0 20px 0; font-size: larger; font-weight: bold;}
	form#ar-ricerca-documenti-form	{clear: right; float: right;}
	.page-documenti-aziende	{padding: 0 2vw 0 0; height: auto !important; min-height: 700px; border-right: 1px solid #ccc;}
	.home-box-pulsanti    {margin: 4vh 20% 1vh 20%; width: calc(100% - 40%); display: flex; justify-content: space-between;}
	a.wp-block-button__link	{width: 200px; text-align: center;}


}

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

	/* Structure 950 to 1199
	#wrapper::before {float: right; content: '950-1199';} */
	
	body	{background: url(../images/body-bkg.jpg) no-repeat center 0 / cover; background-attachment:fixed;}
	#container {width: 100%;margin: 0 -240px 0 0; }
	#content {margin: 0 280px 0 20px;}
	#primary,
	#secondary {width: 220px;}
	#footer {width: 100%;}
	.one-column #content {width: 900px;}
	.single-attachment #content {width: 900px;}
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#wrapper {width: 900px;margin: 0 auto;}
	#footer-widget-area .widget-area {width: 220px;}
	#site-info {width: auto;}
	#site-generator {width: auto;}
	#site-title {clear: none; margin: -15px 0 10px 0; width: auto !important;}
	#site-description {float: right; margin: 15px 0 18px 0; width: auto; text-align: right;}
	#access {width: 900px;margin: 0 auto;}
	#access .menu-header,
	div.menu {width: 900px;}
	.wp-caption {max-width: 632px !important; /* prevent too-wide images from breaking layout */}
	.entry-content .wp-caption img	{width: 98%;}
	#mainmenu		{display:block;}

	.welcome-nome-top	{float: right; margin: 5px 0; font-size: larger;}
	.welcome-nome-top a	{margin: 0 0 0 10px; padding: 3px 10px; background: #ccc; color: #fff; border-radius: 5px;}
	#header-widget ul li	{float: right; margin: 0 0 0 10px; padding: 3px 0 0 0;}
	#branding img {max-width: 300px; max-height: 120px; }
	
	#footer-middle-widget	{float: left; margin: 0 20px;}
	#footer-middle-widget li	{list-style-type: none; display: inline; margin: 0; padding: 0 5px; font-size: 16px;}
	.componente	{float: left; margin: 10px; padding: 20px; width: 370px; border: 1px solid #ccc; border-radius: 5px;}
	.componente .riga-componente-foto	{float: left; margin: 0 20px 0 0;}
	.componente .riga-componente-nome	{margin: 0 0 20px 0; font-size: larger; font-weight: bold;}
	form#ar-ricerca-documenti-form	{clear: right; float: right;}
	.page-documenti-aziende	{padding: 0 2vw 0 0; height: auto !important; min-height: 700px; border-right: 1px solid #ccc;}
	.home-box-pulsanti    {margin: 4vh 20% 1vh 20%; width: calc(100% - 40%); display: flex; justify-content: space-between;}
	a.wp-block-button__link	{width: 200px; text-align: center;}

}

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

	/* Structure 768 to 949
	#wrapper::before {float: right; content: '768-949';} */
	
	body	{background: url(../images/body-bkg.jpg) no-repeat center 0 / cover; background-attachment:fixed;}
	#container {width: 100%;margin: 0 -240px 0 0; }
	#content {margin: 0 280px 0 20px;}
	#primary,
	#secondary {width: 220px;}
	#footer {width: 100%;}
	.one-column #content {width: 700px;}
	.single-attachment #content {width: 700px;}
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#wrapper {width: 700px;margin: 0 auto;}
	#footer-widget-area .widget-area {width: 23%;}
	#site-info {width: auto;}
	#site-generator {width: auto;}
	#site-title {clear: none; margin: -15px 0 10px 0; width: auto !important;}
	#site-description {float: right; margin: 15px 0 18px 0; width: auto; text-align: right;}
	#access {width: 700px;margin: 0 auto;}
	#access .menu-header,
	div.menu {width: 700px;}
	.wp-caption {max-width: 432px !important; /* prevent too-wide images from breaking layout */}
	.entry-content .wp-caption img	{width: 98%;}
	#mainmenu		{display:block;}

	.welcome-nome-top	{float: right; margin: 5px 0; font-size: larger;}
	.welcome-nome-top a	{margin: 0 0 0 10px; padding: 3px 10px; background: #ccc; color: #fff; border-radius: 5px;}
	#header-widget ul li	{float: right; margin: 0 0 0 10px; padding: 3px 0 0 0;}
	#branding img {max-width: 300px; max-height: 120px; }
	
	#footer-middle-widget	{float: left; margin: 0 20px;}
	#footer-middle-widget li	{list-style-type: none; display: inline; margin: 0; padding: 0 5px; font-size: 16px;}
	.componente	{float: left; margin: 10px; padding: 20px; width: 90%; border: 1px solid #ccc; border-radius: 5px;}
	.componente .riga-componente-foto	{float: left; margin: 0 20px 0 0;}
	.componente .riga-componente-nome	{margin: 0 0 20px 0; font-size: larger; font-weight: bold;}
	form#ar-ricerca-documenti-form	{clear: right; float: right;}
	.page-documenti-aziende	{padding: 0 2vw 0 0; height: auto !important; min-height: 700px; border-right: 1px solid #ccc;}
	.home-box-pulsanti    {margin: 4vh 20% 1vh 20%; width: calc(100% - 40%); display: flex; justify-content: space-between;}
	a.wp-block-button__link	{width: 200px; text-align: center;}

}


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

	/* Structure  > 481 e < 767
	#wrapper::before {float: right; content: '481-767';} */
	
	body{padding:10px;background:#fff;}
	#container {width: 100%;margin: 0 -240px 0 0; }
	#content {margin: 0 0 0 20px;}
	#primary,
	#secondary {width:100%;float:right;padding: 20px 0 0 0px;}
	#footer {width: 100%;}
	#footer-widget-area .widget-area {width: 23%;}
	.one-column #content {width: 90%;}
	.single-attachment #content {width: 90%;}
	#access,
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#wrapper {float:left; padding: 0; margin: 0; width:100%;}
	#main	{padding: 20px 0;}
	#footer-widget-area .widget-area {width: 23%;}
	#site-info {width: auto;}
	#site-generator {width: auto;}
	#site-title {clear: none; margin: 0 0 10px 0; width: auto !important;}
	#site-description {float: right; margin: 15px 0 18px 0; width: auto; text-align: right;}
	.wp-caption {max-width: 432px !important; /* prevent too-wide images from breaking layout */}
	.entry-content .wp-caption img	{width: 98%;}
 	.search{display:none;}
	.btn-responsive-menu{display:block; margin: 20px 0 0 0;}
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none;}	
	
	.widget{width:48%;float:left;}
	.widget:first-child{margin-right:4% !important;}
	
	#site-title a {font-size:25px;margin-left:10px;}
	#footer p     {margin-left:10px;}

	.welcome-nome-top	{float: right; margin: 5px 0; font-size: larger;}
	.welcome-nome-top a	{margin: 0 0 0 10px; padding: 3px 10px; background: #ccc; color: #fff; border-radius: 5px;}
	#header-widget ul li	{float: right; margin: 0 0 0 10px; padding: 3px 0 0 0;}
	#branding img {max-width: 300px; max-height: 120px; }
	
	.w3eden .btn-group	{margin: 10px 0;}
	.w3eden .pull-right	{float: none !important;}
	#footer-middle-widget	{float: left; margin: 0 20px;}
	#footer-middle-widget li	{list-style-type: none; display: inline; margin: 0; padding: 0 5px; font-size: 16px;}
	.componente	{float: left; margin: 10px; padding: 20px; width: 90%; border: 1px solid #ccc; border-radius: 5px;}
	.componente .riga-componente-foto	{float: left; margin: 0 20px 0 0;}
	.componente .riga-componente-nome	{margin: 0 0 20px 0; font-size: larger; font-weight: bold;}
	form#ar-ricerca-documenti-form	{display: none;}
	.page-documenti-aziende	{padding: 0 2vw 0 0; height: auto !important; min-height: 700px; border-right: 1px solid #ccc;}
	.home-box-pulsanti    {margin: 4vh 20% 1vh 20%; width: calc(100% - 40%); display: flex; justify-content: space-between;}
	a.wp-block-button__link	{width: 200px; text-align: center;}
}

@media (max-width: 480px) {
	
	/* Structure  < 480
	#wrapper::before {float: right; content: '< 480';} */
	
	body{padding:10px;background:#fff;}
	#container {width: 100%;margin: 0 -240px 0 0; }
	#content {margin: 0 0 0 20px;}
	#primary,
	#secondary {width:100%;float:right;padding: 20px 0 0 0px;}
	#footer {width: 100%;}
	#footer-widget-area .widget-area {width: 23%;}
	.one-column #content {width: 90%;}
	.single-attachment #content {width: 90%;}
	#access,
	#access .menu-header,
	div.menu,
	#colophon,
	#branding,
	#main,
	#wrapper {float:left; padding: 0; margin: 0; width:100%;}
	#main	{padding: 20px 0;}
	#footer-widget-area .widget-area {width: 23%;}
	#site-info {width: auto;}
	#site-generator {width: auto;}
	#site-title {width: 100%;}
	#site-description {float: none; margin: 15px 0 18px 0; width: auto; text-align: right;}
	.wp-caption {max-width: 432px !important; /* prevent too-wide images from breaking layout */}
	.entry-content .wp-caption img	{width: 98%;}
 	.search{display:none;}
	.btn-responsive-menu{display:block; margin: 20px 0 0 0;}
	#mainmenu			{display:none;}
	#mainmenu ul li 	{float: none;}	
	.widget{width:48%;float:left;}
	.widget:first-child{margin-right:4% !important;}
	
	#site-title a {font-size:25px;margin-left:10px;}
	#footer p     {margin-left:10px;}

	.welcome-nome-top	{clear: both; float: right; margin: 0 0 10px 0; font-size: larger;}
	.welcome-nome-top a	{margin: 0 0 0 10px; padding: 3px 10px; background: #ccc; color: #fff; border-radius: 5px;}
	#header-widget ul li	{float: right; margin: 0 0 0 10px; padding: 3px 0 0 0;}
	#branding img {max-width: 250px; max-height: 80px; }
	.w3eden .btn-group	{margin: 10px 0;}
	.w3eden .pull-right	{float: none !important;}
	#footer-middle-widget	{float: left; margin: 0 20px;}
	#footer-middle-widget li	{list-style-type: none; display: inline; margin: 0; padding: 0 5px; font-size: 16px;}
	.componente	{float: none; margin: 10px 0; padding: 20px; width: 80%; border: 1px solid #ccc; border-radius: 5px;}
	.componente .riga-componente-foto	{float: none; margin: 0 20px 0 0; text-align: center;}
	.componente .riga-componente-nome	{margin: 0 0 10px 0; font-size: larger; font-weight: bold;}
	form#ar-ricerca-documenti-form	{display: none;}
	.page-documenti-aziende	{padding: 0 2vw 0 0; height: auto !important; min-height: 700px; border-right: 1px solid #ccc;}
	.home-box-pulsanti    {margin: 4vh 20% 1vh 20%; width: calc(100% - 40%); display: flex; justify-content: space-between;}
	a.wp-block-button__link	{width: 200px; text-align: center;}
	table#fascicolo-privacy-table	{width: 95%}
	table#fascicolo-privacy-table td	{padding: 2px;}
}

