/*!
Theme Name: Utopiaworkspaces
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: utopiaworkspaces
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Utopiaworkspaces is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html, body{
	width:100%;
	height:100%;
}
h1,h2,h3,h4,h5,h6,
p,a,span,label,input,textarea,select,option,ul,ol,li,code,em{
	margin:0;
	padding:0;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizelegibility;
	font-family: 'Work Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	letter-spacing:0.05em;
	line-height:1.2;
	font-weight:600;
}
b{font-weight:600;}
b.b{font-weight:800;}
h1,h2,h3,h4,h5,h6, .button, .navbar .navbar-nav li a, .tab-wrapper .tab-content .content-header, .copyright p, .copyright a,
.packages-list .main{
	text-transform:uppercase;
}
h2{font-size:50px;}
h3{font-size:40px;}
.light{font-size:inherit;}
.light.small{text-transform:lowercase;}
p,a,span,label,input,textarea,select,option,ul,ol,li,code,em{
	font-size:18px;
	letter-spacing:0.03em;
	line-height:1.5;
	font-weight:400;
}
a:hover{
	text-decoration:none;
}
a,a:focus,.navbar-toggler,.navbar-toggler:focus, .owl-carousel button{
	outline:none;
}
section{
	min-height:50vh;
}
section, section .row, .parallax,.owl-carousel, .double-header .hsi td span{
	position:relative;
}
a, a:hover, .bg-theme, .caption, .button, .bg-black{
	color:#ffffff;
}
a, .navbar, .overlay, .caption, .gallery .gallery-item .caption h3,.navbar .navbar-nav li,
#event-content-1 ul li,.button{
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
table{border-collapse:collapse;}
.giant,.giant-letter code{
	float:left;
	font-size:110px;
	line-height:85px;
}
.giant-letter code{
	font-style: normal;
}
.fancybox-enabled{
	overflow:auto;
}
.plans .plan-item .plan-col,.image{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.gallery .gallery-item .item-col.image{
	-webkit-transition:all 2s ease;
	-moz-transition:all 2s ease;
	-ms-transition:all 2s ease;
	-o-transition:all 2s ease;
	transition:all 2s ease;
}
input, textarea{
	outline:none;
}
.theme{
	color:rgb(251,208,77);
}
.bg-theme,.button::after{
	background:rgb(251,208,77);
}
.bg-silk{
	background-color:rgb(239,239,239);
}
.bg-black{
	background-color:rgb(17,17,17);
}
.page-title h1{
	display:inline-block;
	position:absolute;
	font-size:0;
	width:0;
	height:0;
	top:0;
	left:0;
	overflow:hidden;
	padding:0!important;
	margin:0!important;
	border:0!important;
	clip:rect(1px,1px,1px,1px);
}
.bg-word{
	position:absolute;
	top:0;
	left:0;
	width:1px;
}
.bg-word h2{
	color:rgba(239,239,239,.5);
	font-size:125px;
	font-weight:800;
}
.hide{
	display:none;
}
.overlay{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:2;
}
.navbar-toggler span{
	font-size:30px;
	color:rgb(251,208,77);
}
.caption{
	z-index:3;
	position:absolute;
}
.img-responsive{
	max-width:100%;
	height:auto;
	position: relative;
}
.parallax{
	width:100%;
	min-height:400px;
	background:transparent;
}
.navbar{
	border:0;
	border-radius:0;
}
.navbar.bg{
	background:rgba(0,0,0,0.7);
}
.navbar-brand,.custom-logo-link{
	width:130px;
	height:100%;
	padding:0 0 0 50px;
	margin:0;
}
.navbar-brand img,.custom-logo-link img{
	max-width: 100%;
	height: auto;
}
.navbar .navbar-nav li.active a, .navbar.bg a,.navbar.bg .navbar-nav li.active:hover a,.navbar.bg .navbar-nav li.active a,.tab-wrapper{
	color:rgb(255,255,255);
}
.navbar .navbar-nav li{
	margin-left:12px;
	margin-right:12px;
	border-radius:5px;
}
.navbar .navbar-nav li.special{
	border:2px solid rgb(251,208,77);
}
.navbar .navbar-nav li:hover a{
	color: rgb(251,208,77);
}
.navbar .navbar-nav li.active a{
	color: rgb(255,255,255);
}
.navbar .navbar-nav li.active:hover, .navbar .navbar-nav .current-menu-item{
	background-color:rgb(251,208,77);
}
.navbar .navbar-nav .current-menu-item:hover{
	background-color: rgb(234,160,24);
}
.navbar .navbar-nav .current-menu-item:hover a,
.navbar .navbar-nav .current-menu-item a{
	color: rgb(255,255,255);
}
.navbar .navbar-nav li a{
	display:block;
	font-size:16px;
	font-weight:600;
	letter-spacing:0.04em;
	padding:8px 16px;
}
.button,.form-wrapper .booking input.button{
	display:inline-block;
	position:relative;
	border:2px solid rgb(251,208,77);
	border-radius:5px;
	text-align:center;
	padding:12px 50px;
	background-color:rgba(251,208,77,1);
	cursor:pointer;
	width: auto;
}
.button:hover,.form-wrapper .booking input.button:hover{
	background:rgb(234,160,24);
	border-color:rgb(234,160,24);
}
.button.swipe{
	background:transparent;
}
.button.swipe::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	transform-origin:left;
	transition:width 0.3s ease;
	z-index:-1;
}
.button.swipe:hover::after{
	width:100%;
}
/*
		Main Carousel
*/
.owl-carousel .owl-item{touch-action:auto!important;}
#mainCarousel .item, .image, #meetingRoom .item, #mainCarousel3 .item{
	position:relative;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.image.fit{
	height:auto!important;
}
#mainCarousel .item .caption{
	top:50%;
	left:40%;
	transform:translate3d(-50%,-50%,0);
}
#mainCarousel .item .caption p{
	font-size:20px;
	margin:20px 0 30px;
}
.owl-theme .owl-nav [class*=owl-]{
	background:none!important;
	
}
#mainCarousel2 .owl-stage{
	display:flex;
	align-items:center;
	justify-content:center;
}
#mainCarousel2 .owl-item div{
	width:100%;
}
#mainCarousel2 .owl-item div img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
	padding:0 5px;
}
#mainCarousel3 .item{
	height:400px;
}
#mainCarousel3 .caption{
	bottom:20%;
	left:50%;
	transform:translate3d(-50%,0,0);
}
#meetingRoom .owl-dots{
	position:absolute;
	bottom:0;
	width:100%;
}
#meetingRoom,
#meetingRoom .owl-stage,
#meetingRoom .owl-stage-outer,
#meetingRoom .owl-item{
	height:100%;
}
#home-about .row{
	padding-top:100px;
}
#home-about .horizontal-align{
	align-items:center;
}
#home-about .image{
	height:90vh;
}
.horizontal-align{
	display:flex;
	flex-direction:row;
}
.horizontal-align.middle{
	align-items:center;
}
.horizontal-align > [class*='col-']{
	padding-left:0;
	padding-right:0;
	height:auto;
}
.no-pad .row > [class*='col-']{
	position:relative;
	padding-left:0;
	padding-right:0;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.ml-100{
	margin-left:100px;
}
.content{
	display:block;
	width:70%;
	margin:auto;
}
.content.nopad{
	padding:70px 0;
	width:100%;
}
.content.short h3 strong, .content.short h3 b{
	display: block;
	width: 100%;
}
.giant-letter code,
.header-with-strong h2 b, .header-with-strong h2 strong,
.header-with-strong h3 b, .header-with-strong h3 strong, strong{
	font-weight: 600;
}
.spacer{
	height: 30px;
}
.content.nopad h4{
	font-size:35px;
	text-transform:capitalize;
	line-height:1;
	margin: 10px 0;
}
.content.nopad h4 b{
	font-weight:800;
}
.content.nopad .subtitle, .content.nopad h6{
	margin-bottom:0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
}
.content.nopad p{
	margin-bottom:15px;
}
.content .icon{
	display:block;
	width:120px;
	height:auto;
}
.content h3{
	margin-bottom:20px;
	font-weight:normal;
}
.content p{
	margin-bottom:40px;
}
.content.right.half p{
	text-align:right;
	margin-left:auto;
}
#home-facilities .image,
#booking .image{
	height:100vh;
}
#home-facilities .overlay,
#booking .overlay{
	background:rgba(0,0,0,0.7);
}
.booking{
	position: relative;
}
#booking .wpcf7-response-output{
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,0);
}
#booking .wpcf7-response-output.wpcf7-display-none{
	display: none;
}
.ui-timepicker-standard{z-index:5!important;}
.tab-wrapper{
	color:rgb(255,255,255);
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	width:60%;
	margin:auto;
	text-align:center;
	z-index:2;
}
.tab-wrapper h2{
	font-weight:normal;
	margin-bottom:40px;
}
.tab-wrapper .nav-tabs{
}
.tab-wrapper .nav-tabs li{
	width:14.28%;
	border:1px solid rgb(255,255,255);
	text-align:center;
}
.tab-wrapper .nav-tabs li a{
	display: block;
	width: 100%;
	height: auto;
	padding: 14px;
	border: 2px solid transparent;
}
.tab-wrapper .nav-tabs li:hover{
	background: rgba(255,255,255,0.5);
}
.tab-wrapper .nav-tabs li.active{
	background: rgb(255,255,255);
	background-color: rgb(255,255,255);
}
.tab-wrapper .nav-tabs li.active a{
	padding: 14px;
}
.tab-wrapper .nav-tabs li.active a img{
	border: 2px solid #111111;
}
.tab-wrapper .tab-content{
	width: 100%;
	height: 500px;
	background: rgba(255,255,255,.85);
	color: #111111;
}
.tab-wrapper .tab-content .content-header{
	text-align:center;
	padding:20px 0;
}
.tab-wrapper .tab-content .content-header img{
	width:200px;
	height:auto;
}
.tab-wrapper .tab-content .content-header span{
	color:#F8B62C;
	font-size:40px;
	font-weight:600;
	padding:0 15px;
}
.tab-wrapper .tab-content .content-body{
	width:70%;
	margin:auto;
	text-align:center;
}
.tab-wrapper .tab-content .content-body p{
	margin-bottom:10px;
}
.form-wrapper{
	position:relative;
	color:#ffffff;
	text-align:center;
	width:70%;
	margin:70px auto;
	z-index:5;
}
.form-wrapper h2{
	font-weight:normal;
}
.form-wrapper .booking{
	margin:30px 0;
}
.form-wrapper .booking .form-group{
	position:relative;
	float:left;
	width:100%;
	padding:0 20px;
	margin-bottom:25px;
}
::-webkit-input-placeholder{
	color:#fff;
	opacity:1;
}
::-webkit-textarea-placeholder{
	color:#fff;
	opacity:1;
}
.form-wrapper .booking .form-group.half{
	width:50%;
}
.form-wrapper .booking input,
.form-wrapper .booking textarea,
.form-wrapper .booking select{
	width:100%;
	resize:none;
	background:transparent;
	border:1px solid #ffffff;
	border-radius:8px;
	padding:5px 20px;
	color:#ffffff;
	outline:none;
}
.form-wrapper .booking .tour-date:hover::-webkit-outer-spin-button,
.form-wrapper .booking .tour-date:hover::-webkit-inner-spin-button{
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
.form-wrapper .booking .tour-date:hover::-webkit-calendar-picker-indicator{
	background: transparent;
}
.form-wrapper .booking .tour-date::-webkit-calendar-picker-indicator{
	opacity: 1;
}
.form-wrapper .booking select option{
	color:rgb(0,0,0);
}
.form-wrapper .booking input:focus,
.form-wrapper .booking textarea:focus,
.form-wrapper .booking select:focus{
	box-shadow:0 0 12px #FBD04D;
	outline:none;
}
.plans{
	list-style:none;
	-webkit-padding-start:0;
	width:100%;
}
.plans .plan-item{
	width:25%;
	height:450px;
	padding:20px;
}
.plans .plan-item .plan-col{
	border-radius:8px;
	overflow:hidden;
	width:100%;
	height:100%;
	background:#EFEFEF;
	position:relative;
	transform:scale(0.9);
}
.plans .plan-item:hover .plan-col{
	transform:scale(1);
}
.plans .plan-item .plan-col a{
	color:#ffffff;
	width:100%;
	font-size:16px;
	text-transform:initial;
	border-radius:0;
	padding:12px;
}
.plans .plan-item .plan-col a,
.plans .plan-item .plan-col .plan-info{
	position:absolute;
}
.plans .plan-item .plan-col a.button.top{
	top:0;
	height:75px;
}
.plans .plan-item .plan-col a.button.btm{
	bottom:0;
}
.plans .plan-item .plan-col .plan-info{
	top: 20%;
	width: 100%;
	text-align: center;
	cursor: default;
}
.plans .plan-item .plan-col .plan-info .yes{
	color: rgb(0,189,0);
}
.plans .plan-item .plan-col .plan-info .no{
	color: rgb(183,0,0);
}
.plans .plan-item .plan-col .plan-info img{
	width:100px;
	margin:auto;
}
.plans .plan-item .plan-col .plan-info span{
	display:block;
	font-size:14px;
	margin-bottom:10px;
}
.plans .plan-item .plan-col .plan-info p{
	font-size:14px;
	margin-bottom:15px;
}
.plans .plan-item .plan-col .plan-info h3{
	position:relative;
	color:#FBD04D;
	display:inline-block;
	font-weight:normal;
	letter-spacing:0;
}
.plans .plan-item .plan-col .plan-info span.red{
	display:inline;
}
.red{
	color:rgb(243,93,65);
	margin:0;
	display:inline!important;
}
.slash{
	position:relative;
	display:inline;
}
.slash::after{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:2px;
	background:rgb(243,93,65);
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0) rotate(0deg);
}
.popular{
	color:red;
	display:block;
	text-transform:uppercase;
	font-size:20px;
	white-space:nowrap;
}
#location{
	min-height:50%;
}
.section-title{
	width:100%;
	padding:50px 0;
	text-align:center;
}
.section-title h2,
.section-title h3{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:600;
}
.section-title.nopad{
	padding:30px 0 50px;
}
.section-title.left{
	text-align:left;
}
.section-title.left h2,
.section-title.left h3{
	margin-bottom: 20px;
}
.section-title.left.jus h2{
	font-size:35px;
	font-weight:400;
	margin-bottom:35px;
	text-align:center;
	text-transform:capitalize;
}
.section-title.left.jus h3{
	margin:0;
}
.section-title.left.jus p{
	text-align:justify;
}
.section-title b,.section-title strong,.giant-letter code{color:#FBD04D;}
.section-title .side-img{
	width:100%;
}
.section-title.left h3{
	margin-top:50px;
}
.section-title p,.tab-wrapper p{
	margin-bottom:20px;
}
.section-title.title-normal h3{
	font-weight: normal;
}
ul.text,.ul-arrow ul{
	list-style:none;
}
.text li::before,.ul-arrow ul li::before{
	content:'\f1d8';
	font-family:'Font Awesome 5 Free';
	display:inline-block;
	position:absolute;
	color:#FBD04D;
	margin-left:-30px;
}
ul.text li,.ul-arrow ul li{
	margin-bottom:10px;
	transform:translateX(30px);
}
.text span{
	display:block;
	margin-bottom:12px;
}
#map{
	width:100%;
	min-height:350px;
}
.map-wrapper{
	position:relative;
	width:100%;
	height:100%;
}
.map-wrapper .map.info{
	width:100%;
	min-height:350px;
	height:500px;
	position:relative;
	z-index:98;
}
.map-wrapper .caption{
	display:flex;
	position:absolute;
	z-index:99;
	color:#111;
	left:50%;
	transform:translate3d(-50%,0,0);
	margin:20px 0;
	background:#f4f3f2;
	padding:10px;
	border-radius:6px;
}
.map-wrapper .caption.top,
.map-wrapper .caption.top .arrow i{
	top:0;
}
.map-wrapper .caption.btm{
	text-align:right;
}
.map-wrapper .caption.btm,
.map-wrapper .caption.btm .arrow i{
	bottom:0;
}
.map-wrapper .caption .arrow{
	position:relative;
	width:40px;
}
.map-wrapper .caption .arrow i{
	position:absolute;
	display:block;
	left:50%;
	transform:translate3d(-50%,0,0);
	font-size:40px;
	color:#ea5413;
}
.map-wrapper .caption ul{
	-webkit-padding-start:0;
	list-style:none;
	width:100%;
}
.map-wrapper .caption ul li{
	font-weight:600;
	font-size:14px;
}
/* ---------------------
		
----------------------- */
.parallax.cover{
	height:650px;
}
.parallax.cover .caption{
	width:50%;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
}
.parallax.cover .caption.left{
	left:45%;
}
.parallax.cover .caption h2{
	margin-bottom:30px;
}


