﻿@media screen and (max-width: 1600px) {
    #fascia-canali .canale-image {
        height: 100px;
        margin-top: 0px;
        margin-bottom: 90px;
    }
    .canale .canale-titolo {
        font-size: 35px;
        line-height: 35px;
        margin-top: 0px;
        margin-bottom: 0;
        top: 155px;
    }
    .canale .cmdLink.cmdLink-Bianco:link,
    .canale .cmdLink.cmdLink-Bianco:visited {
        width: auto;
        padding: 10px 30px 10px 30px;
    }
    .canale .canale-descrizione {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .applicazione-container,
    .schermo-container {
        width: calc(25% - 1px);
    }
}
@media screen and (max-width: 1200px) {
    .centratore {
        width: 100%;
        padding: 0 4% 0 4%;
    }
    #menu-container .menu-principale_liv2 li {
        margin: 0;
        width: 16%;
        display: block;
        float: left;
    }
    #menu-container .menu-principale_liv2 li a.link_img_liv_2:link,
    #menu-container .menu-principale_liv2 li a.link_img_liv_2:visited {

        display: block;
        padding: 30px 0 0 0;

    }
    
    #menu-container #tendina_25967.menu-principale_liv2 li a.link_img_liv_2:link,
    #menu-container #tendina_25967.menu-principale_liv2 li a.link_img_liv_2:visited {
        padding: 30px 0 30px 0;

    }
    #menu-container .menu-principale_liv2 li a.link_liv_2:link,
    #menu-container .menu-principale_liv2 li a.link_liv_2:visited {
        padding: 20px 0 20px 0;
    }
    #menu-container .menu-principale_liv2 li a.link_img_liv_2 img {
        height: 55px;
    }
    #fascia-canali .canale-image {
        height: 60px;
        margin-bottom: 30px;
    }
    .canale .canale-titolo {
        font-size: 25px;
        line-height: 25px;
        top: 95px;
    }
    .canale .canale-descrizione {
        font-size: 12px;
        line-height: 12px;
    }
    .applicazione-container,
    .schermo-container,
    .tela-container {
        width: calc(50% - 1px);
    }
    .pagina-famiglia .famiglia-destinations {
        position: relative;
        top: 0;
        right: 0;
    }
    .rotator-prodotto-home {
        width: 295px;
    }

}
@media screen and (max-width: 875px) {
    #menu-container {
        display: none;
    }
    #container-box-lingue {
        display: none;
    }
    .logo img {
        height: 50px;
    }
    #mobile-menu {
        display: block;
        float: right;
        margin-top: 10px;
    }
    #container-box-lingue-mobile.hideLingueMobile {
        display: none;
    }
    #mobile-menu .link-menu-mobile {
        margin-right: 5px;
    }
    #link-profilo img,
    #link-contatti img {
        height: 25px;
    }
    #Header {
        height: 50px;
    }
    #menu-container.open {
        display: block;
    }
    #menu-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #a6b253;
        margin-top:0;
        padding-top: 50px;
        overflow: auto;
    }
    .menu-principale {
        float: none;
        margin-top: 0;
    }
    .menu-secondario
    {
        float: none;
        margin-top: 0;
        position: relative;
        right: 0;
    }
    #menu-container li {
        display: block;
        clear: left;
    }
    #menu-container li a:link,
    #menu-container li a:visited {
        display: block;
        font-size: 25px;
        padding: 10px 25px 10px 25px;
    }
    
    #menu-container li a:hover {
        background-color: #3c3c3c;
    }
    #menu-container li a:hover,
    #menu-container li a.selezionato_liv1
    {
            background-color: #3c3c3c;
        color:#FFFFFF;
    }
    #menu-container li .link_img_liv_1:link,
    #menu-container li .link_img_liv_1:visited {
        display: none;
    }
    #menu-container .menu-principale_liv2 {
        position: relative;
        top: 0;
    }
    #menu-container .menu-principale_liv2 li {
        clear: none;
        width: calc(50% - 2px);
        border: 1px solid #FFFFFF;
    }
    #menu-container .menu-principale_liv2 li a.link_liv_2:link,
    #menu-container .menu-principale_liv2 li a.link_liv_2:visited {
        font-size: 17px;
    }
    #menu-container .menu-principale_liv2 li a:hover {
        background: none;
        text-decoration: none;
        color: #3c3c3c;
    }
    #Testata-over-titolo {
        font-size: 23px;
    }
    #Testata-over-sottotitolo {
        font-size: 13px;
    }
    .scostamento-fascia {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
    }
    .rotator-prodotto-home {
        height: 150px;
        float: left;
        width: 100%;
        top: -35px;
        position: absolute;
        z-index: 100;
    }
    #fascia-boxes {
        height: auto;
    }
    .box-prodotto {
        width: 100%;
        height: 150px;
        padding: 25px 4% 0 4%;
    }
    .rotator-eventi {
        width: 100%;
        float: none;
        margin-top:0;
        padding-top:65px;
        height: auto;
        min-height: 1px;
    }
    .rotator-eventi .box-prodotto {
        width: 100%;
        height: auto;
        padding: 15px 4% 15px 4%;
    }
    .box-prodotto-3-sx {
        width: 47%;
    }
    .box-prodotto-3 .box-prodotto-titolo {
        font-size: 18px;
    }
    .box-prodotto-3 .box-prodotto-descrizione {
        font-size: 11px;
        line-height: 18px;
    }
    .box-prodotto-3-dx {
        width: 50%;
    }
    .box-prodotto-3-dx img {
        width: 100%;
    }
    .box-prodotto-immagine {
        height: 50px;
    }
    .box-prodotto-titolo {
        height: 35px;
        font-size: 12px;
    }
    .box-prodotto .cmdLink.cmdLink-Bianco:link, 
    .box-prodotto .cmdLink.cmdLink-Bianco:visited {
        padding: 4% 0 4% 0;
        font-size: 10px;
    }
    .menu-secondario li::before {
        display: none;
    }
    a.cmdGeneral {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px 0 10px;
    }
    #pagina-titolo {

        font-size: 30px;
        line-height: 30px;

    }
    #ISHomePage #fascia-testo {
        padding: 35px 0 35px 0;
    }
    #ISHomePage #pagina-testo {
        margin-top: 20px;
    }
    #pagina-testo {
        font-size: 13px;
        margin-top: 25px;
        line-height: 18px;
    }
    #fascia-canali .canale {
        width: 94%;
        margin: 0 3% 0 3%;
    }
    .canale .canale-descrizione {
        font-size: 16px;
        line-height: 18px;
    }
    #fascia-utility {
        padding: 25px 0 25px 0;
    }
    #fascia-utility-titolo {
        font-size: 35px;
        padding: 0 0 25px 0;
    }
    #fascia-utility .utility {
        width: 92%;
        float: left;
        margin: 25px 4% 25px 4%;
        text-align: center;
    }
    .utility-titolo {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .utility-descrizione {
        font-size: 14px;
        line-height: :15px;
        margin-bottom: 25px;
    }
    .utility .cmdLink.cmdLink-Bianco:link,
    .utility .cmdLink.cmdLink-Bianco:visited {
        width: auto;
        padding: 10px 30px 10px 30px;
    }
    #banner-titolo {
        font-size: 30px;
    }
    #banner-descrizione {
        font-size: 14px;
        width: 90%;
        margin: 0 5% 0 5%;
    }
    #footer-sx {
        float: none;
        width: 100%;
    }
    #logo-othelloline {
        float: right;
        margin: 0;
        max-width: 45%;
    }
    #logo-screenline {
        float: left;
        max-width: 45%;
    }
    #logo-othelloline img,
    #logo-screenline img {
        width: 100%;
    }
    #copyright {
        clear: both;
        font-size: 12px;
        padding-top: 20px;
        text-align: center;
    }
    #copyright strong {
        display: inline-block;
        width: auto;
        margin-right: 5px;
    }
    #footer-dx {
        float: none;
        width: 100%;
    }
    .menu-footer {
        float: none;
        text-align: center;
    }
    .menu-footer li a:link, .menu-footer li a:visited {
        font-size: 13px;
    }
    #boxNewsletter {
        margin-top: 30px;
    }
    #boxNewsletter label {
        font-size: 16px;
        margin-right: 0;
        display: block;
        text-align: center;
    }
    #boxNewsletter .TextBox {
        display: inline-block;
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        padding: 0 10px 0 10px;
        margin-top: 15px;
    }
    #boxNewsletter .LinkButton {
        position: absolute;
        top: 27px;
        right: 0;
        width: 45px;
        height: 50px;
        background-image: url('../private_images/icone_funzionali/ui/cmd.png');
        background-position: center center;
        background-repeat: no-repeat;
    }
    .box-lingue-mobile {
        display: block;
        float: right;
        list-style: none;
        padding: 0;
        margin: 0 4% 0 0;
    }
    .box-lingue-mobile li {
        display: inline-block;
        margin-left: 5px;
    }
    .box-lingue-mobile li a:link,
    .box-lingue-mobile li a:visited {
        display: block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        font-weight: 300;
        color:#FFFFFF;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid transparent;
        background-image: url('../private_images/icone_funzionali/sfondi/bkHeader.png');
    }
    .box-lingue-mobile.open li:nth-child(2) {
        margin-top: 12px;
    }
    .no-testata .box-lingue-mobile li a:link,
    .no-testata .box-lingue-mobile li a:visited {
        background: none;
        background-color: #3c3c3c;
    }
    .box-lingue-mobile li a:hover,
    .no-testata .box-lingue-mobile li a:hover {
        background: none;
        background-color: #a6b253;
        color: #3c3c3c;
    }
    .box-lingue-mobile li a.attiva:link,
    .box-lingue-mobile li a.attiva:visited,
    .box-lingue-mobile li a.attiva:hover {
        background: none;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
    }
    #footer-box-fixing {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 120;
        background-color: #afafaf;
        height: 46px;
    }
    #footer-socials {
        float: none;
        margin-top: 0;
        padding: 0 4% 0 4%;
        width: 100%;
        box-sizing: border-box;
    }
    #footer-socials .social {
        display: none;
    }
    #footer-socials a {
        width: 15%;
    }
    #footer-socials .social-mobile {
        display: inline;
        margin-top: 13px;
    }
    .no-testata .centratore-breadcrumb {
        margin-top: 15px;
    }
    .pagina-famiglia-titolo {
        font-size: 30px;
    }
    .pagina-famiglia .famiglia-products {
        margin-top: 25px;
    }
    #fascia-personalizzazione {
        margin: 25px 0 25px 0;
    }
    .accordion-title {
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        padding: 0 10px 0 10px;
    }
    .accordion-box .accordion-text {
        margin: 20px 0 20px 0;
        font-size: 13px;
    }
    .accessiorio-prodotto {
        margin-bottom: 20px;
        height: auto;
    }
    .accessiorio-prodotto.accessiorio-pari {
        width: 48%;
        margin-right: 2%;
    }
    .accessiorio-prodotto.accessiorio-dispari {
        width: 48%;
        margin-left: 2%;
    }
    .img-prodotto-accessorio {
        margin-right: 5%;
        width: 35%;
    }
    .txt-prodotto-accessorio {
        width: 60%;
    }
    #fascia-non-trovato {
        padding: 35px 0 35px 0;
        font-size: 30px;
    }
    a.cmdGeneral3 {
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px 0 15px;
    }
    .titolo-interessarti {
        font-size: 25px;
        line-height: 30px;
        height: auto;
        margin: 20px 0 20px 0;
    }
    .box-interessarti {
        margin: 0 0 0 2%;
        width: 47%;
        padding: 20px 25px 20px 25px;
    }
    .sottopagina-titolo {
        font-size: 20px;
        padding: 15px 0 15px 0;
    }
    .sottopagina-testo {
        font-size: 16px;
        padding: 15px 0 15px 0;
        font-size: 18px;
        margin-top: 0;
        line-height: 20px;
    }
    .sottopagina-testo ul {
        padding: 0;
        margin: 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    .sottopagina-testo li {
        margin-bottom: 20px;
    }
    #agenti-pagina {
        float: none;
        font-size: 16px;
        width: 100%;
        padding: 0 0 25px 10px;
    }
    .agenti-maxwidth {
        max-width: 100%;
    }
    #agenti-mappa {
        float: none;
        width: 100%;
        overflow: auto;
    }
    #agenti-regioni {
        width: 100%;
        margin-bottom: 20px;
    }
    #agenti-mappa img {
        width: 250px !important;
    }
    
    .table-contatti {
        display: block;
    }
    .tr-contatti {
        display: block;
        padding: 2% 0 2% 0;
    }
    .td-contatti {
        display: block;
        height: auto;
        font-size: 13px;
        padding: 0;
    }
}
@media screen and (max-width: 700px) {
    .Campo {
        margin-left: 0;
        width: 100%;
    }
    .RadioButton_Container,
    .CheckBox_Container {
        width: 100%;
    }
    .RadioButton_Container:nth-child(2n),
    .CheckBox_Container:nth-child(2n){
        margin-left: 0;
    }
    .centratore-breadcrumb {
        display: none;
    }
    #fascia-testo {
        padding: 70px 0 0px 0;
    }
    .pagina-famiglia .famiglia-destinations {
        top: 15px;
    }
    .pagina-famiglia {
        padding: 20px 0 0 0;
    }
    .centratore-breadcrumb {
        display: none;
    }

	#Testata-over-link{
		margin-bottom:85px;
		margin-top:0px;
	}

    .DropDownList
    {
        width:100%;
        float:none;
        margin-right:0;
    }

}
@media screen and (max-width: 815px) {
    #agenti-mappa {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 500px) {

    #Testata-over-link {
        margin-bottom: 85px;
        margin-top: 0px;
    }

    .applicazione-container,
    .schermo-container,
    .tela-container {
        background-size: contains;
    }

    .applicazione,
    .schermo {
        background-size: contains;
    }

    .tela-hover .tela-hover-discover {
        line-height: 22px;
        font-size: 13px;
    }

    .applicazione-hover-content, .schermo-hover-content {
        line-height: 22px;
        font-size: 13px;
        padding: 10px;
    }

    .box-interessarti {
        margin: 0 0 0 2%;
        width: 96%;
        margin-bottom: 20px;
    }

    #titolo-personalizza {
        margin-bottom: 10px;
        font-size: 17px;
    }

    .RadioButton_Container label,
    .CheckBox_Container label {
        margin-left: 15px;
        font-size: 15px;
    }

    .TextBox {
        font-size: 15px;
        height: 40px;
        padding: 0 10px 0 10px;
    }

    .CheckBox,
    .RadioButton {
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    .Campo,
    .CheckBox_Container,
    .RadioButton_Container {
        margin-bottom: 15px;
    }

    .canale .canale-descrizione {
        display: none;
    }

    .canale .canale-descrizione-mobile {
        display: block;
        height: 40px;
        line-height: 19px;
    }

    .img-prodotto-accessorio {
        float: none;
        height: 100px;
    }

    .txt-prodotto-accessorio {
        width: 100%;
    }

    .image-mobile {
        width: 100% !important;
        height: auto !important;
    }
}
@media screen and (max-width: 650px) {
    #fascia-referenze {
        display:none;
    }
    #fascia-referenze-mobile {
        display:block;
    }
    #fascia-referenze-mobile .referenza a:link,
    #fascia-referenze-mobile .referenza a:visited {
        background:none !important;
    }
    #fascia-referenze-mobile .referenza {
        display: flex;
        align-items: center;
        justify-content:space-around;
    }
}