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

    .g-recaptchasmall {transform:scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0;}

    .onlyMobile { display: block !important; }
    .onlyMobileSocial { display: inline-block !important; }

    .widthSite { border: 0px solid #000FF0; }
    .padding-int { padding: 0px 10px; }
    .lingue { top: 20px; right: 20px; }
    
    /*disattivo il menu testuale e attivo il menu a scomparsa*/
    #cookie-dett p { margin: 0px; margin-right: 35px; }
    #menu_action { display:none; }
    .menutop { padding-top: 0px; }
    .box-responsive-menu { display: block; font-size: 45px; position: absolute; top: 10px; left: 10px; }
    
    #OpenRespMenu .fa { color: #ffffff; background: #333333; padding: 5px 10px; margin-top: 5px; font-size: 35px; }
    #testataSito .grid-5 { width: 100%; float: none; text-align: center; }
    #testataSito .grid-3 { width: 45%; margin: 0px 2.5% 0 2.5%; }
    #testataSito .grid-4 { width: 45%; margin: 0px 2.5% 0 2.5%; }
    #testataSito .grid-12 { display: none; }
    
    .flexslider, .flex-viewport	{height: calc(100vh - 180px) !important; height: -o-calc(100vh - 180px) !important; /* opera */ height: -webkit-calc(100vh - 180px) !important; /* google, safari */ height: -moz-calc(100vh - 180px) !important; /* firefox */}
    article { padding: 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; }

    .border-section-int img { width: 100%; }

    /* listing */
    .listing-nav { right: 10px; }
    
    /*search*/
    .cerca-int .grid-3 { width: 33%; }
    
    /*real estate*/
    .nbs-flexisel-nav-right { right: -10px !important; }
    
    .realestate-index .titolo { font-size:15px; }
    .realestate-index figure { height: 169px; width: 225px !important; margin-right: 5px; }
    .realestate-index .testo p { height: 80px; font-size: 13px; padding: 5px; overflow: hidden; }

    .realestate-griglia figure { width: 100% !important; height: 169px; }
    .realestate-griglia .testo-list p { height: 145px; }
    
    .realestate-lista .codice-list { bottom: 12px; }
    .realestate-lista .classe_energetica-list { bottom: 30px; }

    .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: 31%; }
    .realestate-simili .immobile figure { height: 169px; width: 225px; }
    .realestate-simili .immobile p { height: 60px; }
}

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

    .page-home h1 { margin-top: 0px; }

    /*messaggio errore*/
    .messaggio-errore { font-size: 13px; }
    
    /*slide top*/
    .slide-top { display: none; }
    
    /*sitemap*/
    .sitemap-realestate .grid-6 { width:100% !important; }
    
    /*search*/
    .search_responsive { display: block; }
    .cerca-responsive .grid-3 { width: 33%; height: 40px; }
    .cerca-responsive .grid-3 input[type="submit"] { margin-right: 0 !important; }
    
    .cerca-home { display: none; }
    .cerca-home .grid-3 { width: 33%; }
    .cerca-home .grid-3 h2 { width: 160px; }
    .cerca-int { display: none; }
    .search .cerca_input { width: 93%; }
    .search .cerca_da_a { width: 44%; }
    .search .ui-state-default { width: 95% !important; }

    /*real estate*/
    .risultati-lista .grid-7 {width: 100%;float: none;text-align: center!important;}
    .risultati-lista .grid-7 p {position: relative;left: 6px;}
    .risultati-lista .grid-5 { float: right; width: 100%!important;text-align: center;}
    
    .realestate-index { width: 48%; }
    .realestate-index .titolo { height: 45px; }
    .realestate-index figure { height: 225px; width: 100% !important; margin-right: 0px; float: none; }
    .realestate-index .details span { width: 36%; }
    .realestate-index .testo { height: 85px; }

    .realestate-griglia { width: 48%; }
    .realestate-griglia figure { height: 224px; }
    .realestate-griglia .testo-list p { height: 110px; font-size: 13px; }

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

    .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-scheda .video img { height: 230px; }
    .realestate-scheda .virtualtour iframe { height: 240px; }

    .realestate-simili .immobile { width: 48%; }
    .realestate-simili .immobile h3 { height: 50px; }
    .realestate-simili .immobile figure { height: 226px; width: 100%; }
    .realestate-simili .immobile p { height: 40px; font-size: 13px; }
    
    .dettagliBott { display: none; }
    .slideelemtop { height: 250px !important; }
}

