/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
html, body{
    font-size: 100%;
}

/*-- about --*/
.about,.about-bottom,.awesome,.portfolio,.events,.subscribe,.contact{
	padding:5em 0;
	font-size: 100%;
}
.about h3,.awesome-left h3,.portfolio h3,.events h3,.contact h3{
	color:#E47719;
	font-size:2em;
	margin:0;
	text-align:center;
	text-transform: capitalize;
}
p.ever{
	font-size:14px;
	color:#999;
	margin:1em 0 0;
	text-align:center;
}
.about-grid1 {
    background:#ebebeb;
    padding: 2em 2em 2em 10em;
	position:relative;
	 -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   margin-bottom:40px;}
.about-grid1:hover {
    background: #7B7B7B;
}
.about-grid1 .hji p{
	min-height:130px;
}
.about-grid1:hover .hji p{
    color:#fff;
	min-height:130px;
}
.about-grid1:hover .itis h4{
	color:#A0BBF7;
}
.about-grid1-pos{
	position: absolute;
    top: -10%;
    left: -11%;
}
.about-grid1 h4{
	text-transform: capitalize;
    font-size: 1.3em;
    margin: 0;
    color: #DADADA;
}
.about-grid1 p{
	color:#999;
	font-size:14px;
	margin:1em 0 0;
	line-height:1.8em;
}
.about-grids:nth-child(3){
	margin:5em 0 3em;
}
.about-grid2-left{
	padding: 1.8em;
    border-radius: 50%;
    background:#E8E8E8;
}
.about-grid2-left p{
	text-align:center;
	color:#E47719;
	font-size:1.5em;
	margin:0;
	font-family: 'Comfortaa', cursive;
}
.about-grid2-right p{
	font-size:14px;
	color:#999;
	margin:0;
	line-height:1.8em;
	position:relative;
}
.about-grid2-right p:after{
	content:'';
	background:url(../images/2.png) no-repeat 0px 0px;
	display:block;
	width:128px;
	height:128px;
	position:absolute;
	top:43%;
	right:0%;
}
.about-grid2 {
    margin: 3em 0 0;
}
.about-grd1 {
    padding: 2em 10em 2em 2em;
}
.about-grid1-pos1 {
    position: absolute;
    top: -10%;
    right: -11%;
}
/*-- //about --*/

