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

.left-pan{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/main-img.jpg); 
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center bottom;
	height: calc(100vh - 119px);
}

.right-top{ 
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/swimming-pool.jpg);
	 min-height: 382px;  
	/* min-height: 281px;  */
    height: auto;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}

.right-bottom{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Dining.jpg);
	min-height: 384px;  
	/* min-height: 265px; */
    height: auto;
	margin-top: 3%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.spacing {
    padding-bottom: 1%;
}

.input-circle{
	background: url(../images/circle.png) no-repeat center center;
     height: 370px; 
	/* height: 280px; */
    width: 100%;
    min-height: 100%;
	position: relative;
}

.circle-text{ 
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    margin-left: -61px;
    margin-top: -16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
    font-size: 35px;
	text-transform: uppercase;
}
 

.no-padding{
	padding-left: 0%;
    padding-right: 0%;
}

.box1{
	background-image: url(../images/standard-room.jpg);
	min-height: 576px;
    height: auto;
	margin-right: 1%;
	width: 24%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.box2{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/deluxe-room.jpg);
	min-height: 576px;
    height: auto;
	margin-right: 1%;
	width:32%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.box3{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/superior-room.jpg);
	min-height: 576px;
    height: auto;
	margin-right: 1%;
	width:33%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.box4{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/executive-room.jpg);
	min-height: 576px;
    height: auto; 
	width:33%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.inner-circle-long{
	background: url(../images/circle.png) no-repeat center center;
    height: 100%;
    width: 100%;
    min-height: 432px;
	position: relative;
}

.circle-text-long{
	position: relative;
    /* margin-top: 1%; */
    text-align: center;
    padding-top: 60%;
    margin-left: 1%;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	font-size: 28px;
}

.square-box1{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Wedding.jpg);
	min-height: 576px;
    height: auto;
	width: 32%;
    margin-right: 1%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.square-box2{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Corporate.jpg);
	min-height: 576px;
    height: auto;
	width: 33%;
    margin-right: 1%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.square-box3{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Venue.jpg);
	min-height: 576px;
    height: auto;
	width: 33%; 
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.square-box4{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Main-Hall.jpg);
	min-height: 576px;
    height: auto;
	width: 33%; 
	margin-right: 1%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.square-box5{ 
	min-height: 576px;
    height: auto;
	width: 32%; 
	margin-right: 1%;
	/* background-color: #ff8f65d4; */
	background-image: linear-gradient(to right bottom, #de8d7c, #e7987c, #f0a47c, #f6b17d, #fbbe7f);
}

.square-box6{ 
	min-height: 576px;
    height: auto;
	width: 33%;  
	background-image: linear-gradient(to right bottom, #de8d7c, #e7987c, #f0a47c, #f6b17d, #fbbe7f);
	/* background-color: #ff8f65d4; */
	/* background-color: #a3844d; */
}

.square-box7{
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Gallery.jpg);
	min-height: 576px;
    height: auto;
	width: 32%; 
	margin-right: 1%;
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.square-box8{ 
	min-height: 576px;
    height: auto;
	width: 33%; 
	margin-right: 1%;
	background-color: #f9f9f9;
}

.square-box9{ 
	min-height: 576px;
    height: auto;
	width: 33%;  
	background-image: url(https://grandeeza.com/wp-content/uploads/2024/11/Events.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
}

.circle-text-box{
	position: absolute;
    /* margin-top: 1%; */
    text-align: center;
	top: 50%;
    left: 50%;
    margin-left: -75px;
    margin-top: -10px;
    /* padding-top: 43%;
    margin-left: 1%; */
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	font-size: 28px;
	text-transform: uppercase;
}

.cor-fun{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%;
    margin-left: -77px;
    margin-top: -22px;
}

.venue{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%;
    margin-left: -51px;
    margin-top: -10px; 
}

.wedding-menu-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%; 
	margin-left: -68px;
    margin-top: -17px;
	text-align: center;
}

.gallery-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%; 
	margin-left: -60px;
    margin-top: -11px;
}

.eventes-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%; 
	margin-left: -50px;
    margin-top: -9px;
}

.standard-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%; 
	margin-left: -73px;
    margin-top: -9px;
}

.deluxe{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%;
	margin-top: -9px;
    margin-left: -49px;
}

