@charset "utf-8";

/****google font CDN****/
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,900|Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Just+Another+Hand);


body{
background:#ffefce;	
	}
	a:hover, a:active, a:focus {
  outline: 0;
}

.attractions-im{
    max-width: 332px;
    margin: 0px auto;
    background-color: #FC0;
    text-align: center;
	    margin-bottom: 35px;}
	
.attractions-im h5{
    max-width: 332px;
    margin: 0px auto;
    background-color: #FC0;
    text-align: center;
    font-family: 'Playfair Display', serif;
    color: #715b37;
    font-size: 23px;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 5px;}
	
.attractions-im p{
    margin: 0px 14px;
    padding-bottom: 24px;
    font-size: 13px;
    color: #303030;
	    min-height: 95px;}



.hdr_top{background:url(../images/top_bg.png) center top repeat-x;min-height:150px;border-bottom:10px solid #f9bf43;}	
.top_nav{background:none;border:0 !important;}

.nav>li:last-child>a{padding-right: 0;}
.container-fluid{padding-right: 0;}

ul.Top_nav_list { margin-top: 5px;}
ul.Top_nav_list li a{font-family: 'Playfair Display', serif;font-size:16px;font-weight:700;color:#4e4e4e;}
ul.Top_nav_list li a:hover,ul.Top_nav_list li.active a{border-bottom: 4px solid #fabe40;color: #88cb49 !important;background-color: transparent !important;}
.contact_info_top,p{font-family: 'Open Sans', sans-serif;font-size:14px;color:#535352;margin-right:25px;}
.reservation_btn {
   font-family: 'Playfair Display';
   font-size: 21px;
   font-weight: 400;
   font-style: italic;
   background: #fabe40;
   color: #050505;
   padding: 4px 19px;
   display: inline-block;
   padding-bottom: 7px;
}

.carousel.slide{overflow:hidden;}
.carousel.slide img{min-width:100%;max-width:100%;}
.slider_arrow{display:inline-block;width:90px;height:90px;border-radius:50%;background-color:#fff !important;line-height:90px;text-align:center;opacity:.9;background-image:none !important;text-shadow:none;color:#fabe40;top:40%;}
.slider_arrow:hover{opacity:1;color:#fabe40;}
.slider_arrow.left{left:-23px;}.slider_arrow.right{right:-23px;}
.slider_btm{background:url(../images/sep.png);min-height:130px;background-size:cover;margin-bottom:22px;}
.middle_section{background:#ffefce url(../images/middle_bg.png) no-repeat center top;background-size:cover;}
.main_hd{font-family: 'Just Another Hand', cursive;color:#8d7247;font-size:44px;text-align:center;   letter-spacing: 2px;margin-bottom:13px;}
.hd_medium{font-size:37px;text-align:left;}
.abt-txt{font-size:14px;color:#535352;margin-bottom:32px; line-height:25px;}
.reservation_btn2{border:1px solid #b89e77;font-family: 'Playfair Display';font-size:15px;color:#554f3e;display:table;margin:auto;padding:8px 18px;margin-bottom:45px;}


.hd_large{font-size:72px;font-weight:900;color:#e6a23c;margin-bottom:85px;font-family:'Playfair Display', serif;}
.hd_large-faci2{font-size:72px;font-weight:900;color:#e6a23c;font-family:'Playfair Display', serif;}
.hd_large-faci3{font-size:72px;font-weight:900;color:#64cdb1;font-family:'Playfair Display', serif;}
.main_hd-fac{font-family: 'Just Another Hand', cursive;color:#8d7247;font-size:44px;text-align:center;   letter-spacing: 2px;
line-height:-10px;}
.leftborder{margin:0px auto;}

.Yellow-hd{font-family: 'Just Another Hand', cursive;color:#fec800;font-size:72px;text-align:left;   letter-spacing: 2px;
line-height:-10px;}

.brn-hd{font-family: 'Playfair Display', serif;color:#715b37;font-size:26px;   letter-spacing: 2px;
line-height:-10px;font-style:italic; letter-spacing:-.5px;}



.fising_net{background:url(../images/fising_net.png) left top no-repeat;min-height:400px;}

.why_us_txt{font-family: 'Playfair Display', serif;font-size:19px;color:#554a1e;font-style:italic;}

.why_us_txt2{font-family: 'Playfair Display', serif;font-size:14px;color:#554a1e; text-transform:uppercase;
line-height:18px; margin-top:15px;}

.fising{background:url(../images/fising.png) right top no-repeat;}
.swimming{background:url(../images/swimming.png) left top no-repeat;}
.boating{background:url(../images/boating.png) right top no-repeat}
.light_house{background:url(../images/light_house.png) left top no-repeat}
.glry_btm{background:url(../images/btm_bg.png) no-repeat center top;min-height:450px;}
.indexGallery{position:relative;top:140px;}
.margin_01{margin-top:175px;}
.indexGallery img{
	border: 28px solid #ffefce;
	margin-bottom: 25px;
	-webkit-box-shadow: 4px 20px 48px -11px rgba(218,197,141,1);
	-moz-box-shadow: 4px 20px 48px -11px rgba(218,197,141,1);
	box-shadow: 4px 20px 48px -11px rgba(218,197,141,1);
}
.glry_hd{color:#f3bf01;font-size:40px;font-family: 'Playfair Display', serif;font-weight:900;}
.facilities_section{margin-bottom:65px;}
.ftr_hld{background:url(../images/footer_bg.png) center bottom;min-height:777px;background-size:cover;}
.footer_btm{background:#063c58;min-height:60px;line-height:60px;}
.testimonials_hld{position:relative;top:150px;word-break: break-all;width:230px;margin:auto;}
.testimonials_hld h3,.name-txt{font-family: 'Playfair Display', serif;color:#fff;font-size:19px;text-align:center;font-style:italic;font-weight:600;}
.sub_hd{font-family: 'Playfair Display', serif;font-size:45px;color:#d87603;font-style:italic;margin-top:0;}
.testimonials_hld p{color:#fff;font-size:14px;}
.name-txt{font-weight:400;}
.copy_right_txt{font-family: 'Playfair Display';color:#79bbdd;font-size:16px;}
.copy_right_txt a{color:#f4efd1;}
ul.sm{display:table;margin:auto;margin-top:320px;}
ul.sm li{list-style:none;float:left;margin-right:10px;}
.navbar-toggle{border:2px solid #FABE40 !important;border-radius:0; color:#050513;position:relative;font-family: 'Playfair Display', serif;width:100px;z-index:9999;top:35px;}
.navbar-default .navbar-toggle .icon-bar{border:1px solid #FABE40 !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0 !important;}

p.text-center.copy_right_txt {
   margin-bottom: 0;
}

.pull-right.top_links {
 position: relative;
 z-index: 9999;
 }

.pull-right.top_links a{ text-decoration:none;}
/**** FACILITIES *****/

.work{
    float: none;
    width: 100%;
	
}
.work-grids.work-img {
    min-height: 300px;
}
.work-grids.work-grids-left {
    padding: 1em 3em 3em;}


.fac_btm{background:url(../images/pool_image_fa.jpg);min-height:577px;background-size:cover;margin-bottom:22px; margin-top:100px;}	

.fac-img{ position: absolute; z-index:100; width:503px;margin-top:350px;}

.faci-text-box{position: absolute; z-index:150; width:503px; margin-left:800px;top:2200px;}

.faci-text-box h1{font-family: 'Just Another Hand', cursive;color:#fec800;font-size:160px;text-align:left;letter-spacing: 2px;
line-height:-40px; text-align:right;	}

.faci-text-box h4{font-family:'Playfair Display';font-size:26px;font-weight:800; color:#81612e;line-height:-10px;text-align:right;}	
	.faci-text-box p{text-align:right; margin:0px;}	
	
.container.facilities_section .col-sm-3 {
   border-right: solid 1px #eadab8;
}

.container.facilities_section .col-sm-3:last-child {
   border-right: 0;
}
.reservation_btn3:hover{border:1px solid #b89e77; background-color: #FC0;color:#000; text-decoration:none; }

.reservation_btn4{border:1px solid #b89e77;font-family: 'Playfair Display';font-size:15px;color:#554f3e;display:table;margin:left;padding:8px 18px; }


.fles{
	position: absolute;
	z-index: 150;
	width: 150px;
	left: 184px;
	top: 410px;
}
.birds{
	position: absolute;
	z-index: 150;
	width: 246px;
	left: 325px;
	top: 2684px;
}
.fac-bot-sec-main{ margin:auto;}

.fac-bot-sec{ width:375px; margin-right:15px;margin-top:450px; margin-bottom:100px; 
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.fac-bot-sec :hover{transform:skew(10deg);
transform-origin:top left;
-webkit-transform:skew(10deg);
-webkit-transform-origin:left;
-moz-transform:skew(10deg);
-moz-transform-origin:top left;
-ms-transform:skew(10deg);
-ms-transform-origin:top left;
-o-transform:skew(10deg);
-o-transform-origin:top left;
}

.factxt01{font-family: 'Just Another Hand', cursive;color:#73cb1d;font-size:44px;text-align:center;   letter-spacing: 2px;
line-height:-10px;}

.factxt02{font-family: 'Just Another Hand', cursive;color:#00e2e9;font-size:44px;text-align:center;   letter-spacing: 2px;
line-height:-10px;}

.factxt03{font-family: 'Just Another Hand', cursive;color:#ffca0c;font-size:44px;text-align:center;   letter-spacing: 2px;
line-height:-10px;}



.actvities_btm{background:url(../images/Activities-in-fort-Kochi.jpg);min-height:577px;background-size:cover;margin-bottom:22px; margin-top:100px;}	



/**** Rooms *****/

.backclr{
	background-color: #FC0;
	padding-top: 115px;
	padding-bottom: 85px;
	text-align: center;
}
.backclr2{
	background-color: #FC0;
	padding-top: 115px;
	padding-bottom: 115px;
	text-align: center;
}

 .room-text-box{ width:80%; margin:100px;}
 .room-text-box h1{font-family: 'Just Another Hand', cursive;color:#fec800;font-size:160px;text-align:left;letter-spacing: 2px;
line-height:-40px; text-align:right;	}

.room-text-box h4{font-family:'Playfair Display';font-size:26px;font-weight:800; color:#81612e;line-height:-10px;text-align:right;}	
	.room-text-box p{text-align:right; margin:0px;}	
	
	
.reservation_btn3{border:1px solid #b89e77;font-family: 'Playfair Display';font-size:15px;color:#554f3e;display:table;padding:12px 50px;margin-top:30px;text-align:right; float:right;}

.reservation_btn3{border:1px solid #b89e77;font-family: 'Playfair Display';font-size:15px;color:#554f3e;display:table;padding:12px 50px;margin-top:30px;text-align:right; float:right;}

.con{background:url(../images/contact-area.png)  no-repeat center top;background-size:cover; min-height:800px;}
.main_hd3{font-family: 'Just Another Hand', cursive;color:#f5eccc;font-size:44px;text-align:center;   letter-spacing: 2px;margin-bottom:13px; margin-top:80px;}


.contact-number{font-family: 'Just Another Hand', cursive;color:#f5eccc;font-size:64px;text-align:center;   letter-spacing: 2px;margin-bottom:13px; margin-top:80px;}

.abt-txt22{font-size:21px;color:#f3bc02;margin-bottom:32px; line-height:25px;}

.abt-txt23{font-size:28px;color:#f5eccc;margin-bottom:32px; line-height:25px; font-weight:100;}

.abt-txt24{font-size:18px;color:#f5eccc;margin-bottom:32px; line-height:25px; font-weight:900;}



.booking_panel{
	padding:60px 10px 5px 10px;
	
	border-radius:25px;

	background: #FC0;

	color:#676767;

	font-size:16px;
	font-family: 'Playfair Display';

}

/*-- gallery --*/
.gallery-info {
    text-align: center;
}
.gallery-top {
    padding: 5em 0;
}
.gallery-grids-top {
    margin-top: 1em;
}
.gallery-grid-img {
    padding-left: 0;
}
.gallery-grid {
    padding-left: 0;
}
.gallery-grid a {
    display: block;
}
.gallery-grid img {
  width: 100%;
}
.gallery-right {
    padding: 0;
}
.gallery-grid-img img{
	width:100%;
}
.gallery-grid-img:hover img{
	-webkit-filter: grayscale(100%);
	opacity: 8;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity: 8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grid-top-img:hover img{
	  -webkit-filter: grayscale(100%);
  opacity: 8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grids-middle{
    margin: 1em 0;
}
.gallery-right-top-grid{
	margin:1em 0 0 0;
}
.gallery-grid-top{
	padding:0;
}
.gallery-grid-top-img{
	margin-right:1em;
}
.gallery-grid-top-img img{
	width:100%;
}
/*--//gallery--*/


.small {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: -10px
}

.cont {
  text-align: center;
}

.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.btn-lg {
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.33333;
  padding: 10px 16px;
}

.btn-primary:hover {
  background-color: #fff;
  color: #152836;
}

.btn-primary {
  background-color: #152836;
  border-color: #0e1a24;
  color: #ffffff;
}

.btn-primary {
  border-color: #eeeeee;
  color: #eeeeee;
  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;
}

.page-head h1 {
  font-size: 42px;
  margin: 0 0 20px;
  color: #FFF;
  position: relative;
  display: inline-block;
}

.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;
  padding-left: 15px;
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 280px;
  display: inline-block;
  margin-right: 15px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

.offer{
	width: auto;
	height: 200px;
	position: absolute;
	z-index: 1000;
	left: 10px;
	top: 480px;
}
.offer2{
	width: auto;
	height: 200px;
	position: absolute;
	z-index: 1000;
	left: 100px;
	top: 980px;


/* Animation webkit */
@-webkit-keyframes myfirst
{
	0% {margin-left: -235px}
	90% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

/* Animation */
@keyframes myfirst
{
	0% {margin-left: -235px}
	70% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

.fish{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/fish.png');
	width: 235px;
	height: 104px;
	margin-left: -235px;
	position: absolute;	
	animation: myfirst 24s;
	-webkit-animation: myfirst 24s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

#fish{
	top: 120px;
}

#fish2{
	top: 260px;
	animation-delay: 12s;
	-webkit-animation-delay: 12s;
}




#form{
	height: 100%;	
	background-color: #98d4f3d;
	overflow: hidden;
	position: relative;
	margin-bottom:30px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:11px;
	
}
form{
	margin: 0 auto;
	width: 500px;
	padding-top: 40px;
	color: 000;
	position: relative;
	
	
}
label, input, textarea{
	display: block;	
}
input, textarea{
	width: 500px;	
	border: none;
	border-radius: 20px;
	outline: none;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #676767;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	border: solid 3px #98d4f3;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
}
input:focus, textarea:focus{
	border: solid 3px #77bde0;	
}

textarea{
	height: 100px;	
	resize: none; 
	overflow: auto;
}
input[type="submit"]{
	background-color: #F90;
	color: white;
	height: 50px;
	cursor: pointer;
	margin-top: 30px;
	font-family: 'Open Sans', sans-serif;font-size:18px;color:#fff; font-weight:800;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
input[type="submit"]:hover{
	background-color: #e58f0e;
	
}
label{
	font-size: 1.5em;
	margin-top: 20px;
	padding-left: 20px;
}
.formgroup, .formgroup-active, .formgroup-error{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 10.5%;
	transition: background-image 0.7s;
	-webkit-transition: background-image 0.7s;
	-moz-transition: background-image 0.7s;
	-o-transition: background-image 0.7s;
	width: 566px;
	padding-top: 2px;
}

.formgroup{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/pixel.gif');	
}
.formgroup-active{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/octo.png');
}
.formgroup-error{
	background-image: url('http://www.geertjanhendriks.nl/codepen/form/octo-error.png');
	color: red;
}

.second-number{
	margin-top: 0px;
    margin-left: 87px;}







/****media queries*****/

@media (max-width: 1100px) {
	.navbar-toggle:after{content:'Menu';position:absolute;left:35px;top:5px;}
	ul.Top_nav_list{border:0 !important;background:#FABE40; margin-top: 84px;}
	ul.Top_nav_list li a{padding:20px 35px}
	ul.Top_nav_list li a:hover,ul.Top_nav_list li.active a{border:0 !important;color:#535352 !important;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
		position:absolute;
		right:0;
		top:91px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

@media screen and (min-width: 1200px) {
  .navbar-brand {
    float: left;
    margin-right: 5px;
    margin-left: -15px;
  }
  .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    border-radius: 0;
  }
  .navbar-nav.pull-right {
    float: right;
    width: auto;
  }
  .navbar-toggle {
    position: relative;
    top: auto;
    left: auto;
    display: none;
  }
  .nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  .booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
  

}


/***smaller desktop 1200px)****/
@media screen and (max-width:1200px){
	.hdr_top{background:none !important;}
	.hdr_top .container{width:100%;margin:auto;}
	.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
	

	
	}




/***tab devices below 992px****/
@media screen and (max-width:992px){
	.booking_panel{padding:0px;}
	.fac-bot-sec{ margin-top:20px; margin-bottom:20px;}
	.offer{	left: 10px;	top: 280px;}
	.work{float: none;    width: 100%;	padding: 0em 0em;}
	.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
	}


/***small devices below 768px****/

@media screen and (max-width:768px){
	body{overflow-x:hidden;}
	.fising{background-position:center 166px;}
	.boating{background-position:center 110px;min-height:500px;}
	.navbar-brand{float:none;display:block;text-align:center;height:auto;position:relative;}
    .navbar-brand img{display:block;margin:auto;}
	ul.Top_nav_list{margin-top:20px;}
	.swimming,.light_house{background-position: 0 115px;min-height:500px;}
	.facilities_section .col-sm-3{margin-bottom:45px;}
	
	.booking_panel{	padding:0px;}
	.fac-bot-sec{ margin-top:20px; margin-bottom:20px; }
	.offer{	left: 10px;	top: 80px;}
	.work{float: none;    width: 100%;	padding: 0em 0em;}
	.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
	}
@media screen and (max-width:750px){
	.navbar-brand,.top_nav{clear:both;padding:0;}
	.reservation_btn{display:block;margin:auto;width:200px;text-align:center;clear:both;}
	.top_links{float:none !important;display:block;}
	.contact_info_top{display:inline-block;width:50%;border:1px solid #ddd;float:left;padding:15px;background:#fff;margin:0;margin-left:-1px;}
	
	.booking_panel{padding:0px;}
	.fac-bot-sec{ margin-top:20px; margin-bottom:20px; 	}
	.offer{	left: 10px;	top: 80px;}
	.work{
      float: none;    width: 100%;	padding: 0em 0em;}
	.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
	

}
	
@media screen and (max-width:700px){	
.contact_info_top{width:100%;text-align:center;margin-top:-1px;}

.booking_panel{padding:0px; margin:0px;}
.fac-bot-sec{ margin-top:20px; margin-bottom:20px;}
}


	

.work{
    float: none;    width: 100%;	padding: 0em 0em; width: 50%;}
	
	.offer{
	width: 130px;
	height: 130px;
	position: absolute;
	z-index: 1000;
	left: 10px;
	
}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
}
@media (max-width:480px){
	.offer{	width: 130px;height:130px;left: 10px;}
.hd_large{font-size:32px;}
.hd_large-faci2{font-size:32px;}
.hd_large-faci3{font-size:32px;}
.main_hd-fac{font-size:24px;text-align:center;line-height:-10px;}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}


.offer{
	width: 50%;
	height: 50%;
	position: absolute;
	z-index: 1000;
	left: 10px;
	top: 480px;
}

}
@media (max-width: 414px){
.offer{	width: 130px;height:130px;left: 10px;}
.hd_large{font-size:32px;}
.hd_large-faci2{font-size:32px;}
.hd_large-faci3{font-size:32px;}
.main_hd-fac{font-size:24px;text-align:center;line-height:-10px;}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
@media (max-width:384px){
	.offer{	width: 130px;height:130px;left: 10px;
	.hd_large{font-size:32px;}
.hd_large-faci2{font-size:32px;}
.hd_large-faci3{font-size:32px;}
.main_hd-fac{font-size:24px;text-align:center;line-height:-10px;}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}


.offer{
	width: 50%;
	height: 50%;
	position: absolute;
	z-index: 1000;
	left: 10px;
	top: 480px;
}
}

@media (max-width:375px){
.offer{	width: 130px;height:130px;left: 10px;}
.hd_large{font-size:32px;}
.hd_large-faci2{font-size:32px;}
.hd_large-faci3{font-size:32px;}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
.main_hd-fac{font-size:24px;text-align:center;line-height:-10px;}

.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}
}
@media (max-width:320px){
.offer{	width: 130px;height:130px;left: 10px;}
.hd_large{font-size:32px;}
.hd_large-faci2{font-size:32px;}
.hd_large-faci3{font-size:32px;}
.main_hd-fac{font-size:24px;text-align:center;line-height:-10px;}
.booking_panel{padding:10px 10px 5px 10px;border-radius:5px;}

}