﻿@media screen and (max-width:1024px) {

    .imageIntroPageDettaglioPost {
        height: 110px;
    }
    .onlyDesktop {
        display: none !important;
    }
    .onlyMobile {
    display: block !important;
}

    .boxIntroMacro .boxTitle {
        padding-top: 40px;
    }
     .boxIntroMacro .boxTitle h1{
        padding: 10px;
      font-weight: 600;
      font-size: 20px;
      line-height: 20px !important;
    }
    .boxIntroMacro .boxTitle p{
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
    }


    .insidePromo {
        padding:30px 0;
    }

    .fotoPromo {
        width:100%;
        position:relative;
        top:0;
        left:0;
    }
    .textPromo {
        position:relative;
        padding:0;
    }
    .userLoggedMobile {
        display:block;
    }

    .intro {
        padding-top: 0px;
    }
    .intro h1 {
      padding-top: 120px;
    }
    .sectionContent {
      padding: 110px 10px 60px 10px ;
    }



    .miniBtnMenu {
        display:block;
    }
    #top_menu {
        display:none;
    }
    .spacerTop {
        height:0px;
    }
    .onlyMobile {
        display:block !important;
    }



    h1 {
      font-size: 40px;
      line-height: 40px !important;
      padding-left:10px !important;
      padding-right:10px !important;
    }

    .titleSection h1 {
        padding: 0px !important;

    }
    
    
    .icon-box-lovely {
        width: 48.33333333333333%;
    }
    .logo {
         transform: translate(0, 10px);
        -o-transform: translate(0, 10px);
        -ms-transform: translate(0, 10px);
        -moz-transform: translate(0, 10px);
        -webkit-transform: translate(0, 10px);
    }

    .imageIntroPage {
        height:200px;
    }

    .breadCrumb {
        padding:0 10px;
    }

    .fullPage .boxElemPost {
        width: 32.5%;
    }

    .colDX {
        position: relative;
      top:auto;
      right: auto;
      width: 100%;

        margin-top: 0px;
        margin-bottom: 10px;
        float:left;
    }


    .contentPage {
        width:100%;
    }

    .labelBoxCopertina {
        padding-right: 0;
        padding-left: 195px;
    }
}



@media screen and (max-width:940px) {

    #footer .listFooter ul {
        width: 25%;
        display: inline-block;
    }

    .ico_caratteristiche {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px dotted #dedede;
        text-align: left !important;
        position: relative;
    }

        .ico_caratteristiche i {
            width:80px;
            height:80px;
            background-size:50px !important;
            position:absolute;
            top:0;
            left:0;
        }
        .ico_caratteristiche h3 {
            display: inline-block !important;
            padding: 20px 0 20px 80px;
            text-align:left !important;
        }

        .ico_caratteristiche p {
            text-align: left;
            padding: 0 20px;
            padding-left: 80px;
            margin-top: -30px;
            margin-bottom: 30px;
        }


    .boxPricePromoRegistrazione {
        display: block;
    max-width: 320px;
    padding: 10px;
    font-size: 80px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background-color: #fdb714;
    margin: 5px auto 20px auto;
    font-weight: bold;
    }

    .halfColumn {
        width:100%;
    }

    .schedaAttivita {
        margin-right: 0px;
        width: 100%;
    }


    .halfColumnSecondProfile {
        width:100%;
        padding-right: 0px;
    }
    .gridPhoto {
        display:none;
    }

    .listSchedaOption li {
        border-bottom: 1px solid #dedede;
        display: inline-block;
        vertical-align: top;
    }

    .halfColumnFirstProfile {
        width:100%;
    }

    
    .contentPage {
        width:100%;
    }
    .boxVideo {
        height:300px;
    }
    .singleElem {
        width:50%;
    }
    
    
}