/*-----start-responsive-design------*/
@media (max-width:1440px){
	.about-bottom-pos {
		top: 69%;
	}
}
@media (max-width:1280px){
	.banner-info {
		margin: 4em auto 0;
	}
}
@media (max-width:1024px){
	.about-bottom-pos {
		top: 60%;
		left: 29%;
	}
	.head-logo a {
		font-size: 2.5em;
	}
	.top-nav {
		margin-top: 1.5em;
	}
	.banner-info h1 {
		font-size: 1.8em;
	}
	div#horizontalTab {
		width: 85% !important;
	}
	.banner {
		min-height: 820px;
	}
	.about, .about-bottom, .awesome, .portfolio, .events, .subscribe, .contact,.sign-in {
		padding: 4em 0;
	}
	.about h3, .awesome-left h3, .portfolio h3, .events h3, .contact h3,.in-form h3 {
		font-size: 1.8em;
	}
	.sign-in-form {
		width: 70%;
	}
	.about-grid1-pos {
		top: -6%;
		left: -7%;
		width: 40%;
	}
	.about-grid1-pos1{
		top: -6%;
		right: -7%;
		width: 40%;
	}
	.about-grid1 h4 {
		font-size: 1.1em;
	}
	.about-grid1 {
		padding: 1.5em 1em 1.5em 10em;
	}
	.about-grid2-left {
		padding: 1.3em;
	}
	.about-grid2-right p:after {
		background: url(../images/2.png) no-repeat 0px 0px;
		background-size: 70%;
		top: 61%;
	}
	.about-grd1 {
		padding: 1.5em 10em 1.5em 1.5em !important;
	}
	.about-bottom {
		margin: 4em 0;
	}
	.about-bottom {
		min-height: 420px;
	}
	.about-bottom-grid-left {
		margin: 3em 0 0;
	}
	.view1,.view1 .mask, .view1 .content {
		width: 170px;
		height: 170px;
	}
	.social-icons {
		left: 19%;
	}
	.footer-right,.footer-left {
		float: none;
		text-align: center;
	}
	.events-grid11 span {
		font-size: 4em;
		padding: 2.5em 0 0 2em;
	}
}
@media (max-width:768px){
	.about-bottom-pos {
		top: 67%;
		left: 35%;
	}
	.header-top {
		padding-top: 1em;
	}
	.resp-tab-item {
		font-size: 15px;
		padding: 13px 40px;
	}
	.facts {
		padding: 1em;
	}
	li.span1_of_1 {
		width: 47.9%;
	}
	.reservation h5 {
		font-size: 14px;
	}
	li.adult {
		width: 30% !important;
	}
	.banner {
		min-height: 755px;
	}
	.about-grid1 {
		padding: 1.5em 1em 1.5em 12em;
	}
	.about-grid1-pos {
		top: -39%;
		left: -3%;
	}
	.about-grid2-left {
		padding: 2.3em;
	}
	.about-grd1 {
		margin: 6em 0 0;
	}
	.about-grid1-pos1 {
		top: -45%;
		right:1%;
		width:30%;
	}
	.about-grd1 {
		padding: 1.5em 13em 1.5em 1.5em !important;
	}
	.about, .about-bottom, .awesome, .portfolio, .events, .subscribe, .contact, .sign-in {
		padding: 3em 0;
	}
	.about-bottom {
		margin: 3em 0;
	}
	.about-bottom-grid-left {
		margin: 0 0 5em;
	}
	.about-bottom-grid-right-grid {
		float: left;
		width: 33.33%;
	}
	.awesome-right-grid {
		float: left;
		width: 33.33%;
	}
	.view1, .view1 .mask, .view1 .content {
		width: 200px;
		height: 200px;
	}
	.view .mask, .view .content {
		width: 220px;
		height: 166px;
	}
	.view p {
		font-size: 13px;
	}
	.new-people {
		padding: 4em 0 2em;
	}
	.social-icons {
		left: 26%;
	}
	.view {
		width: 230px;
		height: 175px;
		margin: 5px;
	}
	.twitter-text h3:before {
		left: 3%;
	}
	.twitter-txt {
		background: url(../images/twitter-2.png) no-repeat 32em 0em;
	}
	.events-grid:nth-child(2) {
		margin: 3em 0;
	}
	.events-grids {
		margin: 3em 0 2em;
	}
	.events-grid11 span {
		padding: 1.5em 0 0 2em;
	}	
	.subscribe form {
		width: 100%;
	}
	.subscribe input[type="email"] {
		margin: 0 1em;
	}
	.subscribe input[type="text"], .subscribe input[type="email"] {
		padding: 12px 10px;
	}
	.subscribe form {
		margin: 3em auto 3em;
	}
	.men-text {
		float: left;
		width: 50%;
	}
	.men-text:nth-child(2) {
		margin: 0 0 3em;
	}
	.contact-left {
		margin: 2em 0 0;
	}
	.footer-top-grid {
		float: left;
		width: 50%;
	}
	.footer-top-grid:nth-child(2) {
		margin: 0 0 2em;
	}
	.banner1 {
		min-height: 300px;
	}
	li.desti1:nth-child(2) {
		margin-left: 1.5em;
	}
}
@media (max-width: 736px){
	.resp-tab-item {
		font-size: 14px;
		padding: 11px 39px;
	}
	li.span1_of_1 {
		width: 47.8%;
	}
}
@media (max-width:667px){
	.head-logo a {
		font-size: 2.2em;
	}
	.top-nav {
		margin-top: 1.2em;
	}
	.banner-info h1 {
		font-size: 1.5em;
	}
	.resp-tab-item {
		padding: 11px 31px;
	}
	li.span1_of_1.left {
		margin-left: 1.3em;
	}
	.banner-info {
		margin: 3em auto 0;
	}
}
@media (max-width:640px){
	.resp-tab-item {
		font-size: 13px;
	}
	.form-control {
		height: 40px;
	}
	.book_date span {
		top: 2em;
	}
	li.span1_of_1 {
		width: 46.8%;
	}
	.book_date input[type="text"]{
		padding: 4px 23px 4px 45px;
	}
	.book_date span.glyphicon-calendar {
		top: 2.1em;
	}
	li.adult {
		margin: 0.5em 0 2em;
	}
	select {
		padding: 4px 33px 4px 7px;
		font-size: 13px !important;
	}
	.date_btn input[type="submit"] {
		font-size: 14px;
		padding: 10px 0;
	}
	.login a {
		font-size: 14px;
		padding: 10px 45px;
	}
	.login {
		margin: 3em 0 0;
	}
	.banner {
		min-height: 650px;
	}
	.about h3, .awesome-left h3, .portfolio h3, .events h3, .contact h3, .in-form h3 {
		font-size: 1.5em;
	}
	p.ever {
		margin: 0.5em 0 0;
	}
	.about-grid1-pos {
		top: -6%;
		left:-1%;
		width:30%;
	}
	.about-grids:nth-child(3) {
		margin: 3em 0 0em;
	}
	.about-grid2-left {
		padding: 1.9em;
	}
	.about-grid2-right p:after {
		top: 43%;
	}
	.about-grid1-pos1 {
		top: -8%;
		right: 4%;
	}
	.about-grd1 {
		margin: 4em 0 0;
	}
	.about-bottom-pos span {
		font-size: 1em;
		padding: 1em;
	}
	.about-bottom-pos {
		top: 67%;
		left: 35%;
	}
	.view1, .view1 .mask, .view1 .content {
		width: 160px;
		height: 160px;
	}
	.social-icons {
		left: 17%;
		top: 71.5%;
	}
	.about-bottom-grid-right-grid1 p {
		letter-spacing: 0px;
	}
}
@media (max-width: 600px){
	.resp-tab-item {
		padding: 11px 26px;
	}
	.book_date input[type="text"]{
		padding: 4px 23px 4px 38px;
	}
	.form-control {
		padding: 10px 12px 10px 40px;
	}
	.date_btn input[type="submit"] {
		width: 40%;
	}
}
@media (max-width:568px){
	.banner-info {
		margin: 2em auto 0;
	}
	.resp-tab-item {
		padding: 9px 23px;
	}
}
@media (max-width:480px){
	.head-logo a {
		font-size: 2em;
	}
	.top-nav {
		margin-top: 0.6em;
	}
	.banner-info h1 {
		margin: 0;
	}
	div#horizontalTab {
		width: 98% !important;
	}
	h2.resp-accordion {
		font-size: 14px;
		padding: 10px 15px;
		background: #E47719;
		margin: 0 0 5px;
	}
	.form-control {
		font-size: 12px;
		padding: 8px 12px 8px 30px;
		height:38px;
	}
	.book_date span {
		left: 0.5em;
	}
	.reservation h5 {
		margin: 0.7em 0 .5em;
	}
	.book_date input[type="text"] {
		padding: 4px 23px 4px 30px;
		font-size: 12px;
	}
	.book_date span.glyphicon-calendar {
		left: 0.8em;
		font-size: 13px;
		top: 2.5em;
	}
	.banner-info {
		margin: 3em auto 0;
	}
	select {
		padding: 4px 25px 4px 7px;
		font-size: 12px !important;
	}
	li.adult {
		margin: 0.5em 0 1.5em;
	}
	.date_btn input[type="submit"] {
		width: 40%;
	}
	li.desti1:nth-child(2) {
		margin-left: 1.4em;
	}
	.login {
		margin: 0;
	}
	.about, .about-bottom, .awesome, .portfolio, .events, .subscribe, .contact, .sign-in {
		padding: 2em 0;
	}
	.about-grid1 {
		padding: 1.5em 1em 1.5em 8em;
	}
	.about-grid2-left p {
		font-size: 1em;
	}
	.about-grid2-left {
		padding: 1.5em;
	}
	.about-grid2-right p:after {
		top: 55%;
		background: url(../images/2.png) no-repeat 0px 0px;
		background-size: 55%;
		right: -7%;
	}
	.about-grd1 {
		padding: 1.5em 9em 1.5em 1.5em !important;
	}
	.about-bottom {
		margin: 2em 0;
	}
	.about-bottom-grid-left h3 {
		font-size: 1.3em;
	}
	.about-bottom-grid-left p {
		margin: 0.5em 0 0;
	}
	.about-bottom-pos {
		top: 48%;
		left: 27%;
	}
	.about-bottom-grid-left {
		margin: 0 0 4em;
	}

}
@media (max-width:414px){
	li.span1_of_1 {
		width: 100%;
		float: none;
	}
	li.span1_of_1.left {
		margin-left: 0;
	}
	li.adult {
		width: 50% !important;
		float: left !important;
	}
	li.adult {
		margin: 0.5em 0 0.5em;
	}
	li.span1_of_3 {
		margin: 1em 0 0;
	}
	.banner-info h1 {
		font-size: 1.2em;
	}
	.banner-info {
		margin: 2em auto 0;
	}
	.resp-tabs-container {
		padding: 10px 0;
	}
	.banner {
		min-height: 790px;
	}
	.about-grid1-pos {
		width: 40%;
		top: -4%;
		left: -6%;
	}
	.about-grid1 h4 {
		font-size: 1em;
	}
	.about-grid2-left {
		padding: 1.2em;
	}
	.about-grid2-right p:after {
		right: -17%;
		top: 36%;
	}
	.about-bottom-grid-right {
		padding: 0;
	}
	.about-bottom-grid-right-grid1 p {
		font-size: 14px;
	}
	.about-bottom {
		min-height: 400px;
	}
	.about-grid1-pos1 {
		right: 2%;
		width: 40%;
	}
margin-left: 0;
	}

}
@media (max-width:375px){
	.head-logo a {
		font-size: 1.7em;
	}
	.head-logo a i {
		font-size: 12px;
	}
	.top-nav {
		margin-top: 0;
	}
}
@media (max-width:320px){

	.about h3, .awesome-left h3, .portfolio h3, .events h3, .contact h3, .in-form h3 {
		font-size: 1.3em;
	}
	
	.about-grid2-right p:after {
		right: 63%;
		background-size: 35%;
	}
	.about-grid1 {
		padding: 6.5em 1em 1em 1em;
		text-align:center;
	}
	.about-grid1 p {
		font-size: 13px;
		margin: 0.5em 0 0;
	}

	.about-grid1-pos {
		width: 50%;
		top: -18%;
		left: 23%;
	}

	.about-grid,.awesome-left,.events-grid,.contact-right,.contact-left,.footer-top-grid {
		padding: 0;
	}
	.cal-info h4, .events-grid11-info h4 {
		font-size: 1em;
	}
	.about-grids:nth-child(3) {
		margin: 4em 0 0em;
	}
	.about-grid2 {
		margin: 2em 0 0;
	}
	.about-grid2-left {
		padding: 0.8em;
	}
	.about-grid2-right p {
		font-size: 13px;
	}
	.about-grd1 {
		padding: 6.5em 1em 1em 1em !important;
	}
	.about-grid1-pos1 {
		right: 23%;
		width: 50%;
		top: -19%;
	}
	.about-bottom-grid-left h3 {
		font-size: 1.1em;
	}
	.about-bottom-grid-left p {
		margin: 0;
		font-size: 13px;
	}
	.about-bottom-grid-left p span {
		font-size: 1.3em;
	}
	.about-bottom-grid-right-grid {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.about-bottom-grid-right-grid:nth-child(2) {
		margin: 1em auto;
	}
	.about-bottom-grid-left {
		margin: 0 0 1.5em;
	}
	.about-bottom-pos {
		top: 75%;
		left: 40%;
	}
}