@media screen and (max-width:1100px)  {
    #hello_video {
       height: 100%;
        width: auto;
    }
}


@media screen and (max-width:960px) {
    h1 {
        word-wrap: normal;
        font-size: 30px;
        line-height: 30px;
    }
    h2.big {
        line-height: 30px;
        font-size: 30px;
    }
    #screenMenu .overDark {
        width: calc( 100% - 60px);
    }

    .blockPageTextContent {
        padding: 120px 20px;
    }
    
    .blockPageContent {
        padding: 120px 20px 50px 20px;
    }

    .boxColorPromo {
        padding: 15px;
    }

    .logo {
        left: 0;
        top: 0;
        width: calc( 100% - 60px);
        height: 50px;
        background-size: 190px;
        background-color: #000;
    }

    .listVantaggi li {
        margin: 0 0 30px 0;
        font-size: 15px;
    }

    .box_1_of_3 {
        display:none;
    }
    .box_2_of_3 {
        width:100%;
    }
    
    .wrapper-menu {
        width: 60px;
    }
    .paddingRightMenu {
        padding-right: 60px !important;
    }

    #screenMenu .menu-btn {
        right: 0;
        top: 10px;
        width:60px;
        height:50px;
    }
        #screenMenu .menu-btn span:nth-child(1) {
            right: 15px;
        }
        #screenMenu .menu-btn span:nth-child(2) {
            right: 15px;
        }
        #screenMenu .menu-btn span:nth-child(3) {
            right: 15px;
        }


        .boxSocial {
            top: 40%;
            right: 10px;
        }
    #screenMenu .boxLanguage {
        bottom: 10px;
        right: 0;
    }

    .padding50 {
        padding:20px;
    }


    .fieldFour {
        width: 50% !important;
    }


    .tree_block {
        width:100%;
    }
    .paddingBlock {
        padding:10px 0;
    }
    p.big {
        max-width:unset;
    }
    .mobileCenter {
        text-align:center !important;
    }
}

@media screen and (max-width:860px) {
    
    .four_block {
      width: 100%;
      padding: 10px 0px;
    }
}


@media screen and (max-width:700px) {
    .fieldFour {
        width: 100% !important;
    }
    .field {
        width: 100% !important;
    }
    .paddingRightMenu {
        padding-right: 0px !important;
    }
    .wrapper-menu {
        transform: translateX(60px);
        -o-transform: translateX(60px);
        -ms-transform: translateX(60px);
        -moz-transform: translateX(60px);
        -webkit-transform: translateX(60px);
    }


    .cursiveText {
        font-size: 70px;
        line-height: 55px;
    }

    #screenMenu .menu-btn {
        right: 60px;
        background-color: #fff;
        top: 0;
    }
        
    #screenMenu.open .menu-btn {
        right:0;
        width:60px;
    }

    #screenMenu .menu-btn span:nth-child(1) {
        top:8px;
    }
    #screenMenu .menu-btn span:nth-child(2) {
        top: 16px;
    }
    #screenMenu .menu-btn span:nth-child(3) {
        top: 24px;
    }
    #screenMenu .menu-btn::after {
        font-size: 9px;
        top: 30px;
    }



    .blockPageContent {
        padding: 80px 5px 30px 5px;
    }

    .maxWidth {
        padding:0;
    }
}


@media screen and (max-width:600px) {
    .doble_block {
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    .four_quad_portfolio {
        width:100%;
    }
    .cursiveText {
        font-size: 60px;
        line-height: 50px;
        padding: 10px;
    }
}