html {
-webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
width: 100%;
height: auto;
}
/*img{
max-width:100%;
height: auto;
width: auto\9;
}*/
@media only screen and (min-width: 5000px) {
.footer-social span{
width:300px;
}
}
@media only screen and (min-width: 2000px) {
.footer-social span{
width:200px;
}
#logo a{
width:85%;
}
}
@media only screen and (min-width: 1550px) {
/*New*/
/*.title_main{
width:450px !important;
height:600px;
}*/
.footer-social span{
width:170px;
}
/*New*/
/*#content{
min-height:600px;
}
#booking-wrapper{
position:fixed;
}
#booking_now{
position:fixed;
}*/
}
@media only screen and (min-width: 1300px) and (max-width:1549px) {
/*.menu ul li:hover {background-size:cover; }
.menu ul li.active{background-size:cover;}
*/
/*
.title_main{
width:400px !important;
}*/
}
@media only screen and (min-width: 1400px) {
.popup-content{
width:1024px;
height:748px;
margin-top:-404px;
margin-left:-562px;
}
}
@media only screen and (max-width: 1310px) {
/*#logo img{ max-width:70%;width:70%; height: auto; margin:auto; }*/
#booking-wrapper { display:block; }
#attraction-list .album-cover .tooltips{
width:100%;
}
}
@media only screen and (min-width: 1190px) and (max-width: 1300px) {
/*New*/
#logo a{
margin:5px;
}
/*New*/
.attration_content{
width:100%;
margin:0 auto;
}
.menu {
width:100%;
}
.menu ul li{
text-align: center;
margin:auto;
width:100%;
}
.menu ul li a{
}
.menu ul li.active, .menu ul li:hover{
/*background:url(http://www.cranleyhotel.com/public/themes/cranley/images/li_logo_menu_m.png);
background-repeat:no-repeat;*/
}
#theme_icon_img{
margin-bottom:100px;
}
}
@media only screen and (max-width: 1199px) {
/*New*/
.footer-menu .left a{
padding-top:10px;
}
.footer-social span{
width:80px;
padding-left:0px;
}
.copyright_inner{
font-size:11px;
}
/*New END*/
}
@media only screen and (min-width: 1061px) and (max-width: 1199px){
/*.title_main .right{
padding-top:20px;
width:70%;
padding-right:0px;
}
#attraction-list .album-cover{
float:left;
}
#attraction-list .album-cover img{
width:280px;
}
.title_main .right p{
line-height:1.12em;
}
.menu ul li.active, .menu ul li:hover{
background:url(http://www.cranleyhotel.com/public/themes/cranley/images/li_logo_menu_s.png);
background-repeat:no-repeat;
}
.title_main .left .title_inner{
}
.title_main .left .title_span{
padding:15px 30px 10px 60px;
}*/
/*New */
#logo a{
margin:10px;
}
#logo{
padding-top:5px;
}
.menu ul li a{
font-size:13px;
/*padding:3px 0px;*/
}
.menubar_img{
margin-top:0px;
padding-top:10px;
}
.hotel-video{
margin-top:10px;
}
/*New END*/
}
@media only screen and (min-width: 969px) and (max-width: 1060px){
.footer-social span{
width:60px;
padding-left:0px;
padding-top:0px;
}
footer{
height:10%;
}
.menubar_img{
margin-top:0px;
padding-top:10px;
}
.menu ul li a{
font-size: 13px;
/*padding: 3px 0px;*/
}
}
@media only screen and (max-width: 1300px) {
/* li#location a{
height: 32px;
padding:5px;
}*/
}
@media only screen and (max-width: 1060px) {
#logo a{
margin:5px;
}
#contact-form-main{
top:50px;
}
.offer-list{
position:relative;
}
#title_main_home .bottom{
height:auto;
}
/* Mobile Menu */
header {margin-top: 0px;height:0px;}
/*.title_main{display:none;}
.page-title-m{
display:block;
}
.page-content-m{
display:block;
}
#body-bg{
min-height:0px;
background-color:rgba(39,79,99,0.75);
}*/
.top-social{
float:right;
max-width:100%;
width:auto;
margin-top:30px;
margin-right:10px;
}
nav {}
/* Mobile Menu */
/* Home Slider */
#slider-banner{ }
.theme-default .nivoSlider {
max-width:100% !important;
width:100% !important;
}
.theme-default a.nivo-nextNav , .theme-default a.nivo-prevNav{ top:35%;}
.nivo-caption {
position:absolute;
left:0 !important;
bottom:0 !important;
width:100% !important;
font-size:14px !important;
padding: 2px 6px !important;
}
/* Home page banner */
.featured .wrap-featured .banners .bcol{ width:96%; margin:0 0 2% 0 ; }
.featured .wrap-featured .banners .bcol .bcol-left img{ max-width: 90%; width:90%;}
.featured .wrap-featured .banners .bcol .bcol-left{ }
.featured .wrap-featured .banners .bcol .bcol-right{ }
/* Booking Form */
.wrap-header{ z-index:1111; height:0px !important; }
#booking_now{
display:none !important;
}
#booking-wrapper { display:none !important; height:100% !important;}
#booking-wrapper.mobile{ display:none !important;width:100%;text-align:center; background:#badae0; }
#booking-form { max-width:293px;width:100%; display:inline-block; text-align:left; bottom:0px !important;}
#booking-form .booking-header{ float:left; width:100%; text-align: center; }
#booking-form h2{ font-size:24px; font-weight:normal;margin-bottom:8px; }
#booking-form .booking-btn{ margin:auto; text-align:center; display:block; }
#booking-form .booking-btn a{ margin:10px auto 0px auto; float:none; display:inline-block; }
/** Rooms Page **/
/* .rooms .col-left{ float:none;width:100%; margin:auto;}
.rooms .col-right{ float:none; width:100%; margin:auto; }
#side-menu{ display:none;}
#side-dropdown-menu{display:block; width:750px;}
#rooms-list{ width:750px; margin:auto !important; float:none; }
#rooms-list .rooms-inner{ margin:auto !important; width:100%; display: inline-block; }
#rooms-list article{ margin-right:30px; }*/
/** Room Detail page **/
#room-detail{ width:750px; margin:auto !important; display:block;text-align:center; }
/** Location page **/
#map-wrapper {margin-top:0px; }
/** F&B Page **/
.fnb .col-left{ float:none;width:100%; margin:auto; clear:both;}
.fnb .col-right{ float:none; width:100%; margin:auto; clear:both;}
#side-menu{ width:100%; margin:0px auto 10px auto;}
#side-dropdown-menu{display:block; width:95%;}
#side-menu .block1{ width:95%; display:none; }
#side-menu .block2{ text-align: left; margin:auto;padding:10px 5px 20px 5px;width:95%;margin-bottom:15px; }
#side-menu .block3{ text-align: center; margin:auto; width:95%; }
}
@media only screen and (min-width: 969px) {
.copyright_mobile{
display:none;
}
ul.bullet, ol.bullet, ol.bullet_b, ul.bullet_b{
width:45%;
}
.footer-inner .right{
width:50%;
float:left;
margin-right:0px;
}
nav.mobile-nav{
display:none !important;
}
}
@media only screen and (max-width: 969px) {
footer{
height:19%;
}
.body-middle-inner .online-reserver{
display:none !important;
}
#reserver-open{
display:none;
}
.copyright{
position:relative;
}
#body-bg{
min-height:520px;
}
.footer-inner .left{
width:100%;
float:none;
margin-left:0%;
}
.footer-main{
width:380px;
margin:0 auto;
}
.body-middle{
}
.body-middle-inner{
height:80%;
}
.theme-default .nivo-controlNav{
bottom:28% !important;
}
.content_main_inner{
max-height:85%;
}
.content_main .bottom{
overflow-y:scroll;
height:180px;
overflow-x:hidden;
}
.footer-inner{}
/*margin-bottom:37px;
}
.fixed_menu_bottom{
display:none !important;
}*/
/*.body-middle-inner .frame_bottom{
bottom:130px;
}
.body-middle-inner .dot-bottom-left,.body-middle-inner .dot-bottom-right{
bottom:121px;
}
.frame_left,.frame_right{
bottom:130px;
}
.nivo-controlNav{
bottom:140px !important;
}
.title_main{
top:80px;
}
#title_main_now{
margin-top:-85px;
}*/
#theme_icon_img{
margin-bottom:100px;
}
.footer-menu .left a{
float:left;
}
.copyright_inner{
float:none;
width:auto;
text-align:center;
}
.footer-inner .right{
width:465px;
margin:0 auto !important;
float:none;
padding-top:0px;
}
/*nav{margin-top:0px;background:url(http://www.cranleyhotel.com/public/themes/cranley/images/header-bg.png) top left repeat-y; height:100%; }*/
.left-container{
display:none !important;
}
.right_inner{
margin-left:0px !important;
width:100% !important;
}
#logo a{
margin:5px;
display:block;
float:none;
clear:both;
}
#language-list{ display:none;}
#mobile-language-list{ display:block;margin:15px auto;}
/* mobile menu */
/* nav {margin-top:0px;background:#1d1d1d; height:73px; }
nav .wrap-nav{top: 0px; }*/
.menu{display:none;}
/* .minimenu{display:block;} */
/* mobile menu */
.m-menu{display:block; }
#menu {
/*border-top:1px solid #ffffff;*/
padding: 0;
background-color:#bd9a6f;
border-top:0px solid #a5dbe4;
border-right:6px solid #a5dbe4;
border-left:6px solid #a5dbe4;
border-bottom:6px solid #a5dbe4;
color:#ffffff;
width: auto;
height: 42px;
}
#menu ul{
padding:0; z-index: 9999 !important;
position: absolute;
right: 0px;
top:42px;
width: 50%;
margin:0px;
}
#menu .span {
font-size:20px;
padding:0px 0px 0px 0px;
height:37px;
line-height:40px;
text-align:center;
cursor: pointer;
display:block;
color:#ffffff;
width:100px;
margin:0px;
float:right;
}
#menu .span img{ margin-top:10px; }
#menu > ul > li { float:none; padding:0px; display:none; }
#menu > ul > li.categories{display:block;}
#menu > ul > li.categories > a{display:none;}
#menu > ul > li.categories div.column:hover{ /*background:#FAFAFA;*/ text-decoration:none}
#menu > ul > li.categories div.column a{ text-decoration:none; color:#000000;}
#menu > ul > li.categories div.column a:hover{ text-decoration:none; }
#menu > ul > li.categories > div > .column > a{color:#333!important; }
#menu > ul > li.categories > div{display:block; position:relative;}
#menu > ul > li.categories > div > .column > div{display:none; position:relative; left:auto; }
#menu > ul > li.categories > div > .column:hover div{display:block; }
#menu > ul > li.categories > div > .column:hover > div ul{display:block; }
#menu > ul > li.categories > div > .column > div ul li + li{border-top:1px solid #eee;}
#menu > ul {
display:none;
text-align:left;
background:#fff!important;
position:absolute;
z-index:9999;
}
#menu > ul > li > div{display:block;}
#menu > ul > li.categories > div > .column > a{font-weight:bold;}
#menu > ul > li.categories > div > .column > div{display: none; box-shadow:none; border:none; padding:0; margin-left:20px;}
#menu > ul > li.categories > div > .column:hover div{display: none;}
span.more{color: #c2c2c2; display: block; font-weight: bold; position: absolute; right: 0; top:0px; width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; cursor:pointer; background:url(http://www.cranleyhotel.com/public/themes/cranley/css/images/mplus.png) no-repeat left -50px;}
span.more.plus{background-position:0 -80px;}
/*.album-cover { display:inline; display:inline-block; float:none;}*/
/* -------------------- Contact Us ---------------- */
.foot-l .left{ width:37%;float:left; padding-right:0; }
.foot-l .right{ font-size:14px;text-align:left; width:56%;float:left; padding:0px; }
.foot-l .right.no-margin{ padding-left:0px !important;}
.semicol{ float:left;padding:0px;}
.contact .col-1-2{ width: 98%; clear:both; }
.contact-sep{ width:0px; margin:0px; display: none}
/* -------------------- Contact Us ---------------- */
}
@media only screen and (min-width: 767px) and (max-width: 969px) {
/*new f&b layout*/
.desc_new{
width:100%;height:auto;
}
#title_main_home{
top:30px;
}
.block02{
padding:0px;
}
.page-title-m img{
padding-top:10px;
}
#language-list select, #mobile-language-list select{
width:100%;
}
.copyright_mobile{
display:none;
}
.additional_new{
margin-top:10px;
width:33%;height:450px;
}
.gallery_new{
margin-top:10px;
width:66%;height:450px;
}
.desc_new_inner{
padding:5%;
padding-top:0%;
}
.petite_menu_img{
width:270px;
}
ul.bullet, ol.bullet, ol.bullet_b, ul.bullet_b{
width:45%;
}
}
@media only screen and (max-width: 766px) {
.laptop-only{
display:none;
}
.body-middle-inner .scroll-bottom{
display:none !important;
}
.menu_img{
width:100%;
}
.room_column{
padding-left:0px;
padding-right:0px;
}
#title_main_home{
top:30px;
right:30px;
height:80%;
}
#title_main_now{
position:fixed;
right:0px;
}
/* -------------------- Contact Us ---------------- */
.semicol{ display:none; }
/* -------------------- Contact Us ---------------- */
}
@media only screen and (min-width: 601px) and (max-width: 766px) {
/*new f&b layout*/
.desc_new{
width:100%;height:auto;
}
#language-list select, #mobile-language-list select{
width:100%;
}
ul.bullet, ol.bullet, ol.bullet_b, ul.bullet_b{
width:100%;
}
.additional_new{
width:33%;height:450px;margin-top:10px;
}
.gallery_new{
width:66%;height:450px;margin-top:10px;
}
.desc_new_inner{
padding:5%;
padding-top:0%;
}
.petite_menu_img{
width:270px;
}
.copyright_mobile{
display:none;
}
}
@media only screen and (max-width: 767px) {
.title_main{
display:block;
}
.page-title-m{
display:block;
}
.page-content-m{
display:block;
}
#booking_now{
display:none;
}
.page-title-m img{
padding-top:10px;
}
#language-list select, #mobile-language-list select{
width:100%;
}
.room_image, .offer_image{
width:100%;
}
.room_content, .offer_content{
width:100%;
float:left;
}
.slider1{
height:750px;
}
.offer_content .line{
margin-top:5px;
}
.offer_column{
padding-left:0px;
padding-right:0px;
}
#body-bg{
min-height:inherit;
}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {margin-top: 0px; }
/*header #logo{top:0px;}*/
/* -------------------------------------------- */
/* ------------------Content------------------- */
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
.copyright{
height:100%;
}
.footer-inner .right{
width:465px;
margin:0 auto !important;
float:none;
clear:both;
}
#contact-form-main{
margin-left:-280px;
left:50%;
top:30px;
width:560px;
}
#contact-form-main .bottom{
width:250px;
}
}
@media only screen and (max-width: 600px) {
.laptop-only{
display:block;
}
.attract-mobile{
display:none;
}
#location-map{
height:350px;
}
.contact{
margin-left:0px;
margin-right:0px;
}
.offer-slider-banner{
display:none !important;
}
.content_main .bottom{
height:170px;
}
.offer-inner-desc{
padding-top:15px;
padding-bottom:25px;
margin-bottom:15px;
}
#body-bg{
height:auto;
background:#bd9a6f;
}
.body-middle{
min-height:0;
display:none;
}
body{
overflow-y:auto;
}
::-webkit-scrollbar {
width: 0 !important
}
.full-container{
overflow:initial;
height:initial;
}
.right_inner{
height:initial;
}
.popup-content{
width:320px;
margin-left:-210px;
height:240px;
margin-top:-140px;
}
footer{
position:relative;
height:20%;
border-top: 1px solid white;
}
.offer-list{
width:auto;
background:#bd9a6f;
border-top:0px solid #a5dbe4;
border-right:6px solid #a5dbe4;
border-left:6px solid #a5dbe4;
border-bottom:6px solid #a5dbe4;
height:auto;
padding-bottom:35px;
}
.offer-slide-a{
height:auto;
}
.page-content-m{
padding-bottom:30px;
}
.offer-list-img-m{
width: 94%;
height: 160px;
margin: 0 auto;
position: relative;
}
.footer-menu{
background:#bd9a6f;
padding-bottom:15px;
}
.body-middle-inner{
position:absolute;
height:95%;
}
.nivo-controlNav{
bottom:30px !important;
}
.theme-default .nivoSlider img{
height:auto !important;
}
.theme-default .nivoSlider{
height:100% !important;
}
.content_main{
display:none !important;
}
#slider-banner{
height:auto;
position:relative;
}
#title_main_home{
width:90%;
left:5%;
height:inherit;
margin-left:0px;
}
#title_main_home .top{
width:100%;
float:none;
}
#title_main_home .bottom{
width:94%;
float:none;
height: 120px;
margin-top: 0%;
margin-bottom:0%;
}
.footer-social .first a{
width:100%;
margin-right:0px;
}
.footer-social .first img{
height:38px;
width:auto;
}
#title_main_home .offer-list{
position:relative;
float:none;
width:100%;
height:180px;
}
ul.bullet, ol.bullet, ol.bullet_b, ul.bullet_b{
width:100%;
}
.copyright_mobile{
display:block;
}
.copyright_inner{
text-align:center;
}
.title_main{
display:none;
}
.theme-default .nivo-controlNav{
bottom:10% !important;
left:45% !important;
}
.copyright_inner{
padding-bottom:50px;
}
.slider-wrapper{
position:relative;
}
}
@media only screen and (max-width: 589px) {
.top-social{
width:80px;
}
.footer-social span{
width:85px;
}
.footer-social div{
width:150px;
float:left;
}
.slider1{
height:650px;
}
.copyright_inner{
padding:10px 0px 10px 0px;
font-size:11px;
}
#attraction-list .album-cover > div{
margin:0 auto;
}
#attraction-list .album-cover .tooltips{
margin-top:150px;
}
.room_content_inner{
padding:0px;
padding-top:15px;
padding-bottom:50px;
}
.block02 h2{
font-size:1.2em;
}
.page-title img,.page-title-m img{
padding-top:10px;
}
.content_main{
right:50%;
margin-right:-175px;
top:30px;
}
/*header #logo{top: 0px;}*/
.title-border{ border-bottom:0px; }
.page-title h3,.page-title-m h3{ font-size:20px;margin: -18px auto 0px auto; padding:0px; }
.page-title{ width:100%; text-align: center; margin-bottom:10px; }
footer{
height:auto;
}
#contact-form-main{
width:90%;
left: 50%;
top:0px;
margin-left: -45%;
height:500px;
}
#contact-form-main .bottom {
width: inherit;
padding-bottom:0px;
}
#contact-form-main .contact{
width:94%;
float:none;
}
/** Footer **/
.footer-inner .left{ text-align:center; width:100%;margin-left:0px; }
.footer-inner .right{ text-align:center; }
.desktopmode{ display:none; }
.mobilemode { display:inline-block;}
}
@media only screen and (max-width:499px){
#home-offer-prev, #home-offer-prev-m{
top:45%;
}
.copyright_inner{
text-align:center;
}
}
@media only screen and (max-width: 479px) {
.page-title h2,.page-title-m h2{
padding:0px;
}
.footer-inner .left{
margin:0px;
}
.footer-inner .right{
width:100%;
}
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header{ height:100%;text-align:center;background:#000000}
/*header .wrap-header{height: 100%;}*/
#logo a{ text-align:center;clear:both;display:block;float:none }
footer, .copyright a{ font-size:92% ;}
}
@media only screen and (max-width: 480px) {
.footer-social div{
float:left;
width:33%;
}
.title_main{
width:90%;
right:5%;
margin:0px;
top:10px;
}
.footer-social span{
width:65%;
float:right;
padding-left:5%;
}
.footer-social a{
float:left;
width:30%;
padding:0px;
padding-top:5px;
}
.footer-social img{
width:100%;
}
}
@media only screen and (max-width: 424px) {
body{}
.departing-tab .ui-datepicker{ margin-left: -80px;}
#social_icon_img{
margin-top:40px;
}
.offer-list{
height:auto;
margin-bottom:0px;
}
.slider1{
height:550px;
}
.content_main{
width:90%;
right:5%;
margin-right:0px;
}
#title_main_home .bottom{
height:110px;
}
#title_main_home .offer-list{
height:150px;
}
.footer-menu .left a{
padding-left:5px;
}
}