/*-- Reset-Code --*/

@font-face{
 font-family: 'Brandy BF';
 src: url('../fonts/BrandyBF.ttf');
}

@font-face {
	font-family: 'Avenir Next';
	src: url('AvenirNext-Regular.eot'),
	url('AvenirNext-Regular.eot?#iefix') format('embedded-opentype'),
	url('AvenirNext-Regular.woff') format('woff'),
	url('AvenirNext-Regular.ttf') format('truetype');
	font-style: normal;
}

body {
	padding: 0;
	margin: 0;
	background: #FFF;	
	font-family: "Avenir Next", 'Segoe UI';
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
}

body a:focus, a:hover {
	text-decoration: none;
}

input[type="button"], input[type="submit"], button.btn, button.btn:hover, .team ul.social-icons li a, .team ul.social-icons li a:hover, .contact-grid-2 input.text, .contact-grid-2 textarea, .contact-grid-2 input.text:hover, .contact-grid-2 textarea:hover {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Brandy BF', 'Segoe UI';
}

p,.p {
	margin: 0;
		font-size: 17px;
	color: rgba(72,72,72,0.7);
}

.footer-grids p{
    padding-top:30px;
    color:#ddd;
}

ul {
	margin: 0;
	padding: 0;
    font-size:120%;
}

label {
	margin: 0;
}

img {
	width: 100%;
}

a:focus, a:hover {
	text-decoration: none;
	outline: none;
}

/*-- //Reset-Code --*/





/*-- Index-Page-Styling --*/



/*-- Navbar --*/

/*-- Logo --*/
#Vallogo{ position: absolute;
		top: 10px;
		left:10px;
		opacity: 0.99;
		max-height: 150px;
		max-width: 200px;}

.navbar-default {
	position: absolute;
	z-index: 9999;
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	border: none;
	border-radius: 0;
	margin: 0;
	padding: 0px 0;
	margin-top: 0px;
		border-top-width: 0px;
	border-bottom-width: 0px;
	margin-bottom: 0px;
}

	.navbar-default .navbar-brand {
		color: #CAA579;
		font-family: "Avenir Next", 'Segoe UI';
		font-size: 50px;
		font-weight: 900;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 16px;
		font-weight: 700;
		font-family: "Avenir Next", 'Segoe UI';
		color: #BDBEC1;
		border-bottom: 3px solid #fff;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
	}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #BDBEC1;
	background-color: #FFF;

	border-left: 2px solid #BDBEC1;
	border-right: 2px solid #BDBEC1;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #CAA579;
	background-color: transparent;
	 border-bottom: 3px solid #BDBEC1;
	   
}

/*-- //Navbar --*/



/*-- Slider --*/

.slider {
	position: relative;
	padding: 0;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	max-height: 800px;
	float: left;
	width: 100%;
	border: 0;
}

.layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	text-align: center;
}

.caption {
	position: absolute;
	top: 38%;
	left: 14%;
}
	.caption h3 {
		text-align: left;
		font-size: 60px;
		font-weight: 500;
		line-height: 70px;
		color: #FFF;
		width: 65%;
		font-family: "Avenir Next", 'Segoe UI';
	}

		.caption h3 span {
			background-color: rgba(209, 186, 140,0);
			color: #CAA579;
			font-family: "Avenir Next", 'Segoe UI';
		}

a.callbacks_nav {
	display: none;
}

ul.callbacks_tabs {
	position: absolute;
	z-index: 9999;
	top: 35%;
	right: 10%;
}

ul.callbacks_tabs li {
	/*--w3layouts--*/
	/*--agileits--*/
	display: block;
}

.callbacks_tabs a{
	visibility: hidden;
}

	.callbacks_tabs a:after {
		content: "\f111";
		font-size: 0;
		font-family: "Avenir Next", 'Segoe UI';
		visibility: visible;
		display: block;
		height: 12px;
		width: 12px;
		display: inline-block;
		background: #CAA579;
		-ms-transform: rotate(40deg);
		-webkit-transform: rotate(40deg);
		transform: rotate(45deg);
	}

.callbacks_here a:after {
	border: 2px solid #FFF;
	background: #FFF;
}

.slider-2 ul.callbacks_tabs, .slider-3 ul.callbacks_tabs, .slider-4 ul.callbacks_tabs {
	display: none;
}

/*-- //Slider --*/



/*-- Lodge features  --*/

.projects {
	
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	padding-top: 0px;
	padding-bottom: 0px;

	
}

.lodge_features {
	padding: 100px 0 255px;
	background: rgba(255,255,255,0.9);
}

.slider-2 {
	position: relative;
	width: 520px;
	border: 3px solid #FFFFFF;
	
	
}

.slider-3 {
	position: absolute;
	/*--w3layouts--*/
	/*--agileits--*/

	right: 5%;
	top: 60%;
	max-width: 500px;
	z-index: 99999;
	border: 3px solid #FFF;
	
}

.projects h1, .services h2, .awards h3 {
	text-align: left;
	font-size: 41px;
	font-weight: 700;
	margin-bottom: 100px;
	color: #CAA579;
	
}

.projects h4 {
	text-align: left;
	font-weight: 700;
	padding-left: 30px;
	color: #6D655C;
}

.h4-underline {
	width: 150px;
	height: 5px;
	background-color: #CAA579;
	margin: 30px 0;
	
}

.projects p {
	font-size: 15px;
	line-height: 30px;
	padding-left: 30px;
	margin-bottom: 50px;
	color: #6D655C;
	
}

.projects a, .services a {
	font-weight: 600;
	color: #CAA579;
	padding: 10px 30px;
	border: 1px solid #CAA579;
	border-right: none;
	margin-left: 30px;
	
}

.projects a:hover, .services a:hover {
	background-color: #CAA579;
	color: #FFF;
	
}
/*--w3layouts--*/
/*--agileits--*/
.projects-grid .glyphicon {
	margin-left: 5px;
	opacity: 1;
}

/*-- //Lodge features  --*/




/*-- Our offer to you --*/

