/* md screen */
@media (max-width: 1199px) {
	/* home */
	#service-switcher-wrapper > div {min-height: 248px;}
	
	/* font blocchi in /asiago/casa/acqua */
	.node-home-sezione .content .field-collection-container .entity.solo-testo.testo-small .banda-nera .field-name-field-widget-titolo {
		font-size: 45px;
	}
	
	/* stile servizi online */
	.box-anagrafica .service > .visible button.apri-servizio {
	    background-size: 22px 22px;
	    border-radius: 20px;
	    padding-left: 27px;
	}
	.box-anagrafica .service > .visible button.apri-servizio.closed {
	    padding-left: 30px;
	}
	
	footer{
		height: auto;
	}
	
	#header #servizi-online-button {
		padding-left: 12px;
		width: 132px;
	}
	#header #servizi-online-button i::before {
		display: none;
	}
	
	header nav#nav-main-menu > ul > li > ul {
		width: 970px;
	}
	header nav#nav-main-menu > ul > li > ul > li:not(.form-wrapper) a {
		width: 186px;
	}
	header.small nav#nav-main-menu > ul > li > a {
		background-image: none;
	}
	#header.small nav#nav-main-menu > ul > li > ul {
	    left: -151px;
	}
}

/* sm screen */
@media (max-width: 991px) {	
	#general-info .dtable .dtable-cell > span {
		padding: 0 10px;
	}
	
	header .nome-utente {
		display: none;
	}
	
	#main .region-content{
		margin: 36px 0;
	}
	.node-type-home-sezione #sidebar-right .region-sidebar-right,
	.node-type-home-sezione-scelta-comune #sidebar-right .region-sidebar-right,
	#sidebar-right .region-sidebar-right{
		margin-top: 0;
		padding-right: 0;
	}
	
	/* font blocchi in /asiago/casa/acqua */
	.node-home-sezione .content .field-collection-container .entity.solo-testo.testo-small .banda-nera .field-name-field-widget-titolo {
		font-size: 60px;
	}
	
	/* stile servizi online */
	.box-anagrafica .informations .user-dati-button a {
	    line-height: normal;
	    margin-top: 8px;
	    border-radius: 8px;
	}
	.box-anagrafica .service > .visible > div { padding: 12px 10px 0; }
	.box-anagrafica .service > .visible > .type-info i,
	.box-anagrafica .service > .visible > .location i { display: none; }
	.box-anagrafica .service > .visible button.apri-servizio {
	    background-image: none;
	    padding: 0;
	    border-radius: 0;
	    text-align: center;
	}
	.box-anagrafica .service > .visible button.apri-servizio.closed {
	    padding: 0;
	    background-image: none;
	}
	.box-anagrafica .visible .box-content {
		font-size: 13px;
	}
	.node-type-servizi-online .box-content > div {
		padding-left: 10px;
		padding-right: 10px;
	}
	.node-type-servizi-online .box-content .elem-value {
		font-size: 17px;
	}
	
	#header:not(.small) .verde > .container > .row > .col-xs-1 {
		display: none;
	}
	#header:not(.small) .verde > .container > .row > div:nth-child(4)
	#header.small .verde > .container > .row > div:nth-child(5) {
		width: 25%;
	}
	
	header nav#nav-main-menu > ul > li > ul {
		width: 750px;
	}
	header nav#nav-main-menu > ul > li > ul > li:not(.form-wrapper) a {
		width: 150px;
	}
	header nav#nav-main-menu > ul > li > ul > li.form-wrapper {
		overflow: hidden;
	    padding-left: 15px;
	    width: 270px;
	}
	header nav#nav-main-menu > ul > li > ul > li form label {
		display: none;
	}
	header nav#nav-main-menu > ul > li > ul > li.form-wrapper .col-xs-8 {
		width: 100%;
	}
	
	#header.small .verde > .container > .row > div.srv-onl {
	    height: 54px;
	    overflow: hidden;
	}
	#header.small #servizi-online-button {
	    padding-top: 54px;
		width: 58px;
	}
	#header.small #servizi-online-button i::before {
	    display: block;
	}
	#header.small nav#nav-main-menu > ul > li > ul {
	    left: -115px;
	}
	#header.small .verde > .container > .row > div.username {
	    display: none;
	}
}

