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

    .widthSite { border: 0px solid #000FF0; }
    .slide-top {height: 432px!important;}
    .slide-top_int {height: 432px!important;top: 0px!important;}
    
    .box-home {margin-left: 0px!important;width:100%!important;}
    .box-home .text {height: 285px;}
    .box-home figure {height: 345px;width: 50.8vw;margin-left: calc(-50vw + 510px); margin-left: -o-calc(-50vw + 510px); /* opera */ margin-left: -webkit-calc(-50vw + 510px); /* google, safari */ margin-left: -moz-calc(-50vw + 510px); /* firefox */;}
    .box-home .bg_extra {display: none;}
    .skdslider a.prev {display: none!important;}
    .skdslider a.next {display: none!important;}
    
    .menu3 {margin-left: 0px;width: 97.5vw!important;}
}


@media only screen and (max-width: 812px) {
    
    
    .padding-int { padding: 0px 10px; }
    
    /*disattivo il menu testuale e attivo il menu a scomparsa*/
    .box-responsive-menu { display: block; font-size: 30px; position: absolute; top: -5px; left: 10px;z-index: 99999;cursor: pointer;}
    .box-responsive-menu .fa {color: #fbd213;padding: 0px;}
    .menutop {display: none;}
    .menu2 .menu_action .sx {display: none;}
    .menu2 .menu_action .dx {display: none;}
    .menu2 .menu_action .cont_logo {float: none;margin: auto;width: 24%;}
    
    .menu3 {padding: 50px 10px 30px!important;}
    
    h1 { font-size: 27px; }
    
    .page-home {padding: 0px 15px 0px 15px!important;}
    
    /*slide top*/
    .slide-top {height: 323px!important;}
    .slide-top_int {height: 323px!important;}
    
    /*linkcompleto*/
    .breadcrumb { padding: 0px 5px; }

    /*footer*/
    .footer .sx {padding-left: 10px;width: 36%;}
    .footer .dx {padding-right: 10px;width: 40%;}
    .footer .txt p { padding: 0px 10px; }

    /*section*/
    .col_sx { width: 97%; margin-top: 20px;padding: 0px 10px;}
    .col_dx { width: 97%; margin-top: 20px;padding: 0px 10px;}
    
    .box-home figure {height: 275px;width: 54vw;margin-left: calc(-50vw + 370px);margin-left: -o-calc(-50vw + 370px);margin-left: -webkit-calc(-50vw + 370px);margin-left: -moz-calc(-50vw + 370px);}
    .box-home .text {height: 215px;padding: 30px 15px 30px 15px;}

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

    /* listing */
    .listing-nav { right: 10px; }
    
    /*search*/
    .cerca-home {display: none;}
    .cerca-int {display: none;}
    .search_responsive {display: block;}
    .search_responsive ul li {display: inline-block; zoom:1; *display: inline; margin: 0px 0px 20px 0px;}
    .search_responsive ul li a {padding: 12px 20px;background: rgba(26,23,27,0.78);text-transform: uppercase;display: block;color: #fff;font-family: myriad;font-size: 17px;}
    .search_responsive ul li a:hover {background: #fbd213;color: #434243;text-decoration: none;}
    .search_responsive ul li a:focus {background: #fbd213;color: #434243;text-decoration: none;}
    
    
    /*real estate*/
    .nbs-flexisel-nav-right { right: -11px !important; }
    
    .realestate-index {margin: 0px 15px 50px 15px!important;width: 45.5%;}
    .realestate-index figure .info .bg_immo {left:-44%;}
    .realestate-index figure .info2 {width: 80%;}
    
    .realestate-griglia {margin: 0px 15px 50px 15px!important;width: 45.5%!important;}

    .realestate-scheda .condivisioni .cond-social .fa { font-size: 29px; }
    .panel_th_dx {height: 385px!important;}
    ul.exposureThumbs {height: 385px!important;}
    #exposure {height: 430px!important;}

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

    .realestate-simili .immobile {margin: 0px 15px 50px 15px!important;width: 45.5%;}
    .realestate-simili .immobile figure { height: 210px; }
}

@media only screen and (max-width: 668px) {
    
    .widthSite { border: 0px solid #ff0000; }
    
    .cont_logo .logo img {height: 70px!important;}
    
    h1 {font-size: 24px;}
    .page-home {padding: 10px;}
    
    /*messaggio errore*/
    .messaggio-errore { font-size: 13px; }
    
    /*slide top*/
    .slide-top {height: 236px!important;}
    .slide-top_int {height: 236px!important;}
    
    .col_sx {width: 96%!important;}
    .col_dx {width: 96%!important;}
    
    .box-home {width: 97vw;}
    .box-home figure {height: 195px; width: 57vw; margin-left: calc(-50vw + 288px);margin-left: -o-calc(-50vw + 288px);margin-left: -webkit-calc(-50vw + 288px);margin-left: -moz-calc(-50vw + 288px);}
    .box-home .text {height: 155px;padding: 20px 15px 20px 15px;}
    .box-home .text h3 {margin-bottom: 10px;}
    .box-home .text p {font-size: 13px;}
    
    .menu2 .menu_action .cont_logo {width: 32%;}
    
    .menu3 .menu_action > li {width: 48%;}
    
    /*sitemap*/
    .sitemap-realestate .grid-6 { width:100% !important; }
    
    /*search*/
    .cerca-responsive .grid-3 { width: 33%; }
    .cerca-responsive .grid-3 h2 { width: 160px; }
    .cerca-responsive .bottSubmit {width: 65%!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: 154px; }
    .search .cerca_da_a { width: 73px; }
    .search .ui-state-default { width: 160px !important; }

    /*real estate*/
    .realestate-lista {width: 44.3%; float: left;margin: 0px 15px 25px 15px!important;}
    .realestate-lista figure {width: 100%;height: 170px;margin-bottom: 10px;}
    .realestate-lista .boxfoto {height:170px;width: 100%;}
    .realestate-lista .info {width: 99%;}
    .realestate-lista .info .titolo-list span {font-size: 17px;}
    .realestate-lista .info .testo-list p {font-size: 13px;height: 145px;}
    .realestate-lista .info .details-list {height: 90px;}
    
    .realestate-index {width: 44.5%;}
    .realestate-index figure {height: 200px;}
    .realestate-index figure .info .bg_immo {left: -67%;}
    .realestate-index figure .info2 {padding: 20px;width: 85%;height: 160px;}
    .realestate-index figure .info2 .testo {height: 75px;}
    .realestate-index figure .info2 .testo p {font-size: 13px;margin-bottom: 10px;}
    .realestate-index figure .info2 .button {margin-top: 20px;}
    .realestate-index .titolo {height: 35px;}
    .realestate-index .details span { width: 36%;}
    
    .realestate-griglia {width: 44.3%!important;}
    .realestate-griglia .boxfoto {height: 175px;}
    .realestate-griglia figure { height: 175px; }
    .realestate-griglia .info .testo-list p {height: 145px;}
    .realestate-griglia .info .details-list span {width: 30%;}

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

    .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 .bg_section {font-size: 15px;}
    .realestate-scheda .informazioni .dettaglio {height: 58px!important;}
    .realestate-scheda .caratteristiche .dettaglio {height: 58px!important;}
    
    .realestate-simili .immobile {width: 44%;}
    .realestate-simili .immobile h3 { height: 40px; }
    .realestate-simili .immobile figure { height: 175px; }
    .realestate-simili .immobile .info .titolo {height: 60px!important;}
    .realestate-simili .immobile .info .testo p {height: 110px;}
    
    .footer {padding: 5px 0px 30px;}
    .footer .sx {width: 50%;padding: 10px!important;}
    .footer .cx {width: 44%;padding: 10px!important;}
    .footer .dx {width: 96%;padding: 10px!important;text-align: center!important;}
    .footer .dx .social {margin: 25px 0px 0px!important;float: none!important;}
    
}

@media only screen and (max-width: 480px) {
    
    .widthSite { border: 0px solid #00ff00; }
    
    .TOP {height: 40px!important;}
    .box-responsive-menu .fa {font-size: 45px!important;}
    .lingue {margin: 8px 0px 0px 0px;}
    
    .cont_logo .logo::before {width: 155px!important;height: 155px!important;}
    
    /*default*/
    h1 { font-size: 21px; }

    /*box menu*/
    .logo img { max-width: 200px; }
    
    
    .menu2 {height: 30px!important;}
    
    .menu3 {width: 95.7vw!important;}
    .menu3 .menu_action > li {width: 100%;}
    
    .slide-top {height: 155px!important;}
    .slide-top_int {height: 155px;}
    
    .box-home {width:100%!important;}
    .box-home figure {width: 100%!important;margin-left: 0px!important;height: 240px;}
    .box-home .text {width: 94%!important;}
    
    .col_sx {width: 94%!important;}
    .col_dx {width: 94%!important;}
    
    /*search*/
    .search_responsive ul li a {font-size: 14px;padding: 10px 15px;}
    .cerca-responsive .grid-3 {width: 98%!important;text-align: center!important;}
    .search .cerca_input {width: 98%!important;}
    .search .ui-state-default {width: 99%!important;}
    .search .cerca_da_a {width: 47%;}
    .cerca-responsive .grid-3 input[type="submit"] {margin-right: 0px!important;}

    .page-home {padding:0px 10px 15px 10px!important;}


    /*real estate*/
    .risultati-lista {}
    .risultati-lista .grid-7 {width: 100%!important;text-align: center!important;margin: 0px 0px 8px 0px;}
    .risultati-lista .grid-7 p {text-align: center!important;}
    .risultati-lista .grid-5 {width: 100%!important;text-align: center!important;}
    
    
    .realestate-index {width: 92%!important;}
    .realestate-index figure { height:250px!important; }
    .realestate-index figure .info .bg_immo {left: -29%!important;}
    .realestate-index figure .info2 {width: 91%;height: 210px;}
    
    .realestate-agenzie .testo-list p { height: 55px; }
    
    .realestate-griglia {width: 90%!important;}
    .realestate-griglia figure { height: 210px; }
    .realestate-griglia .boxfoto {height: 210px;}
    
    
    .realestate-lista figure { height: 150px; width: 190px !important; }
    .realestate-lista .titolo-list span { font-size: 15px; }  
    .realestate-lista .testo-list p { height: 80px; }
    .realestate-lista .prezzo_full-list { padding: 10px 0px; text-align: right; }
    
    .realestate-scheda .details div {margin-bottom: 15px;display: none;} 
    .realestate-scheda .condivisioni .titolo { padding: 18px 10px; }
    .realestate-scheda .condivisioni .cond-social { width: 66px; }
    .realestate-scheda .bg_section {padding: 10px!important;}
    .realestate-scheda .informazioni .dettaglio {width: 100%!important;height: 58px!important;}
    .realestate-scheda .caratteristiche .dettaglio {width: 100%!important;height: 58px!important;}
    .realestate-scheda .vicinanze .grid-4 {width: 50%!important;}
    .realestate-scheda .vicinanze .grid-4:nth-child(3n+2) {text-align: left!important;}
    .realestate-scheda .vicinanze .grid-4:nth-child(3n) {text-align: left!important;}
    #exposure {width: 100%!important;height: 330px!important;}
    .exposureWrapper img {max-height: 400px!important;}
    #images {display: none!important;}
    .panel_th_dx {height: 0px!important;}
    
    .realestate-contatta input[name="nome"] {width: 48%!important;}
    .realestate-contatta input[name="cognome"] {width: 48%!important;}
    .realestate-contatta input[name="telefono"] {width: 48%!important;}
    .realestate-contatta input[name="email"] {width: 48%!important;}
    .realestate-contatta textarea {width: 96%!important;}
    
    .realestate-simili .immobile figure { height: 150px; }
    

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

    /*search*/
    .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 .testo-list p { height: 85px; }
    
    .realestate-lista .testo-list p { height: 60px; }
    .realestate-lista .details-list span { width: 37.3%; }
    .realestate-lista .classe_energetica-list { display: none; }

    .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: 92%; }
    .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%; }
    .realestate .float1, .realestate .float2 { float: none; }
    
    
    .footer .sx {width: 95%!important;text-align: center!important;}
    .footer .sx .tit_footer {margin: 0px 0px 10px 0px;}
    .footer .sx .contatto {margin: 0px 0px 8px 0px;text-align: center;}
    .footer .sx .contatto .img {display: inline-block;vertical-align: top;float: none!important;}
    .footer .sx .contatto .txt {display: inline-block;vertical-align: top;text-align: left;float: none!important;}
    .footer .cx {width: 95%!important;}
    .menu4 .lblue li a {text-align: center!important;}
    .footer .dx {width: 95%!important;}
}


@media only screen and (max-width: 380px) {
    .slide-top {height:130px!important;}
    .slide-top_int {height:130px!important;}
    
    .menu2 .menu_action .cont_logo {margin: 0px 0px 0px 60px!important;width: 40%!important;}
    .cont_logo .logo::before {height: 145px!important;width: 145px!important;}
    
    
    .realestate-index figure .info .bg_immo {left:-52%!important;}
    .realestate-index {width: 90%!important;}
    
    
    .box-home .text {width: 92%!important;}
    
    .col_sx {width: 93%!important;}
    .col_dx {width: 93%!important;}
    
    .footer .dx {width: 93%!important;}
    .footer .cx {width: 93%!important;}
    .footer .sx {width: 93%!important;}
    
}