/************************************************ CUSTOM Responsive ************************************************/
@media (max-width:1600px){
.topBox {padding: 10px 10px 0 10px !important;}
}
@media (max-width:1400px){
.cols6 .tdCols, .cols5 .tdCols{width:33.3333333333%; display: inline-block; }
.slideshow .pannel-description{width: 33% !important; }
.boxApp .textContent, .boxAppScroll .textContent{font-size: 13pt !important; }
#centerContent .articleCols3 .artTD, #centerContent .articleCols4 .artTD, #centerContent .articleCols5 .artTD, #centerContent .articleCols6 .artTD{display: inline-block; width: 50% !important; }
}
@media (max-width:1200px){
.topBox{padding: 0 10px !important;}
#logo{margin: 0;}
#top{display:block;}
#leftContent, #rightContent { width: 250px !important; min-width: 250px !important; max-width: 250px !important; }
#sub-menu { width: 217px !important; }
#menu li {background-position: 3px 11px; padding-left: 20px; }
.floatingSectionBox {width: 240px !important; }
}
@media (max-width:1024px){
#top{text-align: center; }
.topBox{padding: 0 !important;}
#logoHotel{display: inline; margin: 0 auto !important; float: none; }
#logoHotel img{height:50px !important; margin:0;}
#language{display: none; background-color:rgba(255,255,255,0.7); text-align: center; }
#language .topMiddleBox img{margin:0 0 20px 0;}
#language .menuLinks ul{margin:10px 0 20px 0;}
#menuBookNow{width: 100%;}
.topBox .buttonBookNow{display:table; margin: 10px auto; padding: 10px 20px; float: none;}
.menuLinks li .popupHover:hover a{border-bottom: 0 !important;}
#menu {padding: 0 0 150px 0;}
#menu li a{text-align: left;}
#menu li a.current{border-bottom:none;}
#menu .popupContent a{background-color: inherit; text-align: left;}
.slidebox{margin-top: -60px;}
.slidebox .pannel-description{width: 50% !important; font-size: 16px !important; }
.slideshow .pannel-description h2{font-size: 26px !important; }
.button-language{display: inline;}
.boxImgLogo .imgLogo img{width: 25% !important;}
.floatShopsButtons{margin: 0 !important; top: 100px;}
h2, .noHeading { font-size: 16pt !important; }
h1 {font-size: 20pt; }
h3 {font-size: 14pt; }
.butLCat, .butRCat{font-size: 100%;}
#shopsButtons .shopButtonsBorder{padding: 0 !important;}
.buttonKMVero {width: 20% !important;}
.fixcols6 .imgBox, .fixcols5 .imgBox, .fixcols4 .imgBox{width: 33% !important;}
.imgcols6 .imgBox, .imgcols5 .imgBox, .imgcols4 .imgBox{width: 33% !important;}
}
@media (max-width:940px){
#hotelOffer{background: #f2f2f2; width: 100%; display: block; position: inherit; font-size: 10pt; right:10px !important; top: 0 !important; margin: 20px 0 !important; padding: 10px; text-align: center !important;}
#hotelOffer .scrollerElements .imgGall{padding:0;}
#tabs-riservazione .boxTab .titBox, #tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-right: 2%; }
#tabs-riservazione .boxTab .titBox{width: auto; font-size: 20px; }
#tabs-riservazione .tabs-links{padding-right: 10px; }
#hotelOffer p{margin: 10px 0 0 0;}
#hotelOffer .logoH{display: block; float: inherit; margin: 0 auto; height: 70px !important;}
#hotelOffer .reducedSpan{font-size: 7pt;}
#hotelOffer .textOffer{white-space: normal !important; text-align:center !important;}
#hotelOffer .textOffer p{margin: 0;}
#hotelOffer .offerTitle{white-space: normal !important; font-size: 9pt;}
#hotelOffer .roomTitle{display: block;}
#hotelOffer .bigPercentage{display: block; font-size: 30pt; padding: 10px;}
}
@media (max-width:870px){
#leftContent,#rightContent{display:block !important; margin: 0 auto; width:80% !important; min-width:80% !important; max-width:80% !important; border:0 !important; border-bottom:0 !important; padding:7px !important; }
#sub-menu{position:static !important; width:100% !important; }
#sezioneBanner .sectionPos tbody td{width:100% !important; display:block; padding:0; }
#sezioneBanner .sectionPos .globalBox{border-bottom:2px solid #999; padding:10px 0 20px 0; }
#sezioneBanner .sectionPos tbody td table td{width:auto !important; display:table-cell !important; }
.menuId1{min-height:500px; }
.menuId1 #leftContent, .menuId1 #rightContent{display:none; }
.PresentationBox{background:#911215; padding: 5px 20px !important;}
.sez174 p{font-size: 12pt !important; }
.globalBox, .globalBox p{text-align: justify; }
}
@media (max-width:650px){
body {font-size: 11pt; }
h1{font-size: 14pt !important; letter-spacing: 1px !important; padding: 10px 0 !important;}
h2, .noHeading {font-size: 12pt !important; }
h2, h3, .sezTitle{letter-spacing: 0 !important;}
#centerContent .artTD{display: block; width: 100% !important; }
.slideshow .pannel-description{width: 100% !important; background-color:rgba(0,0,0,0.4) !important; }
.tabellaForm th, .tabellaForm td, .formContact th, .formContact td{display:block !important; width: 100% !important; text-align: center !important; }
.formContact td{margin-bottom: 20px !important; }
.imgGalleryOrizzontal img{padding:2px;}
.imgGalleryVertL,.imgGalleryVertR{width:100% !important; float:none !important; padding:0 0 20px 0 !important; }
.imgGalleryVertL .imgGalleryOrizzontal img,.imgGalleryVertR .imgGalleryOrizzontal img{padding:5px !important;}
.imgFullCenter, .imgFullTop{margin:10px 0 !important;}
#footer .newsletterBox { display: none; position: absolute; bottom: 0; right: 0; margin: 0 0 24px 0; padding: 7px 10px 10px 10px; background-color: rgba(0,0,0,0.8); z-index: 1000; }
#footer .newsletterButton { display: inline-block; }
.sez174 p{font-size: 11pt !important; text-align: left !important;}
.sez174 .globalBox {height: 190px; }
.boxImgLogo .textContent{margin-top: -100% !important; margin-left: 0 !important; position: relative; background-color: rgba(240,240,240,0.9); padding: 20px 5px !important;}
}
@media (max-width:550px){
.tdCols {width:100% !important; }
#footer .newsletterBox { position: absolute; bottom: 0; right: 0; margin: 0 0 24px 0; padding: 7px 10px 10px 10px; background-color: rgba(0,0,0,0.8); z-index: 1000; }
.top-box {position: fixed; bottom: 24px; margin: 0; width: 100%; }
#bottom {padding-bottom: 60px; }
#sezioneBanner {padding-bottom: 100px; }
.sez174 .globalBox {height: auto !important; text-align: center; margin: 0 !important; padding: 20px 0 !important; }
.sez174 .tdCols {padding: 0 10px !important; margin: 0 !important;}
.sez174 h2, .sez174 p{text-align: center !important; }
.butLCat, .butRCat{font-size: 80%;}
.buttonKMVero {width: 30% !important;}
.boxImgLogo .textContent{position: absolute;}
}
@media (max-width:430px){
.slideshow .pannel-description{font-size: 14px !important; }
#footer .newsletterBox { width: 100%; }
#footer .newsletterBox .tit { display: block; }
#tabs-riservazione .boxTab .titBox, #tabs-riservazione .boxTab .single, #tabs-riservazione .boxTab .double{padding-right: 2%; }
.formWizardButtons{padding:0 !important;}
.formWizardButtons input{display:inline-block; margin:10px 0;}
}