/* xs screen */
@media (max-width: 768px) {
    .front .region-content {
        display: none;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    #mobile-only {
        display: block;
        margin-top: 104px;
    }
	footer{
		height: auto;
	}
	
	/* general */
	img {
		margin: 0 !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		float: none !important;
	}
	
	/* home */
	#general-info {height: auto;}
	.block-links { height: auto; }
	
	.box-anagrafica .service > .visible i.icon-stato {
		display: none;
	}
	
	.box-anagrafica .service > .visible .type-name,
	.box-anagrafica .service > .visible .type-info, 
	.box-anagrafica .service > .visible .location, 
	.box-anagrafica .service > .visible .service-status {
	    padding-top: 8px;
	}
	.box-anagrafica .service > .visible .type-name div {
	    padding-top: 2px;
	}
	.node-type-servizi-online .box-content {
		clear: both;
	}
	.node-type-servizi-online .box-content .elem-value i {
		line-height: 0;
	}
	.infocontatore {
		display: none;
	}
	.node-type-servizi-online .lettura-contatore .box-content .effettuata-da {
		clear: left;
	}
	
	.form-horizontal .control-label {
	    margin-bottom: 0;
	    padding-top: 7px;
	    text-align: right;
	}
	
	header nav#nav-main-menu > ul > li > ul {
		width: 320px;
	}
	header nav#nav-main-menu > ul > li > ul > li:not(.form-wrapper) a {
		height: 50px;
	    margin-right: 49px;
	    margin-top: 3px;
	    overflow: hidden;
	    padding: 35px 0 0;
	    width: 40px;
	}
	header nav#nav-main-menu > ul > li > ul > li.form-wrapper {
		width: 305px;
	}
	header nav#nav-main-menu > ul > li > ul > li form label {
		display: none;
	}
	header nav#nav-main-menu > ul > li > ul > li.form-wrapper .col-xs-8 {
		width: 100%;
	}
	header nav#nav-main-menu > ul > li > ul.active {
		height: 100px;
		bottom: -103px;
	}
	header nav#nav-corporate-menu {
		background-color: #ffffff;
	    position: relative;
	    z-index: 99;
	}
	#header.small nav#nav-main-menu > ul > li > ul {
	    left: 15px;
	}
	#header.small nav#nav-main-menu > ul > li > ul li.form-wrapper {
		display: block !important;
	}
	.header-small-offset #toolbar .toolbar-menu {
		
	}
}
@media (max-width: 767px) {
    #home-bottom #contatti::after, #home-bottom #sede-legale::after, #home-bottom #privacy::after {
        display: none;
    }
    #page[data-choosehighlight="yes"] #overlay {
	    top: 52px;
    }
    #home-bottom .bottom-box {
        margin-bottom: 40px;
        text-align: center;
    }
    #home-bottom #seguici h6 {
        float: none;
    }
    #home-bottom #seguici ul {
        float: none;
    }
    #home-bottom #seguici ul li {
        margin: 20px;
    }
    #home-bottom .block-links {
        text-align: center;
    }
    header nav#nav-main-menu > ul > li > ul {
        left: 0px;
    }
    #general-info div {
        text-align: center;
    }
    #general-info div.dtable{
        width: 100%;
    }
    .service-switcher-content{
        min-height: 110px;
    }
    #main .region-content .content .node table {
        width: 100%;
    }
    header nav#nav-corporate-menu > ul > li {
        width: 49%;
        display: inline-block;
        height: 40px;
        white-space: nowrap;
    }
    header nav#nav-corporate-menu > ul > li.first {
        border-left: 1px solid #ddd;
    }
    #service-switcher-wrapper > div {
        padding: 30px 10px;
    }
    #home-bottom .field-name-field-link-collection > .field-items > .field-item {
      display: block;
      width: auto;
      float: none;
    }
}

