@media (max-width: 1199px) {
    /*pagine interne*/
    
    .scroll-container, .scroll-container > .inner.nano {
        width: 100%;
    }

    .nano .content {
        -webkit-overflow-scrolling: touch;
    }

    .landing-page .announcement-privacy {
        width: 100%;
    }

    .landing-page .accordion {
        padding: 30px 40px 30px 0px;
    }

    .landing-page .accordion a {
        position: relative;
        display: block;
    }

    .landing-page .accordion .wi-icon {
        position: absolute;
        position: absolute;
        right: -40px;
        top: 50%;
        margin-top: -15px;
        float: none;
    }

    .landing-page .block-landing-3 .list-1 {
        list-style-type: none;
    }
    
    /*form*/
    .radio-group label, .radio-group input[type=radio]:checked + label {
        line-height: 1;
        min-height: 21px;
        padding-top: 4px;
        background-position: 0 top;
    }

    .width-1, .width-2, .width-3, .width-4, .custom-select {
        width: 100%;
    }
    
    /*verificare che non vada in conflitto, altrimenti mettere la larghezza corretta in px per ogni viewport*/
    /*form trova medico*/
    .search-form input.graybutton {
        width: 30px;
    }
}

@media (max-width: 767px) {
    #content {
        padding-top: 55px;
    }

    .left, .right {
        float: none;
    }
    
    /*pagine interne*/
    #content .resize, .modulo_white00 .resize, .container_txt_position, .css-panes div.content_pane {
        padding-left: 15px;
        padding-right: 15px;
    }

    .modulo_white00 .resize .container_txt_position {
        padding-left: 0;
        padding-right: 0;
    }

    .block-8.doctor-detail-block, .highlight-1, .personal-info > ul > li {
        width: 100%;
        float: none;
    }

    .personal-info > ul > li + li {
        margin-top: 12px;
    }

    .search-result .personal-info .last {
        text-align: left;
    }

    .highlight-1 {
        margin-top: 15px;
    }

    .info-7 li {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .info-7 li + li {
        margin-top: 30px;
    }

    .info-7 li img {
        float: none;
        display: block;
        width: 50px;
        height: auto;
        margin: 0 0 10px 0;
    }

    .info-7 li .content {
        margin-left: 0;
    }

    .landing-page .accordion .content-1 div {
        width: 100%;
        float: none;
    }

    .landing-page .block-landing-3 > div {
        float: none;
        width: 100%;
        min-height: 0;
        margin-left: 0;
    }

    .landing-page .block-landing-3 > div:first-child {
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    .landing-page .block-landing-3 > div:before, .landing-page .block-landing-3 > div:after {
        display: table;
        content: "";
    }

    .landing-page .block-landing-3 > div:after {
        clear: both;
    }

    .landing-page .block-landing-3 > div + div {
        margin-top: 30px;
    }

    .medical-examination .step-1 > .left, .medical-examination .step-1 > .right {
        width: 100%;
        float: none;
        border: none;
        padding: 0;
    }

    .medical-examination .step-1 > .right {
        margin-top: 30px;
    }

    .medical-examination .step-2 .block-come .block-come-1, .medical-examination .step-2 .block-come .block-come-2 {
        width: 100%;
        float: none;
        border: none;
        min-height: 0;
        padding: 0;
    }

    .medical-examination .step-2 .block-come .block-come-2 {
        margin-top: 30px;
    }

    .medical-examination .step-2 .info-form ul, .medical-examination .step-2 .info-form-2 ul, .medical-examination .step-2 .indirizzo-form ul {
        width: 100%;
        float: none;
        margin: 0;
    }

    .medical-examination .step-2 .block-come .block-come-2 ul li .left, .medical-examination .step-2 .block-come .block-come-2 ul li .right {
        width: 100%;
        float: none;
    }

    .medical-examination .step-2 .mes-submit > a, .medical-examination .step-2 .mes-submit > input[type="submit"] {
        width: 130px;
        max-width: 45%;
        padding: 0;
        display: inline-block;
        text-align: center;
    }

    .block-4 .item {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .block-4 .item + .item {
        margin-top: 45px;
    }

    .doctor-list-block .item {
        border-left: none;
        padding-bottom: 0;
    }

    .block-4 .desc {
        margin-left: 0;
    }

    .block-4 .frame-1 {
        float: none;
    }

    .block-8 .detail {
        margin-left: 0;
    }

    .clinical-division-page .doctor-detail-block > .detail {
        margin-top: 20px;
    }

    .clinical-division-page .detail .text-3 {
        padding-left: 0;
    }

    .clinical-division-page .detail .title-2 {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .info-1 > li {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .info-1 > li + li {
        margin-top: 15px;
    }

    .info-1 > li:first-child {
        width: 100%;
    }
    
    /*form*/
    .radio-group {
        display: block;
        text-align: left;
    }

    .radio-group + .radio-group {
        margin-top: 10px;
    }

    .radio-group .radio-1 {
        padding: 0;
    }
    
    /*pagine interne > form sperimentazioni cliniche*/
    .color-list {
        position: static;
    }

    .filter-block > div, .filter-block > div:first-child {
        min-height: 0;
        position: static;
        float: none;
        width: 100%;
        padding: 0;
        border: none;
    }

    .filter-block > div {
        margin-top: 30px;
    }

    .filter-block > div:first-child {
        margin-top: 0;
    }

    .trial-active-block .block-5 li.item-1, .trial-active-block .block-5 li.item-2, .trial-active-block .block-5 li.item-3, .trial-active-block .block-5 li.item-4, .trial-active-block .block-5 li.item-5 {
        width: 100%;
        border: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .trial-active-block .block-5 li + li {
        border-top: 1px solid #d57b00;
    }

    .book-trial-block > div {
        width: 100%;
    }
    
    /*Form trova medico*/
    .search-form {
        float: none;
        width: 100%;
        border: none;
        padding: 0;
    }

    .search-form + .search-form {
        margin-top: 15px;
    }

    .input-1 {
        width: 100%;
        margin-right: -30px;
    }

    .custom-select {
        width: 100%;
    }

    .input-1[placeholder="Scrivi qui il cognome del medico"] {
        font-size: 16px;
    }
    
    /*previene zoom automatico su smartphone*/
    .image-1 {
        float: none;
        width: auto;
        height: auto;
        overflow: visible;
    }

    .image-1 > img {
        max-width: 100%;
        height: auto;
    }

    .search-result > li + li {
        padding-top: 40px;
        border-top: 3px solid #457ca1;
    }

    .search-result .detail {
        margin-left: 0;
        overflow: visible;
        padding: 0;
        border: none;
    }

    .search-result .detail .col-1, .search-result .detail .col-2, .search-result .detail > li {
        width: 100%;
        float: none;
        padding: 0;
    }

    .alpha-block > li > a {
        width: 56px;
        height: 56px;
        line-height: 56px;
    }
    
    /*Pagine interne > higlight*/
    .scroll-container {
        padding: 15px;
    }

    .scroll-container > .inner {
        height: 325px;
    }

    .scroll-cont-wrap.content {
        padding-right: 15px;
    }
    
    /*Pagin interne > storie*/
    .Text-Medium-24 {
        font-size: 16px;
        line-height: 1.2em;
    }

    .align-right {
        text-align: right;
    }

    .align-left {
        text-align: left;
    }

    .align-center {
        text-align: center;
    }

    .popupssn {
        display: none;
    }

    /*.popupssn button {
        background: url(../images/content/bgd-1.png) 0 0 repeat-x;
        height: 32px;
        line-height: 32px;
        padding: 0 35px;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-family: 'dosisextrabold';
    }*/    
}

@media (min-width: 768px) and (max-width: 1199px) {
    
    /*pagine interne*/
    .info-7:before, .info-7:after {
        content: "";
        display: table;
    }

    .info-7:after {
        clear: both;
    }

    .info-7 li {
        width: 32%;
        margin-left: 0;
    }

    .info-7 li + li {
        margin-left: 2%;
    }

    .info-7 li img {
        width: 28.7%;
        height: auto;
    }

    .info-7 li .content {
        margin-left: 32%;
    }

    .landing-page .block-landing-3:before, .landing-page .block-landing-3:after {
        content: "";
        display: table;
    }

    .landing-page .block-landing-3:after {
        clear: both;
    }
    /*pagine interne > form sperimentazioni cliniche*/
    .block-2 {
        position: relative;
    }

    .color-list {
        bottom: 16px;
    }

    .filter-block > div {
        min-height: 0;
        position: static;
        padding-bottom: 127px;
    }

    .filter-block > div:first-child {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    
    /*pagine interne*/
    .block-8.doctor-detail-block, .container_programma {
        width: 442px;
    }

    .highlight-1, .box_highlight {
        width: 274px;
    }

    .block-4 .item {
        width: 243px;
    }

    .block-8 .detail {
        margin-left: 170px;
    }

    .info-1 > li {
        width: 126px;
    }

    .info-1 > li:first-child {
        width: 150px;
    }
    
    /*Pagin interne > storie*/
    .Text-Medium-24 {
        font-size: 16px;
        line-height: 1.2em;
    }
    
    /*form*/
    .medical-examination .step-1 .radio-group .radio-1 {
        padding-right: 29px;
    }
    
    /*form sperimentazioni cliniche*/
    .filter-block > div {
        width: 381px;
    }

    .filter-block > div:first-child {
        width: 349px;
    }

    .trial-active-block .block-5 li.item-1 {
        width: 120px;
    }

    .trial-active-block .block-5 li.item-2 {
        width: 210px;
    }
    
    /*Form trova medico*/
    .input-1, .custom-select {
        width: 321px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    /*pagine interne*/
    .block-8.doctor-detail-block {
        width: 575px;
    }

    .highlight-1 {
        width: 356px;
    }

    .block-4 .item {
        width: 316px;
    }

    .block-8 .detail {
        margin-left: 210px;
    }

    .info-1 > li {
        width: 172px;
    }

    .info-1 > li:first-child {
        width: 190px;
    }
    
    /*Pagin interne > storie*/
    .Text-Medium-24 {
        font-size: 20px;
        line-height: 1.2em;
    }
    
    /*form*/
    .medical-examination .step-1 .radio-group .radio-1 {
        padding-right: 139px;
    }
    
    /*form sperimentazioni cliniche*/
    .filter-block > div {
        width: 496px;
    }

    .filter-block > div:first-child {
        width: 454px;
    }

    .trial-active-block .block-5 li.item-1 {
        width: 200px;
    }

    .trial-active-block .block-5 li.item-2 {
        width: 351px;
    }
    
    /*Form trova medico*/
    .input-1, .custom-select {
        width: 431px;
    }

    .ddlPrioritaImpegnativa {
        background-color: #e0e0dd;
        opacity: 1!important;
    }
}

/********** CSS PER LANDING E-CUP ************/

/*reset*/
                                    
.landing-page .block-landing-prenota > div:first-child a.mynav-link {
    float: none;
}

.landing-page .block-landing-prenota > div p {
    font-size: 16px;
}

.landing-page .block-landing-prenota .block-3-3 {
    border: none;
    padding: 0;
}

.landing-page .block-landing-prenota > div:first-child a {
    float: none;
}

.block-landing-prenota a:link, 
.block-landing-prenota a:visited {
    text-decoration: underline;
}

.block-landing-prenota a:hover, 
.block-landing-prenota a:active {
    text-decoration: none;
}

/*end reset*/

.mynav {
    margin-bottom: 30px;
}

.mynav-item {
    display: inline-block;
    margin-right: 30px;
}

.mynav-item i {
    font-size: 20px;
    padding-right: 10px;
}

.prenota-container {
    padding-top: 30px;
}

.prenota-icon {
    background: #457ca1;
    padding: 20px;
    border-radius: 50%;
    font-size: 48px !important;
    color: #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 60px;
}

.prenota-bg--normal {
    background-color: #69a2d5;
}

.prenota-bg--medium {
    background-color: #699556;
}

.prenota-bg--high {
    background-color: #e9b61e;
}

.prenota-list i.prenota-list-icon {
    font-size: 30px;
    display: block;
    float: left;
    margin-right: 15px;
    color: #69a2d5;
}

.prenota-list i.prenota-list-icon--nocolor {
    color: #444c4e;
}

.prenota-list-item {
    margin: 34px 0 34px 140px;
}

.prenota-list-item--thirdcol {
    margin: 34px 0 34px 0px;
}

.prenota-title {
    padding-bottom: 10px;
    padding-top: 30px;
    color: inherit;
    line-height: 40px;
}

.prenota-subtitle {
    font-weight: bold;
    line-height: 30px;
}

.prenota-subtitle-highlight {
    border-radius: 6px;
    padding: 4px;
}

.prenota-info-box {
    background-color: #e0e0dd;
    padding: 15px;
    overflow: auto;
    margin-left: 120px;
    margin-bottom: 30px;
    cursor: pointer;
}

.prenota-info-box:hover {
    background-color: #ccc;
}

.prenota-info-box-logo {
    float: right;
}

.prenota-info-box-calltoaction {
    display: inline;
    line-height: 34px;
    color: #DB653F;
}

.prenota-info-box-calltoaction i {
    margin-right: 10px;
}

.prenota-info-box-content {
    display: none;
}

.prenota-list-icon--singleline {
    line-height: 30px;
}

.prenota-list-text--singleline {
    line-height: 30px;
    vertical-align: middle;
}

.prenota-phonenumber {
    font-family: 'latoregular';
    padding: 4px;
    color: #fff;
    font-size: 26px;
    border-radius: 6px;
    white-space: nowrap;
}

.prenota-privacy {
    border: 2px solid #e0e0dd;
    padding: 20px;
    margin-bottom: 30px;
    margin-left: 120px;
    text-align: center;
}

.landing-page .prenota-privacy .announcement-privacy {
    width: auto;
}

.landing-page div.prenota-privacy p {
    font-size: 16px;
}

.evidence-box-3rdcol {
    background-color: #e0e0dd;
    padding: 10px;
    margin: 10px 4px;
}

.evidence-box-3rdcol p {
    padding-bottom: 0px !important;
}

hr.thirdcol {
    margin: 15px 0;
    border-top: 2px solid #457ca1;
    border-bottom: 1px solid #457ca1;
}

.videoIn3col, .videoIn3col p {
    border-color: #457ca1;
    margin: 0px;
    border-top: none;
}

.videoIn3col iframe {
    width: 100%;
}

@media (max-width: 1024px) {
    #divShare {
        display: none;
    }

    .mynav-item {
        display: block;
        margin: 10px 0;
    }

    .prenota-title {
        padding-top: 0px;
        font-size: 32px;
    }

    .prenota-icon {
        padding: 10px;
        font-size: 30px !important;
        margin-bottom: 30px;
        margin-right: 24px;
    }

    .prenota-list-item {
        margin: 34px 0 34px 10px;
    }

    .prenota-privacy {
        margin-left: 0px;
    }

    .prenota-info-box {
    margin-left: 0px;
    }
}

/********** /CSS PER LANDING E-CUP ************/

/********** CSS MEDIAQUERIES PER FLIP CARD ************/

/* 
 *  + Se il device non supporta hover 

@media only screen and (max-width: 1024px), 
    only screen and (hover: none) {
*/


@media only screen and (max-width: 1200px) {

    .card {
        height: auto;
    }

    .card__side {
        height: auto;
        position: relative;
    }

    .card__side--back {
        display: none;
    }

    .card__main {
        position: relative;
        transform: none;
        width: 100%;
        text-align: left;
        padding: 0 1rem .5rem 1rem;
        left: 0;
    }

    .preserve3d .card__side--back {
        transform: none;
    }

    .preserve3d .card:hover .card__side--front {
        transform: none;
    }

    .preserve3d .card:hover .card__side--back {
        transform: none;
    }
    
    .card__icon {
        font-size: 1.7rem;
        display: inline-block;
        width: 3rem;
        text-align:  center;
    }

    .card__main h4 {
        display: inline-block;
        margin-bottom: 0;
        font-size: 1.7rem;
        line-height: 2rem;
    }

    .card__cta {
        width: 90%;
        margin: 0 auto;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .card__btn {
        position: initial;
        width: 100%;
        text-align: center;
        transform: none;
    }

    .block-fast {
        display: none;
    }

}

@media only screen and (max-width: 900px) {

    .card__icon {
        font-size: 1.5rem;
        margin-right: 1rem;
    }

     .card__main h4 {
        font-size: 1.5rem;
    }

}

/********** END CSS MEDIAQUERIES PER FLIP CARD ************/