@media screen and (max-width:900px) {

    .halfWrapper.second {
        padding-right:0;
    }

    .resultStrutture {
        background-color:#000;
    }
    .fieldSet {
        max-width:100%;
        margin-bottom:5px;
    }

    .boxPostUtenti .boxElemPost {
        width: 32.9%;
    }
    .boxSlideContent {
        width:100%;
    }
    .boxRecentNews {
        display:none;

    }
    .boxInstagram {
        display:block;
    }

    .contentPage {
        width:100%;
        padding-left:0;
        padding-right:0;
        min-height:unset;
    }


    .cellTabContent {
        min-width:49.5%;
        margin-right: 0;
    }


    .cellTabContent .halfCell {
            padding-right: 0;
    }

    .halfSection .insideSquare {
        padding: 20px 30px 20px 30px;
    }
    /*-------------------------------------*/

    .boxFilterMap {
        text-align:left;
    }
    .boxFilterMap {
        display:block;
        position: fixed;
        z-index: 99;
        width: 100%;
        bottom:0px;
        right: 0;
        left:0;
        top: 0;
        padding-top: 100px;

        transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);

    }
    .boxFilterMap.open {
        transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }
    .icoMappa {
        width: 50px !important;
        height:50px !important;
        padding-right: 5px;
        position: absolute;
        left: -50px;
        top: 70px;
        background-color: #5f5abe;
        background-position:center center !important;
        height: 50px;
        padding: 0;

    }
        .icoMappa .labelFilterMap {
            display:none;
        }

    .icoFiltriMappa {
        display:block!important;
        width: 50px !important;
        padding-right: 5px;
        position: absolute;
        left: -50px;
        right:unset;
        top: 19px;
        margin:0;
        background-color: #5f5abe;
        background-position:center center !important;
        height: 50px;
        padding: 0;

    }

    .icoFiltriMappa .labelFilterMap {
        display:none;
    }

    .boxFilterMap.open .icoFiltriMappa {
        right: 0px;
        left:unset;
        top:0;
        background-image:url(../App_Images/filter/closeFilter.png);
        
    }

    .boxFilterMap.open  .boxFilter{
        display:inline-block;
    }

    #boxInterattiva {
        padding-top:100px;
    }
    .colDXMaps {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        background: #000;
        z-index: 999;
        overflow-y: scroll;
        padding-top: 0;
        height: 100%;

         transform: translate(100%, 0);
        -o-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -webkit-transform: translate(100%, 0);
    }
    .colDXMaps.open {
        transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
    }

    

}

@media screen and (max-width:800px){

    .boxPrezzoOnlineRepeat {
        padding-left: 210px;
    }

    ul.menu-square li {
        width: calc(25% - 20px);
    }
    .contentFooter {
        padding: 0 10px;
    }








    .boxIcoServizi {
        left: 205px;
    }

    .insidePromo {
        padding:30px 10px;
    }

    .elem-eventi .imageElem {
            z-index: 2;
            margin-right:0;
    }
    .elem-eventi .boxElem {
        height: 150px;
        min-height: 150px;
    }
    .elem-eventi .dataSlide {
        top: 5px;
        left: 200px;
            z-index: 3;
            height: 68px;
    }
    .elem-eventi .day {
            font-size: 24px;
    }

    .elem-eventi .infoElem {
        min-height: 140px;
        padding: 74px 6px 6px 200px;
    }



    .boxCategoriaDormire li {
        margin: 0 10px;
    }
    .boxCategoriaDormire li .icona {
        width: 80px;
        height: 80px;
        background-size: 65%;
    }
    .boxCategoriaDormire li .labelIcona {
        font-size: 12px;
    }
    .contentElem {
        padding: 0 10px !important;
    }
    .contentPage header {
        padding:0 10px;
    }
    .boxVideo {
        height:400px;
    }
    .btnMappa {
        display: inline-block;
            overflow: hidden;
        text-indent: -9999999px;
        width: 40px;
        padding: 10px 0;
        right: 5px;
        background-image:url(../App_Images/openMap.png);
        background-position:center  center;
        background-repeat:no-repeat;
    }
        .btnMappa:hover {
            background-image:url(../App_Images/openMap.png);
        background-position:center  center;
        background-repeat:no-repeat;
        }


    .boxPromoDetail .pricePromoShow {
            top: auto;
        bottom: 10px;
        right: 10px;
        height: 100px;
        width: 100px;
        font-size: 40px;
        line-height: 82px;
    }





    .typePromoShow {
        font-size: 14px;
    }
    .imageProfileThumb .boxUploadImage .loadImg{
        height: 100px;
        width: 100px;
    }
    .imageCopertinaProfile {
        height:240px;
    }
    .imageProfileThumb {
        height: 100px;
        width: 100px;
        top: -105px;
        left:10px;
    }
    .insidePage {
        padding:10px;
    }
    .listOptionProfile {
        border-right:1px solid #dedede;
    }

    

    .listSchedeAttivita {
        border-right:1px solid #dedede;
    }
    .sectionPage {
        background-attachment:scroll;
    }
    .icon-box-lovely {
        width: 100%;
    }

    .singleElem {
        width:100%;
    }
    .dobleElem {
        width:100%;
    }


    /*-------------------------------*/
    .elem-news .boxElem {
        height: 150px;
    }
    .sectionPromozioni .boxElem {
        min-height: 140px;
    }

    .cartElem .boxElem {
        min-height: 130px !important;
    }


    .boxElem {
        min-height: 150px;
    }

    .imageElem {
        height:140px;
        width: 190px;
        float: left;
        margin-right: 20px;
    }
    .sectionPromozioni .imageElem {
        border:none;
    }

    .prezzoScontato {

        line-height: 30px;
    }

    .boxEtichetta {
        top:140px;
    }
    .imageFix {
        height:140px;
    }
    /*-------------------------------*/
    .fullPage .dobleElem {
    width: 100%;
    }

    .fullPage .boxElemPost {
        width: 49.5%;
    }


    #coupon-page {
    background-image:url(../App_Images/elba-coupon-dark.jpg);
    background-position: right center;
    }

    .slideInfo {
        border-right: 1px solid #dedede;
    }
    .onlyDesktop {
        display:none !important;
    }

    .boxButton {
        text-align:center;
    }
    .maxWidth {
       padding: 0px;
    }
    #promoIntro {
        padding-top:0;
    }
    #promoIntro .boxTitle {
        position: relative;
        left: 0;
        width: 100%;
        color: #fff;
        padding-top: 130px;
    }

    
    .slideInfo p {
        display:none;
    }
    

    .colDXNews {
        width:100%;
    }

    #footer ul {
        width: 48%;
        padding: 0 10px;
    }

}