/* *** CUSTOM BREAK POINT FOR SMALL DEVICES *** */
@media (max-width: 600px) {
	
	.node-home-sezione .field-collection-container{
		width: 100%;
		float: none;
	}
	
	.node-home-sezione .content .field-collection-container .alt-1,
	.node-home-sezione .content .field-collection-container .alt-2{
		height: auto;
	}
	.node-home-sezione .content .field-collection-container.col-sx .entity{
		padding-right: 0;
	}
	.node-home-sezione .content .field-collection-container.col-dx .entity{
		padding-left: 0;
	}
	
	.node-home-sezione .content .field-collection-container .entity .field-name-field-widget-immagine img{
		width: 100%;
		height: auto;
	}
	
	#main #block-system-main > .content{
		padding: 20px;
	}
	
	.page-node #content,
	.page-node aside{
		padding: 0;
	}
	
	#main .home-sezione-testata .banda-bianca{
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	/* home */
	#service-switcher-wrapper > div > div {
		width: 100%;
	}
	
	/* servizi online */
	.box-anagrafica .informations {
		height: auto;
		padding-bottom: 4px;
	}
	.box-anagrafica .informations .type-icon {
		display: none;
	}
	.box-anagrafica .informations .user-info {
		width: 100%;
	}
	.box-anagrafica .informations .user-info, 
	.box-anagrafica .informations .user-fiscal {
	    padding-top: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.box-anagrafica .informations .user-fiscal {
	    width: 70%;
	}
	.box-anagrafica .informations .user-dati-button {
	    width: 30%;
	}
	.box-anagrafica .informations .user-dati-button a {
	    border-radius: 20px;
	    line-height: normal;
	    margin-top: 8px;
	    padding: 8px 0;
	}
	.box-anagrafica .service .type-icon {
		display: none;
	}
	.box-anagrafica .service .type-name span {
		display: block;
	}
	.box-anagrafica .service .location {
		width: 40%;
	}
	.node-type-servizi-online .box-header {
		height: auto;
	}
	.node-type-servizi-online .box-header span {
		padding-bottom: 14px;
	}
	.node-type-servizi-online .contenitori-dotazione .box-content .volume,
	.node-type-servizi-online .contenitori-dotazione .box-content .codice,
	.node-type-servizi-online .contenitori-dotazione .box-content .raccolta,
	.node-type-servizi-online .contenitori-dotazione .box-content .cessazione-attivazione {
		width: 25%;
	}
	.node-type-servizi-online .contenitori-dotazione .box-content .tipo-rifiuto {
		width: 100%;
	}
	.node-type-servizi-online .ecotessere .box-content .codice-tessera,
	.node-type-servizi-online .ecotessere .box-content .stato,
	.node-type-servizi-online .ecotessere .box-content .data-emissione,
	.node-type-servizi-online .ecotessere .box-content .abilitazione {
		width: 50%;
	}
	.node-type-servizi-online .ecotessere .box-content .data-emissione {
		clear: left;
	}
	
	#header .verde > .container > .row > div.srv-onl {
	    height: 54px;
	    overflow: hidden;
	}
	#header #servizi-online-button {
	    padding-top: 50px;
	    width: 58px;
	}
	#header #servizi-online-button i::before {
	    display: block;
	}
	#header .verde .form-horizontal .control-label {
	    display: none;
	}

}