/* ---------------------
		
----------------------- */
.gallery{
	width:100%;
	list-style:none;
	-webkit-padding-start:0;
}
.gallery .gallery-item{
	border:12px solid transparent;
	width:25%;
	height:400px;
	overflow:hidden;
}
.gallery .gallery-item:hover .item-col.image{
	transform:scale(1.1);
}
.gallery .gallery-item:hover .overlay,
.gallery .gallery-item:hover .caption h3{
	opacity:1;
}
.gallery .gallery-item .caption{
	text-align:center;
	width:90%;
}
.gallery .gallery-item .caption h3{
	font-weight:normal;
	font-size:28px;
}
.gallery .gallery-item .overlay,
.gallery .gallery-item .caption h3{
	opacity:0;
}
.gallery .gallery-item .caption{
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
}
.gallery .gallery-item .caption h3{
	transform:translateY(100%);
}
.gallery .gallery-item:hover .caption h3{
	transform:translateY(0);
}

/* ---------------------
		Table
----------------------- */
.packages-list{
	display:block;
	width:100%;
	margin:auto;
	text-align:center;
	padding:25px 0;
}
.packages-list tr:nth-child(odd){
	background:#EFEFEF;
}
.packages-list .attribute{
	text-align:left;
}
.packages-list th,
.packages-list td{
	width:100%;
	padding:10px;
	border:1px solid rgba(0,0,0,0.2);
}
.packages-list th{
	font-weight:600;
}
.packages-list th.attribute{
	padding-left:20px;
}
.packages-list td{
	position:relative;
	width:100%;
	height:100%;
}
.packages-list td i{
	font-size:30px;
	color:#8EC31E;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
}
.packages-list td span{
	display:block;
	white-space:nowrap;
	font-size:12px;
}
.packages-list td span b{
	display:inline-block;
	font-size:22px;
	color:#FBD04D;
}
.packages-list .main{
	font-size:30px;
}
.packages-list .package{
	position:relative;
	width:100%;
	height:100%;
}
.packages-list .package div{
	display:block;
	position:absolute;
	padding:0 35px;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	width:100%;
}
.packages-list .package img{
	width:90px;
	display:block;
	margin:0 auto 10px;
}
.packages-list .clickable td{
	padding:30px 0;
}
.packages-list .clickable a{
	padding:8px 16px;
	font-size:14px;
	box-shadow:0 0 0 #ffffff;
}
.table-wrapper{
	display:flex;
	flex-direction:row;
	width:75%;
	margin:auto;
}

.wrapper-table{
	display:block;
	width:85%;
	margin:auto;
}
.double-header{
	width:100%;
	height:100%;
	display:inline-block;
}
.double-header .title{
	text-align:center;
}
.double-header .hsi{
	height:140px;
}
.double-header tr:nth-child(odd){
	background-color:#efefef;
}
.double-header th{
	font-weight:600;
	text-transform:uppercase;
}
.double-header th.package{
	padding:20px 15px 0;
	text-align:center;
}
.double-header td.package{
	padding:20px 15px 0;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
}
.double-header th.package div{
	width:100%;
	height:130px;
}
.double-header td.package div{
	width:100%;
	height:130px;
}
.double-header th.package div img{
	display:block;
	width:90px;
	margin:0px auto 12px;
}
.double-header td.package div img{
	display:block;
	width:90px;
	margin:0px auto 12px;
}
.double-header td.package div span{
	display: block;
    font-size: 16px;
    font-weight: 600;
}
.double-header td span{
	display:block;
	font-size:15px;
}
.double-header td span b{
	font-size:24px;
}
.double-header td i{
	color:#8EC31E;
	font-size:22px;
}
.double-header .clickable .button{
	font-size:16px;
	padding:8px 18px;
}
.double-header td i.x{opacity:0!important;}
.double-header th{}
.double-header td{
	padding:10px;
}

#section-map{
	width:100%;
	padding:50px 0;
}
.double-header .hsi td span{
	width:100%;
}