@media screen and (max-width:700px) {
    .singleSlideAttivita {
        min-height:290px;
    }
    .boxPostUtenti .boxElemPost {
            width: 49.5%;
    }

    .imgSquare {
        width:100%;
        height:auto;
    }
    
    
    .boxFilter {
       margin-top: 6px;
    }

    .treeColumn {
        width:100%;
    }

    .bodyColDx {
        position:relative;
        width:100%;
        padding:60px 0 0 0;
    }
        .bodyColDx .outer {
            position:relative;
        }
    .bodyDx {
        padding:10px !important;
    }

    .fieldThreeCol {
        width:50%;
    }
    .fieldFourCol {
        width:50%;
    }
    .fieldThreeCol:nth-child(2n+1) {
        padding-left:0;
    }
    
    .fieldFourCol:nth-child(2n+1) {
        padding-left:0;
    }

    .pagineInterne p {
        line-height: 28px;
        margin-bottom: 30px;
        font-size: 16px;
    }
}

@media screen and (max-width:640px) {

    ul.menu-square li {
        width: calc(33% - 20px);
    }

    .closeLightbox {
        right:3px;
        top:3px;
        height:30px;
        width:30px;
        line-height: 30px;
    }
    .cartElem {
        margin-bottom:5px;
    }
    .cartElem .infoElem {
        padding: 0px 105px 0 6px !important;
    }
    .cartElem .imageElem {
        display:none;
    }
    .cartElem .icoLabelSez {
        display:none;
    }
    .cartElem .priceElem {
            top: 5px;
    }

    .icoLabelSez {
        padding: 4px 10px !important;
        font-size: 8px !important;
        left: -23px !important;
        width: 100px !important;
        top: 14px !important;
    }
}
@media screen and (max-width:600px) {

    .sectionPromozioni .imageElem {
        height: 140px;
        width: 140px;
    }
    .boxPrezzoOnlineRepeat {
        padding-left: 0px;
        clear: both;
    }


    #footer .listFooter ul {
        width: 33.33%;
        display: inline-block;
    }


    .boxLogoAttivita {
        display: none;
        height: 120px;
        width: 120px;
        border: 3px solid #fff;
        top: -130px;
    }

    .labelBoxCopertina {
        padding-left: 0px !important;
        bottom: 0px;
    }
    .titleSection {
        padding-left:10px !important;
    }
    
    
    .colDXMaps {
        width: 100%;
    }
    .halfSection {
        width:100%;
    }
    .halfSection:first-of-type {
        padding-right:0px;
        margin-bottom:10px;
    }
    .halfSection:nth-child(2n+2) {
        padding-left:0px;
        margin-bottom:10px;
    }
    .halfSection:last-child {
        margin-left:0;

    }
    .box-tag-post {
        width:100%;
    }
    .entry-box-share {
        width:100%;
    }

    

    .halfWrapper:first-child {
        padding:0;
    }
    .halfWrapper {
        width:100%;
        border:none !important;
        padding:0;
    }
    
    .boxOrderProd {
        display:none;
    }

    .boxCategoriaDormire {
        padding: 0px 0;
    }

    .titleSection .ico {
        display:none;
    }
    .titleSection .label {
        padding: 0 10px;
    }

}