@media (max-width: 540px) {
	#home-bianca > .row > div {
		width: 100%;
	}
	#home-verde > .container > .row > div {
		width: 100%;
	}
	.node-type-servizi-online .contenitori-dotazione .box-content .volume,
	.node-type-servizi-online .contenitori-dotazione .box-content .codice,
	.node-type-servizi-online .contenitori-dotazione .box-content .raccolta,
	.node-type-servizi-online .contenitori-dotazione .box-content .cessazione-attivazione {
		width: 50%;
	}
	.node-type-servizi-online .contenitori-dotazione .box-content .raccolta {
		clear: left;
	}
	
}

@media (max-width: 480px) {
	.box-anagrafica .informations .user-fiscal,
	.box-anagrafica .informations .user-dati-button {
	    width: 100%;
	}
	
	.box-anagrafica .service > .visible {
		height: auto;
		padding: 6px 0;
	}
	.box-anagrafica .service > .visible > div {
		padding: 6px 10px;
	}
	.box-anagrafica .service .type-name span {
		display: inline;
	}
	.box-anagrafica .service > .visible .type-name, 
	.box-anagrafica .service > .visible .type-info,
	.box-anagrafica .service > .visible .service-status,
	.box-anagrafica .service > .visible .open-tab {
		width: 50%;
	}
	.box-anagrafica .service > .visible .location {
		width: 100%;
	}
	.box-anagrafica .service > .visible button.apri-servizio,
	.box-anagrafica .service > .visible button.apri-servizio.closed {
		width: 50%;
		margin-left: 25%;
	}
	.node-type-servizi-online .ecotessere .box-content .codice-tessera,
	.node-type-servizi-online .ecotessere .box-content .stato,
	.node-type-servizi-online .ecotessere .box-content .data-emissione,
	.node-type-servizi-online .ecotessere .box-content .abilitazione {
		width: 100%;
	}
	.node-type-servizi-online .conferimenti-centro-raccolta .box-content .lettura,
	.node-type-servizi-online .conferimenti-centro-raccolta .box-content .quantita,
	.node-type-servizi-online .conferimenti-centro-raccolta .box-content .codice-tessera,
	.node-type-servizi-online .conferimenti-centro-raccolta .box-content .data,
	.node-type-servizi-online .conferimenti-centro-raccolta .box-content .centro-raccolta {
		width: 100%;
	}
	.node-type-servizi-online .lettura-contatore .box-content .matricola-contatore,
	.node-type-servizi-online .lettura-contatore .box-content .data-installazione,
	.node-type-servizi-online .lettura-contatore .box-content .lettura,
	.node-type-servizi-online .lettura-contatore .box-content .ubicazine,
	.node-type-servizi-online .lettura-contatore .box-content .effettuata-da,
	.node-type-servizi-online .lettura-contatore .box-content .data-lettura {
		width: 100%;
	}
	
	/*
.box-anagrafica .service .service-lateral {
		border-radius: 0;
		padding-left: 12px;
		padding-right: 12px;
	}
	.box-anagrafica .service .service-lateral i {
		display:none;
	}
*/
	#header:not(.small) .verde > .container > .row > div:nth-child(1) {
		width: 60%;
	}
        #header.small .verde > .container > .row > div:nth-child(2){
            width: 56%;
        }
	#header.small .verde > .container > .row > div.srv-onl {
		margin-left: 14%;
	    width: 27%;
	}
	#header.small .verde > .container > .row > div:last-child {
		display: none;
	}
	#header:not(.small) .verde > .container > .row > div:nth-child(2) {
	    position: absolute;
	    right: 0;
	    top: 20px;
	    width: 50%;
	}
	#header:not(.small) .verde > .container > .row > div:nth-child(4) {
	    width: 30%;
	}
        .mobile-carousel .owl-item {
            height: 300px;
        }

}
@media (max-width: 414px) {
    .mobile-carousel .owl-item {
        height: 250px;
    }
        
    .mobile-carousel div.content {
        height: 250px;
    }
    .mobile-carousel .owl-item > div img {
        width: auto !important;
        height: 100% !important;
    }
}