/*==========  Non-Mobile First Method  ==========*/
@media only screen and (min-width : 1304px) {
    .camere h1 {
        font-size: 3.25vw;
    }
    .pagina-interna.camere .infobox {
    background: #c9b192;
    height: 750px;
    padding: 0 55px;
    }
    .langsheader{
        width:520px;
        margin-left:-120px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) {
    .pagina-interna .infobox h1 {
        font-size: 3.45vw;
        text-align: Center;
        color: #c9b192;
        margin: 50px 0 50px 0;
        font-family: "merriweather_lightregular";
    }

.pagina-interna.camere .infobox{
      background:#c9b192;
      min-height: 750px;
      padding: 0 18px;
}

    .pagina-interna.camere .infobox h1 {
        margin: 30px;
    }

.listacamere{
    padding: 10px 10px 60px 10px;
}

.listacamere p{
margin:20px 0;
padding:10px;
color:#000;
font-weight:bold;
background:#c9b192;
font-size:1vw !important;
}
.listacamere span{
margin:-5px 0 0 0 ;
padding:0;
float:right;
}
.listacamere span img{margin: 0px 0px 0 0;width:32px;height:auto;}

    .langsheader {
        padding-left: 110px;
    }

    ul.menu li.last {
        margin-right: 0px !important;
    }

    ul.menu {
        margin: px 30px 0 0px !important;
        padding: 0 0px !important;
    }

    ul.menu li {
        margin: 0 0px !important;
        padding: 0 5px 0 0px !important;
    }

    ul.menu li.menu-item-language {
        padding: 0 !important;
        margin: 0 !important;
    }

    .footermenu {
        height: 275px;
        padding-top: 10px;
        background-size: cover;
    }

    .footermenu .vuoto {
        margin-top: 0;
    }

    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 327px;
    }
}


@media only screen and (max-width : 1280px) {
    .langsheader{
    width:477px;
    margin-left:-100px;
    margin-right:-50px;

}
    .pagina-interna .infobox h1 {
        font-size: 3.45vw;
        text-align: Center;
        color: #c9b192;
        margin: 50px 0 50px 0;
        font-family: "merriweather_lightregular";
    }

.pagina-interna.camere .infobox{
      background:#c9b192;
      min-height: 750px;
      padding: 0 18px;
}

    .pagina-interna.camere .infobox h1 {
        margin: 30px;
    }

.listacamere{
    padding: 10px 10px 60px 10px;
}

.listacamere p{
margin:20px 0;
padding:10px;
color:#000;
font-weight:bold;
background:#c9b192;
font-size:1vw !important;
}
.listacamere span{
margin:-5px 0 0 0 ;
padding:0;
float:right;
}
.listacamere span img{margin: 0px 0px 0 0;width:32px;height:auto;}

    .langsheader {
        padding-left: 110px ;
    }

    ul.menu li.last {
        margin-right: 0px !important;
    }

    ul.menu {
        margin: px 30px 0 0px !important;
        padding: 0 0px !important;
    }

    ul.menu li {
        margin: 0 0px !important;
        padding: 0 5px 0 0px !important;
    }

    ul.menu li.menu-item-language {
        padding: 0 !important;
        margin: 0 !important;
    }

    .footermenu {
        height: 275px;
        padding-top: 10px;
        background-size: cover;
    }

    .footermenu .vuoto {
        margin-top: 0;
    }

    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 327px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    #_welcometoolcontainer{
        display:none !important;
      }

.langsheader{
    width:477px;
    margin-left:-100px;
    margin-right:-50px;

}
.pagina-interna.camere .infobox{
      background:#c9b192;
      height: 750px;
      padding: 0 18px;
      font-size:1.5vw;

}

    .b_availDatesInner {
        display:none;
    }

    .riga2 a:first-child img {
        width: 100px !important;
    }

    .riga2 .linkcamere {
        margin-top: 70px;
    }
    .single .riga1 img, .promozioni .riga1 img {
        margin-top: 20px;
        width: 100% !important;
        height: auto !important;
        ; }

    .single a.promolink {
        text-align: center;
        padding: 10px;
        display: inline;
        width: 50%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.bbres_fieldset:nth-child(5),
.bbres_fieldset:nth-child(2),
.bbres_fieldset:nth-child(3){
    display:none;
}
#_welcometoolcontainer{
    display:none !important;
  }
    .langsheader{
    width:477px;
    margin-left:-10px;
    margin-right:0px;
    }

  .langsheader {
        width:290px;
        padding-left: 10px;

}
.sociallinks{
    width:131px;
}
    ul.menu {
        width:100%;
        margin-left: 10px !important;
        padding: 0 !important;
    }
ul.menu li a {
    color: #000;
    text-decoration: none;
    font-size: 1.31vw;
    font-family: "merriweather_lightregular";
}