@media screen and (max-width:500px) {

    .fieldThreeCol {
        width:100%;
    }
    .fieldFourCol {
        width:100%;
    }

    .fieldThreeCol:nth-child(1n+1) {
        padding-left:0;
    }
    
    .fieldFourCol:nth-child(1n+1) {
        padding-left:0;
    }


    .cellTabContent .halfCell {
        width:100%;
    }
    #fromDataMobile, #toDataMobile {
        position:relative;
        top:unset;
        left:unset;
        width:100%;
    }

    #peopleData {
        width: 100%;
        left: 0;
        right: 0;
    }
    .cellTabContent {
        min-width:100%;
    }

    .boxColorFull .pic {
        display: none;
    }
    .boxColorFull .content {
        margin-left:0;
    }


    .boxCategoriaDormire li {
        margin: 0 10px;
    }
    .boxCategoriaDormire li .icona {
        width: 50px;
        height: 50px;
        background-size: 50%;
    }
    .boxCategoriaDormire li .labelIcona {
        font-size: 10px;
    }
    .boxCategoriaDormire li.active .icona {
        border: 4px solid #5f5abe;
    }


    .boxIntroMacro .boxTitle h1{
    padding:20px 10px 0 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px !important;
}
.boxIntroMacro .boxTitle p{
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}



    

    .slideContent {
        height: 320px;
    }
    .imagePostBig {
        height: 230px;
    }
    .textNews {
        display:none;
    }

    .halfColumnFirstProfile {
        display:block;
        width:100%;
            padding-right: 0;
    }


    


    .hoverCopertina {
        height:240px;
    }
    
    
    
    .labelBoxCopertina .titleSection {
        font-size: 20px;
    }
    .linkAllBox {
          position: relative;
        margin: 20px 0 40px 0;

        top:auto;
        width: 100%;
        padding: 0 10px;
        right:0;
        left:0;

    }
        .linkAllBox a {
            display:block;
            width:100%;
            text-align:center;
            font-size: 15px !important;
            font-weight: bold;
            padding: 16px 7px !important;
        }

    .button {
        font-size:20px;
        margin: 3px 0;
            width: 100%;
    }
    .listSchedeAttivita {
        display:none;
    }
    .listSchedeAttivita li {
        display:none;
    }

    .listStelle {
        position: relative;
        margin-bottom: 22px;
    }
    .field:first-of-type {
        padding-right: 0;
    }
    .field {
        width:100%;
    }
    .fieldMini {
        width:40%;
    }
    .fieldRight {
        float:none;
    }
    .homeSocial {
        padding:15px 0;
        margin-bottom:30px;
        width:300px;
    }
    #footer ul {
        width: 100%;
        text-align:center;
    }
    
    .imageDetailElem {
        margin-right:0;
        width:100%;
        margin-bottom:10px;
    }
        .imageDetailElem img.big {
            width:100%;
        }
    .promozioneIntro {
        height:auto;
    }

    .promozioneIntro h2 {
          font-size: 24px;
    }

    .imageIntroPage {
        height:190px;
    }

    .placeholderCopertina {
        height:280px;
    }
    .copertinaAttivita {
        max-height: 240px;
    }
        .copertinaAttivita.active {
            max-height: 280px;
        }
        .mapBoxCopertina{
        height:280px;
    }


}