/***responsive table**/
@media screen and (max-width: 991px){
    .wrapper-table{
		display:flex;
		flex-direction:row;
		width:100%;
		overflow-x:auto;
	}

	.double-header td p{
		text-align:center;
		font-weight:600;
	}
	.double-header td{
		height:140px;
	}
	.double-header th{
		padding:15px;
		text-align:left;
		display:none;
	}
    .double-header td.package div{
	    width: 100%;
        height: 150px;
		font-size:18px;
		font-weight:700;
	}
}
@media screen and (min-width: 991px){
	.wrapper-table{
		display:flex;
		flex-direction:row;
	}
	.double-header{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.double-header ~ .double-header th,
	.double-header ~ .double-header td{border-left:0;}
	.double-header th,
	.double-header td{
		border:1px solid rgba(0,0,0,0.2);
	}
	.double-header:first-child th.package,
	.double-header:first-child td,
	.double-header:not(:first-child){
		width:35%;
	}
	.double-header th:not(.package){
		text-align:left;
		padding:0 15px;
		white-space:nowrap;
		font-size:95%;
	}
	.double-header ~ .double-header tr:first-child th:first-child,
	.double-header ~ .double-header tr:not(:first-child) th{
		display:none;
	}
	.double-header th:not(.package), .double-header td:not(.package),
	.double-header ~ .double-header tr:not(:first-child) td{
		width:12.5%; 
		height:47px;
	}
	.double-header td p{
		display:none;
	}
	.fa-minus:before{
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.double-header td.package div{
		height:150px;
	}
	/**event-table**/
	.event-table span{
		display:none;
	}
	.event-table img:nth-child(2){
		display:none;
	}
}
@media screen and (min-width: 991px) and (max-width: 1600px){
	.wrapper-table{
		width:100%;
		padding:0 20px;
	}
}
/* ---------------------
		Columns
----------------------- */
#layered .row:nth-child(odd){background:#EFEFEF;}
@media screen and (min-width: 320px) and (max-width: 767px){
	#layered .row > .image{height:400px;}
	
}
.cross-content{
	width:80%;
	margin:auto;
	text-align:center;
	padding:50px 0;
}
.cross-content img{
	display:block;
	margin:auto;
	width:120px;
}
.cross-content .pack-img{
	width:200px;
}
.cross-content h3{
	font-weight:600;
}
.cross-content p{
	margin-bottom:25px;
}
.cross-content span{
	display:block;
	margin:30px auto 15px;
	font-weight:600;
	text-transform:uppercase;
}
.cross-content ul.dots{
	display:block;
	list-style:none;
	-webkit-padding-start:0;
	width:100%;
	margin:0 auto;
	columns:2;
	text-align:left;
}
.cross-content ul.select{
	list-style:none;
	-webkit-padding-start:0;
	columns:1;
	text-align:center;
	margin:20px 0;
	border:1px solid #111111;
}
.cross-content ul li a{
	display:block;
	color:#111111;
	width:100%;
	height:100%;
	padding:10px 0;
}
.cross-content ul.dots li{
	text-indent:10px;
}
.cross-content ul.dots li::before{
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:1px solid transparent;
	color:green;
	background:green;
	margin-right:15px;
}

.cross-content .room{
	list-style:none;
	border:2px solid #111111;
	margin-bottom:30px;
}
.cross-content .room  li{
	border-bottom:2px solid #111111;
}
.cross-content .room  li:last-child{
	border-bottom:0;
}
.cross-content .room  li a{
	text-transform:uppercase;
}
.cross-content .room  li a.active,
.cross-content .room  li a:hover{
	color:#ffffff;
	background:#111111;
}
.selection{
	display:none;
}
.thin{font-weight:normal!important;}

.layer-content{
	text-align:left;

}
/* ---------------------
		Footer
----------------------- */
footer, .footer, .footer ul li a{
	color:#111111;
}
.non-link{cursor:default;pointer-events:none;}
#contact-details{
	padding:50px 100px;
}
#contact-details .info{
}
#contact-details .info h4{
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}
.newsletter input{
	width:100%;
	padding-left:10px;
}
.newsletter .button{
	border-radius:0;
	box-shadow:none;
	color:#ffffff;
	cursor:pointer;
}
.contact-details{
	list-style:none;
	width:80%;
	margin:auto;
	display:flex;
	flex-direction:row;
	padding:50px 0 12px;
}
.contact-details li{
	display:inline-block;
	width:33.33333333%;
	padding:20px;
}
.contact-details li h4{
	margin-bottom:30px;
	font-size:18px;
	font-weight:600;
}
.contact-details li div a,
.contact-details li div p{
	line-height:2.2;
}
.contact-details li div i{
	margin-right:25px;
	font-size:20px;
}
.contact-details li div a,
.contact-details li div p,
.contact-details li div input,
.contact-details li div .button{
	font-size:16px;
}
.contact-details li div input{width:100%;}
.contact-details li div .button{padding:10px 18px;}
.footer ul{
	list-style:none;
	-webkit-padding-start:0;
}
.footer ul li{
	margin-bottom:12px;
}
.footer ul li .non-link{
	font-size:20px;
	margin-right:20px;
}
.footer .quick-links{
	width: 100%;
}
.footer .quick-links li a:hover{
	color: rgb(251,208,77);
}
.footer .quick-links li{
	padding: 0;
	width: 100%;
	margin-bottom: 0;
}
.newsletter input::placeholder{color:#111;}
.newsletter input{
	border:1px solid #efefef;
}
.newsletter, .newsletter .form-group{position:relative;}
.error,.errorResult,.successResult{
	display:none;
	position:absolute;
	margin-left:10px;
	padding:0 10px;
	border-radius:5px;
	z-index:9;
	white-space:nowrap;
}
.booking .errorResult, .booking .successResult{
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	background:#ffffff;
	padding:10px 20px;
	font-weight:600;
	text-transform:uppercase;
}
.booking .error{
	top:0;
	transform:translate3d(-50%,30px,0);
	margin-top:5px;
	background:#fff;
	border:0;
	padding:3px 10px;
}
.booking .error::after{
	content:'';
	position:absolute;
	height:0;
	width:0;
	bottom:100%;
	left:50%;
	transform:translate3d(-50%,1px,0);
	border-bottom:15px solid #fff;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
}
.error{
	top:100%;
	left:50%;
	transform:translate3d(-50%,0,0);
}
.error, .errorResult{color:red;}
.successResult{color:green;}
.copyright{
	width:100%;
	padding:8px 0;
	text-align:center;
}
.copyright p, .copyright a{
	font-size:14px;
}
#evoweb{color:#111111;}
#evoweb:hover{color:#4AC0F0;}
#programs-events .row.verticle-align{
	align-items:center;
}
#programs-events .row.verticle-align > [class*='col-']{
	padding-left:0;
	padding-right:0;
}
.parallax.banner{
	margin:50px 0;
}
.parallax.banner .caption{
	
	width:35%;
	height:100%;
	background:#FFFFFF;
	border:5px solid #FBD04D;
	left:50%;
	transform:translate3d(0,0,0);
	color:#111111;
}
.cross-over{
	position:relative;
	width:100%;
	height:500px;
}
.cross-over .parallax.banner{
	width:100%;
	position:absolute;
	top:50%;
	transform:translate3d(0,-50%,0);
	margin:0;
	min-height:400px;
}
.cross-over .caption{
	width:700px;
	height:500px;
	background:#ffffff;
	border:5px solid #FBD04D;	
	color:#111111;
	display:block;
	position:absolute;
	top:50%;
	left:70%;
	transform:translate3d(-50%,-50%,0);
}
.cross-over .caption .pos{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	padding:0 50px;
	z-index:5;
}
.cross-over .caption .pos h3{
	margin-bottom:25px;
}
.cross-over .caption .pos h3 b{
	color:#FBD04D;
}
.events{
	-webkit-padding-start:0;
	list-style:none;
	width:90%;
	margin:auto;
}
.events .events-item{
	display:inline-block;
	width:33.33333333%;
	border:5px solid transparent;
}
.events .events-item .events-col{
	width:100%;
	height:200px;
	padding:px 0;
	text-align:center;
}

.events .events-item .events-col img{
	height:200px;
	max-width:100%;
}
.events .events-item .events-col h3{
	font-size:17px;
	text-transform:capitalize;
	margin-bottom:15px;
	white-space:nowrap;
}
.events .events-item .events-col p{
	font-size:13px;
	text-align:center;
	text-align-last:center;
	padding:0 20px;
}
.center-middle{
	display:flex;
	align-items:center;
}
.events-gallery .eventsGallery .item a{
	cursor: pointer;
}
.events-gallery .event-modal{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.events-gallery .event-modal,
.events-gallery .event-modal img{
	position: relative;
}
.events-gallery .event-modal .caption{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.events-gallery .event-modal .caption h2{
	font-size: 32px;
}
.events-gallery .event-modal .overlay,
.events-gallery .event-modal .caption{
	opacity: 0;
}
.events-gallery .event-modal:hover .overlay,
.events-gallery .event-modal:hover .caption{
	opacity: 1;
}
.events-gallery .eventsGallery .item{
	padding: 0 10px;
}
.events-gallery .eventsGallery .item,
.events-gallery .eventsGallery .item a{
	display: block;
	width: 100%;
	height: 100%;
}
.eventsGallery .owl-dots{
	margin-top: 6px;
}
@media screen and (min-width: 1200px){
	.events-gallery .modal .modal-dialog{
		max-width: 1120px;
	}
}
@media screen and (min-width: 1900px){
	.events-gallery .modal .modal-dialog{
		max-width: 1440px;
	}
}
.events-gallery .modal h2{
	text-align: center;
	margin-bottom: 30px;
}
.fancybox-video{
	max-width: 1080px;
	width: 100%;
	position: relative;
	margin: 44px auto;
}
.events-gallery .playbutton{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.events-gallery .playbutton img{
	width: auto;
}
.events-gallery .modal.show .close{
	position: absolute;
	top: 100px;
	right: 50px;
	color: white;
	opacity: 0.65;
}
.events-gallery .modal.show .close:hover{
	opacity: 0.8;
}
.events-gallery .eventsGallery{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.events-gallery .eventsGallery .owl-nav{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0,-50%);
}
.events-gallery .eventsGallery .owl-nav .owl-prev{
	left: -25px;
}
.events-gallery .eventsGallery .owl-nav .owl-next{
	right: -25px;
}
.events-gallery .eventsGallery .owl-nav > [class*='owl-']{
	transform: translate(0,-50%);
}
.events-gallery .eventsGallery .owl-nav > [class*='owl-'] span{
	font-style: normal;
	color: rgb(0,0,0);
}
@media screen and (min-width: 992px){
	.events-gallery .modal.show .modal-dialog{
		top: 50%;
		transform: translate(0,-50%);
	}
}
@media screen and (max-width: 767px){
	.fancybox-video{
		max-width: 100%;
	}
	.events-gallery .eventsGallery .item{
		padding: 0;
	}
	.package-type{
		width: auto;
		flex-direction: column;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1279px) and (min-width: 768){
	.fancybox-video{
		max-width: 700px;
	}
}
.whatsappPress img{
	width:50px;
	height:50px;
	bottom:10px;
	right:15px;
	z-index:99;
	position:fixed;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: rgb(251,208,77);
}


/* ---------------------
		Event Spaces
----------------------- */
.is-dark{
	color:#fff;
	background:#080810;
}

.site-section{
	margin:40px 0;
	padding:40px 0;
}
.event-title{
	text-align:center;
	margin:20px auto;
}
.event-title.left{
	text-align: left;
}
.event-title p em{
	font-size: 18px;
	color: #FBD04D;
}
.event-title p{
	margin: 25px 0;
}
.event-title h3{
	margin-bottom:30px;
	margin-top:0;
	font-size:30px;
}

.event-sub-title{
	margin-bottom:5px;
	font-size:18px;
	text-transform:uppercase;
	color:#FBD04D;	
	font-weight:700;
}

.event-sub-title p{
	font-size:18px;
}
#event-content-1 ul li{
	list-style:none;
}
#event-content-1 ul li:hover::before{
	background:transparent;
}
#event-content-1 ul li:hover{
	background:#ffffff;
}
#event-content-1 ul li:hover a{
	color:#111111;
}
.content-left .event-sub-title,
.content-left h3{
	text-align:center
}
.content-left .event-sub-title p{
	font-size:12px;
	font-weight:bold;
}

