@media screen and (min-width: 320px) {
}

@media screen and (min-width: 320px) and (max-width:479px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 480px) and (max-width:767px) {
}


@media screen and (max-width:767px) {
    .catlist {
        padding: 0px 5%;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

    #cats h1 {
        font-size:1.5em;
    }
    #searchBox .search, #searchBox2 .search {
        width:100%;
    }
    #trademarks {
        margin: 40px 5%;
        width: 90%;
    }

    .loginButton, a.loginButton:link, a.loginButton:visited {
        margin: 7px 5%;
    }
    .reservedareaWrap {
        position: fixed;
        top: 0 !important;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.85);
        border:none;
    }
    .reservedareaWrap .mobLoginModule {
        width: 80%; margin:40% 10% 0 !important;
        max-width:100%;
        border:none;padding-left:0;
    }
    .reservedareaWrap .frmLogin .topmsg {
        font-size: 1.2em;
        text-align:center;
        font-weight:bold;
    }
    .reservedareaWrap .loginTextBox {
        padding: 10px 8px;
        line-height: 1.4em;
        margin-bottom: 5px;
    }
        .reservedareaWrap .loginButton, .reservedareaWrap a.loginButton {
        font-size: 1.2em;
            float: none;
            padding: 10px 15px;
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0;
        }
        .reservedareaWrap a.loginButton {
            padding: 10px 2%;
            width: 96%;
        font-size: 1em;
        margin-top:40px;
        }
    .imageContainer.banchi {
        width: 100% !important;
        height:auto;
    }
    .imagesContainer.banchi .imageContainer img {
        max-height: 150px;
    }
    .imageContainer2.banchi {
        width: 100%;
        height: auto;
    }

    .imagesContainer.banchi .imageContainer2 img {
        max-height: 150px;
    }
    .spazioLine {
        width: auto;
        padding: 0 5%;
    }
    .payAttentionMessage2 {
        width: 85%;
    }
    .payAttention2 {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .imageContainer.banchi {
        width: 31%;
        border-bottom: 1px solid #000;
        margin: 0% 1%;
        height: 30%;
    }
    .imageContainer2.banchi {
        width: 31%;
        border-bottom: 1px solid #000;
        margin: 0% 1%;
    }
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 990px) {
    /*ul.quickMenu {
      margin-top: -60px !important;
    }*/
    .colduble, .colduble2 {
  margin-bottom: 30px;
  width: 100%;
}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
}

@media screen and (min-width: 769px) and (max-width:1200px) {
    .logo {
        height:auto;
        margin-top:15px;
    }
    .motto {
        width: 230px;
        margin-top: 30px;
    }
    .footer .indirizzo {
        width:70%;
    }
    .btnHome, a.btnHome {
        width: 19%;
    }
    .banchiprova .btnWrap a.btnHome span img, .banchiprova .btnWrap a.btnHome.orizz span {
        height: 150px;
    }
    .cataloghi a.btnHome {
    height: 210px;
}

@media screen and (min-width: 1024px) {
}
 
@media screen and (max-width: 1200px) {

    .eventSection .eventImgContainerSmall, .eventSection .eventImgContainerSmall.fiere
    {
        width: 100%; margin-right:0px;
        margin-bottom:10px;
    }
    .eventSection .eventInfoContainer {
      width: 100%;
    }

}