@charset "utf-8";
/* CSS Document */

.clearfix{clear:both; margin:0px; padding:0px;}
.spacer5{height:5px; margin:0px; padding:0px;}
.spacer10{height:10px; margin:0px; padding:0px;}
.spacer12{height:12px; margin:0px; padding:0px;}
.spacer15{height:15px; margin:0px; padding:0px;}
.spacer20{height:20px; margin:0px; padding:0px;}
.spacer25{height:25px; margin:0px; padding:0px;}
.spacer30{height:30px; margin:0px; padding:0px;}
.spacer35{height:35px; margin:0px; padding:0px;}
.spacer40{height:40px; margin:0px; padding:0px;}
.spacer45{height:45px; margin:0px; padding:0px;}
.spacer50{height:50px; margin:0px; padding:0px;}
.spacer60{height:60px; margin:0px; padding:0px;}
.spacer70{height:70px; margin:0px; padding:0px;}
.spacer110{height:110px; margin:0px; padding:0px;}
a{transition:all 0.25s ease-in 0s; outline:0 none; cursor:pointer; text-decoration:none}
a:hover{text-decoration:none; transition:all 0.25s ease-in 0s;}
a:focus{outline:0 none;}

h1,h2,h3,h4,h5,h6,ul,li,p,div{margin:0px; padding:0px;}
cite{font-style:normal;}

input[type="button"],input[type="submit"],button,div{-webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0;  -moz-border-radius: 0;}

div, span, p, a, i, ul, ul li, ol, ol li, img{-webkit-tap-highlight-color:  rgba(255, 255, 255, 0)}