@media screen and (max-width:480px) {

    ul.menu-square li .cursor_point span {
        padding: 10px 5px 15px 5px;
        font-size: 12px;
        margin: 0px;
    }
    ul.menu-square li i {
        background-size: 54px;
    }

    h1.titlePage {
        font-size: 24px;
        line-height: 30px !important;
    }
    span.titleBig {
        font-size: 55px;
    }

    #promoIntro .boxTitle {
        padding-top: 40px;
    }

    .halfColumnSecondProfile {
        display: none;
    }
    .tableColumnProfile {
        margin-bottom: 0px;
    }
    .swiper-slide .boxText h4 {
        color: #fff;
        font-size: 11px;
        margin: 5px 0;
    }
    .swiper-slide .boxText p {
        color: #fff;
        font-size: 9px;
        margin: 0;
        line-height: 12px;
        padding-bottom:5px;
    }
    .singleSlideAttivita {
        min-height: 180px;
    }

    #footer .listFooter ul {
        display: none;
    }

    .colDXMaps {
        width: 80%;
    }


    .news-category a {

    }
    .boxPostUtenti .boxElemPost {
        width: 100%;
    }
        .fullPage .boxElemPost {
        width: 100%;
    }
    .boxElemPost {
        width:100%;
        margin: 10px 0;
    }
}

@media screen and (max-width:400px) {

    .boxIcoServizi {
        left: 140px;
    }


    .elem-eventi .boxElem {
        height: 150px;
        min-height: 150px;
    }
    .elem-eventi .dataSlide {
        top: 5px;
    left: 145px;
            z-index: 3;
            height: 68px;
    }
    .elem-eventi .day {
            font-size: 24px;
    }
    .elem-eventi .infoElem a, .elem-eventi .infoElem a:visited {
        font-size: 13px;
    }
    .elem-eventi .infoElem {
        min-height: 140px;
            padding: 75px 6px 6px 145px;
    }


    .btnStatusElem {
        padding: 45px 20px 0 20px;
        font-size: 18px;
    }

    .typePromoShow {
        font-size: 14px;
    }
    .textLogin {
        display:none;
    }

    .labelBoxCopertina .titleSection {
        padding-left:10px;

    }
        .labelBoxCopertina .titleSection .label {
            /*display:none !important;*/
            font-size: 26px;
            line-height: 24px;
            padding:0;
        }
    .icoProfile {
          margin: 4px 5px !important;
    }
    .boxLogoAttivita {
        display:none;
    }
    .labelBoxCopertina {
      padding-left: 0;
    }


    


    .halfWrapper {
        width:100%;
        border:none !important;
        padding:0;
    }

    #insertContent {
        padding:20px 10px;
          margin: 20px auto;
    }

        /*-------------------------------*/
        .elem-news .boxElem {
        height: 110px;
    }
    .sectionPromozioni .infoElem {
        padding: 0px 6px 0 150px;
    }
    .infoElem {
        padding: 0px 6px 0 6px;
    }
        .infoElem h3 {
              padding-bottom: 0px;
        }
    .boxElem {
        min-height: 110px;
    }

    .imageElem {
        z-index:2;
        height:100px;
        width: 140px;
        float: left;
        margin-right: 10px;
    }
    .boxEtichetta {
        top:105px;
    }
    .etichettaElem {
          font-size: 10px;
          line-height: 10px;
          height:auto;
    }
    .imageFix {
        height:100px;
    }
    /*-------------------------------*/

}
@media screen and (max-height:800px) {

    #insertContent {
          margin: 0px auto;
          max-height: 600px;
          overflow-y: scroll;
    }

}

@media screen and (max-height:600px) {

    #insertContent {
          margin: 0px auto;
          max-height: 500px;
          overflow-y: scroll;
    }
    .closeLightbox {
        right:0;
    }
}




@media screen and (max-height:500px) {

    #insertContent {

          max-height: 400px;

    }

    .imageIntroPage {
        height:150px;
    }

    .imageIntroPage h1{
        display:none;
    }

    .boxMapElenco {
        height:240px;
    }
    .mapBoxElenco {
        height:250px;
    }
    

    
    .boxLogoAttivita {
        display:none;
    }
    .labelBoxCopertina {
      padding-left: 0;
    }
    .placeholderCopertina {
        height:280px;
    }
    .copertinaAttivita {
        max-height: 240px;
    }
        .copertinaAttivita.active {
            max-height: 280px;
        }
        .mapBoxCopertina{
        height:280px;
    }


}


@media screen and (max-height:400px) {

    #insertContent {
        max-height: 300px;
    }
}