.content-left h3{
	margin-bottom:20px;
	margin-top:15px;
	font-size:25px;
	font-weight: bold;
    line-height: 34px;
}
.content-left-list{
	text-align: left;
    counter-reset: list;
    border-top: 1px solid #292d2f;
    padding-top: 30px;
    padding-bottom: 30px;
	margin-left:30px;
}
.content-left-list-item{
	position:relative;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.content-left-list-item a{
	font-size:16px;
	display:block;
	padding:5px 0;
	padding-left: 50px;
}
.content-left-list-item a.active{
	background-color:rgb(255,255,255);
	color:rgb(17,17,17);
}
.content-left-list-item:before{
	counter-increment: list;
    content: counter(list);
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: inline-block;
	position:absolute;
	top:50%;
	left:8px;
	transform:translate3d(0,-50%,0);
    background-color: #fff;
    color: #000;
    text-align: center;
    line-height: 28px;
    padding-left: 1px;
    -webkit-transition: all .3s 0s linear;
    transition: all .3s 0s linear;
}
.content-left-button{
	text-align:center;
}

.content-left-button .button{
	border-radius:0px;
}
.slideshow-content{
	padding-top: 45px;
    padding-bottom: 45px;
}
.slideshow{
	position:relative;
}
.teaser-grid-header h3{
	padding-bottom:20px;
	font-size:23px;
}
.align-center{
	text-align:center;
}
.slideshow-wrapper{
	padding-bottom: 66.666%;
    height: 0;
}

.spacer{
	display: block;
	margin: 0;
	padding: 0;
	height: 20px;
}
.modal .modal-dialog .modal-body{
	padding: 30px;
}
.modal .modal-dialog .modal-body h2,
.modal .modal-dialog .modal-body h3{
	text-transform: capitalize;
}
.modal .modal-dialog .modal-body h2{
	font-size: 40px;
}
.modal .modal-dialog .modal-body h3{
	font-size: 24px;
}
.modal .modal-dialog .modal-body span,
.modal .modal-dialog .modal-body p{
	letter-spacing: 0;
}
.modal .modal-dialog .modal-body p,
.modal .modal-dialog .modal-body ol,
.modal .modal-dialog .modal-body ul{
	margin-bottom: 20px;
}
.modal .modal-dialog .modal-body p,
.modal .modal-dialog .modal-body ol li,
.modal .modal-dialog .modal-body ul li{
	font-size: 16px;
}
.modal .modal-dialog .modal-body p.subtitle{
	margin-bottom: 0;
}
.modal .modal-dialog .modal-body ul{
	list-style: disc;
}
.modal .modal-dialog .modal-body ol,
.modal .modal-dialog .modal-body ul{
	padding-left: 20px;
}
.modal .modal-dialog .modal-body ol li,
.modal .modal-dialog .modal-body ul li{
	margin-bottom: 0;
	line-height: 1.5;
}
.modal .modal-dialog .modal-body span{
	font-size: 14px;
	font-style: italic;
	line-height: 0px;
	opacity: 0.7;
}
@media screen and (max-width: 480px){
	.modal .modal-dialog .modal-body h2{
		font-size: 28px;
	}
	.modal .modal-dialog .modal-body span{
		font-size: 16px;
	}
	.modal .modal-dialog .modal-body p,
	.modal .modal-dialog .modal-body ol li,
	.modal .modal-dialog .modal-body ul li{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	.modal .modal-dialog .modal-body{
		padding: 15px;
	}
}
@media screen and (min-width: 992px){
	.modal .modal-dialog{
		max-width: 800px;
	}
}

/******************
     event table
******************/
.event-table th img{
	width:70px;
	margin:0 auto;
}
.event-table th div{
	text-align: center;
    padding-bottom: 20px;
}
.event-table{
	width:100%;
	border-spacing:1px;
	
	margin-bottom:30px;
}
.event-table th,
.event-table td{
	border-bottom: 1px solid #c5c5c6;
    padding: 8px 15px;
	text-align:center;
	font-size:15px;
}
.event-table th:first-child,
.event-table td:first-child{
	text-align:left;
}
.event-table .button{
	border-radius:0px;
	font-size:16px;
	box-shadow:none;
	color:#ffffff;	
}
.event-table-button{
	margin:0px auto;	
	text-align:center;
}
.event-table-button2{
	margin:40px 0;
}
.event-table-button .button{
	border-radius:0px;		
}

/**************
  Pricing
**************/
.package-type{
	list-style: none;
	display: flex;
	justify-content: center;
}
.package-type .type-list{
	margin: 0 30px;
	position: relative;
	padding: 3px 0;
}
.package-type .type-list::after{
	content: '';
	display: block;
	position: absolute;
	width: 0px;
	height: 1px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	background-color: rgb(251,208,77);
	transition: all 0.35s ease;
}
.package-type .type-list.active::after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 100%;
	height: 1px;
}
.package-type .type-list.active .type-btn{
	color: rgb(251,208,77);
	pointer-events: none;
}
.package-type .type-list .type-btn{
	color: #000;
	text-transform: uppercase;
}
.package-list .wording{
	min-height: 60vh;
	display: flex;
}
.package-list .response{
	text-align: center;
	font-size: 24px;
	padding: 15px 0;
}
.package-list .cross-content{
	display: block;
	width: 100%;
	padding: 0 35px;
}
.package-price.option td{
	background-color: #f8b62c;
	color: #fff;
}
@media screen and (min-width: 992px){
	.cross-content .content-header{
		display: flex;
		flex-direction: row;
	}
}
.cross-content .content-header .header-icon{
	width: 150px;
}
.cross-content .content-header .header-title{
	text-align: left;
	text-align-last: left;
	padding-left: 15px;
}
.cross-content .content-header .header-title h3{
	font-weight: bolder;
	color: #f8b62c;
}
.cross-content .content-header .header-title p{
	color: #717071;
}
.cross-content .content-body .package-price{
	width: 100%;
	float: none;
}
.cross-content .content-body .package-price tr{
	border: 2px solid #f8b62c;
}
.cross-content .content-body .package-price td+td::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	background-color: #f8b62c;
	width: 1px;
	height: 100%;
}
.cross-content .content-body .package-price td{
	width: 50%;
	text-align: center;
	position: relative;
	padding: 15px 0;
}
.cross-content .content-body .package-price td p{
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.cross-content .content-body .package-price td p,
.cross-content .content-body .package-price td span{
	margin: 0;
	text-transform: capitalize;
}
.cross-content .content-body .package-price td p,
.cross-content .content-body .package-price td span{
	display: flex;
}
.cross-content .content-body .package-price td p{
	width: 100%;
	font-size: 20px;
}
.cross-content .content-body .package-price td:first-child span{
	margin-left: 15px;
}
.cross-content .content-body .package-price td:last-child span{
	text-transform: lowercase;
}
.cross-content .content-body .package-price td span{
	font-style: italic;
	font-size: 14px;
}
.cross-content .content-body .package-detail h4{
	text-transform: uppercase;
	font-weight: bolder;
	color: #323232;
	font-size: 18px;
	text-align: left;
	margin-bottom: 8px;
}
.cross-content .content-body .package-detail ul{
	list-style: none;
}
.cross-content .content-body .package-detail ul li{
	position: relative;
	text-align: left;
	text-align-last: left;
	line-height: 1.4;
	padding-left: 25px;
	font-size: 16px;
}
.cross-content .content-body .package-detail .amenities li{
	margin-bottom: 15px;
}
.cross-content .content-body .package-detail .etc li{
	margin-bottom: 6px;
}
.cross-content .content-body .package-detail ul li::before{
	display: inline-block;
	position: absolute;
	font-size: 24px;
	color: #8ec31e;
	top: 0;
	left: 0;
}
.cross-content .content-body .package-detail .amenities li::before{
	content: "\2022";
	margin-top: -5px;
}
.cross-content .content-body .package-detail .etc li::before{
	content: "\2714";
	font-size: 18px;
	margin-top: 0;
}

/**************
  event-map
**************/
.event-map #map{
	min-height:550px;
}
.event-content-right{
	padding-left:20px;
	padding-right:0px;
}

.location-details .event-sub-title{
	margin-bottom:15px;
}
.event-content-right h2{
	font-size:25px;
	font-weight:bold;
	line-height:34px;
}
.location-details p{
	margin: 0;
}
.location-details h2{
	margin: 20px 0;
}
.location-details ul{
	margin-left: 20px;
}
.location-details ul li{
	font-size: 14px;
}
.location-info p{	
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
}
.location-info .location-info-item{
	padding-top:20px;
}
.header-small,.event-title h4{
	display: block;
    font-size: 15px;

    margin-bottom: 5px;
    font-weight: 800;
}
.event-bottom{
	text-align:center;
	margin-top:50px;
}
.event-bottom h3{
	margin-bottom:18px;
	font-size:30px;
}
.event-bottom p{
	font-size:17px;
}
.event-bottom-button .button{
	border-radius:0px;
    margin:15px 0;	
	font-size:14px;
}
.event-bottom-button{
	text-align:center;
}
.owl-carousel .owl-nav button.owl-next{
	position:absolute;
	top:50%;
	right:25px;
	color:white;	
}
.owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	top:50%;
	left:25px;
	color:white;
}
.fa-chevron-left:before{
	font-size:30px;
}
.fa-chevron-right:before{
	font-size:30px;
}
.slide-image img{
	width:100%;
}
.content-image .content-img h4{
	position:absolute;
	bottom:10%;
	left:30%;
	color:#fff;
}
.sub-title{
	display:block;
	font-weight:600;	
	margin:10px 0;
	font-size:14px;
}
.sub-entry-title{
	font-weight:800;
	
}
/**scrolldown animate**/
.ho-ba-arrow {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 50%;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}
.ho-ba-arrow p{
	font-size:15px;
	margin-bottom: 10px;
}
.hb-ar-line {
    position: relative;
    display: block;
    width: 1px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}