.awards {
	padding: 200px 0;
	background: url("../images/animalNatrue.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFF;
}

.offer { 
	background: rgba(255,255,255,0.7);
	padding: 50px;
}

.awards h3 {
	margin-bottom: 50px;
	margin-left: 170px;
	
}

.awards-grids {
	/*--w3layouts--*/
	/*--agileits--*/
	margin-left: 200px;
}

.awards-grid {
	padding: 0;
	padding-right: 50px;
}

.awards-grid img {
	width: 125px;
	margin-bottom: 30px;
}

.awards-grid h4 {
	font-size: 19.2px;
	font-weight: 700;
	text-align: left;    
	color: #CAA579;
}

.awards-grid .h4-underline {
	margin: 25px 0;
	margin-left: -30px;
}

.awards-grid p {
	font-size: 16px;
	line-height: 30px;
		color: #6D655C;
}

/*-- //Our offer to you --*/



/*-- About us --*/

.services {
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	
}

.lodge_things {
	background: url("../images/Fotter1.jpg");
	background-attachment:fixed;
	
}
.newBack {
	padding: 0px 0 80px;
	background: rgba(255,255,255,0.9);
}

.about_us_back {
	padding: 10px 0 50px;
	background: rgba(255,255,255,0.9);
}

p.contactOnIndex 
{
	
	text-align: left;
	font-size: 15px;
	margin-bottom: 50px;
	margin-top: 0px;
	color: #6D655C;
	
}

td{
	padding-right: 3px;
	color: #6D655C;
		border: 0px solid rgba(255,255,255,0);
}



table, th{
		border: 0px solid rgba(255,255,255,0);
	  border-collapse: collapse;
}

.services h2 {
	text-align: left;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C;
	 padding-left: 10px;

}




.services-grid1 p {
	font-size: 17px;
	color: rgba(72,72,72,0.6);
	
}

.services-grid1 {
	position: relative;
}

.services-grid2 img {
	position: relative;
	width: 90%;
	right: 0;
	top: 0px;
	border: 3px solid white;
}

.service-info-grids {
	margin-top: 120px;
}

.service-info img {
	width: 200px;

}

.service-info h4 {
	font-size: 20px;
	text-align: left;
	margin-top: 0px;
	/*--w3layouts--*/
	/*--agileits--*/
	font-weight: 100;
	color: #CAA579;
}

.service-info .h4-underline {
	margin: 25px 0;
	margin-left: -30px;
	
}

.service-info p {
	color: #6D655C;
	line-height: 30px;
	padding-right: 75px;
	margin-bottom: 30px;
	font-size: 12px;
	font-weight: 900;
}

.services a {
	margin: 0;
}

.service-info .glyphicon {
	margin-left: 5px;
}

/*-- //About us --*/


.floater {padding-left:19px;
font-size:10px;}
.floater1 h4{padding-left:19px;
font-size:15px;}

/*-- Footer --*/

.footer {
	/*--w3layouts--*/
	/*--agileits--*/
	padding: 0;
	background: url("../images/Fotter1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFF;
}

    .footer .container {
        background: rgba(55,55,55,0.5);
        width: 100%;
        height: auto;
        padding: 5%;
    }
.footer-grid {
	padding: 0;
	text-align: left;
}

.footer-grid ul li {
	display: block;
	line-height: 30px;
	color:  #FFF;
}

.footer-grid ul li a {
	color:  #FFF;
}

.footer-grid ul li a:hover {
	color: #FFFFFF;
}

.newsletter h4 {
	text-align: left;
	font-size: 35px;
	font-weight: 600;
	color: #FFF;
}

.newsletter p {
	color: #FFF;
	line-height: 25px;
	padding-right: 30px;
	margin: 15px 0 10px;
}

.newsletter input[type="text"] {
	width: 74%;
	padding: 15px;
	/*--w3layouts--*/
	/*--agileits--*/
	background-color: #CAA579;
	border: 1px solid #fff;
	outline: none;
	border-radius: 3px;
	color: #fff;
	font-family: "Avenir Next", 'Segoe UI';
}

.newsletter input[type="submit"] {
    padding: 14px 30px;
    background-color: #CAA579;
    border: 1px solid #CAA579;
    border-radius: 3px;
    outline: none;
    color: #624726;
    font-weight: 600;
}

.newsletter input[type="submit"]:hover {
	background-color: #FFF;
}

.social {
	margin-top: 10px;
}

ul.social-icons {
	margin-left: -3px;
}

ul.social-icons li {
	display: inline-block;
}

ul.social-icons li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url("../images/img-sprite.png") no-repeat 0px 0px;
}

ul.social-icons li a.facebook {
	background-position: 0px 0px;
}

ul.social-icons li a.facebook:hover {
	background-position: 0px -50px;
}

/*--w3layouts--*/
/*--agileits--*/
ul.social-icons li a.twitter {
	background-position: -50px 0px;
}

ul.social-icons li a.twitter:hover {
	background-position: -50px -50px;
}

ul.social-icons li a.googleplus {
	background-position: -100px 0px;
}

ul.social-icons li a.googleplus:hover {
	background-position: -100px -50px;
}

ul.social-icons li a.instagram {
	background-position: -150px 0px;
}

ul.social-icons li a.instagram:hover {
	background-position: -150px -50px;
}

ul.social-icons li a.youtube {
	background-position: -200px 0px;
}

ul.social-icons li a.youtube:hover {
	background-position: -200px -50px;
}

.copyright {
	padding-top: 25px;
}

.copyright a {
	color: #FFF;
	font-weight: 600;
}

.copyright a:hover {
	color: #CAA579;
}

/*-- Footer --*/


/*--w3layouts--*/
/*--agileits--*/
/*-- //Index-Page-Styling --*/





/*-- Inner-Pages-Navbar --*/

.inner-pages-navbar {
	position: inherit;
		border-top-width: 0px;
	border-bottom-width: 0px;
	margin-bottom: 0px;
	
}

/*-- Inner-Pages-Navbar --*/



/*-- Inner-Pages-Banner --*/

.banner {
	position: relative;
}

.banner h1 {
	position: absolute;
	top: 37%;
	left: 0;
	right: 0;
	font-size: 50px;
	font-weight: 700;
	color: #FFF;
	margin: 0;
}

/*-- //Inner-Pages-Banner --*/





/*-- //Activities-Page-Styling --*/



/*-- Our Activities --*/

.gallery {
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	
}

.Our_activities {
	padding: 50px 0 240px;
	background: rgba(255,255,255,0.9);
}
/*--w3layouts--*/
/*--agileits--*/
.gallery h2 {
	text-align: left;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C ;
}

.gallery-grids {
	padding: 5px;
}

.gallery-grid {
	padding: 5px;
}

.gallery-grid-info h3, .gallery-grid-info h4, .gallery-grid-info h5 {
	font-weight: 900;
	text-align: right;
	padding-right: 5px;
	 color: #6D655C;
}

.gallery-grid-info h3 {
	font-size: 30px;
	margin-top: 20px;
}

.gallery-grid-info h4 {
	font-size: 23px;
	margin: 10px 0;
	
}

.gallery-grid-info h5 {
	font-size: 20px;
	font-weight: normal;
}

/*-- //Our Activities --*/



/*-- Activity Details  --*/

.details {
	padding: 50px 0;
	background: url("../images/animalNatrue.jpg");
	background-attachment: fixed;
}

.activity_detail{
	padding: 50px;
	background: rgba(255,255,255,0.7);
}

/*--w3layouts--*/
/*--agileits--*/
.details h3 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C;
	
}


.details-grid {
	padding: 0 5px;
}

.details-grid1, .details-grid2, .details-grid3 {
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 5px;
}

.details-grid-info p {
	padding: 20px 40px 20px 0;
	line-height: 25px;
	font-size: 15px;
	color: #6D655C ;
	font-weight:900;
	text-align: center;
	
}

.details-grid button.btn {
	font-weight: 900;
	color: #CAA579;
	padding: 10px 100px;
	border: 1px solid #CAA579;
	border-right: 10px;
	outline: none;
	background-color: #FFFFFF;
	border-radius: 0;
	
}

.details-grid button.btn:hover {
	background-color: #6D655C;
	color: #FFF;
}

.details-grid .glyphicon {
	margin-left: 5px;
}

.modal-title {
	font-size: 30px;
	font-weight: 700;
	/*--w3layouts--*/
	/*--agileits--*/
	letter-spacing: -1px;
	color: #CAA579;
}

.modal-body {
	padding: 30px 30px 0;
}

.modal-body p {
	padding: 30px 0;
	line-height: 30px;
}

/*-- //Activity Details  --*/



/*-- Other activiites --*/

.ventures {
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	
}

.Our_activities {
	padding: 50px 0 100px;
	background: rgba(255,255,255,0.9);
}

#drive_game{
	border: 3px solid white;
	
}

.ventures h3 {
	text-align: left;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C ;
}

.ventures-grid-image, .ventures-grid-info {
	height: 320px;
	width: 500px;
	margin-bottom: 30px;
}

.ventures-grid-image {
	padding: 0;
}

.ventures-grid3, .ventures-grid7 {
	padding-left: px;
}

.ventures-grid-image img {
	height: 320px;
	border: 3px solid white;
}

/*--w3layouts--*/
/*--agileits--*/
.ventures-grid-info {
	padding: 0 10px;
	background-color: #FFFFFF;
}

.ventures-grid-info h4 {
	font-size: 30px;
	text-align: left;
	margin: 5px 0;
	font-weight: 900;
	color: #6D655C;
}

.ventures-grid-info p {

	line-height: 20px;
	font-size: 17px;
	color: rgba(72,72,72,0.6);
}

/*-- //Other activiites --*/

/*-- //Activities-Page-Styling --*/








/*-- //Weddings-Styling --*/



/*-- weddings --*/

.weddings {
	background: url("../images/Wedding love.jpg");
	background-attachment:fixed;
}


.Our_weddings {
	padding: 50px 0 240px;
	background: rgba(255,255,255,0.9);
}
.weddings p{
	text-align:center;
	font-size: 17px;
	color: rgba(72,72,72,0.6);
	line-height: 20px;
}
/*--w3layouts--*/
/*--agileits--*/
.weddings h2 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C ;
}

.weddings-grids {
	padding: 5px;
}

.weddings-grid {
	padding: 5px;
}

.weddings h3 {
	font-weight: 600;
	text-align: center;
	padding-right: 5px;
	color: #969696;
}

.weddings h3 {
	font-size: 19px;
	margin-top: 20px;
	text-align: center;
	font-family: "Avenir Next", 'Segoe UI';
}

.weddings-grid-info h4 {
	font-size: 23px;
	margin: 10px 0;
}

.weddings-grid-info h5 {
	font-size: 20px;
	font-weight: normal;
}

/*-- //Weddings --*/



/*-- details wed  --*/

.details_wed {
	padding: 50px 0;
	background: url("../images/Just married.jpg");
	background-attachment: fixed;
}

.weddings_detail{
	padding: 50px;
	background: rgba(255,255,255,0.9);
}

/*--w3layouts--*/
/*--agileits--*/
.details_wed h3 {
	text-align: center;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 50px;
	color: #CAA579;	
}

.details_wed h3 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C  ;
	
}

.details_wed h4 {
	text-align: left;
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 50px;
	color: #969696;
	font-family: "Avenir Next", 'Segoe UI';
}


.details_wed-grid {
	padding: 0 5px;
}

.details_wed-grid1, .details_wed-grid2, .details_wed-grid3 {
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 5px;
}

.details_wed-grid-info p {
	padding: 20px 40px 20px 0;
	line-height: 25px;
	font-size: 15px;
	color: #6D655C;
	text-align: center;
}