.superior-laggon-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%;
	margin-top: -19px;
    margin-left: -69px;
}

.executive-pos{
	position: absolute;
	font-family: 'Raleway', sans-serif;
    font-weight: 100;
    color: #846837;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	top: 50%;
    left: 50%;
	margin-left: -72px;
    margin-top: -9px;
}

.two-line-spacing{
	padding-top: 40%;
}

.two-line-spacing-long{
	padding-top: 55%;
}

.offers-heading{
	margin-top: 40%;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-size: 28px;
	text-transform: uppercase;
}

.social-heading{
	margin-top: 40%;
    color: #6d6d6d;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-size: 28px;
	text-transform: uppercase;
}

hr{
	border-top: 1px solid #ccc !important;
}

fa{
	color: #fff !important;
}

.slider-para{
	color: #fff;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    font-weight: 100;
	line-height: 31px;
    font-size: 20px;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 65px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}
.fa-twitter {
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
} 

.fa-twitter:hover{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
	text-decoration: none;
} 

.fa-facebook{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
   /*  border: 1px solid #a3844d75; */
}

.fa-facebook:hover{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
	text-decoration: none;
}

.fa-instagram{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
}

.fa-instagram:hover{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
   /*  border: 1px solid #a3844d75; */
	text-decoration: none;
}

.fa-youtube{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
}

.fa-youtube:hover{
	background: #ffffff00;
    color: #a3844d8a;
    border-color: #a3844d61;
    /* border: 1px solid #a3844d75; */
	text-decoration: none;
}

.social-media{
	margin-top: 11%;
}

.carousel-inner>.item{
	height: 100% !important;
}

.big-screen-right{
	margin-left: 81%;
    margin-top: 142%;
}

.big-screen-left{
	margin-left: -82%; 
    margin-top: 142%;
}

@media (max-width: 1370px) and (min-width: 1350px){  
	/* .circle-text{
		padding-top: 42% !important;
	} */
	
	.circle-text-long{
		padding-top: 86% !important;
	}
	
	/* .circle-text-box{
		padding-top: 62% ;
	} */
	
	.two-line-spacing{
		padding-top: 57%;
	}
	
	.right-bottom{
		margin-top: 4%;
	}
	
	.two-line-spacing-long {
		padding-top: 80% !important;
	}
	
	.big-screen-right{
		margin-left: 68%;
	}
	
	.right-top{
		min-height: 299px;
	}
	
	.input-circle{
		height: 263px;
	}
	
	.right-bottom{
		min-height: 240px;
	}
	@media only screen  and (max-height:700px) and (min-height: 600px){
		.right-top {
			min-height: 209px;
		}
	}
	
}

/*Mobile- start*/
@media only screen  and (max-width:400px) and (min-width: 350px){
	.input-circle{
		background: url(../images/circle.png) no-repeat center center !important;
	}
	
	/* .circle-text{
		padding-top: 52%;
	} */
	
	.box1, .box2, .box3, .box4, .square-box1, .square-box2, .square-box3, .square-box5, .square-box4, .square-box6, .square-box7, .square-box8, .square-box9{
		width: 100%;
	}
	
	.square-box8{
		min-height: 387px;
	}
	
	.square-box6, .square-box5{
		min-height: 461px;
	}
	
	.square-box3{
		margin-bottom: 5%;
	}
	
	.circle-text-long{
		padding-top: 84%;
	}
	
	.two-line-spacing-long {
		padding-top: 78% !important;
	}
	
	.two-line-spacing {
		padding-top: 81% !important;
	}
	
	/* .circle-text-box{
		padding-top: 86%;
	} */
	
	.inner-circle-long{
		margin-bottom: 5%;
	}
	
	.caret{
		float: right !important;
		margin-top: -4%;
	}
	
	.nav>li{
		padding: 2%;
	}
	
	.big-screen-left {
		margin-left: -45%;
		margin-top: 161%;
	}
	
	.big-screen-right {
		margin-left: 0%;
		margin-top: 161%;
	}
	
	.square-box4, .square-box7, .square-box9{
		margin-top: 7%;
	}
	
	.fa{
		margin: 70px -12px !important;
	}
	
	.slider-para{
		margin-left: 5% !important;
	}
}

