/* RESPONSIVE */
@media only screen and (max-width: 768px) {
    
    a:hover { -moz-transition: none; -o-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; }

    .widthSite { border: 0px solid #000FF0; }
    .padding-int { padding: 0px 10px; }
    .lingue { top: -65px; }
    
    /*disattivo il menu testuale e attivo il menu a scomparsa*/
    #menu_action { display:none; }
    .menutop { padding-top: 0px; }
    header .grid-3 { position: relative; width: 100%; text-align: center; }
    header .grid-9 { display: none; }
    .box-responsive-menu { display: block; font-size: 45px; position: absolute; top: 10px; left: 10px; }
    
    h1 { font-size: 27px; }
    
    /*linkcompleto*/
    .breadcrumb { padding: 0px 5px; }

    /*footer*/
    .footer .txt p { padding: 0px 10px; }

    /*section*/
    .col_sx { width: 100%; margin-top: 20px; }
    .col_dx { width: 100%; margin-top: 20px; }
    li figure { width: 220px !important; }

    /* listing */
    .listing-nav { right: 10px; }
    
    /*search*/
    .cerca-home .grid-3 h2 { width: 170px; }
    .search .cerca_input { width: 164px; }
    .search .cerca_da_a { width: 78px; }
    .search .ui-state-default { width: 170px !important; }

    .cerca-int .search { border: 0px; }
    .cerca-int .tit_cerca { width: 100% !important; }
    .cerca-int .grid-3 { width: 33%; float: left; height: 60px; }
    
    /*real estate*/
    .nbs-flexisel-nav-right { right: -11px !important; }
    
    .realestate-index .titolo h2 { font-size:15px; }
    .realestate-index figure { height: 113px; width: 150px; margin-right: 5px; }
    .realestate-index .prezzo { font-size: 13px; margin-bottom: 0px; }
    .realestate-index .testo p { height: 70px; font-size: 12px; padding: 5px; overflow: hidden; }
    .realestate-index .details span { width: 40%; margin: 10px 0px 0px 0px; font-size: 12px; }

    .realestate-griglia figure { width: 100% !important;  }

    .realestate-scheda .condivisioni .cond-social .fa { font-size: 29px; }

    .realestate-contatta figure { height: 150px; width: 150px; float: left; margin-bottom: 10px; }

    .realestate-simili .immobile { width: 45%; margin: 0px 2.5%; float: left; }
    .realestate-simili .immobile figure { height: 210px; }
}

@media only screen and (max-width: 668px) {
    
    body, html { font-size:12px; }
    
    .widthSite { border: 0px solid #ff0000; }

    /*messaggio errore*/
    .messaggio-errore { font-size: 13px; }
    
    /*slide top*/
    .slide-top { display: none; }
    
    /*sitemap*/
    .sitemap-realestate .grid-6 { width:100% !important; }
    
    /*search*/
    .cerca-home .grid-3 { width: 33%; }
    .cerca-home .grid-3 h2 { width: 160px; }
    .search .cerca_input { width: 154px; }
    .search .cerca_da_a { width: 73px; }
    .search .ui-state-default { width: 160px !important; }

    /*real estate*/
    .risultati-lista .grid-7 { width: 100%; float: none; }
    .risultati-lista .grid-5 { float: right; }

    .realestate-index .titolo { height: 45px; }
    .realestate-index figure { height: 170px; width: 100% !important; margin-right: 0px; float: none; }
    .realestate-index .details span { width: 36%; }

    .realestate-griglia figure { height: 175px; }
    .realestate-griglia .testo-list p { height: 90px; }

    .realestate-lista figure { height: 170px; }
    .realestate-lista .details-list span { width: 39.3%; }
    .realestate-lista .classe_energetica-list { bottom: 10px; }

    .realestate-agenzie .testo-list p { overflow: hidden; height: 35px; }
    .realestate-scheda-age .agenti .grid-6 p { font-size: 12px; }

    .realestate-scheda .details span { width: 64px; }
    .realestate-scheda .details div { border-left: 0px; } 
    .realestate-scheda .caratteristiche .grid-4 { width: 50%; } 
    .realestate-scheda .vicinanze .grid-3 { width: 33%; }
    .realestate-scheda .condivisioni .cond-social { font-size: 13px; }

    .realestate-simili .immobile h3 { height: 40px; }
    .realestate-simili .immobile figure { height: 175px; }
}

@media only screen and (max-width: 480px) {
    
    .widthSite { border: 0px solid #00ff00; }
    .lingue { top: -15px; }
    
    /*search*/
    .cerca-home .grid-3 { width: 50%; }
    .cerca-home .grid-3 h2 { width: 200px; }
    .search .cerca_input { width: 194px; }
    .search .cerca_da_a { width: 93px; }
    .search .ui-state-default { width: 200px !important; }

    .cerca-int .grid-3 { width: 50%; float: left; height: 60px; }
    .cerca-int .all_dx { width: 100%; }

    /*real estate*/
    .realestate-index figure { height: 145px; }
    .realestate-index .testo p { height: 90px; }
    .realestate-index .details { height: 70px; }
    .realestate-index .details span { width: 34%; }
    
    .realestate-agenzie .testo-list p { height: 55px; }
    
    .realestate-griglia figure { height: 140px; }
    .realestate-griglia .titolo-list h2 { font-size: 15px; }
    .realestate-griglia .testo-list p { height: 105px; }
    
    .realestate-lista figure { height: 150px; width: 190px !important; }
    .realestate-lista .titolo-list h2 { font-size: 15px; }  
    .realestate-lista .testo-list p { height: 80px; }
    .realestate-lista .prezzo_full-list { padding: 10px 0px; text-align: right; }
    
    .realestate-scheda .details span { width: 64px; border-right: 0px; } 
    .realestate-scheda .details div { float: none; padding: 10px 0px 0px 350px; } 
    .realestate-scheda .condivisioni .titolo { padding: 18px 10px; }
    .realestate-scheda .condivisioni .cond-social { width: 66px; }
    
    .realestate-simili .immobile figure { height: 150px; }
}

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

    .widthSite { border: 0px solid #0000ff; }
    
    /*default*/
    h1 { font-size: 25px; }

    /*box menu*/
    .box-responsive-menu { left: -2px; }
    header .grid-4 { width: 100%; float: none; text-align: center; }
    header .grid-8 { width: 100%; float: none; }
    
    .box-responsive-menu { font-size: 35px; }
    .logo img { max-width: 200px; }

    /*listings*/
    .listing-nav li:first-child { display: none; }

    /*footer*/
    .footer .grid-6 { width: 100%; }
    .footer .grid-6 p { text-align: center; }

    /*search*/
    .cerca-home .grid-3 { width: 100%; }
    .cerca-home .grid-3 h2 { width: 275px; }
    .cerca-home .grid-3 { text-align: center; }    
    .search .cerca_input { width: 269px; }
    .search .ui-state-default { width: 275px !important; }

    .cerca-int .grid-3 { width: 100%; float: none; }
    .cerca-int .all_dx { width: 100%; }
    
    /*elementi grafici*/
    .skdslider .slide-elem > h2 { font-size: 20px !important; }
    
    /*real estate*/
    #galleria-scheda { height:300px !important; }

    .realestate-index { width: 100%; }
    .realestate-index figure { height: 190px; }
    .realestate-index .testo p { font-size: 13px; height: 70px; }
    
    .realestate-griglia { width: 100%; }
    .realestate-griglia figure { height: 192px; }
    .realestate-griglia .testo-list p { height: 85px; }
    
    .realestate-lista figure { width: 100% !important; height: 192px; }
    .realestate-lista .testo-list p { height: 60px; }
    .realestate-lista .details-list span { width: 37.3%; }
    .realestate-lista .classe_energetica-list { display: none; }

    .realestate-scheda .details span { width: 90px; }
    .realestate-scheda .details div { padding: 10px 0px 0px 210px; }
    .realestate-scheda .codice { width: 100%; }
    .realestate-scheda .informazioni .grid-6  { width: 100%; }
    .realestate-scheda .caratteristiche .grid-4  { width: 100%; }
    .realestate-scheda .vicinanze .grid-3  { width: 50%; }
    .realestate-scheda .condivisioni .titolo { padding: 8px 10px; }
    .realestate-scheda .condivisioni .cond-social { font-size: 0px; width: 26px; }
    .realestate-scheda .condivisioni .cond-social .fa { font-size: 25px; }
    .realestate-scheda .video img { height: 200px; }
    .realestate-scheda .virtualtour iframe { height: 200px; }
    
    .realestate-simili .immobile { width: 95%; }
    .realestate-simili .immobile figure { height: 196px; }
    .realestate-simili .immobile p { height: 55px; }

    .realestate-agenzie figure { height: 190px; width: 255px !important; }
    .realestate-agenzie .titolo-list h2 { font-size: 17px; }
    .realestate-agenzie .testo-list p { height: 85px; }
    
    .realestate-scheda-age .agenti .grid-6  { width: 100%; }
}