.details_wed-grid button.btn {
	font-weight: 600;
	color: #CAA579;
	padding: 10px 100px;
	border: 1px solid #CAA579;
	border-right: 10px;
	outline: none;
	background-color: #FFFFFF;
	border-radius: 0;
	
}

.details_wed-grid button.btn:hover {
	background-color: #CAA579;
	color: #FFF;
}

.details_wed-grid .glyphicon {
	margin-left: 5px;
}

.modal-title {
	font-size: 30px;
	font-weight: 700;
	/*--w3layouts--*/
	/*--agileits--*/
	letter-spacing: -1px;
	color: #6D655C;
}

.modal-body {
	padding: 30px 30px 0;
}

.modal-body p {
	padding: 30px 0;
	line-height: 20px;
	font-size: 17px;
   color: rgba(72,72,72,0.6);
}

/*-- //details_wed  --*/



/*-- Other activiites --*/

.wedinfo {
	background: url("../images/ring wed.jpg");
	background-attachment:fixed;
	
}

.Our_weds {
	padding: 50px 0 80px;
	background: rgba(255,255,255,0.9);
}

#drive_game{
	border: 3px solid white;
	
}

.wedinfo h3 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C ;
}

.wedinfo h4 {
	text-align: left;
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 50px;
	color: #969696;
	font-family: "Avenir Next", 'Segoe UI';
}


.wedinfo-grid-image, .wedinfo-grid-info {
	height: 185px;
	margin-bottom: 30px;
}

.wedinfo-grid-image {
	padding: 0;
}

.wedinfo-grid3, .wedinfo-grid7 {
	padding-left: 10px;
}

.wedinfo-grid-image img {
	height: 185px;
	border: 3px solid white;
}

/*--w3layouts--*/
/*--agileits--*/
.wedinfo-grid-info {
	padding: 0 10px;
	background-color: #FFFFFF;
}

.wedinfo-grid-info h4 {
	font-size: 20px;
	text-align: left;
	margin: 20px 0;
	font-weight: 600;
	color: #CAA579;
}

.wedinfo-grid-info p {
	font-size: 13px;
	line-height: 25px;
	color: #777;
}

/*-- //Other activiites --*/

/*-- //Weddings-Styling --*/










/*-- Accommodation-Page-Styling --*/



/*-- Best Accommodation --*/

.cuisines {
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	
}

.best_accommodation {
	padding: 70px 0 50px;
	background: rgba(255,255,255,0.9);
}
/*--w3layouts--*/
/*--agileits--*/
.cuisines h2 {
	text-align: left;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 50px;
	color: #6D655C ;
}
.cuisines img{
	border: 3px solid white;
}
.cuisines p {
	line-height: 20px;
	font-size: 17px;
   color: rgba(72,72,72,0.7);
}

/*-- //Best Accommodation --*/



/*-- Our Accommodation --*/
.accommo
{
	border-top: 5px solid #BDBEC1;

	margin: auto;
	
}
div.wrapper{
	float:left; /* important */
	position:relative; /* important(so we can absolutely position the description div */
}
div.description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:#fff;
	color:white;
	opacity:0.8; /* transparency */
	filter:alpha(opacity=80); /* IE transparency */
}
p.description_content{
	padding:10px;
	margin:0px;
	font-size: 30px;
}

.specials {
	padding: 0px 0 0px;
	background-color:#FFFFFF;
}

.specials h3 {
	width: 394px;
	font-size: 60px;
	font-weight: 900;
	margin: 13px auto;
	color: #6D655C;
	
}
.romsman {
	width: 300px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 90px;
	margin: 0px auto;
	font-size: 17px;
	color: rgba(72,72,72,0.7);
	font-family: "Avenir Next", 'Segoe UI';
}


.specials h5 {
	width: 260px;
	line-height: 20px;
	font-weight: 700;
	margin-bottom: 90px;
	margin: 0px auto;
	font-size: 17px;
	color: rgba(72,72,72,0.7);
	font-family: "Avenir Next", 'Segoe UI';
}



.special-grid {
	width: 20%;
	float: left;
	padding: 0;
	margin: 0;
}

.specials .grid figure {
	margin: 0;
}

/*-- //Our Accommodation --*/



/*-- Pricing --*/

/*--w3layouts--*/
/*--agileits--*/
.menu {
	background: url("../images/Logde_Features_backround.jpg");
	background-attachment:fixed;
	
}

.pricing {
	padding: 50px 0 50px;
	background: rgba(255,255,255,0.9);
}
.menu-tag {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 100px;
}

h3.title {
	font-size: 60px;
	font-weight: 900;
	color: #6D655C ;
	padding: 0px 0 30px;
}

.menu-text {
	margin-bottom: 4em;
	position:relative;
}

.menu-text:before {
	content: '';
	position: absolute;
	background: url("../images/icon5.png")no-repeat 0px 0px;
	background-size: cover;
	width: 40px;
	height: 40px;
	left: 0;
}

.menu-text-left {
	float: left;
	width: 50%;
	text-align: left;
	margin-left: 2em;
}

.menu-text-left h4 {
	font-size: 25px;
	font-weight: 900;
	margin: 0;
	color: #6D655C;
	margin-bottom: 20px;
	text-align: left;
}
/*--w3layouts--*/
/*--agileits--*/
	.menu-text-left h6 {
		font-size: 17px;
		color: rgba(72,72,72,0.7);
		margin: 0;
		line-height: 20px;
		text-align: left;
		font-family: "Avenir Next", 'Segoe UI';
	}

.menu-text-midle {
	float: left;
	width: 20%;
	position: relative;
	height: 19px;
}

.menu-text-midle span.line {
	position: absolute;
	top: 67%;
	left: 0%;
	width: 100%;
	height: 1px;
	background: #999;
	content: '';
	opacity: 1;
}

.menu-text-right h6 {
	float: right;
	width: 18%;
	color: #6D655C;
	font-family: "Avenir Next", 'Segoe UI';
}


.menu-text-right h4 {
	margin: 0;
	font-size: 22px;
	color: #6D655C;
	text-align: left;
}

.menu-grids-info {
	position: relative;
}

.menu-rate {
	position: absolute;
	width: 92%;
	top: 0%;
	left: 15px;
	display: none;
	background: rgba(0, 0, 0, 0.5);
	/*--w3layouts--*/
	/*--agileits--*/
}

.menu-rate h5{
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	letter-spacing:0.5px;
	margin: 1em 0;
	text-align: center;
}

.menu-grids-info:hover div.menu-rate {
	display: block;
}

.menu-spl {
	position: relative;
}

.menu-spl:hover div.menu-rate {
	display: block;
}

.menu-rate.spl-rate {
	width: 95%;
}

.styled-button-6 {
	background: #f78096;
	background: -moz-linear-gradient(top,#f78096 0%,#f56778 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f78096),color-stop(100%,#f56778));
	background: -webkit-linear-gradient(top,#f78096 0%,#f56778 100%);
	background: -o-linear-gradient(top,#f78096 0%,#f56778 100%);
	background: -ms-linear-gradient(top,#f78096 0%,#f56778 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f78096',endColorstr='#f78096',GradientType=0);
	padding: 5px 4px;
	color: #fff;
	font-family: "Avenir Next", 'Segoe UI';
	font-size: 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ae4553
} 

#myList li{ 
	display: none;
	list-style-type: none;
	/*--w3layouts--*/
	/*--agileits--*/
}

ul#myList {
	margin-bottom: 1em;
}

#loadMore {
	color: #CAA579;
	font-weight: 600;
	cursor: pointer;
	padding: 10px 0;
	width: 14%;
	margin-right: 1em;
	display: inline-block;
	border: 1px solid #CAA579;
	border-right: none;
	font-size: 1.1em;
	position: relative;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-decoration: none;
	letter-spacing: 0.5px;
}

.load_more span.glyphicon {
	margin-left: 14px;
}

#loadMore:hover {
	background-color: #6D655C;
	color: #fff;
}

#showLess {
	color: #CAA579;
	font-weight: 600;
	cursor: pointer;
	padding: 10px 0;
	width: 14%;
	margin-right: 1em;
	display: inline-block;
	border: 1px solid #CAA579;
	border-right: none;
	font-size: 1.1em;
	position: relative;
	/*--w3layouts--*/
	/*--agileits--*/
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-decoration: none;
	letter-spacing: 0.5px;
}

#showLess span.glyphicon {
	margin-left: 14px;
}

#showLess:hover {
	background-color: #6D655C;
	color: #fff;
}

.l_g:after {
	clear: both;
}

.clear {
	clear: both;
}

.load_more{
	text-align: center;
	margin-top: 20px;
}

div#loadMore:after {
	content: '';
	width: 1px;
	height: 57%;
	position: absolute;
	top: 20%;
	right: 30%;
	display: block;
	background-color: #CAA579;
	opacity: 1;
}

div#showLess:after {
	content: '';
	width: 1px;
	height: 57%;
	position: absolute;
	/*--w3layouts--*/
	/*--agileits--*/
	top: 20%;
	right: 30%;
	display: block;
	background-color: #CAA579;
	opacity: 1;
}