/*Mobile- End*/

@media only screen  and (max-width:449px) and (min-width: 401px){
		.box1, .box2, .box3, .box4, .square-box1, .square-box2, .square-box3, .square-box5, .square-box4, .square-box6, .square-box7, .square-box8, .square-box9{
			width: 100%;
		}
		
		.two-line-spacing-long{
			padding-top: 68%;
		}
		
		.circle-text-long{
			padding-top: 71%;
		}
		
		/* .circle-text-box{
			padding-top: 73%;
		} */
		
		.square-box8{
			min-height: 445px;
		}
		
		/* .circle-text{
			padding-top: 46%;
		} */
		
		.caret{
			float: right !important;
			margin-top: -4%;
		}
		
		.nav>li{
			padding: 2%;
		}
		
		.big-screen-left {
			margin-left: -44%;
			margin-top: 174%;
		}
		
		.big-screen-right {
			margin-left: 14%;
			margin-top: 174%;
		}
		
		.box2, .box3, .box4, .square-box2, .square-box3, .square-box4, .square-box6, .square-box9{
			margin-top: 3%;
		}
		
		.left-pan{
			height: calc(100vh - 336px) !important;
		}
		
		.slider-para{
			margin-left: 6%;
		}
		
		.fa{
			margin: 58px -4px;
		}
}

/*small screen pc - start*/
	@media screen and (max-width: 1600px) and (min-width: 1400px){
		/* .circle-text-box{
			padding-top: 58%;
		} */
		
		.two-line-spacing{
			padding-top: 53%;
		}
		
		.circle-text-long{
			    padding-top: 82%;
		}
		
		.two-line-spacing-long{
			padding-top: 78%;
		}
		
		.right-bottom{
			margin-top: 3%;
		}
		.big-screen-right {
			margin-left: 76%; 
		}
		
		.right-top{
			min-height: 370px;
		}
		
		.input-circle{
			height: 300px;
		}

		.right-bottom{
			min-height: 327px;
		}
		
		/* .circle-text{
			    padding-top: 37%;
		} */
		@media screen and (max-height: 800px) and (min-height: 790px){
			.right-top {
				min-height: 264px !important;
			}
		}
	}
/*small screen pc - End*/

@media screen and (max-width: 800px) and (min-width: 450px){
	.box1, .box2, .box3, .box4, .square-box1, .square-box2, .square-box3, .square-box5, .square-box4, .square-box6, .square-box7, .square-box8, .square-box9{
		width:100% !important;
	}
	
	/* .circle-text-box{
		padding-top: 35% !important;
	} */
	
	.circle-text-long{
		padding-top: 35% !important;
	}
	
	.offers-heading{
		margin-top: 24% !important;
	}
	
	.square-box6{
		margin-top: 3% !important;
	}
	
	.social-heading{
		margin-top: 29% !important;
	}
	
	.big-screen-right {
		margin-left: 54%; 
	}
	
	.box2, .box3, .box4, .square-box2, .square-box3, .square-box4, .square-box9, .social-media{
		margin-top: 3%;
	} 
	
}

@media (max-width: 1348px) and (min-width: 1250px){  
	.circle-text-long{
		padding-top: 91%;
	}
	
	.two-line-spacing-long{
		padding-top: 89% !important;
	}
	
	/* .circle-text-box{
		padding-top: 66%;
	} */
	
	.two-line-spacing{
		padding-top: 62% !important;
	}
	
	.big-screen-right{
		margin-left: 71%;
	}
	
	.left-pan{
		height: calc(100vh - 189px);
	}
	
	.right-top{
		min-height: 209px;
	}
	
	.input-circle{
		height: 267px;
	}
	
	.right-bottom{
		min-height: 310px;
	}
}

@media (max-width: 350px){
	.box1, .box2, .box3, .box4, .square-box1, .square-box2, .square-box3, .square-box5, .square-box4, .square-box6, .square-box7, .square-box8, .square-box9{
		width: 100% !important;
		margin-bottom: 5%;
	}
	
	.footer-anchor{
		display: none;
	}
	
	.slider-para{
		line-height: 26px;
	}
	
	.fa{
		margin: 5px -13px;
	}
	
	.big-screen-right{
		margin-left: -23%;
	}
	 
}