body{margin:0px; padding:0px; background:#fff}

.wrapper{width:calc(100% - 40px); padding:0px 20px; margin:0 auto;}
.container{width:1280px; margin:0 auto; border:0px solid #cc0000}

/*------------------------------------------ header css starts -----------------------------------------*/

header{margin:0px; padding:0px; background:#fff}
.add-gap-480{display:none; height:59px; width:100%}

/*header top*/
.header-top{width:100%; padding:10px 0px; margin:0px; background:#cecece;}
.header-top-left{width:50%; float:left; text-align:left}
.header-top-right{width:50%; float:right; text-align:right}
.header-top p, .header-top a{font:400 12px/12px 'Open Sans'; color:#939393; letter-spacing:1px; position:relative}
.header-top i{font-size:16px; color:#939393; margin-right:8px; margin-left: -30px; position: absolute; top: -3px;}
.header-top a:hover{color:#f1f1f1;}

/*header bottom*/
.header-bottom{width:100%; padding:5px 0px; margin:0px; background:#fff}
.header-logo{width:190px; float:left;}
.header-logo img{width:100%}
.header-menu{width:calc(100% - 190px); float:right; text-align:right; padding:0px; margin:0px;}
.fixed-bar{position:fixed;}
.header-fixed{width:100%; margin:0 auto; z-index:9999999999999999999}

/*desktop menu*/
#cssmenu{float:right; display:block}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{margin: 0px;  padding: 0px;  border: 0px;  list-style: none;  display: block;  position: relative;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
#cssmenu > ul > li {float: left; }
#cssmenu > ul > li a{padding:20px 19px;font:400 14px/14px 'Tenor Sans'; color:#000; text-transform:uppercase; letter-spacing:0px}
#cssmenu > ul > li a:hover{color:#ef0007}
#cssmenu > ul > li a.active-tab{color:#ef0007}
#cssmenu > ul > li:last-child a{padding-right:0px;}

/*side menu*/
#menu {
	-moz-transform: translateX(20em);
	-webkit-transform: translateX(20em);
	-ms-transform: translateX(20em);
	transform: translateX(20em);
	-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
	-webkit-overflow-scrolling: touch;
	background: #b49f75;
	box-shadow: none;
	color: #ffffff;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	padding: 3em 2em;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	width: 20em;
	z-index: 10002;
}
#menu > ul {margin: 0 0 1em 0;}
#menu > ul.links {list-style: none;padding: 0;}
#menu > ul.links > li {padding: 0;}
#menu > ul.links > li > a:not(.button) {
	border: 0;
	border-top: solid 1px rgba(255, 255, 255, 0.25);
	color: #fff;
	display: block;
	line-height: 3.5em;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size:13px;
	opacity:1;
	padding: 5px 0;
	line-height: 35px;
}
#menu > ul.links > li:hover{opacity:0.8;}
#menu > ul.links > li > .button {display: block;margin: 0.5em 0 0 0;}
#menu > ul.links > li:first-child > a:not(.button) {border-top: 0 !important;}
#menu .close {
	text-decoration: none;
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	-webkit-tap-highlight-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 3.25em;
	line-height: 3.25em;
	padding: 5px 14px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: middle;
	width: 7em;
	opacity: 1;
}
#menu .close:hover{opacity:0.8}
#menu .close:before {
	content: url(../images/close.png);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

#menu .close:before {
	font-size: 1.25em;
}

#menu .close:hover {
	color: #ffffff;
}
#menu.visible {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.2);
	visibility: visible;
}

/*mobile buttons*/
.mobile-btns{display:none; padding: 7px 0 0px; width:100%}
.menu-icon, .location-icon, .call-icon{float:left;}
.menu-icon img, .location-icon img, .call-icon img{width:90%;}
.location-icon, .call-icon{display:none; margin-right:15px}

/*booking*/
.booking-section{position:relative; width:1280px; padding:0px; margin:0px auto;}
.booking-holder{width:255px; position:absolute; right:0px; top:0px; background:rgba(0, 0, 0, 0.5); z-index:200}
.booking-holder h4{font:400 13px/13px 'Open Sans'; color:#fff; letter-spacing:1px; text-align:center; text-transform:uppercase; margin:15px 0px}
.form-left{width:calc(50% - 27px); margin:9px 9px 9px 18px; float:left;}
.form-right{width:calc(50% - 27px); margin:9px 18px 9px 9px; float:left;}
.inputbox{border: 0px solid #fff; padding: 5px; margin: 0px; font: 400 10px/10px 'Open Sans', sans-serif; text-align: left; color: #656565; width: calc(100% - 10px); text-transform:capitalize; height:25px}
.inputbox:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);}
.inputbox.calendar{background:#fff url(../images/calendar.jpg) no-repeat top 8px right 6px}
select.inputbox{width:100%; height:35px}
select{-webkit-appearance: none; -moz-appearance: none; background: #fff url(../images/dropdown.jpg) no-repeat right 6px top 15px;}
.booking-holder::-webkit-input-placeholder {color:#656565;}
.booking-holder:-moz-placeholder { color:#656565;opacity:  1;}
.booking-holder::-moz-placeholder { color:#656565;opacity:  1;}
.booking-holder:-ms-input-placeholder {  color:#656565;}
.booking-holder::-ms-input-placeholder { color:#656565;}
.book-now{width:100%; height:44px; background:#c65b00; color:#fff; font: 400 14px/14px 'Tenor Sans'; text-align:center; text-transform:uppercase; border:none; cursor:pointer; letter-spacing:1px; margin:9px 0px 0px; padding:0px}
.book-now:hover{background:#c66513}
.fixed-btn .book-now{margin-top:0px; padding: 15px 0px; height:auto;}

/*------------------------------------------ header css ends -----------------------------------------*/


/*------------------------------------------ slider css starts -----------------------------------------*/

.slider-section{position:relative;}
.top-layer{background:url(../images/top-overlay.png) repeat; position:absolute; z-index:100; height:290px; width: 100%;top:0}
.bottom-layer{background:url(../images/bottom-overlay.png) repeat; position:absolute; z-index:101; height:307px; width: 100%; bottom:0px}
.slider-text {text-transform: uppercase; text-align: center; position: absolute; width: 100%; margin-top: 0; bottom:80px; z-index:250}
.slider-text h2{color:#fff; text-transform:uppercase; font:400 36px/40px 'Tenor Sans'; letter-spacing:1px;}
.desktop-banner{display:block;}
.mobile-banner{display:none!important;}

/*------------------------------------------ slider css ends -----------------------------------------*/


/*------------------------------------------ home css starts -----------------------------------------*/

/*introduction*/
.main{padding:40px 0px}
.col-md-6{width:50%; float:left;}
.introduction{text-align:left; width:calc(100% - 20px); padding-right:20px}
.introduction h1{color:#404040; font:400 26px/30px 'Tenor Sans'; margin-bottom:15px}
.introduction p{color:#6f6d6d; font:400 14px/30px 'Open Sans';}
.gray-box{width:calc(100% - 40px); margin:0 20px; padding:10px 0px; background:#f2f2f2; text-align:center}

/*inclusions*/
.inclusions{padding: 40px 0px 20px;}
.inclusions .col-md-4{width:33.33333%; float:left;}
.inclusions .facilities img{width:100%;}
.inclusions .facilities{margin-bottom:20px;}
.inclusions .facilities-img{height: auto!important;}

/*pattern*/
.pattern{background:url(../images/pattern.jpg) repeat-x; height:325px; width:100%;}
.col-md-4{width:40%; float:left;}
.col-md-8{width:60%; float:right}
.about-rooms{text-align:left; width:80%; margin-left:20px; padding:50px 0px 0px}
.about-rooms h2{color:#fff; font:400 30px/35px 'Tenor Sans'; text-transform:uppercase; margin-bottom:15px}
.about-rooms p{color:#fff; font:400 14px/24px 'Tenor Sans'; margin-bottom:30px}
.rooms-img{width:383px; border:3px solid #fff; margin: -30px 0px 0px 90px; background:url(../images/our-rooms.jpg) no-repeat left -200px center; height: 380px;}
.rooms-btn{border:1px solid #fff; font:400 14px/14px 'Open Sans'; color:#fff; text-align:center; text-transform:uppercase; padding:8px 10px; width:174px; float:left; margin-right:30px}
.rooms-btn:hover{color:#b49f75; background:rgba(255, 255, 255, 0.7); transition:all 0.25s ease-in 0s}
.no-rmargin{margin-right:0px;}

/*facilities*/
h3{color:#000000; font:400 15px/20px 'Tenor Sans'; text-transform:uppercase; text-align:center}
.row{width:100%; padding:0px; margin:40px 0px 0px;}
.col-md-3{width:25%; float:left;}
.facilities{width:calc(100% - 20px); padding:0px 10px; margin:0px 0px 40px 0px;}
.facilities-img{width:100%; height:180px; overflow:hidden; margin-bottom:20px}
.facilities h4{color:#000000!important; font:400 14px/20px 'Tenor Sans'!important; text-transform:uppercase; text-align:center!important}
.facilities h4:hover{color:#2b2b2b;}

/*------------------------------------------ home css ends -----------------------------------------*/


/*------------------------------------------ footer css starts -----------------------------------------*/

/*social media*/
.social-media-bg{background:#f2ede6; width:100%; margin:0px; padding:30px 0}
.social-media{width:190px; margin:0 auto; text-align: center;}
.social-media a{margin-right:0px; opacity:1}
.social-media a:hover{opacity:0.8;}
.social-media h3{ margin-bottom:15px}

/*footer*/
.footer-bg{background:#7b6d52; width:100%; margin:0px; padding:25px 0px}
.footer-bg p, .footer-bg a{text-align:center; color:#fff; font:400 12px/18px 'Open Sans'}
.footer-bg a:hover{color:#f1f1f1;}
.footer-desktop{display:block;}
.footer-mobile{display:none;}
.footer-btn{display:none; position:fixed; bottom:0; z-index:10000; width:100%; margin:0px; padding:0px;}
.footer-btn .book-now{padding: 15px 0px; height:auto;}
.book_mob{display:none;}

/*popup*/
.modal {display: none;  position: fixed; z-index: 9999999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}
.modal-content {background-color: #fefefe; margin: auto 20px;padding: 20px;border: 1px solid #888;width: calc(100% - 80px);position:relative}
.modal .close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;position:absolute;z-index:999;top: 7px;right: 15px;}
.modal .close:hover, .close:focus {color: #000; text-decoration: none;cursor: pointer;}
.modal-content h4{font: 400 13px/13px 'Open Sans';color: #000;letter-spacing: 1px;text-align: center;text-transform: none!important;margin: 0px 0px 15px;}

/*------------------------------------------ footer css ends -----------------------------------------*/


/*------------------------------------------ conference css starts -----------------------------------------*/

/*top banner*/
.top-banner{background:url(../images/inside-banner.jpg) repeat; padding: 100px 0px; width:100%}
.top-banner h1{color:#fff; font:400 36px/40px 'Tenor Sans'; text-align:center; text-transform:uppercase}

/*inside content*/
.inside-content h2{font:400 24px/30px 'Tenor Sans'; color:#404040; text-align:center}
.bottom-design{width:118px; height:39px; margin:10px auto 30px; background:url(../images/bottom-design.jpg) no-repeat center center;}
.inside-content h5{color:#6f6d6d; font: 400 14px/25px 'Open Sans'; text-align:left; margin-bottom:10px}
.design-bullets li{color:#b19c65; list-style:none; background: url(../images/bullet-design.jpg) no-repeat left top 2px; font:400 14px/25px 'Open Sans'; padding-left:25px; margin-bottom:10px}
.conference-block{width:calc(100% - 40px); padding:0 20px;}

/*------------------------------------------ conference css ends -----------------------------------------*/


/*------------------------------------------ rooms css starts -----------------------------------------*/

/*rooms*/
.inside-content p, .inside-content a{width:80%; margin:0px auto 20px; font: 400 14px/25px 'Open Sans'; color:#6f6d6d; text-align:center;}
.inside-content a:hover{color:#000;}
.room-img{width: calc(100% - 40px);margin: 20px;height: 300px;overflow: hidden;}
.room-img img{/*height:300px;*/ width:100%}
.col-md-6 p{width: calc(100% - 40px);margin: 0px 20px 20px;}

/*------------------------------------------ rooms css ends -----------------------------------------*/


/*------------------------------------------ rooms css starts -----------------------------------------*/

/*gallery*/
.gallery-item{width:calc(25% - 40px); float:left; margin:20px; height:150px; overflow:hidden; background:#f1f1f1}
.gallery-item img{width:100%;}

/*------------------------------------------ rooms css ends -----------------------------------------*/


/*------------------------------------------ contact css starts -----------------------------------------*/

/*contact us*/
.col-lg-4{width:33.333333333333%; float:left;}
.spacer10{height:10px;}
.inside-content h4{color:#000; font: 400 16px/25px 'Open Sans'; text-align:center; margin-bottom:0px}
.contact-us-section{width:991px; margin:30px auto 0px;}
.contact-us-section .inputbox{border: 1px solid #6f6d6d; padding: 8px 10px; margin: 0px 20px 22px 20px; background: none; font: 400 14px/20px 'Open Sans', sans-serif; text-align: left; color: #6f6d6d; width: calc(100% - 60px);}
.recaptcha-holder {width: 233px; height: 50px; border: 0px solid #fff; margin: 0px auto 20px;}
.sub-form-holder{width:300px; margin:0px auto}
.sub-form{width: 100%;height: 40px;background: #e0393e;color: #fff;font: 400 14px/14px 'Tenor Sans';text-align: center;text-transform: uppercase;border: none;cursor: pointer;letter-spacing: 1px;margin: 9px 0px 0px;padding: 0px;}
.sub-form:hover{background: #b31419;}
.scrolloff {pointer-events: none;}
.desktop-map{width:100%; height:350px; display:block}
#map_canvas1{width:100%; height:100%}
.mobile-map-holder{display:none; width:195px; margin:30px auto 0px}
.mobile-map{width:100%!important; border: 1px solid #d8d1c6; padding: 10px 25px; border-radius: 30px; background: #d8d1c6; color: #000; text-align: center; text-transform: uppercase; font-family: 'Open Sans'; font-size:14px}
.mobile-map::after {content: "\f124";font-family: FontAwesome;top: 12px;right: 0px;font-size: 18px;color: #fff;margin-left: 15px;}

/*------------------------------------------ contact css ends -----------------------------------------*/


/*------------------------------------------ things to do css starts -----------------------------------------*/

/*things to do imgaes*/
.inside-content .facilities-img img{width:100%;}

/*------------------------------------------ things to do css ends -----------------------------------------*/


/*------------------------------------------ tariff css starts -----------------------------------------*/

/*tariff table*/
.tariff-table{width:100%; margin:5px auto 40px;}
.tblehdr {background-color: #ac831c; color: #fff!important; padding:10px!important; text-align:center; font:400 14px/14px 'Open Sans'}
.subtitle{background-color: #fdf0da; padding:8px 10px!important; text-align:center; font:400 14px/14px 'Open Sans'; color:#574e49}
.tariff-table td {border-bottom: 1px solid #fdf0da; padding: 8px 10px; color:#574e49; font:400 14px/14px 'Open Sans'; }
.book{background:#c69f3e; color:#fff; font: 400 14px/20px 'Tenor Sans'; text-align:center; text-transform:uppercase; padding:10px; width:180px; margin:10px auto}
.book:hover{background: #ac831c;}
.tariff-content{width:calc(100% - 40px); margin:0 0 0 40px;}
.tariff-content ul, .tariff-content p{text-align:left!important; margin-bottom:0px; width:100%!important}
.left-align h4{text-align:left!IMPORTANT;}
.note{font-size:11px!IMPORTANT; line-height:18px!IMPORTANT; margin-top:10px!important}
.tariff-content h4{text-align:left;}
.facilities-right{width:300px; margin-left:20px; float:right}
.facilities-right img{width:100%;}
.facilities-left{width:calc(100% - 320px); float:left}

/*------------------------------------------ tariff css ends -----------------------------------------*/


/*------------------------------------------ packages css starts -----------------------------------------*/

/*packages*/
.panel-pricing.panel-pricing-highlighted {
    -webkit-box-shadow: 1px 2px 5px #d5d5d5;
    -moz-box-shadow: 1px 2px 5px #d5d5d5;
    box-shadow: 1px 2px 5px #d5d5d5;
	font-family:'Open Sans';
	width: calc(100% - 40px);
	margin: 0 20px;
}
 
.panel-pricing {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    padding: 0;
    background: #ededed ;
    -webkit-box-shadow: 1px 1px 5px #d5d5d5;
    -moz-box-shadow: 1px 1px 5px #d5d5d5;
    box-shadow: 1px 1px 5px #d5d5d5;
	position: relative;
}

.panel-pricing .panel-heading {
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}


.panel-pricing.panel-pricing-highlighted .panel-pricing-price {
    background: #fdf0da;
    padding: 25px 0 25px 0;
	position:relative
}
 
.panel-pricing .panel-pricing-price {
    text-shadow: none;
    color: #000;
    background: #6b7175;
    text-align: center;
    padding: 10px 0 5px 0;
    font-weight: 100;
    vertical-align: text-top;
    margin: 0;
    font-size: 16px;
	font-family:'Open Sans';
}

.panel-pricing .panel-pricing-price .digits {
    font-size: 28px;
    color: #000;
	font-weight:700;
}

.panel-pricing .panel-body {
    background-color: white;
padding:15px;
}

ul.list-dotted {
    padding: 0 0px 20px 25px;
    margin: 0;
	text-align:left;
	
}

ul.list-dotted li{
    padding: 0 0px 12px 0px;
    margin: 0;
	text-align:left;
	list-style:decimal;
	background:none;
	font: 400 14px/18px 'Open Sans'
	
}

.h-offer{color: #000 !important;
    font: 500 16px/25px 'Open Sans';
    text-align: left !important;
	width:100%!important;}

ol.offer {
    padding: 0 0px 20px 25px;
    margin: 0;
	text-align:left;
	
}

.hoho{
	width:350px;
}

@media screen and (max-width:480px){
	.hoho{
		width:100%;
	}
}

ol.offer li{
	padding: 0 0px 12px 0px;
    margin: 0;
	text-align:left;
	list-style-type: upper-alpha;
	background:none;
	font: 400 14px/18px 'Open Sans';
}

.list-dotted span{font:700 14px/40px 'Open Sans';}
.book-package{background: #e0393e;width: 150px;margin: 10px auto 10px;color: #fff;text-transform: uppercase;border-radius: 30px; padding:10px 0px; border:none; cursor:pointer}
.book-package:hover{background: #b31419;}
.condition{font-size:12px;}
.oneitem li{list-style:none!important;}
.oneitem{padding-left:15px; margin-top:-10px}
.moreitem li{list-style:disc!important;}
.moreitem{padding-left:15px; margin-top:-10px}
.redirect{font:700 20px/40px 'Open Sans'!important;}

/*popup*/
.modal {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 999999999999999999999;  display: none;  overflow: hidden;  outline: 0; background: rgba(0,0,0,0.5); padding:0px!important}
.modal.fade .modal-dialog {  -webkit-transition: -webkit-transform 0.3s ease-out;  transition: -webkit-transform 0.3s ease-out;  -o-transition: -o-transform 0.3s ease-out;  transition: transform 0.3s ease-out;  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;  -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); border-radius: 4px; }
.modal.show .modal-dialog {-webkit-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-contents {position: relative;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;-ms-flex-direction: column; flex-direction: column;  background-color: #fff;  -webkit-background-clip: padding-box; background-clip: padding-box;  border: 0px solid rgba(0, 0, 0, 0.2); outline: 0; border-radius:4px}
.modal-backdrop {position: fixed; top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000;}
.modal-backdrop.fade { opacity: 0;}
.modal-backdrop.show { opacity: 0.5;}
.modal-header {display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center; -ms-flex-align: center;align-items: center;  -webkit-box-pack: justify;
  -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;  padding: 15px;  border-bottom: 1px solid #eceeef;}
.modal-title {  margin-bottom: 0;  line-height: 1.5;}
.modal-body {  position: relative;  -webkit-box-flex: 1;  -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;  padding: 15px 15px 20px;}
.modal-footer {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: end;
  -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;  padding: 15px;  border-top: 1px solid #eceeef;}
.modal-footer > :not(:first-child) { margin-left: .25rem;}
.modal-footer > :not(:last-child) { margin-right: .25rem;}
.modal-scrollbar-measure {position: absolute; top: -9999px; width: 50px; height: 50px;overflow: scroll;}
.modal-dialog {position: relative; width: 300px;  margin: 70px auto 70px; background:#fff}
.close-popup{border: none; background: #fff; color: #000; cursor: pointer; font-size: 17px;}
.modal h4{color: #f90000; font: 400 16px/30px 'Open Sans', sans-serif;}
.modal .inputbox{border:1px solid #d3d3d3; background:#f9f9f9; margin-bottom:15px}
.modal .form-left, .modal .form-right{margin-top:0px; margin-bottom:0px}


/*------------------------------------------ packages css ends -----------------------------------------*/


/*------------------------------------------ footer pages css starts -----------------------------------------*/

/*terms and conditions*/
.left-align{text-align:left!IMPORTANT;}


/*------------------------------------------ footer pages css ends -----------------------------------------*/


/*------------------------------------------ conference css starts -----------------------------------------*/

.image-container{width:300px; margin:40px auto 0px}
.image-container img{width:100%;}

/*------------------------------------------ conference css ends -----------------------------------------*/


/*------------------------------------------ responsiveness css starts -----------------------------------------*/

@media screen and (max-width:1581px) {
	.booking-section{width:calc(100% - 20px); margin-right:20px}	
}

@media screen and (max-width:1450px) {
	.container, .header-fixed{width:100%;}
}	

@media screen and (max-width:1380px) {
	#cssmenu > ul > li a {padding: 20px 12px;}
	.rooms-img{margin: -30px 0px 0px 45px;}
}

@media screen and (max-width:1280px) {
	#cssmenu > ul > li a{font-size:13px;}
	.about-rooms{width:calc(100% - 40px); margin:0px 20px}
	.rooms-img {    margin: -30px 0px 0px 20px;}
}

@media screen and (max-width:1200px) {
	.slider-text h2{font-size:30px; line-height:35px}
}

@media screen and (max-width: 1150px) {
	.contact-us-section {width: 90%;}
}

@media screen and (max-width:1180px) {
	#cssmenu > ul > li a{font-size:12px;}
	#cssmenu > ul > li a {padding: 20px 8px;}
	.col-md-8 {width: calc(100% - 407px)}
	.col-md-4 {width: 407px;}
   
}

@media screen and (max-width:1080px) {
	#cssmenu > ul > li a {padding: 20px 7px; font-size: 11px;}
	.gray-box img{width:100%;}
	.gray-box{height:190px;}
}

@media screen and (max-width:1030px) {
	.rooms-btn{width: 120px;}
	.about-rooms{padding: 25px 0px 0px;}
}

@media screen and (max-width:991px) {
	#cssmenu{display:none;}
	.mobile-btns{display:block;}
	.header-menu {width: 30px;}
	.header-logo {width: 150px;}
	.col-md-6{width:100%; float:none;}
	.col-md-6 .col-md-6{width:50%; float:left;}
	.gray-box img{width:auto;}
	.gray-box{height:auto;}
	.introduction {width:80%; padding-right: 0px; margin:0px auto 40px; text-align:center}
	.rooms-btn{margin-right:20px}
	.bottom-layer{height:75%;}
	.top-layer{height:70%;}
	.col-md-3{width:33.333%;}
	.header-top p, .header-top a{font-size:10px; line-height:10px;}
	.slider-text h2{font-size:25px; line-height:30px}
	.conference-block{margin-bottom:20px;}
	.gallery-item {width: calc(33.33333333333% - 40px);}
	.tariff-table, .package-table{width:calc(100% - 20px); margin:0px 10px 40px;}
	.tariff-content{width:calc(100% - 20px); margin:0px 10px}
	.panel-pricing.panel-pricing-highlighted {width:100%; margin:0 auto 20px;}
	.room-img{width: 500px;margin: 20px auto;height: auto;}
}

@media screen and (max-width:900px) {
	.about-rooms h2{font-size:25px; line-height:30px; margin-bottom: 10px;}
	.about-rooms p {font-size: 13px; line-height: 20px; margin-bottom: 20px;}
	.introduction p{font-size:13px;}
	.col-md-4, .col-md-8{width:100%; float:none;}
	.rooms-img {width: 100%; margin:0px; background-position: center center; height: 363px; border:none}
	.col-md-8{background: url(../images/pattern.jpg) repeat;}
	.about-rooms {padding: 50px; margin:0px; width:calc(100% - 100px)}
	.pattern{height: auto;}
}

@media screen and (max-width:800px) {
	.top-layer{background:none;}
	.bottom-layer{height:100%;}
	.col-lg-4{width:50%;}
	.inclusions .col-md-4{width:50%}
	.book_mob{display:block;}
}

@media screen and (max-width:750px) {
	.gallery-item {width: calc(50% - 40px);}
}

@media screen and (max-width:700px) {
	.col-md-3{width:50%;}
}

@media screen and (max-width:600px) {
	.header-top, .booking-section{display:none;}
	.location-icon, .call-icon{display:block}
	.header-menu {width: 152px;}
	.header-bottom{padding: 5px 0px 0;}
	.mobile-btns{padding:0px;}
	.footer-desktop{display:none;}
	.footer-mobile{display:block;}
	.footer-btn{display:block}
	.footer-bg{padding:25px 0px 75px;}
	.inputbox{border:1px solid #ccc;}
	.form-left, .form-right{width: 100%;margin: 9px 0px;float: none;}
	.rooms-img{height:275px;}
	.col-lg-4{width:100%; float:none}
	.room-img{width: 100%;}
	.facilities-right{margin:40px auto 0px; float:none}
	.facilities-left{width:100%; float:none}
}

@media screen and (max-width:560px) {
	.gray-box img{width:100%;}
}

@media screen and (max-width:480px) {
	.introduction h1{font-size:18px; line-height:22px;}
	.introduction p{font-size:12px; line-height:26px;}
	.about-rooms {padding: 40px 30px; width: calc(100% - 60px);}
	.rooms-btn{width:auto;}
	.col-md-3{width:100%;}
	.facilities-img img{width:100%;}
	.add-gap-480{display:block;}
	#menu{width:200px;}
	.slider-text h2 {font-size: 20px;line-height: 25px;}
	.slider-text{bottom: 40px;}
	.desktop-banner{display:none!important;}
	.mobile-banner{display:block!important;}
	.top-banner h1{font-size:25px; line-height:35px;}
	.top-banner{padding: 80px 0px;}
	.inside-content h2{font-size:17px; line-height:25px;}
	.inside-content h5, .design-bullets li{font-size:13px; line-height:22px;}
	.conference-block{width:100%; padding:0px;}
	.inside-content p{width:90%; font-size:12px; line-height:20px;}
	.design-bullets li{background-size: 13px; background-position: left top 5px;}
	.gallery-item {width: calc(100% - 40px); height:auto}
	.desktop-map{display:none;}
	.mobile-map-holder{display:block;}
	.sub-form-holder{width: 100%;}
	.contact-us-section .inputbox{margin: 0px 0px 22px 0px; width: calc(100% - 30px);}
	.inclusions .col-md-4{width:100%; float:none}
}

@media screen and (max-width:430px) {
	.package-table{width:calc(100% - 20px); margin:0px 10px 40px;}
}

@media screen and (max-width: 390px) {
	.about-rooms {padding: 40px 20px; width: calc(100% - 40px);}
	.rooms-btn {margin-right: 10px; padding: 8px 5px; font-size:12px;}
	.header-logo {width: 120px;}
	.header-logo img {width: 100%;}
	.menu-icon img, .location-icon img, .call-icon img {width: 80%;}
	.location-icon, .call-icon {margin-right: 4px;}
	.header-menu {width: 130px;}
}


@media screen and (max-width: 340px) {
	.image-container, .facilities-right{width:100%;}
	.facilities-right{width:100%; margin:20px auto 0px;}
	.modal-dialog {width: 260px;  margin: 70px 20px 70px;
}