/*-- Pricing --*/



/*-- //Accommodation-Page-Styling --*/





/*-- Gallery-Page-Styling --*/










/*-- Photos Effect --*/

.team {
	padding: 100px 0;
	background-color: #2f3238;
}

.team h3 {
	text-align: left;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 50px;
	color: #CAA579;
}

.team-grid {
	padding: 0;
}

.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
/*--w3layouts--*/
/*--agileits--*/
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

/*--w3layouts--*/
/*--agileits--*/
.grid figure h4 {
	font-size: 25px;
	word-spacing: -0.15em;
	font-weight: 300;
	padding-top: 2px;
}

.grid figure h4 span {
	font-weight: 900;
}

.grid figure h4, .grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-zoe figcaption {
	top: auto;
	bottom: -1px;
	padding: 16px 10px;
	height: 3.75em;
	background: #CAA579;
	color: #FFF;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h4 {
	float: left;
}

figure.effect-zoe ul.social-icons a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover ul.social-icons a:hover, figure.effect-zoe:hover ul.social-icons a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	/*--w3layouts--*/
	/*--agileits--*/
	position: absolute;
	bottom: 119px;
	padding: 14px;
	left: 0;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.47);
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
}

figure.effect-zoe h4, figure.effect-zoe ul.social-icons a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

	figure.effect-zoe ul.social-icons a span::before {
		display: inline-block;
		padding: 8px 10px;
		font-family: "Avenir Next", 'Segoe UI';
		speak: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h4 {
	display: inline-block;
}

figure.effect-zoe:hover p.description {
	opacity: 1;
	/*--w3layouts--*/
	/*--agileits--*/
}

figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h4, figure.effect-zoe:hover ul.social-icons a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h4 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover ul.social-icons a:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover ul.social-icons a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover ul.social-icons a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover ul.social-icons a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.team ul.social-icons {
	float: right;
}

.team ul.social-icons li {
	display: inline-block;
}

.team ul.social-icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../images/img-sprite.png") no-repeat 0px 0px;
	background-size: 200px;
}

/*--w3layouts--*/
/*--agileits--*/
.team ul.social-icons li a.facebook:hover {
	background-position: 0px -33px;
}

.team ul.social-icons li a.twitter {
	background-position: -35px 0px;
}

.team ul.social-icons li a.twitter:hover {
	background-position: -35px -33px;
}

.team ul.social-icons li a.googleplus {
	background-position: -69px 0px;
}

.team ul.social-icons li a.googleplus:hover {
	background-position: -69px -33px;
}

.team ul.social-icons li a.instagram {
	background-position: -102px 0px;
}

.team ul.social-icons li a.instagram:hover {
	background-position: -102px -33px;
}

/*-- //Photos Effect --*/







/*-- Photo Collage --*/

.portfolio {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFFFFF;

}
.portfolio h2 {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	width: 350px;
	margin-bottom: 50px;
	margin: 10px auto;
	color: #CAA579;}
	
.portfolio h4 {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	width: 360px;
	margin-bottom: 50px;
	margin: 10px auto;
	color: #6D655C;}

.portfolio-top {
	padding: 0;
}

.portfolio .grid figure {
	margin: 0;
	height: 100%;
	width: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}

figure.effect-apollo {
	background: #000;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	/*--w3layouts--*/
	/*--agileits--*/
	transform: scale3d(1.05,1.05,1);
	
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.71);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

/*-- //Photo Collage --*/


/*-- The Lodge Layout --*/

.rooms {
	padding: 50px 0;
	background-color: #FFFFFF;
}

.rooms h2 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 15px;
	color: #6D655C;
}

.rooms-grid {
	position: relative;
	border-bottom: 1px solid #EEE;
}

.rooms-grid img {
	
	width: 1140px auto  ;
	height: 855px auto ;
	
}

.lodge-layout-grid img {
	width:100%;
	height:auto;
}

.rooms-grid:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


.rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
	position: absolute;
	top: 0;
	padding-top: 90px;
	/*--w3layouts--*/
	/*--agileits--*/
	padding-right: 50px;
	font-size: 30px;
	color: #FFF;
	width: 100%;
	height: 100%;
	letter-spacing: -1px;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.4);
	font-weight: 700;
}

.rooms-grid-2 h3, .rooms-grid-4 h3 {
	text-align: left;
	padding-left: 50px;
}

/*-- //The Lodge Layout  --*/




/*-- //Gallery-Page-Styling --*/



/*-- ENQUIRE-&-Contact-Page-Styling --*/
/*--w3layouts--*/
/*--agileits--*/


/*-- ENQUIRE --*/
#mc_embed_signup{background:#000; clear:left; font:14px Helvetica,Arial,"Avenir Next"; }

.location {
	background: url("../images/Logde_Features_backround.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color: #FFF;
	
	}

.keep_In_Touch{
	padding: 50px 0 0px;
	background: rgba(255,255,255,0.9);
}

.keep_In_Touch h1 {
		text-align: left;
		font-size: 40px;
		font-weight: 700;
		margin-bottom: 50px;
		color: #CAA579;
		
	}
	
.contact-grids p
{
		text-align: center;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 0px;
	padding-top: 50px;
	color: #6D655C;
	width:250px;
}	

.contact-grids img
{
	width:250px;
}	

.location h2 {
	margin: 10px;
	text-align: left;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #6D655C;
}

.keep_In_Touch .container h3 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 0px;
	padding-top: 100px;
	color: #6D655C;
}
.keep_In_Touch .container h1 {
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	margin-bottom: 40px;
	padding-top: 10px;
	color: #6D655C ;
}

/*-- //ENQUIRE --*/



/*-- Location --*/

.contact {
	padding: 0px;
	background-color: #FFFFFF;
	padding-left: 0px;
}

.contact h3 {
	font-size: 40px;
	font-weight: 700;
	color: #CAA579;
	margin: 10px auto;
	text-align: center;
	/*--w3layouts--*/
	/*--agileits--*/
}


.contact-grids {
	left: 10px;
}

.contact-grid h4 {
	text-align: left;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #6D655C;
}

.contact-grid li {
	display: block;
	font-size: 17px;
   color: rgba(72,72,72,0.7);
	line-height: 20px;
}

.contact-grid p {
	font-size: 17px;
   color: rgba(72,72,72,0.7);
	line-height: 20px;
	
}

.phone {
	margin-bottom: 20px;
}

.contact-grid .glyphicon {
	color: #CAA579;
	margin-right: 5px;
}

.email p a {
	color: #6D655C;
}
/*--w3layouts--*/
/*--agileits--*/
.email p a:hover {
		color: rgba(72,72,72,0.7);
}

.contact-grid-2 input.text, textarea {
	width: 253px;
	padding: 10px 15px;
	margin-bottom: 20px;
	outline: none;
	background-color: rgba(72,72,72,0.5);
	border: none;
	color: white;
	font-family: "Avenir Next", 'Segoe UI';
	margin: 10px !important;
}

.contact-grid-2 textarea {
	height: 120px;
}

.contact-grid-2 input.more_btn {
	padding: 10px 30px;
	font-size: 15px;
	font-weight: 600;
	border: none;
	outline: none;
	color: #EEE;
	background-color: #6D655C;
}

.contact-grid-2 input.more_btn:hover {
	background-color: #FFFFFF;
	color: #EEE;
}

/*-- //Location --*/


/*-- //Contact-Page-Styling --*/



/*--w3layouts--*/
/*--agileits--*/


/*-- Go-To-Top-Button --*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 15px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top.png") no-repeat 0px 0px;
}

/*-- //Go-To-Top-Button --*/


#map{
	 position: fixed;
	 width: 100%;
	height: 400px;
	margin: 0;
	padding: 0;
}


.mobile-menu{
	display:none !important;
}


h2.pricing-heading {
    padding-top: 40px;
    float: left;
}

.chalet-links{
    clear:both;
    float:left;
}