@media only screen and (max-width: 480px) {
    
    .widthSite { border: 0px solid #00ff00; }
    
    .schedaMobile { display: none; margin-top: 15px; }
    .bottOpenSez { display: block;position: relative;left: 0px;right: 0px;bottom: -4px;top: auto; text-align: center; }
    .realestate-scheda .informazioni{text-align: center;}
    .realestate-scheda .caratteristiche{text-align: center;}
    .realestate-scheda .vicinanze{text-align: center;}
    .realestate-scheda .mappa{text-align: center;}
    .swiper-button-next, .swiper-button-prev { width: 14px !important; height: 14px !important; background-size: 14px 44px !important; }

    #testataSito .grid-4 { margin-bottom: 10px; }
    .telefono .fa { font-size: 25px; line-height: 33px; }
    .telefono .grid-2 { width: 40px; height: 40px; }
    .telefono .grid-8 h2 { font-size: 26px; }
    .indirizzo .fa { font-size: 25px; line-height: 33px; }
    .indirizzo .grid-2 { width: 40px; height: 40px; }
    .indirizzo .grid-8 { font-size: 9px; margin-top: 10px; }

    .contatti-form input[type="text"] { width: 96%; }
        
    /*search*/
    .cerca-responsive .grid-3 { width: 50%; }
    .cerca-responsive .bottSubmit { width: 100%; text-align: center; }
    .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%; }
    
    .footer .grid-7 { width: 100%; }
    .footer .grid-5 { width: 100%; }
    
    /*real estate*/
    .titoloscheda { margin-right: 45px; }
    
    .realestate .float1 { float: none; } 
    .realestate-index { width: 300px; margin: auto !important; }
    .realestate-index figure { height: 225px; }
    .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 { width: 300px; margin: auto !important; margin-bottom: 20px !important; }
    .realestate-griglia figure { height: 225px; }
    .realestate-griglia .titolo-list { font-size: 15px; }
    .realestate-griglia .testo-list p { height: 105px; }
    
    .realestate-lista .titolo-list { height: 40px; }
    .realestate-lista figure { height: 150px; width: 190px !important; }
    .realestate-lista .titolo-list { font-size: 15px; }  
    .realestate-lista .testo-list p { height: 100px; }
    .realestate-lista .prezzo_full-list { padding: 10px 0px; text-align: right; }
    
    .realestate-scheda .listing-nav { top: -85px; } 
    .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-scheda .video img { height: 160px; }
    .realestate-scheda .virtualtour iframe { height: 170px; }

    .realestate-contatta .grid-6 { width: 100%; margin-bottom: 10px; }
    .realestate-contatta input { width: 100%; }
    .realestate-contatta textarea { width: 93%; }
        
    .realestate-simili .immobile p { height: 60px; }
    .realestate-simili .immobile figure { height: 150px; }
    .slideelemtop { height: 150px !important; }

    .ui-selectmenu-menu .ui-menu { font-size:14px; }
/*}

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

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

    /*box menu*/
    .box-responsive-menu { left: 5px; font-size: 35px; }

    #testataSito .grid-3 { width: 70%; margin: 0px 15% 0 15%; }
    #testataSito .grid-4 { width: 70%; margin: 0px 15% 20px 15%; }
    .indirizzo .grid-8 { font-size: 14px; margin-top: 0px; }
    
    .logo img { max-width: 300px; margin-top:41px;}

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

    .contatti-form input[type="text"] { width: 95%; }

    /*footer*/
    .footer .grid-6 { width: 100%; }
    .footer .grid-6 p { text-align: center; }
    .footer .chiusura { font-size: 13px; }
    
    /*search*/
    .cerca-responsive .grid-3 { width: 100%; text-align: center; }
    .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; }
    .search .cerca_da_a { width: 130px;font-size: 16px; }

    .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*/
    .titoloscheda { margin-right: 0px; }

    #galleria-scheda { height:300px !important; }

    .realestate-index { width: 253px; margin-bottom: 20px !important; }
    .realestate-index .titolo { height: 35px; }
    .realestate-index figure { height: 190px; }
    .realestate-index .testo p { font-size: 13px; }
    .realestate-index .testo { height: 100px; }
    
    .realestate-griglia { width: 253px; margin-bottom: 20px !important; }
    .realestate-griglia .titolo-list { height: 40px; }
    .realestate-griglia figure { height: 190px; }
    .realestate-griglia .testo-list { height: 97px; }
    
    .realestate-lista figure { width: 100% !important; height: 192px; float: none; }
    .realestate-lista .titolo-list { height: auto; }
    .realestate-lista .codice-list { bottom: auto; top: 10px; }
    .realestate-lista .testo-list p { height: 60px; }
    .realestate-lista .details-list span { width: 37.3%; }
    .realestate-lista .classe_energetica-list { display: none; }
    
    .risultati-lista .grid-5 {text-align: center !important;}

    .realestate-scheda .details span { width: 90px; margin-bottom:3px;}
    .realestate-scheda .details div { padding: 10px 0px 0px 210px; }
    .realestate-scheda .codice { width: 100%; }
    .realestate-scheda .informazioni .grid-6  { width: 100%; font-size:14px;}
    .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 { width: 100%; float: none; }
    .realestate-scheda .video img { height: 200px; }
    .realestate-scheda .virtualtour { width: 100%; float: none; }
    .realestate-scheda .virtualtour iframe { height: 200px; }
    .testo p {font-size: 14px;}
    .realestate-contatta input { width: 95%; }
    
    .realestate-simili .immobile { width: 253px; margin: auto !important; margin-bottom: 20px !important; float: none; }
    .realestate-simili .immobile figure { height: 190px; }
    .realestate-simili .immobile p { height: 40px; }

    .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%; }
    .realestate .float1, .realestate .float2 { float: none; }
    .typo {margin-left:7px;}
}