@media all and (max-width: 575px) {
	/****************************************************
	* Backend
	****************************************************/
	/************* tendina notifiche *************/
	.dropdown-menu-end[data-bs-popper] {
		right: unset;
	}
}

@media all and (max-width: 575px) {
	/****************************************************
	* Frontend
	****************************************************/
	.page-node-3 .container-fluid {
		padding: 10% 10% 0 10%;
	}
	
	#block-networking-footer .row > div	{
		text-align: start;
	}
	
	.page-node-3 .main-container .row {
		margin-bottom: 60px;
	}
	
	.page-node-3 .main-container .row > div:first-child {
		text-align: center;
		margin-bottom: 40px;
	}
	
	/****************************************************
	* Backend
	****************************************************/
	nav > ul.pagination {
		display: flex;
		flex-wrap: wrap;
	}
}

@media all and (max-width: 767px) {
	/****************************************************
	* Frontend
	****************************************************/
	.page-view-frontpage section.region-banner-left {
		display: none;
	}
	
	.page-view-frontpage #main-wrapper > .banners {
		background: black;
	}
	
	.region-banner-right .infosito a#scopriLnkPresentazione {
		display: inline;
	}
	
	.region-banner-right .infosito p {
		padding: 0px 20px 10px 20px;
	}
	
	.page-view-frontpage h1,
	.page-view-frontpage h2,
	.page-view-frontpage h3,
	.page-view-frontpage h4,
	.page-view-frontpage #block-networking-homepagerightpresentation p,
	.page-view-frontpage #block-networking-homeleft p	{
		text-align: center;
	}
	
	/****************************************************
	* Backend
	****************************************************/
	/************* menu utente *************/
	nav#block-networking-menuutente ul {
		display: flex;
		flex-direction: column;
	}
	
	/************* profilo utente *************/
	article.profile,
	#user-form	{
		flex-direction: column;
	}	
	#user-form .field-group-div {
		width: 100%;
	}	
	#user-form .gruppo-dati-utente > h3 {
		display: none;
	}
	
	/************* profilo organizzazione *************/
	.field-multiple-table tbody > tr {
		border: 2px solid gray;
	}
	.touchevents .draggable td {
		padding: 5px 10px;
	}
	
	form.node-form .field-multiple-table tbody > tr .js-form-item,
	#node-partecipanti-edit-form .field-multiple-table tbody > tr .js-form-item label {
		margin-top: 5px;
	}
	
	/************* regolamento *************/
	.view-blocco-regolamento .views-field-body p {
		overflow: initial;
		text-overflow: initial;
		display: block;
		max-height: fit-content;
	}
	
	/************* commenti *************/
	section.field--type-comment article.comment {
		flex-wrap: wrap;
	}
	section.field--type-comment article.comment > div {
		width: 100%;
		margin-bottom: 20px;
		text-align: start;
		display: flex;
		align-items: center;
	}
	article.comment article.profile .field--name-user-picture {
		width: 108px;
		height: 108px;
		margin: 0 0 20px 0;
	}
	article.comment .comment__author {
		display: inline-block;
		margin-left: 10px;
	}
	.comment__content:after,
	.comment__content:before {
		right: 90%;
		top: -30px;
		rotate: 90deg;
	}
}

@media all and (max-width: 991px) {
	/****************************************************
	* Frontend
	****************************************************/
	.page-view-frontpage .infosito {
		text-align: center;
	}
	
}