/*-- Responsive Code --*/
@media screen and (max-width: 1920px) {
    .caption {
            position: absolute;
            top: 45%;
            left: 20%;
        }

        ul.callbacks_tabs {
            top: 43%;
        }

        .awards h3 {
            margin-left: 220px;
        }

        .awards-grids {
            margin-left: 250px;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .slider-3 {
            width: 60%;
            right: 5%;
            top: 75%;
        }

        .principles-grids2 {
            padding: 100px 50px 100px 125px;
            top: 30%;
            right: 23%;
            width: 31%;
        }

        .banner h1 {
            top: 47%;
        }
    }

    @media screen and (max-width: 1680px) {
        .caption {
            left: 16%;
        }

        .awards h3 {
            margin-left: 195px;
        }

        .awards-grids {
            margin-left: 225px;
        }

        .principles-grids2 {
            right: 19%;
            width: 36%;
        }

        .banner h1 {
            top: 45%;
        }
    }

    @media screen and (max-width: 1600px) {
        .caption {
            left: 15%;
            top: 42%;
        }

        ul.callbacks_tabs {
            top: 40%;
        }

        .awards h3 {
            margin-left: 180px;
        }

        .principles-grids2 {
            right: 18%;
            /*--w3layouts--*/
            /*--agileits--*/
            width: 37%;
        }
    }

    @media screen and (max-width: 1440px) {
        .caption {
            left: 11%;
            top: 47%;
        }

        .awards h3 {
            margin-left: 145px;
        }

        .awards-grids {
            margin-left: 180px;
        }

        .principles-grids2 {
            right: 14%;
            width: 41%;
            padding: 100px 50px 100px 100px;
        }
    }

    @media screen and (max-width: 1366px) {
        .caption {
            left: 8%;
            top: 45%;
        }
    }

    @media screen and (max-width: 1280px) {
        .caption {
            left: 5%;
            top: 47%;
        }

        ul.callbacks_tabs {
            top: 45%;
        }

        .awards {
            padding: 150px 0;
        }

        .awards-grids {
            margin-left: 150px;
        }

        .services-grid1 p {
            line-height: 34px;
        }

        .principles-grids2 {
            right: 10%;
            /*--w3layouts--*/
            /*--agileits--*/
            width: 46%;
        }
    }

    @media screen and (max-width: 1080px) {
        .navbar-default .navbar-brand {
            font-size: 30px;
        }

        .navbar-default .navbar-nav > li > a {
            padding: 15px 10px;
            font-size: 15px;
        }

        .caption {
            left: 4%;
            top: 48%;
        }

            .caption h3 {
                font-size: 50px;
            }

        .projects {
            padding: 100px 0 110px;
        }

            .projects p {
                margin-bottom: 40px;
            }

        .awards {
            padding: 100px 0;
        }

            .awards h3 {
                margin-left: 60px;
            }

        .awards-grids {
            margin-left: 100px;
        }

        .awards-grid img {
            width: 90px;
        }

        .awards-grid h4 {
            font-size: 17px;
        }

        .awards-grid p {
            font-size: 15px;
            line-height: 27px;
        }

        .services {
            padding: 100px 0;
        }

        .services-grid1 p {
            /*--w3layouts--*/
            /*--agileits--*/
            line-height: 30px;
        }

        .services-grid2 img {
            width: 90%;
            top: -150px;
        }

        .service-info p {
            font-size: 13px;
            padding-right: 15px;
        }

        .principles {
            padding: 100px 0 250px;
        }

        .principles-grids1 {
            padding: 20px;
        }

        .bott-img .icon-holder {
            margin-bottom: 60px;
            padding: 16px 14px;
            font-size: 25px;
        }

        .bott-img .mission {
            top: 5px;
            font-size: 18px;
        }

        .bott-img:hover .mission {
            top: -75px;
        }

        .bott-img:hover .icon-holder {
            margin-bottom: 80px;
        }

        .principles-grids2 {
            right: 4%;
            width: 52%;
            padding: 50px 50px 50px 100px;
        }

        .newsletter input[type="text"] {
            width: 70%;
            padding: 10px;
        }

        .newsletter input[type="submit"] {
            padding: 10px 25px;
        }

        .footer {
            padding: 50px 0;
        }

        .banner h1 {
            top: 44%;
            font-size: 45px;
        }

        .ventures-grid-info h4 {
            /*--w3layouts--*/
            /*--agileits--*/
            font-size: 19px;
            margin: 15px 0;
        }

        figure.effect-zoe p.description {
            bottom: 98px;
            padding: 15px 0;
            font-size: 14px;
        }

        .grid figure h4 {
            padding-top: 3px;
        }

        .cuisines-grids-2 {
            padding: 0;
        }

        .cuisines p {
            line-height: 30px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 70px;
            padding-right: 70px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 70px;
        }

        #loadMore, #showLess {
            width: 17%;
        }

        .register {
            width: 60%;
        }

        li.li2 {
            margin: 0 119px;
        }

        p.contact-p {
            width: 75%;
        }


        .mobile-menu {
            display: inline !important;
        }
    }

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

        .caption {
            left: 2%;
            top: 47%;
        }

            .caption h3 {
                font-size: 49px;
            }
        /*--w3layouts--*/
        /*--agileits--*/
        .principles-grids2 {
            width: 53%;
        }

        .bott-img:hover .icon-holder {
            top: -33px;
        }

        .banner h1 {
            top: 43%;
        }
    }

    @media screen and (max-width: 966px) {
        .principles-grids2 {
            width: 55%;
            right: 2%;
        }

        .details-grid-info p {
            padding: 20px 5px 20px 0;
        }

        .grid figure h4 {
            padding-top: 4px;
        }

        li.li2 {
            margin: 0 113px;
        }

        p.contact-p {
            width: 80%;
        }
    }

    @media screen and (max-width: 900px) {
        div#navbar {
            padding: 0px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }

        .caption {
            top: 48%;
        }

            .caption h3 {
                font-size: 45px;
            }

        .projects h1, .services h2, .location h3 {
            margin-bottom: 35px;
        }

        .awards h3 {
            margin-left: 160px;
        }

        .awards-grids {
            margin-left: 200px;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        .awards-grid {
            width: 50%;
            float: left;
        }

        .awards-grid-1, .awards-grid-2 {
            margin-bottom: 65px;
        }

        .services-grid1 p {
            font-size: 14px;
        }

        .services-grid2 img {
            width: 100%;
        }

        .principles {
            padding: 100px 0;
        }

        .principles-grids {
            width: 100%;
        }

        .principles-grids2 {
            position: initial;
            margin-bottom: 75px;
            background-color: #eeeeee;
            padding: 0 35px;
        }

            .principles-grids2 h3 {
                width: 100%;
            }

        .principles-grids1 {
            padding: 50px;
        }

        .footer-grids {
            padding: 0;
        }

        .copyright {
            padding-top: 25px;
        }

        .banner h1 {
            top: 42%;
        }

        .ventures-grid {
            width: 50%;
            float: left;
        }

        .ventures-grid-image, .ventures-grid-info {
            height: 250px;
        }
            /*--w3layouts--*/
            /*--agileits--*/
            .ventures-grid-image img {
                height: 250px;
            }

        .ventures-grid-info {
            padding-top: 50px;
        }

            .ventures-grid-info p {
                font-size: 14px;
                line-height: 30px;
            }

        .ventures-grid.ventures-grid7, .ventures-grid.ventures-grid8 {
            margin: 0;
        }

        .grid figure h4 {
            padding-top: 6px;
            font-size: 23px;
        }

        .location p {
            line-height: 20px;
            font-size: 17px;
        }

        .register {
            width: 70%;
        }

        p.contact-p {
            width: 100%;
        }
    }

    @media screen and (max-width: 853px) {
        .navbar-default .navbar-brand {
            font-size: 27px;
        }

        .caption h3 {
            width: 69%;
        }

        .projects {
            padding: 100px 0;
        }

        .services-grid1 p {
            font-size: 17px;
            line-height: 25px;
        }

        .newsletter input[type="text"] {
            width: 68%;
        }

        .banner h1 {
            top: 41%;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        .gallery-grid-info h3 {
            font-size: 25px;
            margin-top: 10px;
        }

        .gallery-grid-info h4 {
            font-size: 20px;
            margin: 7px 0;
        }

        figure.effect-zoe p.description {
            bottom: 66px;
        }

        .grid figure h4 {
            font-size: 20px;
        }

        .cuisines h2 {
            margin-bottom: 30px;
        }

        .cuisines p {
            line-height: 20px;
            font-size: 17px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 57px;
            padding-right: 60px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 60px;
        }
    }

    @media screen and (max-width: 800px) {
        .navbar-default .navbar-brand {
            font-size: 22px;
        }

        .caption h3 {
            font-size: 43px;
        }

        .projects-grid1 {
            width: 60%;
            float: left;
        }

        .projects-grid2 {
            width: 40%;
            float: left;
        }

        .slider-3 {
            width: 75%;
            /*--w3layouts--*/
            /*--agileits--*/
            right: 5%;
            top: 85%;
        }

        .awards h3 {
            margin-left: 115px;
        }

        .awards-grids {
            margin-left: 150px;
        }

        .awards-grid img {
            width: 80px;
            margin-bottom: 15px;
        }

        .awards-grid .h4-underline, .service-info .h4-underline {
            margin: 15px 0;
            margin-left: -30px;
        }

        .awards-grid p {
            line-height: 25px;
        }

        .service-info-grids {
            margin-top: 50px;
        }

        .service-info img {
            width: 75px;
        }

        .newsletter input[type="text"] {
            width: 66%;
        }

        .banner h1 {
            top: 40%;
        }

        #loadMore, #showLess {
            width: 23%;
        }

        li.li2 {
            margin: 0 100px;
        }
    }

    @media screen and (max-width: 768px) {
        .navbar-default .navbar-nav > li > a {
            padding: 0px 0px;
            font-size: 14px;
        }

        .caption h3 {
            font-size: 41px;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .slider-3 {
            width: 66%;
        }

        .projects p {
            font-size: 13px;
        }

        .projects, .awards, .services, .principles, .gallery, .details, .ventures, .team, .cuisines, .specials, .rooms, .location, .reg, .contact {
            padding: 0px 0;
        }

            .details_wed h3, .wedinfo h3, .details_wed h3, .weddings h2, .projects h1, .awards h3, .services h2, .principles-grids1 h3, .location h3, .principles-grids2 h3, .gallery h2, .details h3, .ventures h3, .team h3, .cuisines h2, .specials h3, h3.title, .rooms h2, .reg h2, .contact h2 {
                font-size: 35px;
                margin-bottom: 30px;
            }

        .awards-grid img {
            width: 75px;
        }

        .services-grid2 img {
            top: -110px;
        }

        .service-info p {
            padding-right: 10px;
            line-height: 25px;
        }

        .abt-btm {
            margin-top: 0;
        }

        .slider-4 p {
            font-size: 14px;
            line-height: 27px;
        }

        .newsletter p {
            padding-right: 0;
        }

        .newsletter input[type="text"] {
            width: 65%;
        }

        .newsletter input[type="submit"] {
            padding: 10px 24px;
        }

        .copyright p {
            line-height: 20px;
            font-size: 13px;
        }

        .banner h1 {
            top: 41%;
            font-size: 40px;
        }

        .gallery-grid-info h4 {
            /*--w3layouts--*/
            /*--agileits--*/
            font-size: 18px;
            margin: 5px 0;
        }

        .gallery-grid-info h5 {
            font-size: 18px;
        }

        .details-grid1, .details-grid2, .details-grid3 {
            padding: 15px;
        }

        .details-grid-info p {
            padding: 20px 0 20px 0;
        }

        .ventures-grid-info {
            padding-top: 30px;
        }

        figure.effect-zoe figcaption {
            padding: 8px 10px;
            height: 4.75em;
        }

        .grid figure h4 {
            font-size: 25px;
            float: none;
        }

        .team ul.social-icons {
            float: none;
        }

        figure.effect-zoe p.description {
            padding: 5px 0;
            font-size: 13px;
            bottom: 92px;
        }

        .menu {
            padding: 0em 0 0em;
        }

        .menu-tag {
            margin-top: 70px;
        }

        .menu-grids {
            padding: 0;
        }

        .menu-text {
            margin-bottom: 30px;
        }

        .menu-text-left h4 {
            font-size: 19px;
            margin-bottom: 10px;
        }

        .footer {
            /*--w3layouts--*/
            /*--agileits--*/
            padding: 60px 0 50px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 50px;
            padding-right: 50px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 50px;
        }

        .portfolio {
            padding-bottom: 75px;
        }

        li.li2 {
            margin: 0 89px;
        }

        p.contact-p {
            margin: 0 auto;
            font-size: 15px;
            line-height: 25px;
        }

        .contact-grid-1 {
            width: 70%;
            float: right;
        }

        .contact-grid-2 {
            width: 65%;
            float: left;
        }
    	.slider{
		margin-top:150px;
	}
}

@media screen and (max-width: 767px) {
    .navbar-default {
        padding: 10px 0;
    }

        .navbar-default .navbar-brand {
            font-size: 25px;
        }

        .navbar-default .navbar-toggle {
            border-color: #000;
            border-radius: 0;
        }

            .navbar-default .navbar-toggle .icon-bar {
                background-color: #000;
            }

    .navbar-nav {
        margin: 0;
        text-align: center;
        border-top-width: 0px;
        border-bottom-width: 0px;
        margin-bottom: 0px;
    }
    /*--w3layouts--*/
    /*--agileits--*/
    .caption {
        top: 46%;
    }

    ul.callbacks_tabs {
        top: 42%;
    }

    .services-grid {
        width: 50%;
        float: left;
    }

    .service-info {
        width: 33.3%;
        float: left;
    }

    .bottom-gds {
        width: 33.3%;
        float: left;
    }

    .footer-grids {
        width: 50%;
        float: left;
    }

    .footer-grid {
        width: 33.3%;
        float: left;
    }

    .gallery-grids {
        width: 50%;
        float: left;
    }

    .gallery-grid {
        padding: 5px;
        width: 33.3%;
        float: left;
    }

    .details-grid {
        width: 33.3%;
        float: left;
    }

    .details-grid1, .details-grid2, .details-grid3 {
        padding: 10px;
    }

    .details-grid-info p {
        padding: 10px 0 15px;
    }

    .ventures-grid3, .ventures-grid7 {
        padding-left: 0;
    }
    /*--w3layouts--*/
    /*--agileits--*/
    .team-grid {
        width: 33.3%;
        float: left;
    }

    .cuisines-grids {
        width: 50%;
        float: left;
    }

    .menu-grids {
        width: 50%;
        float: left;
    }

    .menu-text-left h4 {
        font-size: 18px;
    }

    .menu-text-left h6 {
        line-height: 20px;
    }

    .portfolio-top {
        width: 50%;
        float: left;
    }

    .location-grids {
        width: 50%;
        float: left;
    }

    h2.pricing-heading {
        font-family: Calibri,Verdana,Tahoma;
        font-size: 120%;
        padding: 20px 0px 0px 0px;
        margin: 0px;
    }

    .pricing-listing {
        display: none !important;
    }

    .chalet-links {
        display: none;
    }
}
    @media screen and (max-width: 736px) {
        .caption h3 {
            font-size: 39px;
            line-height: 50px;
        }

        .awards h3 {
            margin-left: 100px;
        }

        .awards-grids {
            margin-left: 135px;
        }

        .newsletter input[type="submit"] {
            padding: 10px 21px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 45px;
            padding-right: 45px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 45px;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        li.li2 {
            margin: 0 78px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 667px) {
        .caption {
            top: 48%;
        }

            .caption h3 {
                font-size: 35px;
                line-height: 45px;
            }

        .awards h3 {
            margin-left: 75px;
        }

        .awards-grids {
            margin-left: 110px;
        }

        .services {
            padding-top: 50px;
        }

        .services-grid2 img {
            top: -80px;
        }

        .service-info h4 {
            font-size: 19px;
        }

        .service-info p {
            font-size: 14px;
        }

        .newsletter input[type="submit"] {
            padding: 9px 17px;
            font-size: 13px;
        }

        .banner h1 {
            top: 40%;
            font-size: 35px;
        }

        .team-grid {
            width: 50%;
        }

        figure.effect-zoe figcaption {
            padding: 15px 10px;
            height: 3.75em;
        }

        .grid figure h4 {
            /*--w3layouts--*/
            /*--agileits--*/
            float: left;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 40px;
            padding-right: 40px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 40px;
        }

        .portfolio-top {
            padding: 2px;
        }

        li.li2 {
            margin: 0 54px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 640px) {
        .caption h3 {
            font-size: 34px;
        }

        .projects h1, .cuisines h2, .location h3 {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .h4-underline {
            height: 4px;
            margin: 15px 0 10px;
        }

        .projects p {
            line-height: 25px;
            margin-bottom: 20px;
        }

        .projects a, .services a, .details-grid button.btn {
            padding: 8px 20px;
        }

        .services {
            padding-top: 30px;
        }

            .services h2 {
                margin-bottom: 15px;
            }

        .services-grid2 img {
            top: -50px;
        }

        .service-info .h4-underline {
            margin: 10px 0;
            height: 4px;
            /*--w3layouts--*/
            /*--agileits--*/
            margin-left: -20px;
        }

        .service-info p {
            font-size: 13px;
            line-height: 23px;
            margin-bottom: 20px;
        }

        .cuisines-grids {
            width: 100%;
        }

        .cuisines-grids-1 {
            margin-bottom: 30px;
            padding: 0;
        }

        .cuisines p {
            line-height: 26px;
        }

        .menu-text-left h4 {
            line-height: 25px;
            line-height: 25px;
        }

        .menu-text-left h6 {
            font-size: 17px;
        }

        #loadMore, #showLess {
            width: 26%;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 35px;
        }

        .location p {
            line-height: 22px;
        }

        .reg h4 {
            font-weight: normal;
            font-size: 17px;
        }

        select.dropdown, input#datepicker1, input#datepicker2 {
            padding: 6px 10px;
            margin-bottom: 20px;
        }

        li.li2 {
            margin: 0 44px;
        }

        .mfp-close-btn-in .mfp-close {
            padding: 0 0 5px 0px;
            right: -5px;
        }

        .footer-grids {
            width: 100%;
        }

        .footer-grid ul li {
            color: #EEE;
        }

            .footer-grid ul li a {
                color: #EEE;
            }

        .newsletter {
            margin: 25px 0;
            /*--w3layouts--*/
            /*--agileits--*/
        }

            .newsletter h4 {
                font-size: 25px;
                font-weight: 100;
            }

            .newsletter p {
                margin: 10px 0;
                font-size: 15px;
            }

            .newsletter input[type="submit"] {
                padding: 9px 15px;
            }

        .social {
            margin-top: 0;
        }

        .copyright {
            padding-top: 15px;
        }

            .copyright p {
                font-size: 14px;
            }
    	.slider{
		margin-top:150px;
	}
}

    @media screen and (max-width: 603px) {
        .caption h3 {
            font-size: 32px;
            line-height: 43px;
        }

        ul.callbacks_tabs {
            top: 40%;
        }

        .projects, .awards, .services, .principles, .gallery, .details, .ventures, .team, .cuisines, .specials, .rooms, .location, .reg, .contact {
            padding: 0px 0;
        }

            .details_wed h3, .wedinfo h3, .details_wed h3, .weddings h2, .awards h3, .services h2, .principles-grids1 h3, .principles-grids2 h3, .gallery h2, .details h3, .ventures h3, .team h3, .specials h3, h3.title, .rooms h2, .reg h2, .contact h2 {
                font-size: 30px;
                font-weight: 100;
                margin-bottom: 20px;
            }

        .projects-grid {
            width: 100%;
            padding: 0;
        }

        .projects-grid1 {
            padding-bottom: 100px;
        }

        .slider-2 {
            width: 70%;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        .slider-3 {
            width: 50%;
            right: 0;
            top: 40%;
        }

        .projects h1 {
            padding-left: 27px;
        }

        .awards h3 {
            margin-left: 55px;
        }

        .awards-grids {
            margin-left: 90px;
        }

        .awards-grid-1, .awards-grid-2 {
            margin-bottom: 50px;
        }

        .awards-grid img {
            width: 65px;
            margin-bottom: 10px;
        }

        .service-info-grids {
            margin-top: 30px;
        }

        .service-info {
            width: 100%;
            margin-bottom: 30px;
        }

            .service-info h4 {
                margin-top: 10px;
            }

        .services-grid1 p {
            line-height: 22px;
        }

        .service-info h4 {
            font-size: 18px;
        }

        .service-info p {
            padding-right: 10px;
        }

        .principles-grids1 {
            padding: 20px;
        }

        .principles-grids2 {
            padding: 0;
            margin-bottom: 50px;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .slider-4 p {
            font-size: 13px;
            line-height: 25px;
        }

        .gallery-grids {
            width: 100%;
            float: left;
        }

        .details-grid {
            width: 100%;
        }

        .details-grid-image {
            width: 50%;
            float: left;
            padding-right: 10px;
        }

        .details-grid-info {
            width: 50%;
            float: left;
        }

            .details-grid-info p {
                padding: 10px 0;
            }

        .ventures-grid-info p {
            font-size: 17px;
            line-height: 20px;
        }

        .grid figure h4 {
            font-size: 20px;
        }

        .menu-tag {
            margin-top: 50px;
        }

        .load_more {
            margin-top: 0;
        }

        .menu-text-left {
            width: 60%;
            margin-left: 1em;
        }

        .menu-text-midle {
            width: 15%;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .menu-text-left h4 {
            font-size: 20px;
        }

        #loadMore, #showLess {
            width: 30%;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            font-weight: 100;
        }

        .portfolio {
            padding-bottom: 50px;
        }

        .location-grids {
            width: 100%;
        }

        .location-grids-1 {
            margin-bottom: 30px;
        }

        .register {
            width: 80%;
        }

        .footer {
            padding: 50px 0 30px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 568px) {
        .navbar-default .navbar-nav > li > a {
            padding: 3px 3px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }

        .caption {
            top: 50%;
        }

            .caption h3 {
                font-size: 30px;
                line-height: 40px;
            }

        ul.callbacks_tabs {
            position: absolute;
            right: 5%;
        }

        .callbacks_tabs a:after {
            height: 10px;
            width: 10px;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .details-grid {
            padding: 0;
        }

        .details-grid1, .details-grid2, .details-grid3 {
            padding: 0;
            margin: 5px 0;
        }

        .cuisines p {
            line-height: 22px;
        }

        .menu-grids {
            width: 100%;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 33px;
            padding-right: 35px;
            font-size: 27px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 35px;
        }

        p.contact-p {
            font-size: 14px;
            line-height: 22px;
        }

        a.popup-with-zoom-anim {
            padding: 8px 40px;
        }

        ul.social-icons li a {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url("../images/img-sprite.png") no-repeat 0px 0px;
            background-size: 200px;
        }

            ul.social-icons li a.facebook:hover {
                background-position: 0px -33px;
            }

            ul.social-icons li a.twitter {
                background-position: -35px 0px;
            }

                ul.social-icons li a.twitter:hover {
                    background-position: -35px -33px;
                }

            ul.social-icons li a.googleplus {
                background-position: -69px 0px;
            }

                ul.social-icons li a.googleplus:hover {
                    background-position: -69px -33px;
                }

            ul.social-icons li a.instagram {
                /*--w3layouts--*/
                /*--agileits--*/
                background-position: -102px 0px;
            }

                ul.social-icons li a.instagram:hover {
                    background-position: -102px -33px;
                }

            ul.social-icons li a.youtube {
                background-position: -135px 0px;
            }

                ul.social-icons li a.youtube:hover {
                    background-position: -135px -33px;
                }
					.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 533px) {
        .caption h3 {
            font-size: 28px;
        }

        .awards h3 {
            margin-left: 40px;
        }

        .awards-grids {
            margin-left: 50px;
        }

        .services-grid {
            width: 100%;
            padding: 0;
        }

        .services-grid2 {
            margin-top: 20px;
        }

            .services-grid2 img {
                position: initial;
                height: 300px;
            }

        .details-grid1, .details-grid2, .details-grid3 {
            padding: 0 0 4px;
        }

        .details-grid-info p {
            padding: 5px 0 10px;
            line-height: 23px;
        }

        .details-grid button.btn {
            padding: 6px 15px;
        }

        .contact-grid-1 {
            padding: 0;
            padding-left: 0;
        }

        .banner h1 {
            /*--w3layouts--*/
            /*--agileits--*/
            top: 42%;
            font-size: 30px;
        }

        li.li2 {
            margin: 0 31px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 480px) {
        .navbar-default {
            padding: 0;
            position: absolute;
            z-index: 9999;
            width: 100%;
            background-color: rgba(255, 255, 255, 1);
            border: none;
            border-radius: 0;
            margin: 0;
            padding: 0px 0;
            margin-top: 0px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }

            .navbar-default .navbar-brand {
                font-size: 20px;
                border-top-width: 0px;
                border-bottom-width: 0px;
                margin-bottom: 0px;
            }

        .navbar-toggle {
            padding: 8px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }

        .caption {
            top: 48%;
        }

            .caption h3 {
                font-size: 25px;
                line-height: 35px;
            }

        .projects, .awards, .services, .principles, .gallery, .details, .ventures, .team, .cuisines, .specials, .location, .reg, .contact, .menu {
            padding: 0px 0;
        }

            .keep_In_Touch .container h1, .keep_In_Touch .container h3, .details_wed h3, .wedinfo h3, .details_wed h3, .weddings h2, .projects h1, .awards h3, .services h2, .principles-grids1 h3, .location h3, .principles-grids2 h3, .gallery h2, .details h3, .ventures h3, .team h3, .cuisines h2, .specials h3, h3.title, .rooms h2, .reg h2, .contact h2 {
                font-size: 45px;
                font-weight: 900;
                margin-bottom: 15px;
                color: #6D655C !important;
            }

        .h4-underline {
            margin: 10px 0;
        }

        .awards-grids {
            margin-left: 30px;
        }

        .awards-grid-1, .awards-grid-2 {
            margin-bottom: 30px;
        }

        .awards-grid img {
            width: 50px;
        }

        .awards-grid h4 {
            font-size: 16px;
            font-weight: 100;
        }
        /*--w3layouts--*/
        /*--agileits--*/
        .awards-grid .h4-underline, .service-info .h4-underline {
            margin: 10px 0;
            margin-left: -20px;
        }

        .awards-grid p {
            font-size: 14px;
        }

        .principles-grids2 {
            margin-bottom: 30px;
        }

        .bottom-gds {
            width: 50%;
        }

        .details-grid-image img {
            height: 153px;
        }

        .ventures-grid-info h4 {
            font-size: 18px;
        }

        .ventures-grid-info p {
            line-height: 20px;
        }

        .team-grid {
            width: 70%;
            margin-left: 15%;
        }

        .special-grid {
            width: 50%;
        }


        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 25px;
            padding-right: 25px;
            font-size: 25px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 25px;
        }

        .portfolio {
            padding-bottom: 30px;
        }

        .register {
            width: 95%;
        }

        .submit {
            /*--w3layouts--*/
            /*--agileits--*/
            margin-top: 35px;
        }

        .footer-grid ul li {
            line-height: 25px;
            font-size: 13px;
        }

        .newsletter p {
            font-size: 13px;
            line-height: 20px;
        }

        .copyright p {
            font-size: 13px;
        }

        .submit {
            margin-top: 35px;
        }
    	.slider{
		margin-top:150px;
	}
}

    @media screen and (max-width: 414px) {
        .caption {
            top: 50%;
        }

            .caption h3 {
                font-size: 21px;
                line-height: 30px;
            }

        ul.callbacks_tabs li {
            line-height: 20px;
        }

        .callbacks_tabs a:after {
            height: 8px;
            width: 8px;
        }

        .projects-grid1 {
            padding-bottom: 75px;
        }

        .projects a, .services a, .details-grid button.btn {
            padding: 5px 15px;
            font-size: 13px;
        }

        .awards-grid {
            width: 100%;
        }

        .awards h3 {
            margin-left: 40px;
        }

        .awards-grids {
            margin-left: 75px;
        }

        .awards-grid .h4-underline, .service-info .h4-underline {
            margin: 10px 0;
            margin-left: -30px;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        .awards-grid {
            margin-bottom: 25px;
        }

        .services-grid2 img {
            height: 250px;
        }

        .gallery-grid {
            padding: 1px;
            width: 50%;
        }

        .footer-grid-1 {
            width: 45%;
        }

        .footer-grid-2, .footer-grid-3 {
            width: 27.5%;
        }

        .banner img {
            height: 175px;
        }

        .banner h1 {
            top: 45%;
            font-size: 25px;
        }

        .details-grid1, .details-grid2, .details-grid3 {
            padding: 10px;
            margin: 0;
            margin-bottom: 20px;
        }

        .details-grid3 {
            margin: 0;
        }

        .details-grid-image {
            width: 100%;
            padding: 0;
        }

            .details-grid-image img {
                height: 100%;
            }

        .details-grid-info {
            width: 100%;
            margin: 10px 0;
        }

        .modal-body {
            padding: 15px 15px 0;
        }

        .modal-header {
            padding: 10px 15px;
        }

        .modal-title {
            font-size: 25px;
            letter-spacing: 0;
        }

        .modal-body p {
            font-size: 17px;
            padding: 15px 0;
            line-height: 20px;
        }

        .ventures-grid {
            width: 100%;
        }

        .ventures-grid-info {
            padding-top: 0;
            margin: 0;
        }

        .ventures-grid-image, .ventures-grid-info {
            margin-bottom: 0;
        }

        .ventures-grid-info {
            /*--w3layouts--*/
            /*--agileits--*/
            padding-bottom: 10px;
            margin-bottom: 30px;
            height: 100%;
        }

            .ventures-grid-info h4 {
                font-size: 20px;
                margin: 20px 0 10px 0;
                font-weight: bolder;
            }

            .ventures-grid-info p {
                line-height: 23px;
            }

        .team-grid {
            width: 80%;
            margin-left: 10%;
        }

        #loadMore, #showLess {
            width: 45%;
        }

        .rooms-grid img {
            height: 300px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 38px;
            padding-right: 35px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 35px;
        }

        .location-grids {
            padding: 0;
        }

        li.li2 {
            margin: 0 11px;
        }

        .book-pag-frm1, .book-pag-frm2 {
            width: 100%;
        }

        input#datepicker1 {
            width: 100%;
        }

        #small-dialog {
            height: 100%;
        }

        .payment-online-form-left input[type="text"] {
            width: 100%;
        }

        .payment-online-form-left ul li:first-child input[type="text"] {
            margin-right: 0;
        }

        .payment-sendbtns {
            margin: 20px 15px 20px 0;
        }

        .contact h2 {
            font-size: 26px;
        }

        p.contact-p {
            font-size: 12px;
            line-height: 25px;
        }

        .contact-grids {
            padding-top: 30px;
        }

        .contact-grid {
            width: 100%;
            /*--w3layouts--*/
            /*--agileits--*/
            padding: 0;
        }

        .contact-grid-2 {
            margin-top: 35px;
        }

            .contact-grid-2 input.text, textarea {
                padding: 8px 10px;
                font-size: 12px;
                margin-bottom: 15px;
            }

            .contact-grid-2 input.more_btn {
                padding: 10px 30px;
                font-size: 14px;
                font-weight: 100;
            }
				.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 384px) {
        .service-info {
            padding-right: 0;
        }

        .banner h1 {
            line-height: 33px;
        }

        #loadMore {
            margin-right: 10px;
        }

        li.li2 {
            margin: 0 22px;
        }

        .food input[type="checkbox"] + label {
            padding-left: 20px;
            font-size: 12px;
            font-weight: 100;
        }

            .food input[type="checkbox"] + label span:first-child {
                width: 15px;
                height: 15px;
                border: 1px solid #FFFFFF;
            }

        .payment-sendbtns input[type="reset"] {
            padding: 6px 35px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 375px) {
        .reg h4 {
            font-size: 15px;
            margin-bottom: 5px;
        }

        li.li2 {
            /*--w3layouts--*/
            /*--agileits--*/
            margin: 0 18px;
        }

        .contact h2 {
            font-size: 25px;
        }

        p.contact-p {
            font-size: 13px;
            line-height: 22px;
        }

        .grid figure h4 {
            font-size: 17px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 360px) {
        .ventures-grid-info {
            height: 100%;
        }

        .team-grid {
            width: 90%;
            margin-left: 5%;
        }

        .portfolio-top {
            width: 100%;
            padding: 0;
        }

        .contact h2 {
            font-size: 24px;
        }

        .payment-sendbtns input[type="reset"] {
            padding: 6px 25px;
        }
			.slider{
		margin-top:150px;
	}

    }

    @media screen and (max-width: 320px) {
        .navbar-default .navbar-brand {
            font-size: 20px;
            margin-left: 10px;
            padding: 15px 0;
            border-top-width: 0px;
            border-bottom-width: 0px;
            margin-bottom: 0px;
        }

        .caption h3 {
            width: 75%;
        }

        .caption h3 {
            font-size: 18px;
            line-height: 25px;
        }

        .projects h1, .awards h3, .services h2, .location h3, .principles-grids2 h3, .gallery h2, .details h3, .ventures h3, .team h3, .cuisines h2, .specials h3, h3.title, .rooms h2, .reg h2, .contact h2 {
            font-size: 23px;
        }

        .projects h4 {
            font-size: 16px;
        }

        .slider-4 p {
            line-height: 22px;
        }

        .bottom-gds {
            width: 100%;
            /*--w3layouts--*/
            /*--agileits--*/
        }

        .newsletter input[type="submit"] {
            padding: 9px 14px;
            font-size: 12px;
        }

        .banner h1 {
            top: 43%;
        }

        .gallery-grid {
            width: 100%;
        }

        .team-grid {
            width: 100%;
            margin-left: 0;
        }

        #loadMore, #showLess {
            margin-right: 0;
            width: 49%;
            font-size: 14px;
        }

        .rooms-grid-1 h3, .rooms-grid-3 h3, .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-top: 40px;
            padding-right: 25px;
        }

        .rooms-grid-2 h3, .rooms-grid-4 h3 {
            padding-left: 25px;
        }

        .contact h2 {
            font-size: 21px;
        }

        p.contact-p {
            font-size: 12px;
        }

        .payment-sendbtns {
            margin: 20px 25px 20px 0;
        }

            .payment-sendbtns input[type="reset"] {
                padding: 6px 15px;
                font-size: 14px;
            }

        input.order {
            padding: 6px 15px;
            font-size: 14px;
        }
			.slider{
		margin-top:150px;
	}

    }

    hr .style1 {
	border-top: 8px solid #BDBEC1;
	border-top-width: 12px;
	margin: auto;
}

hr.style2 {
	border-top: 8px double #CAA579;
	border-top-width: 12px;
	margin: auto;
}

hr.style3
{
	border-top: 8px double #6D655C;
	border-top-width: 12px;
	margin: auto;
}
	

/*-- banner Top Images --*/

.bannerTopImages img
{
	max-height: 400px;
	position:absolute;
	top: 600px;
	
}

#slider2{max-height:650px;
		max-width:550px;
}
#slider3{
	max-height:550px;
		max-width:450px;
}

#keepInTouch{position: fixed;
		top:80px;
		max-height: 1000px;
		max-width: 950px;}

		
.imagesOfLayout{
	 max-width:400px;
	 /*height:300px;*/
}
.layoutH1 {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #6D655C;
	font-family: "Avenir Next", 'Segoe UI';
}


.layoutH2 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0px;
	color: #CAA579;
	font-family: "Avenir Next", 'Segoe UI';
}

.lodge-layout-hotspots {
	cursor: pointer;
	background: transparent;
	position: absolute;
	min-height: 4%;
	min-width: 4%;
}
		
		
		
		
		
		
		
		
/*-- //Responsive Code --*/