/* Smartphone
- tutti i dispositivi con viewport fino a 640px in larghezza */
@media only screen and (max-width:640px) {
    /*test
    body
    {
        background-color: green;
    }*/

    .SubHeader {
        padding-left: 10px;
        padding-right: 10px;
    }

    .SlideContainer {
        display: none;
    }

    .General {
        margin-top: 78px;
    }

    .SubContent {
        width: 100%;
        padding: 10px;
    }

    .DetailLeft {
        width: auto;
    }

    .Function {
        width: 100%;
    }

    .MenuButton {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }

    .HeaderMenu {
        display: none;
        flex-flow: column nowrap;
        position: fixed;
        top: 80px;
        right: 0px;
        background-color: #f5f5f7;
        padding: 20px;
    }

    .Menu, .MenuSelected, .MenuSolutions, .MenuIndustries, .MenuApplications, .MenuOpenText, .MenuContacts {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 24px;
    }

    .SubFooter {
        flex-flow: column nowrap;
    }

    .ContactForm {
        margin-top: auto;
        padding: 20px;
        width: 100%;
    }

    .InputBox {
        width: 100%;
    }

    .TitleLabel {
        font-size: 32px;
    }

    .SubTitleLabel {
        font-size: 28px;
    }

    .OpenImmage{
        width:100%
    }

    .OpenText {
        width: 100%;
        padding: inherit;
    }

    .VideoOpen {
        width: 100%;
        height: inherit;
    }

    .DetailRight{
        width :inherit ;
         
    }

    .FooterLine {
        flex-flow: column wrap;
        text-align :center ;
    }

    .CookieMoreInfo, .CompanyInfoLabel {
        margin-left: inherit;
        margin-bottom:10px;
    }

    .HelpBox {
        margin-top: inherit;
    }

    .SearchLinks{
        height:inherit;
        width:inherit;
    }

    .SearchBox{
        padding:15px;
    }
}


@media only screen and (max-height:400px) and (orientation: landscape) {
    /*test
    body
    {
        background-color: green;
    }*/

    .SubHeader {
        padding-left: 10px;
        padding-right: 10px;
    }

    .SlideContainer {
        display: none;
    }

    .General {
        margin-top: 78px;
    }

    .SubContent {
        width: 100%;
        padding: 10px;
    }

    .DetailLeft {
        width: auto;
    }

    .Function {
        width: 100%;
    }

    .MenuButton {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
    }

    .HeaderMenu {
        display: none;
        flex-flow: column nowrap;
        position: fixed;
        top: 80px;
        right: 0px;
        background-color: #f5f5f7;
        padding: 20px;
    }

    .Menu, .MenuSelected, .MenuSolutions, .MenuIndustries, .MenuApplications, .MenuOpenText, .MenuContacts {
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 24px;
    }

    .SubFooter {
        flex-flow: column nowrap;
    }

    .ContactForm {
        margin-top: auto;
        padding: 20px;
        width: 100%;
    }

    .InputBox {
        width: 100%;
    }

    .TitleLabel {
        font-size: 32px;
    }

    .SubTitleLabel {
        font-size: 28px;
    }

    .OpenImmage {
        width: 100%
    }

    .OpenText {
        width: 100%;
        padding: inherit;
    }

    .VideoOpen {
        width: 100%;
        height: inherit;
    }

    .DetailRight {
        width: inherit;
    }

    .FooterLine {
        flex-flow: column wrap;
        text-align: center;
    }

    .CookieMoreInfo, .CompanyInfoLabel {
        margin-left: inherit;
        margin-bottom: 10px;
    }

    .HelpBox {
        margin-top: inherit;
    }

    .SearchLinks {
        height: inherit;
        width: inherit;
    }

    .SearchBox {
        padding: 15px;
    }
}