.hb-ar-line:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
	animation-name:scrolldown;
	animation-duration:3s;
	animation-iteration-count: 100;
}
@keyframes scrolldown {
	0% {height:60px;}
    10%  {transform: translateY(20px);}
    20%  {transform: translateY(0px); height:30px;}
    30%  {transform: translateY(20px);}
	40%  {transform: translateY(0px); height:30px;}
	50%  {transform: translateY(20px); }
	60%  {transform: translateY(0px); height:30px;}
	70%  {transform: translateY(20px);}
	80%  {transform: translateY(0px); height:30px;}
    100% {height:60px;}
}
/* ---------------------
		Responsive
----------------------- */
@media screen  and (max-width: 375px){
	p{
		font-size:14px;
	}
	.navbar-brand,.custom-logo-link{
		padding:0 0 0 10px;
		width: 70px;
	}
	.navbar-toggler{
		margin:0 10px 0 0;
	}
	.fa, .fas{
		font-size:30px;
	}
	.navbar .navbar-nav li a{
		font-size:15px;
		padding: 8px 0px;
	}
	.gallery .gallery-item .caption h3{
		font-size:24px;
	}
	.cross-over .caption .pos{padding:0 12px;}
	h2{
		font-size:30px;
	}
	#mainCarousel .item .caption{
		left:50%;
		text-align:center;
	}
	#mainCarousel .item .caption p{
		font-size: 14px;
        margin: 15px 0 25px;
	}
	.caption .button{
		padding:5px 15px;
		font-size:12px;
	}
	.bg-word h2{
		display:none;
	}
	.cross-content h3{font-size:30px;}
	.content{
		width: 90%;
		padding-bottom: 30px;
	}
	.content h3{
		margin-bottom: 15px;
		font-size:34px;
	}
	.content p{
		margin-bottom: 25px;
	}
	.content p,ul.text li,ul.text span{
		font-size:15px;
    }
	.cross-content .pack-img{
		width:150px;
    }
	ul.text li{
		margin-bottom:12px;
    }
	.content .button{
		padding: 3px 15px;
	}
	#home-about .image{
		height: 70vh;
	}
	.content .icon{
		display:inline-block;
	}
	.content.right.half p{
		width:100%;
	}
	.double-header td.package div,.double-header td p{
		font-size:14px;
	}
	.double-header td span{
		font-size:12px;
	}
	.double-header td span b{
		font-size:18px;
	}
	.double-header .hsi td span{
		height:80px;
	}
	.tab-wrapper{
		
		width:90%;
	}
	.tab-wrapper h2{
		margin-bottom:30px;
		font-size:40px;
	}
	.tab-wrapper .nav-tabs li a{
		padding:10px;
	}
	.tab-wrapper .tab-content .content-header img{
	    width:130px;
		display: block;
        margin: auto;
	}
	.tab-wrapper .tab-content .content-header span{
		font-size:24px;
		padding:0;
	}
	.tab-wrapper .tab-content .content-body p{
		font-size:14px;
	}
	
	.section-title h2, .section-title h3,.content.nopad h4{
		font-size:28px;
		margin-bottom:10px;
	}
	.form-wrapper{
		width:100%;
	}
	.form-wrapper h2{
		font-size:40px;
		padding:15px 0;
	}
	.form-wrapper .booking .form-group.half{
		width:100%;
		margin-bottom:20px;
	}
	
	.form-wrapper .booking .form-group{
		padding:0px 15px;
	}
	.form-group{
		margin-bottom:-1rem;
	}
	.contact-details li div .button{
		padding:0 18px;
	}
	.map-wrapper .caption.top{
		top:30px;
	}
	.map-wrapper .caption ul li{
		font-size:12px;
	}
	.form-wrapper .booking input, .form-wrapper .booking textarea{
		padding: 5px 15px;
		font-size:15px;
	}
	#home-facilities .image, #booking .image{
		height: 130vh;
	}
	#contact-details{
		padding:30px 10px;
	}
	#contact-details .info h4{
		margin-top:20px;
		margin-bottom:10px;
		font-size:18px;
	}
	.cross-content{
		width:90%;
		padding:40px 0;
	}
	.cross-content p{
		margin-top:10px;
	}
	.cross-content h3{
		margin-top:15px;
	}
	.cross-content ul.dots{
		width:90%;
		columns:1;
	}
	.button{
		padding: 10px 35px;
	}
	.footer ul li{
		margin-bottom:5px;
	}
	footer, .footer, .footer ul li a{
		font-size:14px;
	}
	.error{
		font-size:15px;
		margin-top:25px;
	}
	.copyright p, .copyright a{
		font-size:10px;
	}
	.parallax.cover .caption.left{
		left:40%;
	}
	.newsletter input{
		height:40px;
	}
	.packages-list{
		width:85%;
	}
	.section-title .side-img{
		width:300px;
	}
	.section-title{
		padding: 30px 15px;
	}
	.section-title.left{
		text-align:justify;
	}
	.section-title p{
		font-size:15px;
	}
	.plans{
		display:block;
	}
	.plans .plan-item{
		padding:12px 20px;
	}
	.plans .plan-item .plan-col{
		transform:scale(1);
	}
	.gallery{
		display: block;
	}
	.gallery .gallery-item{
		width:100%;
		height:220px;
	}
	.double-header td{
		width:160px;
	}
	.double-header .title{
		font-size:26px;
	}
	.content.nopad{padding:20px 0 0;}
	.cross-over .parallax.banner{
		min-height:320px;
	}
	.cross-over .caption{
		width:280px;
		height:400px;
		top:50%;
		left:50%;
		transform:translate3d(-50%,-50%,0);
	}
	.cross-over .caption h3{
		font-size:24px;
		margin-bottom:18px;
	}
	.cross-over .caption p{
		font-size:13px;
	}
	.teaser-grid-header{
		padding-left:20px;
		padding-right:10px;
	}
	.teaser-grid-header h3{
		text-align:left;
	}
	#event-content-1 .event-sub-title p{
		text-align:left;
		font-size:10px;
	}
	.event-title h3{
		font-size:25px;
		
	}
	.event-table thead{
		display:none;
	}
	.event-table td{
		display:block;
		font-size:16px;
       width: 100%;
       float: left;
       text-align: left;
	}
	.section-title{
		font-size:13px;
	    
	}
	.event-table td span{
		font-size:16px;
	}
	.event-table td:first-child{
		width: 100%;
        float: none;
        font-weight: 600;
		text-align: left;
		font-size:18px;
		
	}
	.event-table td:last-child{
		float: none;
        clear: both;
        width: 100%;
        border-bottom: 0;
        padding-bottom: 30px;
        padding-top: 20px;
        text-align: center;
        border-top: 1px solid #c5c5c6;
        position: relative;
        top: -1px;
	}
	.event-table .button{
		font-size:12px;
		padding: 8px 25px;
	}
	.event-table-button .button{
		padding:8px 35px;
		font-size:15px;
	}
	.event-bottom h3{
		font-size:25px;
	}
	.event-map{
		margin:20px 0;
	}
	.event-content-right{
		margin:20px 0;
		padding-left:10px;
	}
	.site-section{
		padding:0px;
	}
	.double-header .hsi{
		height: 160px;
	}
	.double-header tr.e{
		height:110px;
	}
	.double-header tr.f{
		height:180px;
	}
	.double-header tr.g{
		height:160px;
	}
	.double-header tr.h{
		height:65px;
	}
	.double-header tr.i{
		height: 200px;
	}
	.cross-content .content-body .package-price td p{
		font-size: 16px;
	}
	.cross-content .content-body .package-price td span{
		font-size: 12px;
		margin-left: 6px;
	}
	.cross-content .content-body .package-price td p{
		font-size: 16px;
	}
	.cross-content .content-body .package-price td span{
		font-size: 14px;
	}
}
@media screen and (min-width: 376px) and (max-width: 480px){
	p{
		font-size:16px;
	}
	.navbar{
		padding:6px 10px;
	}
	.fa, .fas{
		font-size:30px;
	}
	.navbar-brand,.custom-logo-link{
		width:80px;
		padding:0 0 0 15px;
	}
	.navbar .navbar-nav li a{
		font-size:14px;
		padding: 8px 0px;
	
	}
	.cross-content .pack-img{
		width:180px;
    }
	h2{
		font-size:38px;
	}
	.cross-over .parallax.banner{
		min-height:320px;
	}
	.cross-over .caption{
		width:360px;
		height: 400px;
		top:50%;
		left:50%;
		transform:translate3d(-50%,-50%,0);
	}
	.cross-over .caption .pos{
		padding:0 30px;
	}
	
	#mainCarousel .item .caption{
		text-align:center;
		left:50%;
	}
	
	#mainCarousel .item .caption p{
		font-size: 16px;
        margin: 15px 0 25px;
	}
	
	.caption .button{
		padding: 3px 15px;
		font-size:13px;
	}
	
	.cross-content h3{font-size:35px;}
	.map-wrapper .caption ul li{
		font-size:12px;
	}
	.map.info img{
		
	}
	.bg-word h2{
		display:none;
	}
	.form-wrapper .booking input, .form-wrapper .booking textarea{
		font-size:16px;
	}
	.content{
		width: 90%;
		padding-bottom: 30px;
	}
	.content h3{
		margin-bottom: 15px;
		font-size:34px;
	}
	.content p {
        margin-bottom: 25px;
	    font-size:15px;
    }
	.content .button{
		padding: 3px 15px;
	}
	#home-about .image{
		height: 70vh;
	}
	.content .icon{
		display:inline-block;
	}
	.content.right.half p{
		width:100%;
	}
	
	.tab-wrapper{
		
		width:90%;
	}
	.tab-wrapper h2{
		margin-bottom:20px;
		font-size:40px;
	}
	.tab-wrapper .nav-tabs li{
		width:90px;
		padding:10px;
	}
	.tab-wrapper .nav-tabs li a{
		padding:5px;
	}
	
	.tab-wrapper .tab-content .content-header img{
	    width:150px;
		display: block;
        margin: auto;
	}
	.tab-wrapper .tab-content .content-header span{
		font-size:24px;
		padding:0;
	}
	.tab-wrapper .tab-content .content-body p{
		font-size:14px;
	}
	.tab-wrapper .tab-content .tab-pane{
		padding-left:20px;
		padding-right:20px;
	}
	.double-header .hsi td span{
		height:70px;
	}
	.double-header .uti{
		height:110px;
	}
	.packages-list{
		width:85%;
	}
	.section-title h2 {
		font-size:34px;
		margin-bottom:10px;
	}
	.section-title h3{
		font-size:30px;
	}
	.form-wrapper{
		width:100%;
	}
	
	.form-wrapper h2{
		font-size:40px;
		padding:15px 0;
	}
	.form-wrapper .booking .form-group.half{
		width:100%;
	}
	.form-wrapper .booking{
		margin: 15px 0;
	}
	.form-wrapper .booking .form-group{
		padding:3px 15px;
	}
	.form-group{
		margin-bottom:-1rem;
	}
	
	.form-group .button{
		padding:8px 25px;
		
	}
	#home-facilities .image, #booking .image{
		height:115vh;
	}
	#contact-details{
		padding:30px 10px;
	}
	#contact-details .info h4{
		margin-top:20px;
	}
	.cross-content{
		padding:40px 0;
	}
	.cross-content p{
		margin-top:10px;
	}
	.cross-content h3{
		margin-top:15px;
	}
	.dots .button{
		padding: 10px 35px;
	}
	.newsletter input{
		padding-top:10px;
	}
	.footer ul li{
		margin-bottom:5px;
	}
	footer, .footer, .footer ul li a{
		font-size:14px;
	}
	.error{
		font-size:15px;
		margin-top:25px;
	}
	.copyright p, .copyright a{
		font-size:12px;
	}
	.parallax.cover .caption.left{
		left:40%;
	}
	.packages-list{
		width:90%;
	}
	.section-title{
		padding: 50px 20px;
	}
	.section-title.left{
		text-align:justify;
	}
	.section-title p,.double-header td{
		font-size:14px;
	}
	.plans{
		display:block;
	}
	.gallery{
		display: block;
		margin-bottom:20px;
	}
	.contact-details{
		padding:30px 0 20px;
	}
	.gallery .gallery-item{
		width:100%;
		height:280px;
	}
	.double-header td span b{
		font-size:20px;
	}
	.double-header td.package{
		padding:15px 12px 0;
	}
	.double-header td.package div,
	.cross-over .caption p{
		font-size:15px;
	}
	.double-header td span,
	.event-table td,
	.event-table td span{
		font-size:12px;
	}
	.double-header .title,
	.gallery .gallery-item .caption h3,
	.cross-over .caption h3{
		font-size:28px;
	}
	.cross-over .caption h3{
		margin-bottom:20px;
	}	
	.teaser-grid-header h3{
		text-align:left;
	}
	#event-content-1 .event-sub-title p{
		text-align:left;
		font-size:10px;
	}
	.event-title h3{
		font-size:25px;
		line-height:20px;
	}
	.event-table thead{
		display:none;
	}
	.event-table td{
		display:block;
       width: 50%;
       float: left;
       text-align: left;
	}
	.event-table td:first-child{
		width: 100%;
        float: none;
        font-weight: bold;
		text-align: left;
		font-size:18px;
		
	}
	
	.event-table td:last-child{
		float: none;
        clear: both;
        width: 100%;
        border-bottom: 0;
        padding-bottom: 30px;
        padding-top: 20px;
        text-align: center;
        border-top: 1px solid #c5c5c6;
        position: relative;
        top: -1px;
	}
	
	.event-table .button{
		font-size:12px;
		padding: 8px 25px;
	}
	
	.event-table-button .button{
		padding:8px 35px;
		font-size:15px;
	}
	
	.event-bottom h3{
		font-size:25px;
	}
	
	.event-map{
		margin:20px 0;
	}
	
	.event-content-right{
		margin:20px 0;
	}
	
	.site-section{
		padding:0px;
	}
	.double-header tr.e{
		height:110px;
	}
	.double-header tr.f{
		height:175px;
	}
	.double-header tr.g{
		height:155px;
	}
	.double-header tr.h{
		height:65px;
	}
	.double-header tr.i{
		height:190px;
	}
}
@media screen and (max-width: 480px){
	.double-header th.package{
		padding:20px 5px 0;
	}
	.double-header th.package div{
		height:150px;
	}
	.cross-content .content-body .package-detail ul li{
		margin-bottom: 8px;
		font-size: 14px;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px){
	p, a, span, label, input, textarea, select, option, ul, ol, li{
		font-size:14px;
	}
	.parallax.cover .caption.left{
		left:50%;
		width:70%;
	}
	.wrapper-table{
		padding:20px;
	}
	.navbar-brand,.custom-logo-link{width:125px;}
	#mainCarousel .item .caption{
		left:50%;
		text-align:center;
	}
	.copyright p, .copyright a{
		font-size:11px;
	}
	.content.nopad{padding:50px 20px 0;}
	.cross-over .caption .pos{
		padding:0 10px;
	}
	.cross-over .caption h3{
		font-size:26px;
		margin-bottom:30px;
	}
	.cross-over .caption p{
		font-size:14px;
	}
	.gallery .gallery-item{
		width:50%;
		height:250px;
		border:6px solid transparent;
	}
	.gallery .gallery-item .caption h3{
		font-size:32px;
	}
	.cross-over .caption{
		width:450px;
		left:50%;
		transform:translate(-50%,-50%,0);
	}
	.event-title h3{
		font-size:28px;
	}
	.event-table thead{
		display:none;
	}
	.event-table td{
		display:block;
		font-size:13px;
       width: 33%;
       float: left;
       text-align: left;
	}
	.event-table td span{
		font-size:13px;
	
	}
	.event-table td:first-child{
		width: 100%;
        float: none;
        font-weight: bold;
		text-align: left;
		font-size:18px;
	}
	.event-table td:last-child{
		float: none;
        clear: both;
        width: 100%;
        border-bottom: 0;
        padding-bottom: 30px;
        padding-top: 20px;
        text-align: center;
        border-top: 1px solid #c5c5c6;
        position: relative;
        top: -1px;
	}
	.event-table .button{
		font-size:12px;
		padding: 8px 25px;
	}
	.event-table-button .button{
		padding:8px 35px;
		font-size:15px;
	}
	.teaser-grid-header{
	
	}
	.teaser-grid-header h3{
		text-align:left;
	}
	#event-content-1 .event-sub-title p{
		text-align:left;
		font-size:13px;
	}
	.content-left-list-item a{
		font-size:20px;
	}
	.event-content-right{
		padding-left:0px;
		margin-top:20px;
	}
	h2{
		font-size:38px;
	}
	h3{
		font-size:28px;
	}
	.double-header td.package div{
		font-size:14px;
	}
	.double-header td span b{
		font-size:20px;
	}
	.double-header td span,.double-header td{
		font-size:12px;
	}
	.double-header .hsi td span{
		height:80px;
	}
	.double-header tr.e{
		height:110px;
	}
	.double-header tr.f{
		height:160px;
	}
	.double-header tr.g{
		height:160px;
	}
	.double-header tr.h{
		height:65px;
	}
	.double-header tr.i{
		height:190px;
	}
}
@media screen and (max-width: 767px){
	.horizontal-align,.contact-details{
		flex-direction:column;
	}
	.navbar .navbar-nav li{
		text-align:center;
	}
	.footer ul li{
		margin:0;
		padding:10px 0;
	}
	.contact-details{
		width:90%;
		padding:50px 0;
	}
	.cross-content .content-body .package-price td:first-child span{
		margin-left: 8px;
	}
	.navbar-toggler{margin-right:20px;}
	.parallax.cover .caption.left{width:90%;left:50%;}
	.navbar-collapse{background:rgba(0,0,0,0.5);}
	.navbar.bg .navbar-collapse{background:transparent;}
	#map{min-height:100%;}
	.error, .errorResult, .successResult{
		margin:0;
		padding:0;
		top:100%;
		font-size:14px;
	}
	.plans .plan-item{
		width:100%;
	}
	.plans .plan-item .plan-col{
		transform:scale(1);
	}
	.tab-wrapper .nav-tabs li{
		width:100%;
	}
	.equal-height{
		display:flex;
		flex-direction:row;
	}
	.tab-wrapper .nav-tabs{
		display:block;
		float:left;
		border:1px solid #fff;
		width:50%;
	}
	.tab-wrapper .tab-content{
		min-height:100%;
		height:inherit;
	}
	.tab-wrapper .tab-content .tab-pane{
		padding:0 10px;
	}
	.tab-wrapper .tab-content .content-body{
		text-align:left;
	}
	.tab-wrapper .tab-content .content-body{
		width:100%;
	}
	.giant{
		font-size:100px;
		line-height:80px;
	}
	.section-title ul.text li{
		transform:translateX(0);
		margin-left:35px;
		text-align:left;
	}
	ul.text li{
		transform:translateX(0);
		margin-left:30px;
	}
	.events,
	.events .events-item{
		width:100%;
		border:0;
	}
	.events .events-item{
		margin-bottom:12px;
	}
	.cross-content ul.dots{
		columns:1;
	}
	.section-title.nopad{
		padding:20px 15px 40px;
	}
	.section-title .side-img{
		width:100%;
	}
	.section-title .side-img img{
		width:70%;
		margin:auto;
	}
	#empty{display:none;}
	.map-wrapper{
		margin:0;
	}
	.map-wrapper .map.info{
		height:100vh;
	}
	.map-wrapper .caption ul li{
		white-space:nowrap;
	}
	.fa-chevron-left:before,
	.fa-chevron-right:before{
		font-size:15px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left:5px;
	}
	.owl-carousel .owl-nav button.owl-next{
		right:5px;
	}
	.sub-title{
		font-size:15px;
	}
	.sub-entry-title{
		font-size:13px;
	}
	.content-image .content-img h4{
		font-size:13px;
		left:15%;
		right:15%;
	}
	.whatsappPress img {
		width: 25px;
		height: 25px;
	}
	.form-wrapper{
		position:relative;
		left:0;
		transform:translate3d(0,0,0);
	}
	.package-list .cross-content{
		padding: 0 15px;
	}
	.package-list .cross-content .header-icon{
		margin: 0 auto;
	}
	.package-list .cross-content img{
		width: 100px;
	}
	.cross-content .content-header .header-title{
		padding: 0;
	}
	.package-type .type-list,.cross-content .content-header .header-title{
		text-align: center;
		text-align-last: center;
	}
}
@media screen and (min-width: 768px){
	.cross-content .content-body .package-detail .amenities{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	.package-type{
		width: 100%;
	}
}
@media screen and (max-width: 768px){
	.contact-details{
		display:block;
	}
	.contact-details li{
		width:100%;
	}
	.contact-details div .horizontal-align{
		display:flex;
		flex-direction:row;
	}
	#map{
		min-height:350px;
	}
	.map.info{
		min-height:250px;
	}
	.navbar .navbar-nav li{
		margin:0;
	}
	#programs-events .row.verticle-align{
		display:block;
	}
	#programs-events .row.verticle-align .content .button{
		left:50%;
		transform:translate3d(-50%,0,0);
	}
	.double-header tbody{
		display:table;
		width:100%;
		margin:auto;
	}
	.ho-ba-arrow p{
		font-size:13px;
	}
}
@media screen and (min-width: 992px){
	table{
		float:left;
	}
	.testing tr:first-child th:first-child{
		display:none
	}
	.testing tr:not(:first-child) th{
		display:none;
	}
	.cross-content .content-body .package-price td p{
		padding-left: 35%;
		justify-content: flex-start;
	}
}
@media screen and (min-width: 992px) and (max-width: 1023px){
	.double-header tbody{
		min-width:150px;
	}
	.double-header td{
		height:145px!important;
	}
}
@media screen and (max-width: 1023px){
	.double-header .hsi td span i{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate3d(-50%,-50%,0);
	}
}
@media screen and (min-width: 992px) and (max-width: 1024px){
	h3{
		font-size:24px;
	}
	.navbar-brand,.custom-logo-link{
		padding:0 0 0 20px;
		width:80px;
	}
	.navbar .navbar-nav li{
		margin-left:8px;
		margin-right:0;
	}
	.navbar .navbar-nav li a{
		font-size:14px;
		padding:5px 10px;
	}
	.parallax.cover{
		height:450px;
	}
	.wrapper-table{
		overflow:auto;
	}
	.double-header td.package{
		padding:15px 10px 0;
		font-size:14px;
	}
	.double-header td,
	.double-header td p{
		font-size:14px;
		height:47px;
	}
	.double-header td span b{
		font-size:22px;
	}
	.double-header tr.uti td{
		height:47px;
	}
	.gallery .gallery-item{
		width:33.33333333%;
		height:270px;
	}
	.contact-details li h4{
		font-size:16px;
	}
	.footer ul li{
		padding:15px 10px;
	}
	.contact-details li div i{
		margin-right:15px;
	}
	.contact-details li div a, .contact-details li div p, .contact-details li div input, .contact-details li div .button{
		font-size:14px;
	}
	.double-header .uti{
		height:110px;
	}
}
@media screen and (max-width: 991px){
	.gallery .gallery-item .overlay, .gallery .gallery-item .caption h3{
		opacity:1;
		transform:translate3d(0,0,0);
	}
	.side-img{
		padding-top:40px;
	}
	.side-img img{
		display:block;
		width:80%;
		margin:auto;
	}
	.center-middle{
		display:block;
	}
	
	.content-left-list{
		margin-left:0px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.events .events-item .events-col img{
		height:200px;
		max-width:auto;
		
	}
	.double-header tbody{
		border-right:1px solid rgba(0,0,0,0.2);
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
	.navbar-brand,.custom-logo-link{width:115px;}
	.navbar .navbar-nav li a{
		font-size:12px;
		padding:10px 7px;
	}
	.navbar .navbar-nav li{
		margin:0 5px;
		text-align:center;
	}
	.navbar{
		padding:0 20px;
	}
	.giant{
		font-size:100px;
		line-height:80px;
	}
	h2{
		font-size:45px;
	}
	.cross-over .caption{
		width:600px;
		left:50%;
		transform:translate3d(-50%,-50%,0);
	}
	.map-wrapper .caption ul li{
		font-size:16px;
	}
    #mainCarousel .item .caption{
	   top: 50%;
       left: 50%;
       transform: translate3d(-50%,-50%,0);
       text-align: center;
	}
	
	#mainCarousel .item .caption p{
		font-size: 17px;
	}
	.caption .button{
		padding: 5px 35px;
	}
	
	#home-about .horizontal-align{
		display:block;
	}
	.content{
		width: 90%;
		padding-bottom: 30px;
	}
	.content h3{
		margin-bottom: 15px;
		font-size:40px;
	}
	.content p {
    margin-bottom: 25px;
    }
	.content .button{
		padding: 5px 30px;
	}
	#home-about .image{
		height: 70vh;
	}
	.content .icon{
		display:inline-block;
	}
	.content.right.half p{
		width:100%;
	}
	.tab-wrapper .tab-content{
		height:450px;
	}
	.tab-wrapper h2{
		margin-bottom: 30px;
        font-size: 55px;
	}
	.tab-wrapper{
		width:85%;
	}
	.tab-wrapper .tab-content .content-header img{
		width:150px;
	}
	.tab-wrapper .tab-content .tab-pane{
		padding:0 30px;
	}
	.tab-wrapper .nav-tabs li{
		padding:10px;
	}
	.tab-wrapper .nav-tabs li.active a,
	.tab-wrapper .nav-tabs li a{
		padding:0;
	}
	.double-header tbody{
		width:180px;
	}
	.double-header td.package{
		padding:15px 10px;
	}
	.double-header td span b{
		font-size:22px;
	}
	.double-header .hsi td span{
		height:100px;
	}
	.double-header .uti{
		height:150px;
	}
	.tab-wrapper .tab-content .content-header span{
		padding:0;
		font-size:32px;
	}
	
	.tab-wrapper .tab-content .content-header img{
		
		display: block;
        margin: auto;
	}
	.content.nopad{padding:50px 20px 0;}
	.plans{
		padding-bottom:40px;
	}
	.plans .plan-item{
		padding:0px;
		width:50%;
	}
	.plans .plan-item .plan-col{
		transform:scale(0.92);
	}
	.form-wrapper{
		width:95%;
	}
	.form-wrapper h2{
		padding:20px;
		font-size: 55px;
	}
	.form-wrapper p{
		font-size:20px;
	}
	
	#contact-details{
		padding:40px;
	}
	.info{
		padding-bottom:40px;
	}
	
	/**about us**/
	.parallax.cover .caption.left{
		left:40%;
	}
	
	.section-title h2, .section-title h3, .tab-wrapper h2{
		font-size:45px;
	}
	.section-title h2, .section-title h3{
		margin-bottom: 20px;
	}
	.section-title p{
		
	}
	
	.section-title .side-img{
		width: 100%;
        height: 600px;
	}
	
	.gallery .gallery-item{
		width:50%;
		height:300px;
	}
	
	.packages-list{
		width:100%;
	}
	
	.horizontal-align{
		display:block;
		flex-direction: column;
	}
	.cross-content{
		width:80%;
	}
	
	.horizontal-align .image{
		height:600px;
	}

	.footer .horizontal-align{
		flex-direction:column;
	}
	
	.contact-details li{
		margin:0;
		padding:12px 20px;
	}
	.contact-details li h4{
		margin-bottom:15px;
		font-size:20px;
	}
	.contact-details li div i{
		font-size:18px;
	}
	.contact-details li a, .contact-details li div p{
		font-size:16px;
	}
	.section-title.left{
		padding:50px 20px;
	}
	.events{
		width:100%;
		
	}
	.events .events-item{
		width:50%;
	}
	.events .events-item .events-col h3{
		font-size:22px;
	}
	.events .events-item .events-col p{
		font-size:16px;
	}
	.contact-details{
		width:100%;
		padding:10px 20px 12px;
	}
	
	.teaser-grid-header h3{
		font-size:20px;
	}
	.teaser-grid-header{
		
	}
	.event-bottom{
		margin-top:0px;
	}
	.content-left-list-item a{
		font-size:20px;
	}
	.content-left-list{
		padding-top:20px;
		padding-bottom:20px;
	}
	.content-left-list-item:before{
	    width: 25px;
        height: 25px;
		margin-right:10px;
	}
	.event-title h3{
		font-size:28px;
	}
	.event-table thead{
		display:none;
	}
	.event-table td{
		display:block;
		font-size:13px;
       width: 33%;
       float: left;
       text-align: left;
	}
	.event-table td span{
		font-size:13px;
		
	}
	.event-table td:first-child{
		width: 100%;
        float: none;
        font-weight: bold;
		text-align: left;
		font-size:18px;
	}
	.event-table td:last-child{
		float: none;
        clear: both;
        width: 100%;
        border-bottom: 0;
        padding-bottom: 30px;
        padding-top: 20px;
        text-align: center;
        border-top: 1px solid #c5c5c6;
        position: relative;
        top: -1px;
	}
	.event-table .button{
		font-size:12px;
		padding: 8px 25px;
	}
	
	.event-table-button .button{
		padding:8px 35px;
		font-size:15px;
	}
	
	#event-content-1 .event-sub-title p{
		text-align:left;
	}
	.teaser-grid-header h3{
		text-align:left;
	}
	
	.copyright p, .copyright a{
		font-size:13px;
	}
	
	.section-title.left.jus h2{
		margin-bottom:120px;
	}
	.double-header tr.e{
		height:110px;
	}
	.double-header tr.f{
		height:190px;
	}
	.double-header tr.g{
		height:160px;
	}
	.double-header tr.h{
		height:65px;
	}
	.double-header tr.i{
		height:205px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) and (orientation: portrait){
	.navbar .navbar-nav li a{
		font-size:20px;
	}
	
	.navbar{
		padding:0 20px;
	}
	
	h2{
		font-size:45px;
	}
	#mainCarousel .item .caption p{
		font-size: 17px;
	}
	.caption .button{
		padding: 5px 35px;
	}
	
	#home-about .horizontal-align{
		display:block;
	}
	.content{
		width: 280%;
		padding-bottom: 30px;
	}
	.content h3{
		margin-bottom: 15px;
		font-size:45px;
	}
	.content p {
    margin-bottom: 25px;
    }
	.content .button{
		padding: 5px 30px;
	}
	#home-about .image{
		height: 70vh;
		width:300%
	}
	.content .icon{
		display:inline-block;
	}
	.content.right.half p{
		width:100%;
	}
	.tab-wrapper .tab-content{
		height:450px;
	}
	.tab-wrapper h2{
		margin-bottom: 30px;
        font-size: 55px;
	}
	
	.tab-wrapper{
		width:65%;
	}
	
	.tab-wrapper .nav-tabs li a{
		padding:20px;
	}
	
	.tab-wrapper .tab-content .content-header span{
		padding:0;
		font-size:35px;
	}
	
	.tab-wrapper .tab-content .content-header img{
		
		display: block;
        margin: auto;
	}
	
	.plans .plan-item{
		padding:0px;
	}
	
	.form-wrapper{
		width:95%;
	}
	.form-wrapper h2{
		padding:20px;
		font-size: 55px;
	}
	.form-wrapper p{
		font-size:20px;
	}
	
	#contact-details{
		padding:40px;
	}
	.info{
		padding-bottom:40px;
	}
	
	/**about us**/
	.parallax.cover .caption.left{
		left:40%;
	}
	
	.section-title h2, .section-title h3{
		font-size:55px;
		margin-bottom: 20px;
	}
	.section-title p{
		font-size:23px;
		text-align:justify;
	}
	
	.section-title .side-img{
		width: 500px;
        height: 600px;
	}
	
	.gallery .gallery-item{
		height:300px;
	}
	
	.packages-list{
		width:100%;
	}
	
	.horizontal-align{
		display:block;
		flex-direction: column;
	}
	.cross-content{
		width:80%;
	}
	
	.horizontal-align .image{
		height:600px;
	}

	.footer .horizontal-align{
		flex-direction:column;
	}
	
}
@media screen and (min-width: 1024px) and (max-width: 1279px){
	.double-header .uti{
		height:120px;
	}
	.navbar .navbar-nav li a, .double-header td.package div{
		font-size:14px;
	}
	.double-header td span b{
		font-size:22px;
	}
	.double-header .uti{
		height:135px;
	}
	.double-header .uti td{
		font-size:15px;
	}
	.navbar .navbar-nav li a{
		padding:8px 6px;
	}
	.double-header td.pricing{
		height:170px!important;
	}
	.double-header tr.e{
		height:110px;
	}
	.double-header tr.f{
		height:140px;
	}
	.double-header tr.g{
		height:160px;
	}
	.double-header tr.h{
		height:65px;
	}
	.double-header tr.i{
		height:160px;
	}
}
/* Laptop with MDPI screen */
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
	p, .cross-content a.button{
		font-size:15px;
	}
	.parallax .caption p{
		font-size:18px;
	}
	.parallax.cover .caption.left{
		left:45%;
	}
	#mainCarousel .item .caption{
		left:45%;
	}
	#mainCarousel .caption h2, .parallax.cover .caption h2{
		white-space:nowrap;
	}
	#home-about .image{
		height: 92vh;
	}
	.content h3{
		font-size:35px;
	}
	#contact-details .info{
		padding:10px;
	}
	.navbar-collapse{margin-top:10px;}
	.navbar .navbar-nav li{
		margin-left: 6px;
        margin-right: 6px;
	}
	.giant{
		font-size:90px;
		line-height:68px;
	}
	.tab-wrapper{
		width:55%;
	}
	.tab-wrapper h2{
		margin-bottom: 30px;
	}
	.content.nopad h4{font-size:32px;}
	.tab-wrapper .nav-tabs li.active a{
		padding:4px;
	}
	.tab-wrapper .nav-tabs li a{
		padding:8px;
	}
	.tab-wrapper .tab-content{
		height:350px;
	}
	.tab-wrapper .tab-content .content-header img{
		width:170px;
	}
	
	.tab-wrapper .tab-content .content-header span{
		font-size:26px;
	}
	.form-wrapper{
		width:60%;
	}
	.form-wrapper h2{
		margin-bottom:5px;
	}
	.form-group{
		margin-bottom:0.3rem;
	}
	.form-wrapper .booking .form-group{
		padding: 0 10px;
	}
	
	.section-title h2, .section-title h3{
		margin-bottom:10px;
	}
	
	.packages-list{
		width:100%;
		padding:0 20px;
	}
	.packages-list td span b{
		font-size:20px;
	}
	.cross-content{
		width:90%;
	}
	.cross-content img{
		margin-bottom:20px;
	}
	.cross-content ul.dots{
	}
	.cross-content h3{
		font-size:35px;
	}
	.double-header th.package{
		padding:20px 12px 0;
	}
	.double-header td.package div{
		height: 170px!important;
	}
	.footer ul li a,.contact-details li div p,.newsletter input{
		font-size: 14px;
	}
	.copyright p, .copyright a{
		font-size: 12px;
	}
	.uti{height: 140px;}
	.side-img img{
		width:90%;
		margin:auto;
		display:block;
	}
	.events .events-item .events-col span{
		font-size: 15px;
	}
	.gallery .gallery-item{
		height: 300px;
	}
	.double-header td.pricing{
		height: 190px!important;
	}
	.double-header tr.e{
		height: 110px;
	}
	.double-header tr.f{
		height: 145px;
	}
	.double-header tr.g{
		height: 165px;
	}
	.double-header tr.h{
		height: 70px;
	}
	.double-header tr.i{
		height: 165px;
	}
}