.sito_it ul.menu li a {
    color: #000;
    text-decoration: none;
    font-size: 1.11vw;
    font-family: "merriweather_lightregular";
}


.sito_de .fixed .thumbnail{
    width:170px;
    margin-top:15x
}
.sito_es ul.menu,
.sito_de ul.menu{
    width:566px;
    margin-right:-20px;
}
.sito_es ul.menu li,
.sito_de ul.menu li,
.sito_it ul.menu li{
    color: #000;
    text-decoration: none;
    font-size: 1.11vw;
    font-family: "merriweather_lightregular";
}
.sito_de ul.menu li a{
margin:0;
padding:0;
}
    .single .riga1 img, .promozioni .riga1 img {
        margin-top: 20px;
        width: 100% !important;
        height: auto !important;
         }

    .single a.promolink {
        text-align: center;
        padding: 10px;
        display: block;
        width: 80%;
    }
.camere.pagina-interna .riga1,
.home .riga1 {
    background-size: contain;


}
.home .riga1 p,
.home .riga1 p strong{
    font-size: 2.11vw;


}


.sito_de.camere.pagina-interna .riga1 h1{
       font-size: 5.11vw;

}
.sito_de.camere.pagina-interna .infobox h1{
       font-size: 2.78vw;

}
.home .riga1 h2{
margin:40px 0;
padding:0;}


    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 199px;
    }



.specialoffers .col-sm-12,
.specialoffers {
   height:500px;
}
.specialoffers h3 {
    font-size: 4.45vw;
    text-align: Center;
    color: #c9b192;
    margin: 50px 0 50px 0;
    font-family: "merriweather_lightregular";
}
.listacamere .item span img{
    width:22px;
}
.pagina-interna.camere .infobox,
.pagina-interna.camere .bgcamere {
    min-height: 550px;
    height:100%;
}

