@media ( min-width : 992px) {
	#mainNav.navbar-shrink {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		background: black;
	}
}

@media ( max-width : 1024px) {
	#logo {
		height: auto;
	}
	.wrap-logo-top #logo {
		width: 100%;
		height: auto;
	}
	.element-row {
		margin-bottom: 15rem;
	}
}

@media ( max-width : 670px) {
	#logo {
		width: 55%;
		height: auto;
	}
	.form-top {
		display: none;
	}
	.more-search-top {
		display: none !important;
	}
	.more-search-modal {
		display: block;
	}
	.mobile-search {
		display: block;
		float: right;
		margin-right: 5px;
	}
	.small-button-menu {
		display: inline-block;
		float: right;
		margin: 5px 0;
	}
	.mobile-menu-selected {
		display: block;
		top: 150px;
		width: 100%;
		height: 50px;
		background-color: #1B3B6C;
		color: rgb(255, 255, 255);
		line-height: 47px;
		padding-left: 30px;
		font-size: 18px;
		font-weight: 500;
	}
	.wrap-logo {
		height: 150px;
		padding: 55px 0;
	}
	.pageheader {
		display: none;
	}
	.wrap-menu {
		display: none;
	}
	.wrap-logo {
		display: none;
	}
	.wrap-hedear-mobile {
		/* display: inline-block; */
		
	}
	.wrap-hedear-mobile-big {
		display: inline-block;
	}
	.wrap-menu {
		background-color: transparent;
		height: 0;
		padding: 0;
	}
	.download-container {
    	top: -35px;
    	left: 20px;
    	position: absolute;
	}
	.rounded-download-html{
		display: inline-block;
		margin-left: 65px;
	}
	.agenda-container {
		margin-right: 53px;
		z-index: 999;
		left: 0px;
		position: relative;
		display: block;
		float: left;
		width: 78px;
	}
	.text-to-speech {
   		 position: absolute;
    	 z-index: 999;
    	 padding-left: 20%;
    	 margin-bottom: 110%;
    	 top: -35px;
	}
	.share-link-facebook {
		position: absolute;
		right: 65px;
		top: -25px;
	}
	.share-link-twitter {
		position: absolute;
		right: 15px;
		top: -25px;
	}
	.row-infografica-img {
		margin-top: 0px;
	}
	.infografica-img-col {
		padding-left: 20px;
		padding-right: 20px;
	}
	.big-inline-menu {
		display: none;
	}
	.wrap-line-aree {
		padding-top: 30px;
	}
	.commissions-filter {
		padding-top: 20px;
	}
	.section-small-link {
		display: inline;
	}
	.section-big-link {
		display: none;
	}
	.commissions-home-row {
		margin: 0;
		padding: 0;
	}
	.commissions-home-ul {
		margin: 0;
	}
	.commissions-home-ul li {
		display: block;
		margin-bottom: 15px;
	}
	.commissions-row {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.home-commissions-row {
		padding-bottom: 5px;
		padding-top: 15px;
	}
	.hot-topic-title {
		font-size: 18px;
	}
	.last-themes-title {
		font-size: 18px;
	}
	.commission-label {
		font-size: 14px;
	}
	.commission-title {
		font-size: 28px;
	}
	.commission-title-container {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/* .commissions-row .section-arrow{
		position: absolute;
		top: 0px;
	} */
	.content-search {
		margin-top: 20px;
	}
	.aree-home {
		margin-top: 0px;
	}
	.modal-backdrop {
		z-index: 0;
		background-color: #b8d3d8;
		opacity: 1 !important;
	}
	.input-search-small {
		background-color: rgb(255, 255, 255);
	}
	.close-modal {
		display: block;
		position: absolute;
		top: 10px;
		right: 0px;
		z-index: 1050;
	}
	.hot-topic-right-title {
		position: unset;
		font-size: 24px;
		line-height: 28px;
	}
	.hot-topics-column {
		height: 180px;
	}
	.hot-topics-column-img {
		height: 220px;
	}
	.panel-dossier-home {
		width: calc(100% - 10px);
		/* width: 200px; */
	}
	.bx-viewport {
		background-color: rgb(245, 245, 245);
	}
	.col-hot-topics {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.hot-topics-slide {
		padding-left: 20px;
	}
	.hot-topics-slide-row {
		height: 400px;
		width: calc(100vw - 50px) !important;
	}
	.view-all-temi {
		padding-top: 0px;
		margin-top: -13px;
		position: relative;
		z-index: 11;
	}
	.section-divider {
		padding: 0;
	}
	.panel-dossier-home {
		padding: 10px 10px 10px 20px !important;
	}
	.panel-infographics-home {
		padding: 10px 10px 10px 20px !important;
	}
	.panel-post-home {
		padding: 10px 10px 10px 20px !important;
	}
	.dossier-home-row {
		padding-right: 0px !important;
		margin-right: -15px !important;
		padding-left: 0px;
	}
	.post-home-row {
		padding-right: 0px !important;
		margin-right: -15px !important;
		padding-left: 0px;
	}
	.swiper-wrapper-dossier {
		width: 100vw !important;
	}
	.swiper-wrapper-post {
		width: 100vw !important;
	}
	.swiper-wrapper-infographics {
		width: 100vw !important;
	}
	.panel-dossier-slide {
		width: calc(100vw - 20px) !important;
	}
	.panel-post-slide {
		width: calc(100vw - 20px) !important;
	}
	.panel-infographics-slide {
		width: calc(100vw - 20px) !important;
	}
	.mobile-slider-li {
		width: calc(100vw - 40px) !important;
	}
	.mobile-slider-li-infographics {
		width: calc(100vw - 40px) !important;
	}
	.dossier-home-container {
		height: 220px;
	}
	.post-home-container {
		height: 220px;
	}
	.dossier-scheda-type {
		padding-left: 15px;
		padding-top: 20px;
	}
	.dossier-scheda-date {
		padding-left: 15px;
	}
	.dossier-scheda-dep:FIRST-CHILD {
		padding-top: 10px;
	}
	.dossier-scheda-title {
		padding-top: 25px;
		font-size: 22px;
		line-height: 26px;
	}
	.wrap-main-scheda {
		margin-top: -125px;
	}
	.wrap-main-scheda .row {
		margin-left: -20px;
	}
	.row-links-scheda {
		padding-top: 60px;
		margin-right: -15px !important;
	}
	.col-left-link-scheda {
		padding-left: 25px;
	}
	.panel-dossier-scheda {
		padding: 10px 0px 10px 10px !important;
	}
	.section-title {
		padding-top: 15px;
	}
	.title-section-home {
		padding-left: 4px;
	}
	.last-themes {
		padding-left: 5px;
	}
	.home-link-container {
		padding-left: 4px;
	}
	.wrap-main-scheda .container {
		padding-left: 19px;
	}
	.content-main {
		padding-right: 25px;
	}
	.dossier-text {
		padding-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.iter-list {
		margin-top: 10px;
	}
	.iter-list li {
		padding: 0px !important;
	}
	.col-atti {
		padding-bottom: 30px;
	}
	.scheda-left-col {
		margin-left: 0px;
		padding-left: 5px;
		padding-top: 10px;
	}
	.dossier-scheda-dep {
		padding-left: 5px;
	}
	.dossier-scheda-title {
		padding-left: 5px;
	}
	.list-menu-atto {
		padding-left: 5px;
	}
	.scheda-dark-blue {
		border-right: 0px;
		border-top: 10px solid rgb(27, 59, 108);
	}
	.scheda-controllo-parlamentare {
		border-right: 0px;
		border-top: 10px solid #025253;
	}
	.scheda-senato {
		border-right: 0px;
		border-top: 10px solid #9B1818;
	}
	.scheda-rue {
		border-right: 0px;
		border-top: 10px solid #DB0512;
	}
	.scheda-biblioteca {
		border-right: 0px;
		border-top: 10px solid #BBE3CC;
	}
	.scheda-bilancio {
		border-right: 0px;
		border-top: 10px solid #FFD202;
	}
	.scheda-blue {
		border-right: 0px;
		border-top: 10px solid rgb(18, 75, 104);
	}
	.scheda-purple {
		border-right: 0px;
		border-top: 10px solid rgb(119, 62, 96);
	}
	.scheda-red {
		border-right: 0px;
		border-top: 10px solid rgb(186, 59, 79);
	}
	.scheda-grass {
		border-right: 0px;
		border-top: 10px solid rgb(121, 152, 87);
	}
	.scheda-aqua {
		border-right: 0px;
		border-top: 10px solid rgb(38, 152, 152);
	}
	.scheda-sky {
		border-right: 0px;
		border-top: 10px solid rgb(175, 205, 235);
	}
	.scheda-orange {
		border-right: 0px;
		border-top: 10px solid rgb(255, 94, 0);
	}
	.scheda-green {
		border-right: 0px;
		border-top: 10px solid rgb(65, 170, 64);
	}
	.scheda-yellow {
		border-right: 0px;
		border-top: 10px solid rgb(255, 193, 0);
	}
	.scheda-green-light {
		border-right: 0px;
		border-top: 10px solid rgb(161, 229, 187);
	}
	.scheda-pink {
		border-right: 0px;
		border-top: 10px solid rgb(230, 190, 250);
	}
	.scheda-ocra {
		border-right: 0px;
		border-top: 10px solid rgb(224, 209, 101);
	}
	.scheda-sea {
		border-right: 0px;
		border-top: 10px solid rgb(39, 129, 172);
	}
	.scheda-grey {
		border-right: 0px;
		border-top: 10px solid rgb(155, 158, 159);
	}
	.scheda-purlple-light {
		border-right: 0px;
		border-top: 10px solid rgb(112, 74, 173);
	}
	.dossier-list-title {
		padding-left: 10px;
	}
	.wrap-line-home .card .list-group li {
		font-size: 16px;
		line-height: 20px;
	}
	.flag {
		top: 75px;
	}
	.green-flag {
		width: 40px;
	}
	.white-flag {
		width: 40px;
	}
	.red-flag {
		width: 40px;
	}
	.img-copyright {
		position: absolute;
		top: 378px;
		left: 22px;
		z-index: 1;
	}
}

@media ( max-width : 767px) {
	.col-left {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.wrap-costitution .element-content {
		top: 0;
	}
	.list-footer-left {
		margin: 0;
	}
	.title-footer {
		margin-top: 20px;
	}
	.list-footer-left-web {
		text-align: left;
	}
	.wrap-logo.wrap-logo-top {
		height: 150px;
		padding: 0;
		transition: unset;
	}
	/*  .wrap-menu {
        background-color: transparent;
        height: 0;
        padding: 0;
    } */
	.wrap-logo.wrap-logo-top-exit {
		transition: unset;
		-webkit-transition: unset;
		height: 150px;
		padding: 0;
		position: fixed;
		width: 100%;
	}
	.wrap-logo-top-exit .logo {
		transition: unset;
	}
	.wrap-logo-top #logo {
		width: 55%;
		height: auto;
	}
	.col-sm-9.offset-3 {
		margin-left: 0;
	}
	.row.row-title-main {
		margin-left: 0;
	}
	.row.row-title-main .col-sm-7 {
		width: 94%;
	}
	.col-sx {
		margin-top: 50px;
	}
	main {
		margin-top: 126px;
	}
	.multi-search-main {
		margin-top: 80px;
	}
	.search-main {
		margin-top: 0px;
	}
	.content-search .col-sm-9 {
		width: 100%;
		max-width: 95%;
		flex: auto;
	}
	.content-search .col-sm-3 {
		width: 100%;
		max-width: 95%;
		flex: auto;
	}
	.content-search .col-sx-title {
		margin-left: 45px;
	}
	.element-row {
		margin-bottom: 3rem;
	}
	.element-content {
		position: relative;
	}
	.menu-top {
		margin-left: -85px;
	}
	.menu-top li a {
		padding-right: 6px;
		margin-right: 6px;
	}
	.menu-top li.btn-dati-camera a {
		border: 0;
		margin-right: 0;
	}
	.col-small-10-px-up {
		margin-top: 10px;
	}
	.col-small-left {
		margin-top: 40px;
	}
	
	.rounded-agenda {
	 
	  margin-left: -10px;
	  margin-top: 60px;
	}
	.rounded-agenda-label{
	  margin-left: -9px;
	}
	.rounded-speech-stop{
	  top: -15px;
	}
	.rounded-speech-pause {	
	  top: -15px;
	}
	.rounded-infografica {
	  margin-left: -10px;
	  margin-top: 60px;
	}
	
	.rounded-infografica-label{
	  margin-left: -9px;
	}
}

@media only screen and (min-width: 768px) {
	.col-sm-2_4 {
		width: 20%;
		float: left;
	}
}

@media ( max-width : 992px) {
	.element-row {
		margin-bottom: 12rem;
	}
}

@media ( min-width : 992px) {
	.navbar-expand-lg .navbar-toggler {
		display: block;
	}
}

@media ( min-width : 768px) {
	.col-sm-push-3 {
		left: 25.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
}

@media ( max-width : 768px) {
	.footer-img {
		width: 100%;
		height: auto;
	}
	.big-inline-menu-left-col {
		padding-right: 0px !important;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
	.small-search-menu {
		padding-left: 15px;
	}
	.section-small-link-commissione {
		display: inline;
	}
	.section-big-link-commissione {
		display: none;
	}
	.commissions-small-col {
		padding-bottom: 10px;
	}
}

@media ( max-width : 1000px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 90%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
}

@media ( max-width : 923px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
}

@media ( max-width : 830px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
	.small-search-menu {
		padding-left: 15px;
	}
}

@media ( max-width : 786px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
	.small-search-menu {
		padding-left: 10px;
	}
}

@media ( max-width : 770px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
	.small-search-menu {
		padding-left: 15px;
	}
}

@media ( max-width : 767px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
}

@media ( max-width : 700px) {
	.pageheader .container {
		padding: 0 10px;
		max-width: 100%;
	}
	.navbar-header ul li {
		padding: 12px 25px 10px 5px;
	}
	.first-menu-li {
		margin-left: -100px;
	}
}

@media ( max-width : 100px) {
	.small-search-menu {
		padding-left: 30px;
	}
	.navbar-brand {
		display: none;
	}
}

@media ( max-width : 670px) {
	.wrap-top {
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.menu-container {
		top: 150px;
		height: 165px;
		overflow-y: hidden;
		overflow-x: hidden;
	}
}

@media ( max-height : 670px) {
	.wrap-top {
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.menu-container {
		top: 150px;
		height: 165px;
		overflow-y: hidden;
		overflow-x: hidden;
	}
}

@media screen and (orientation:landscape) and (max-width: 670px) , screen
	and (orientation:landscape) and (max-height: 450px) {
	.menu-container {
		top: 150px;
		height: 165px;
		overflow-y: hidden;
		overflow-x: hidden;
	}
}

@media screen and (orientation:portrait) and (max-width: 480px) {
	.wrap-logo {
		padding: 55px 0;
	}
	.navbar-toggler {
		top: -96px;
	}
	#logo {
		width: 55%;
		height: auto;
	}
	
	.vetrina-row-block {
    padding-left: 15px;
padding-right: 0px;
cursor: pointer;
margin-bottom: 50px;
width: 100vw;
}
}

@media screen and (orientation:portrait) and (max-width: 990px) {
	.section-small-link-commissione {
		display: inline;
		padding-top: 0px !important;
		margin-top: -25px;
	}
	.section-big-link-commissione {
		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) and
	(orientation: landscape) {
	body {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 100vh;
		max-width: 100vh;
		overflow-x: auto;
		overflow-y: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}
	#logo {
		width: 55%;
		height: auto;
	}
	.form-top {
		display: none;
	}
	.mobile-search {
		display: block;
		right: 60px;
		position: fixed;
		top: 50px;
	}
	.big-inline-menu {
		display: none;
	}
	.small-button-menu {
		margin-top: 25px;
		display: block;
	}
	.commissions-home-row {
		margin: 0;
		padding: 0;
	}
	.commissions-home-ul {
		margin: 0;
	}
	.commissions-home-ul li {
		display: block;
		margin-bottom: 15px;
	}
	.commissions-row {
		padding-bottom: 15px;
	}
	.commissions-filter {
		padding-top: 20px;
	}
	.footer-links {
		display: none;
	}
	.section-small-link {
		display: inline;
	}
	.section-big-link {
		display: none;
	}
	.col-sm-6 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-4 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-top: 10px;
	}
	.col-md-3 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-lg-3 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-3 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-md-8 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-lg-8 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-8 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-8 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-md-9 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-lg-9 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-9 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.col-sm-9 {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.offset-md-3 {
		margin-left: 0;
	}
	.offset-lg-3 {
		margin-left: 0;
	}
	.offset-sm-3 {
		margin-left: 0;
	}
	#InavBar .col-sm-5 {
		max-width: 100%;
		-ms-flex: 0 0 95%;
		flex: 0 0 95%;
	}
	.rounded-download-label {
		display: none !important;
	}
}

@media screen and (max-height: 270px) and (max-width: 767px) and
	(orientation: landscape) {
	body {
		background-color: #b8d3d8;
		margin: 0;
		padding: 0;
	}
	body>* {
		display: none;
	}
	.modal {
		transform: rotate(90deg);
		top: 100px;
	}
}

@media ( max-width : 670px) {
	.footer-links {
		display: none;
	}
	.navbar-menu {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}
	.navbar-menu li {
		float: none;
		display: list-item !important;
		margin: 0 0 10px 0 !important;
	}
}

@media screen and (max-width: 1199px) and (min-width: 767px) {
	.download-container-vetrina {
		padding: 10px 10px 20px 5px;
		width: 100%;
		height: 120px;
		background-color: rgb(240, 240, 240);
		display: flex;
	}
	.vetrina-sub-row {
		height: 120px;
	}
	.vetrina-image-row {
		height: 120px;
	}
}

@media screen and (max-width: 767px) {
	.vetrina-image-row {
		padding-left: 20px;
		padding-right: 30px;
	}
	.vetrina-row-first {
		margin-bottom: 25px;
		padding-left: 10px;
		padding-right: 0px;
	}
	.vetrina-row-second {
		margin-bottom: 25px;
		padding-left: 10px;
		padding-right: 0px;
	}
	.vetrina-row-third {
		margin-bottom: 25px;
		padding-left: 10px;
		padding-right: 0px;
	}
	.vetrina-sub-row {
		padding-right: 15px;
		padding-left: 5px;
	}
	.home-vetrina-container {
		padding-top: 15px;
	}
}