@media screen and (min-width: 1366px) and (max-height: 768px){
	h2{font-size:40px;}
    h3{font-size:35px;}
    p,a,span,label,input,textarea,select,option,ul,ol,li{
		font-size:18px;
	}
	#mainCarousel .item .caption p{
		font-size:18px;
	}
	.button{
		padding: 6px 25px;
	}
	.tab-wrapper{
		width:50%;
	}
	.tab-wrapper h2{
		margin-bottom:30px;
	}
    .tab-wrapper .tab-content{
		height:300px;
	}
	.tab-wrapper .nav-tabs li a{
		padding:4px;
	}
	.tab-wrapper .tab-content .content-header img{
		width:150px;
	}
	.tab-wrapper .tab-content .content-header span{
		font-size:24px;
	}
	.form-group{
		margin-bottom:0;
	}
	.form-wrapper h2{
		margin:15px 15px;
		font-size:45px;
	}
	.newsletter .form-group .button{margin:0;padding:6px 18px;}
	.form-group .button{
		margin-bottom:20px;
	}
	.section-title p{
		font-size: 18px;
	}
	.newsletter input{
		height:40px;
	}
	
	.table-wrapper,.packages-list{
		width:100%;
	}	
	
	.cross-content ul.dots{
		width:90%;
	}
	
}