.footermenu{
    background-size:contain;
    background-position:center center;

}
.footermenu li a{
padding-bottom:10px !important;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    body {
        padding-top:560px;
    }
./*==========  Non-Mobile First Method  ==========*/
@media only screen and (min-width : 1304px) {
    .camere h1 {
        font-size: 3.25vw;
    }
    .pagina-interna.camere .infobox {
    background: #c9b192;
    height: 750px;
    padding: 0 55px;
    }
    .langsheader{
        width:520px;
        margin-left:-120px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) {
    .pagina-interna .infobox h1 {
        font-size: 3.45vw;
        text-align: Center;
        color: #c9b192;
        margin: 50px 0 50px 0;
        font-family: "merriweather_lightregular";
    }

.pagina-interna.camere .infobox{
      background:#c9b192;
      min-height: 750px;
      padding: 0 18px;
}

    .pagina-interna.camere .infobox h1 {
        margin: 30px;
    }

.listacamere{
    padding: 10px 10px 60px 10px;
}

.listacamere p{
margin:20px 0;
padding:10px;
color:#000;
font-weight:bold;
background:#c9b192;
font-size:1vw !important;
}
.listacamere span{
margin:-5px 0 0 0 ;
padding:0;
float:right;
}
.listacamere span img{margin: 0px 0px 0 0;width:32px;height:auto;}

    .langsheader {
        padding-left: 110px;
    }

    ul.menu li.last {
        margin-right: 0px !important;
    }

    ul.menu {
        margin: px 30px 0 0px !important;
        padding: 0 0px !important;
    }

    ul.menu li {
        margin: 0 0px !important;
        padding: 0 5px 0 0px !important;
    }

    ul.menu li.menu-item-language {
        padding: 0 !important;
        margin: 0 !important;
    }

    .footermenu {
        height: 275px;
        padding-top: 10px;
        background-size: cover;
    }

    .footermenu .vuoto {
        margin-top: 0;
    }

    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 327px;
    }
}


@media only screen and (max-width : 1280px) {
    .langsheader{
    width:477px;
    margin-left:-100px;
    margin-right:-50px;

}
    .pagina-interna .infobox h1 {
        font-size: 3.45vw;
        text-align: Center;
        color: #c9b192;
        margin: 50px 0 50px 0;
        font-family: "merriweather_lightregular";
    }

.pagina-interna.camere .infobox{
      background:#c9b192;
      min-height: 750px;
      padding: 0 18px;
}

    .pagina-interna.camere .infobox h1 {
        margin: 30px;
    }

.listacamere{
    padding: 10px 10px 60px 10px;
}

.listacamere p{
margin:20px 0;
padding:10px;
color:#000;
font-weight:bold;
background:#c9b192;
font-size:1vw !important;
}
.listacamere span{
margin:-5px 0 0 0 ;
padding:0;
float:right;
}
.listacamere span img{margin: 0px 0px 0 0;width:32px;height:auto;}

    .langsheader {
        padding-left: 110px ;
    }

    ul.menu li.last {
        margin-right: 0px !important;
    }

    ul.menu {
        margin: px 30px 0 0px !important;
        padding: 0 0px !important;
    }

    ul.menu li {
        margin: 0 0px !important;
        padding: 0 5px 0 0px !important;
    }

    ul.menu li.menu-item-language {
        padding: 0 !important;
        margin: 0 !important;
    }

    .footermenu {
        height: 275px;
        padding-top: 10px;
        background-size: cover;
    }

    .footermenu .vuoto {
        margin-top: 0;
    }

    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 327px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    #_welcometoolcontainer{
        display:none !important;
      }

.langsheader{
    width:477px;
    margin-left:-100px;
    margin-right:-50px;

}
.pagina-interna.camere .infobox{
      background:#c9b192;
      height: 750px;
      padding: 0 18px;
      font-size:1.5vw;

}

    .b_availDatesInner {
        display:none;
    }

    .riga2 a:first-child img {
        width: 100px !important;
    }

    .riga2 .linkcamere {
        margin-top: 70px;
    }
    .single .riga1 img, .promozioni .riga1 img {
        margin-top: 20px;
        width: 100% !important;
        height: auto !important;
        ; }

    .single a.promolink {
        text-align: center;
        padding: 10px;
        display: inline;
        width: 50%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.bbres_fieldset:nth-child(5),
.bbres_fieldset:nth-child(2),
.bbres_fieldset:nth-child(3){
    display:none;
}
#_welcometoolcontainer{
    display:none !important;
  }
    .langsheader{
    width:477px;
    margin-left:-10px;
    margin-right:0px;
    }

  .langsheader {
        width:290px;
        padding-left: 10px;

}
.sociallinks{
    width:131px;
}
    ul.menu {
        width:100%;
        margin-left: 10px !important;
        padding: 0 !important;
    }
ul.menu li a {
    color: #000;
    text-decoration: none;
    font-size: 1.31vw;
    font-family: "merriweather_lightregular";
}

.sito_it ul.menu li a {
    color: #000;
    text-decoration: none;
    font-size: 1.11vw;
    font-family: "merriweather_lightregular";
}


.sito_de .fixed .thumbnail{
    width:170px;
    margin-top:15x
}
.sito_es ul.menu,
.sito_de ul.menu{
    width:566px;
    margin-right:-20px;
}
.sito_es ul.menu li,
.sito_de ul.menu li,
.sito_it ul.menu li{
    color: #000;
    text-decoration: none;
    font-size: 1.11vw;
    font-family: "merriweather_lightregular";
}
.sito_de ul.menu li a{
margin:0;
padding:0;
}
    .single .riga1 img, .promozioni .riga1 img {
        margin-top: 20px;
        width: 100% !important;
        height: auto !important;
         }

    .single a.promolink {
        text-align: center;
        padding: 10px;
        display: block;
        width: 80%;
    }
.camere.pagina-interna .riga1,
.home .riga1 {
    background-size: contain;


}
.home .riga1 p,
.home .riga1 p strong{
    font-size: 2.11vw;


}


.sito_de.camere.pagina-interna .riga1 h1{
       font-size: 5.11vw;

}
.sito_de.camere.pagina-interna .infobox h1{
       font-size: 2.78vw;

}
.home .riga1 h2{
margin:40px 0;
padding:0;}


    .tablegal {
        margin: 0px auto;
        /* width: 80%; */
        text-align: center;
        vertical-align: middle !important;
        line-height: 199px;
    }



.specialoffers .col-sm-12,
.specialoffers {
   height:500px;
}
.specialoffers h3 {
    font-size: 4.45vw;
    text-align: Center;
    color: #c9b192;
    margin: 50px 0 50px 0;
    font-family: "merriweather_lightregular";
}
.listacamere .item span img{
    width:22px;
}
.pagina-interna.camere .infobox,
.pagina-interna.camere .bgcamere {
    min-height: 550px;
    height:100%;
}

.footermenu{
    background-size:contain;
    background-position:center center;

}
.footermenu li a{
padding-bottom:10px !important;
}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    body {
        padding-top:500px;
    }

#eRbottom-fix-widget{
display:none;
}

h2 {
    font-size: 6.0vw !important;
    margin: 50px 0 0 0 !important;
    padding:0 !important;
}

h3 {
    font-size: 4.0vw !important;
    margin: 50px 0 0 0 !important;
    padding:0 !important;
}
.comeragg h3{
text-align:center;
      font-size: 6.0vw !important;
    margin: 12px 0 !important;
    padding:0 !important;  
    font-weight:bold;
}
.itinerario-item img{
width:100% !important;
height:auto;
}

.wpml-ls-sub-menu{
    z-index:999999 !important;
}
#bookingbox{
   width:100%;
   position:absolute;
   top:-310px;
   left:0px;
