@media only screen and (max-width: 480px) {
    #indicatore {
        width: 100%;
        max-width: 100%;
    }
    .container {
        padding-right: 0;
        padding-left: 0;
        margin-right: 1px;
        margin-left: 1px;
    }
    .header-photo img {
        float: initial;
        margin: 0 auto;
    }
    .header-photo {
        text-align: center;
    }
    .nome-medico {
        padding-left: initial;
        font-size: 20px;
        text-align: center;
    }

    .testo-risposta {
        float: none;
        padding-top: 7px;
        margin-right: 20px;
        margin-left: 0;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 376px) {
    .containers-survey {
        padding: 0;
        background: none;
        -webkit-box-shadow: initial;
        box-shadow: initial;
    }
    .copyright {
        padding: 0;
        margin: 0;
    }
    .survey-container {
        padding: 0;
        margin: 8px 0;
        -webkit-box-shadow: initial;
        box-shadow: initial;
    }
    .containers-ebook {
        padding: 0;
        background: none;
        -webkit-box-shadow: initial;
        box-shadow: initial;
    }
    #info-medico .modal-footer button,
    #info-medico .modal-footer a {
        width: 100%;
        min-width: initial;
        height: initial;
        font-size: 10px;
    }
}

@media only screen and (max-width: 510px) {
    .separator2 {
        width: 100%;
        margin: 5px auto;
    }
    #info-medico .modal-footer button,
    #info-medico .modal-footer a {
        width: 100%;
        min-width: initial;
        height: initial;
        font-size: 15px;
    }
}

@media only screen and (max-width: 769px) {
    .container{
        width: 100vw;
    }
}