@media screen and (min-width: 1440px) and (max-width: 1919px){
	.section-title h2, .section-title h3{
		margin-bottom:5px;
	}
	.packages-list{
		width:90%;
	}
	.tab-wrapper h2{
		margin-bottom:30px;
	}
	.tab-wrapper{
		width:55%;
	}
	.tab-wrapper .tab-content .content-header img{
		width:170px;
	}
	.tab-wrapper .tab-content{
		height:400px;
	}
	.tab-wrapper .tab-content .content-header span{
		font-size:29px;
	}
	.tab-wrapper .nav-tabs li a{
		padding:10px;
	}
	.parallax.cover .caption.left{
		left:40%;
	}
	.form-group{
		margin-bottom:0.8rem;
	}
	.form-wrapper{
		width:65%;
	}
	.form-wrapper h2{
		margin-bottom:10px;
	}
	.info p{
		margin-right:15px;
	}
	.double-header th.package{
		padding:20px 5px 0;
	}
	.cross-content{
		width: 80%;
	}
	.uti{height: 100px;}
	.parallax .caption p{
		font-size: 20px;
	}
	.double-header td.pricing{
		height: 190px!important;
	}
	.double-header tr.e{
		height: 115px;
	}
	.double-header tr.f{
		height: 125px;
	}
	.double-header tr.g{
		height: 140px;
	}
	.double-header tr.h{
		height: 70px;
	}
	.double-header tr.i{
		height: 170px;
	}
	.mix-match{
		width: 100%;
		padding: 0 15px;
	}
}