margin:0 auto;
   z-index:99999;
}

.booknowTitle{
    display:none;
padding:0;
margin:0;
}

#bb_resBookingBox{
   width:100% !important;
}

#bookingbox span.booknow {
    width:200px;
    font-size:20px;
    padding-top:20px;
}
#bookingbox img {
width:50px;
}
#bookingbox h2 {
display:none;
}

#bookingbox #bb_resBtn{
   width:340% !important;
   display:block;
   height:auto;
   margin:0px 0 0px 0  !important;
   padding:10px 0;
   border-radius:0;
   background:#c9b192 !important;
   border:#c9b192 !important;
   color:#000 !important

}

.ssl #bookingbox,
.prenotazioni #bookingbox,
.single #bookingbox,
.trattamento-dei-dati-personali #bookingbox,
.privacy-policy  #bookingbox,
.confirm-request #bookingbox
{display:block;}

.langsheader{
    width:457px;
    margin-left:-180px;
    margin-right:-50px;
    float:left;

}
       .topbar  .langsheader a{
        font-size:13px;
    }
  .topbar  .langsheader img{
        margin:0  10px 0 0 auto;
    }
.topbar .widget .widgettitle{
        display:none;
    }
     .widget_m1_miniweather_widget {
       float:right;
       text-align:Center;
    }
    .sociallinks{
       display:none;
    }
    .topbar{
width:100%;
     position: absolute;
        top: 0px;}

  .fixed {
        position: absolute;
        top: 60px;
    }


    ul.menu {
        width: 104% !important;
        margin: 159px 0 !important;
        color: #fff;
        border:3px solid #c9b192;
        border-right:0;
        border-left:0;
        padding:15px 0 !important;
    }

    .menu li {
        padding: 5px 0;
        border: 0px;
        width: 50% !important;
        display: block;
        float: left;
        font-size: 15px !important;
        border:1px !important
        
    }

    .menu li a {
        color: #fff !important;
        border: 0px !important;
        font-size: 12px !important;
    }

    .menu li.menu-item-language {
        border-top: 1px solid 9c792a;
        width: 33.33% !important;
        height: 50px;
        margin: 0 auto;
        padding: 0 0 0 20px;
        font-size: 0px !important;
    }

    .menu li.menu-item-language a {
        font-size: 0px !important;
    }

.pagina-interna .riga1 h1{
    font-size:9vw;
    margin:21px 0;
}

    .promozioni .riga1 img {
        margin-top: 0px;
        width: 100%;
        height: auto;
    }

    .single a.promolink {
        text-align: center;
        padding: 10px;
        display: block;
        width: 100%;
    }

    .riga1, .riga2 {
        padding: 0 10px;
    }


    .riga1 strong, .riga2 strong {
        font-size: 18px !important;
        ; }

    .riga1 p, .riga2 p {
        font-size: 14px !important;
        font-weight: 100 !important;
    }

    .riga1 img.alignnone, .riga2 img.alignnone {
        width: 100px;
    }

    .riga2 .linkcamere {
        margin-top: 0px;
    }

    .tablegal {
        padding: 0 !important;
    }
    .tablegal div .col-sm-3 .bgopacity a {
    font-size: 7.53vw;
    color: #fff;
    text-decoration: underline;
    font-family: "merriweatherbold";
}

.specialoffers h3,
.specialoffers h2 {
    font-size: 4.45vw;
    text-align: Center;
    color: #c9b192;
    margin:0 auto;
    padding:39px 0;
    font-family: "merriweather_lightregular";
}
.specialoffers .appdate,
.specialoffers .apptitle{
    font-size: 3.45vw;
    margin:13px auto;
    }
.specialoffers  .js-wpv-view-layout{
    margin:-100px 0 20px 0;
}

.specialoffers .apptext{
    font-size: 2.45vw;
    margin:30px auto;
    }

    .footertext{
        margin-top: 00px;
        font-size:13px;
        border-top:1px solid #c9b192;
    }
.footer .thumbnail {
    width:100%;
 border-top:1px solid #c9b192;
}
.footer .thumbnail img {
    width:150px;
    margin: 10px auto !important;
}
 .footermenu{

     display:none;}

    .anagrafica {
        margin: 60px 0 !important;
    }

 .loghi_footer_ok {
    width: 100%;
    height:300px;
    padding: 30px 0 0 0;
    margin: 0 auto;
    text-align: center;
    background: #303335;
    display: inline-block;
    vertical-align: middle;
}
  .loghi_footer_ok img{
    width: 33%;
    padding: 0;
    height: auto;
    float:left;
    margin: 0 9%;
    text-align: center;
}
.listacamere p.text-left{
    font-size:16px !important;
}
.infobox{
    font-size:16px !important;
} .infobox h1{
    font-size:19px !important;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}