@media screen and (min-width: 1920px){
	.package-list .cross-content{
		padding: 0 100px;
	}
	.cross-content ul.dots{
		width:80%;
	}
	.plans .plan-item .plan-col a{
		font-size:20px;
	}
	.wrapper-table{
		width:80%;
	}
	.uti{height: 100px;}
	.events .events-item .events-col{
		height :230px;
	}
	.events .events-item .events-col span{
		font-size: 19px;
	}
	.events .events-item .events-col h3{
		font-size: 24px;
	}
	.events .events-item .events-col p{
		font-size: 18px;
	}
	.events .events-item .events-col img{
		height: 230px;
		max-width: 100%;
	}
	.double-header tr{
		min-height: 47px;
	}
	.double-header td.pricing{
		height: 170px!important;
	}
	.double-header tr.e{
		height:70px;
	}
	.double-header tr.f{
		height: 120px;
	}
	.double-header tr.g{
		height: 95px;
	}
	.double-header tr.h{
		height: 50px;
	}
	.double-header tr.i{
		height: 160px;
	}
}
.tablepress thead th, .tablepress thead td, .tablepress tbody th, .tablepress tbody td,.mix-match table td{
	text-align: center;
}
.tablepress tbody tr td, .mix-match table tbody tr td{
	vertical-align: middle;
}
.tablepress tbody tr .vertical-align p, .mix-match tbody tr .vertical-align p{
	height: 100%;
	writing-mode: vertical-rl;
	font-size: 24px;
	display: inline-block;
}
.tablepress thead th, .mix-match table thead th, .mix-match table thead td{
	height: 160px;
	font-size: 20px;
}
.mix-match thead td, .mix-match tbody td{
	padding: 15px 12px;
}
.tablepress tbody td{
	font-size: 16px;
}
.mix-match{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.mix-match table thead tr, .mix-match table tbody tr:nth-child(even){
	background-color: #efefef;
}
.mix-match table thead td, .mix-match table thead td p{
	font-size: 18px;
}
.mix-match table tbody td p{
	font-size: 16px;
}
.mix-match table tbody .vertical-align{
	padding: 0;
}
.mix-match td{
	border: 1px solid rgba(0,0,0,0.2);
}
.mix-match table{
	float: none;
}
.spacer{
	display: block;
	width: 100%;
}
.gallery-nav{
	list-style: none;
	color: black;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
}
.gallery-nav li{
	display: inline-block;
}
.gallery-nav li a{
	border: 1px solid rgb(251,208,77);
	color: rgb(251,208,77);
	padding: 15px 18px;
}
.gallery-nav li a.active:hover{
	box-shadow: none;
}
.gallery-nav li a:hover{
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
}
.gallery-nav li a.active{
	pointer-events: none;
}
.gallery-nav li a.active, .gallery-nav li a:hover{
	background-color: rgb(251,208,77);
	color: rgb(255,255,255);
}
@media screen and (max-width: 480px){
	.mix-match table thead td, .mix-match table thead td p,.mix-match tbody tr .vertical-align p{
		font-size: 16px;
	}
	.mix-match table tbody td, .mix-match table tbody td p{
		font-size: 14px;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px){
	.mix-match tbody tr .vertical-align p{
		font-size: 18px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.mix-match tbody tr .vertical-align p{
		font-size: 20px;
	}
}
@media screen and (max-width: 991px){
	.mix-match{
		width: calc( 100% - 30px );
		overflow-x: scroll;
	}
	.mix-match table tr td:first-child{
		min-width: 145px;
	}
}