/*
Author : Anuja Shyamalee Kulatunga
Flat icons Purchased under user170175353 - 8th Jan 2025
*/

body{ margin:0; padding:0; font-family: "Open Sans", sans-serif; font-size:1rem; color:#EEEEEE; background: #101010;  }
h1, h2, h3, h4, h5, p{ margin:0 0 10px 0; padding:0; font-weight:400;}
h1 {font-size: 2em; margin-bottom:20px!important;  line-height: 1.2em;}
h2{ font-size:3.5rem;}
h3{ font-size:2.5rem;}
h4{ font-size:1.5rem;}
h5{ font-size:1.2rem;}
p{line-height:1.3rem; font-size: 1rem; margin-bottom: 25px; }
ul{ margin:0 0 10px 0; list-style:none; padding:0;}
a{  color:#EBA10D; text-decoration: none; }
table{ border-collapse:collapse; padding:5px; border:none;}
table td{ padding:20px 20px 20px 0; border-bottom:1px solid #4B4B4B; text-align: left;}
table th{ border-bottom: 1px solid #C58019; color: #C58019; text-transform: uppercase; text-align: left; }
img{height:auto;  max-width: 100%; _max-width:inherit; _height:100%;}
iframe {max-width: 100%;}
a img{ border:none;}
a{ text-decoration: none; } 
a:hover, a:focus, h3:focus{ outline:none; color: #F2C05D}
.Footer a{ color: #EEEEEE; }
.Footer a:hover, .Footer a:focus{color: #F2C05D;}

h1, h2, h3, h4, h5, h6{font-family: "Faculty Glyphic", serif!important; font-weight: 400;}

ul, li{ list-style-type: none; }

.SecPad{ padding: 80px 0; overflow: hidden; }
.SecPadT{ padding: 50px 0; overflow: hidden; }
.Small{font-size: .9rem;}
.YellowTxt{ color: #C58019; }
.LightYellowTxt{ color: #D1BFA5; }
.LightYellowTxt a{color: #D1BFA5;}
.LightYellowTxt a:hover, .LightYellowTxt a:focus{color: #C58019}
.Clear{ clear: both; }
.TextCenter{ text-align: center; }
.MrgB40{ margin-bottom: 40px!important; }
.MrgT40{ margin-top: 40px!important; }
.DarkAshBk{ background: #181818; overflow: hidden; }
.MrgL5{ margin-left: 5%;  }
.MrgR5{ margin-right: 5%;  }
.MrgB0{ margin-bottom: 0; }
.bullet li{ margin-bottom: 10px; background: url(../images/bullet.png) no-repeat left 7px; background-size: 5px 5px; padding-left: 15px; display: block;   }
.maxdescrpLine{ max-width: 800px; display: block; margin: auto;  }
.err{ color: #9e0c0c; margin-top: 5px; }


#Neem .SecGallery {display: flex; gap: 4px; max-width: 50%; float: left; margin-bottom: 0;}
#Neem .SecGallery li{ flex-direction: row; }
#Neem .SecGallery li ul li{ flex-direction: column; }
#Neem .SecGallery img{ object-fit:cover; }

#Neem .tableYel{ display: table; width: 100%; margin-bottom: 20px; }
#Neem .tableYel tr th{ text-transform: uppercase; text-align: center;  }
#Neem .tableYel tr td, #Neem .table tr th{ border-bottom: 1px solid #C58019; padding: 10px 10px 15px 0; text-align: center;}
#Neem .tableYel tr td p{ text-align: left!important; margin-bottom: 0; }
#Neem .tableYel tr td:nth-child(2), #Neem .table tr td:nth-child(1){border-right: 1px solid #C58019;}
#Neem .tableYel img{ max-width: 40px; display: block; }


#Neem .MaxWidth{ max-width: 1200px; display: block; margin: auto; }
#Neem #Header{ background :#000; display: block; overflow:hidden; position: fixed; top: 0; width: 100%; z-index: 100; transition: top .5s ease-in-out; animation: fadeIn .8s forwards;}
	#Neem #Header .Logo{ float: left; margin-right: 10px; }
	#Neem #Header .Logo img{ max-width: 200px; }
	#Neem #Header #Navigation{ text-align: right; float: right; width: 70%;   }
	#Neem #Header #Navigation ul li{ text-align: right; display: inline-block; }
	#Neem #Header ul li a{ color:#fff; text-transform: uppercase; padding: 45px 20px; display: inline-block; font-weight: 600; font-size: 1em; }
	#Neem #Header ul li a:hover, #Neem #Header ul li a:focus, #Neem #Header ul li a.active{color: #C58019; background: none; }
	#Neem #Header.hidden{ top: -200px; animation: fadeOut 3s forwards; }

#Neem #MainBanner{ position: relative;}	
	#Neem #MainBanner .video{width: 100%; /*margin-top: -150px*/ margin-top: 50px;}

/*Inquire form*/
#Neem .InquireForm{ background: url(../images/black-bk-40.png) repeat; overflow: hidden; border-radius: 10px; display: block; margin:auto 5%; padding: 10px; position: absolute; bottom: 20px; width: 88%; }
#Neem .InquireForm .InForm{background: url(../images/ash-bk-70.png) repeat; border-radius: 10px; display: block; overflow: hidden; border:2px solid #C58019;}
#Neem .InquireForm .formCol, #Neem .InquireForm .Inquire{ width: 15.9%; min-height: 50px; }
#Neem .InquireForm .Inquire{ float: right; }
#Neem .InquireForm .formCol{ float: left; }
#Neem .InquireForm .formCol{border-right: 1px solid #C58019; padding: 10px 0 0 10px; }
#Neem .InquireForm .BordRN { border-right: none!important; }

#Neem .InquireForm .formCol input{ padding: 0 0 10px 0; margin-left: 0; background: none; border:none; color: #eee!important; font-size: 1rem; }
#Neem .InquireForm label{ display:block; font-size: .7rem;  margin-bottom:0; color: #ccc; text-transform: uppercase;}
#Neem .InquireForm .formCol input:focus{ outline: none!important; }
#Neem input[type="date"] {filter: invert(90%) sepia(90%) saturate(200%) hue-rotate(180deg) brightness(8);}
#Neem .InquireForm .submit{ background: #C58019; border-radius: 0 8px 8px 0; width: 100%; display: block; text-align: center; border:none; min-height: 60px; overfont-size: 1rem; text-transform: uppercase; color: #fff; float: right; }
#Neem .InquireForm .submit:hover, .InquireForm .submit:focus{ color: #000; cursor: pointer; }
#Neem .InquireForm  .TextBox{ width: 95%; }

/*Quick Links */
#Neem .QuickLinks ul {list-style: none;}
#Neem .QuickLinks ul li{ border:1px solid #C58019; padding: 5px; width: 26%; margin: 1% 3%; position: relative; float: left; }
#Neem .QuickLinks ul li a{ overflow: hidden; display: block; margin-bottom: -5px; }
#Neem .QuickLinks ul li img{object-fit: cover; min-height: 450px; }
#Neem .QuickLinks ul li .head{ color: #fff; z-index: 100; position: absolute; top:4px; text-align: center; width: 97%; background: url(../images/black-bk.png) repeat; padding-top: 0px; line-height: 3.2rem;}
#Neem .QuickLinks ul li .head h3{ margin-bottom: -14px; font-size: 2rem; }



/*image hover*/
#Neem .QuickLinks ul li figure { position: relative; overflow: hidden; margin: 0; padding: 0; min-width: 230px; max-width: 315px; width: 100%; box-shadow: none !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-sizing: padding-box; box-sizing: padding-box; }
#Neem .QuickLinks ul li figure img { max-width: 100%; vertical-align: top; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
#Neem .QuickLinks ul li figure .border { position: absolute; opacity: 0.45; }
#Neem .QuickLinks ul li figure .border:before, #Neem .QuickLinks ul li figure .border:after, #Neem .QuickLinks ul li figure .border div:before, #Neem .QuickLinks ul li figure .border div:after { background-color: #f5b043; position: absolute; content: ""; display: block; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#Neem .QuickLinks ul li figure .border:before, #Neem .QuickLinks ul li figure .border:after { width: 0; height: 1px; }
#Neem .QuickLinks ul li figure .border div:before, #Neem .QuickLinks ul li figure .border div:after { width: 1px; height: 0; }
#Neem .QuickLinks ul li figure .border.one { left: 0; top: 0; right: 12px; bottom: 12px; }
#Neem .QuickLinks ul li figure .border.one:before, .snip1295 .border.one div:before { left: 0; top: 0; }
#Neem .QuickLinks ul li figure .border.one:after, #Neem .QuickLinks ul li figure .border.one div:after { bottom: 0; right: 0; }
#Neem .QuickLinks ul li figure .border.two { left: 12px; top: 12px; right: 0; bottom: 0; }
#Neem .QuickLinks ul li figure .border.two:before, #Neem .QuickLinks ul li figure .border.two div:before { right: 0; top: 0; }
#Neem .QuickLinks ul li figure .border.two:after, #Neem .QuickLinks ul li figure .border.two div:after { bottom: 0; left: 0; }
#Neem .QuickLinks ul li figure a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
#Neem .QuickLinks ul li figure:hover .border:before, #Neem .QuickLinks ul li figure.hover .border:before, #Neem .QuickLinks ul li figure:hover .border:after, #Neem .QuickLinks ul li figure.hover .border:after { width: 100%; }
#Neem .QuickLinks ul li figure:hover .border div:before, #Neem .QuickLinks ul li figure.hover .border div:before, #Neem .QuickLinks ul li figure:hover .border div:after, #Neem .QuickLinks ul li figure.hover .border div:after { height: 100%; }

/*img new*/
.DoubleBorder { position: relative; overflow: hidden; margin: 0; padding: 0; min-width: 230px; max-width: 100%; width: 100%; box-shadow: none !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-sizing: padding-box; box-sizing: padding-box; }
.DoubleBorder img { max-width: 100%; vertical-align: top; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
.DoubleBorder .border { position: absolute;  }
.DoubleBorder .border:before, .DoubleBorder .border:after, .DoubleBorder .border div:before, .DoubleBorder .border div:after { background-color: #C58019; position: absolute; content: ""; display: block; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.DoubleBorder .border:before, .DoubleBorder .border:after { width: 0; height: 1px; }
.DoubleBorder .border div:before, .DoubleBorder .border div:after { width: 1px; height: 0; }
.DoubleBorder .border.one { left: 0; top: 0; right: 12px; bottom: 12px; }
.DoubleBorder .border.one:before, .snip1295 .border.one div:before { left: 0; top: 0; }
.DoubleBorder .border.one:after, .DoubleBorder .border.one div:after { bottom: 0; right: 0; }
.DoubleBorder .border.two { left: 12px; top: 12px; right: 0; bottom: 0; }
.DoubleBorder .border.two:before, .DoubleBorder .border.two div:before { right: 0; top: 0; }
.DoubleBorder .border.two:after, .DoubleBorder .border.two div:after { bottom: 0; left: 0; }
.DoubleBorder a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
.DoubleBorder .border:before, .DoubleBorder.hover .border:before, .DoubleBorder .border:after, .DoubleBorder.hover .border:after { width: 100%; }
.DoubleBorder .border div:before, .DoubleBorder.hover .border div:before, .DoubleBorder .border div:after, .DoubleBorder.hover .border div:after { height: 100%; }



/*Sec Highlights*/
#Neem .HighlightSec{margin:80px 0; display: flex; flex-direction: row; column-count: 2;}
	#Neem .HighlightImgWrap{ min-width: 50%;}
		#Neem .MargR{ margin-right: 5%;}
		#Neem .MargL{ margin-left: 5%;}
		#Neem .HighlightImgWrap img{ width: 100%; }

/*Gallery Home page*/
#Neem .GallerySec{ background: #000; background-size: 100% 100%;}
#Neem .GallerySec ul{ display: flex;  column-count: 4;  vertical-align: top;}
#Neem .GallerySec ul li{margin: 4px 4px 0 0; vertical-align: top;}
#Neem .GallerySec ul li img{ object-fit: cover; }
#Neem .GallerySec .row{flex-direction: row;}
#Neem .GallerySec .col{flex-direction: column;}
#Neem .GallerySec ul li .row li{margin: 0;}

/*testimonials*/

#Neem .Testimonials .slider{ margin-top: 50px; }
#Neem .Testimonials .testi{background: #D9D9D9; width: 90%; overflow: hidden;}
#Neem .Testimonials .testi .YellowBox{border:1px solid #C58019; margin: 0; padding:5px 0 0 5px; width: 99%; height: 300px; }
#Neem .Testimonials .testi .YellowBox2{border:1px solid #C58019; margin: 0; padding:0 5px 5px 0; width: 97%; height: 300px; }
#Neem .slick-initialized .slick-slide{ margin:0 10px 10px 0; color: #000; }
#Neem .Testimonials .testi .padding{ padding: 10px; }
#Neem .ReviewNote { margin-bottom: 5px!important; }


#Neem .ReviewList{display: flex;  align-items: center; justify-content: center;  margin-top: 60px; }
#Neem .ReviewList li{ flex-direction: row; margin-right: 20px; }
#Neem .ReviewList li a{ overflow: hidden; display: inline-block;  border-radius: 10px; padding: 2px 2px 2px 20px; }
#Neem .ReviewList li a:hover, #Neem .ReviewList li a:focus{ opacity: .8; }
#Neem .ReviewList li.airbnb a{background:#FF385C; color: #fff;}
#Neem .ReviewList li.tripadv a{background:#34e0a1; color: #000;}
#Neem .ReviewList li.booking a{background:#d2d6dc; }
#Neem .ReviewList li.booking{ margin-right: 0; }
	#Neem .ReviewList li.booking img{ max-height: 15px; margin:7px 0; }

#Neem .ReviewList li img{ max-height: 30px; float: left; margin-right: 10px; padding: 12px 0; }
#Neem .ReviewList li p{ float: left; line-height: 30px; vertical-align: middle; margin-bottom: 0; padding: 12px 0;}
#Neem .Rates{ float: right; background: #101010; font-size: 1.4rem; margin-left: 10px; border-radius: 0 10px 10px 0; padding: 12px;}
	#Neem .ReviewList li.airbnb a .Rates{ color: #FF385C; }
	#Neem .ReviewList li.tripadv a .Rates{ color: #34e0a1; }
	#Neem .ReviewList li.booking a .Rates{ color: #d2d6dc; }
#Neem .Rates span{ font-size: .7rem; }

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 40%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 40px; line-height: 1; opacity: .75; color: #F2C05D; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '‹'; }
[dir='rtl'] .slick-prev:before { content: '›'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '›'; }
[dir='rtl'] .slick-next:before { content: '‹'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -35px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #fff; border-radius: 50%; }
.slick-active button { background: #C58019 !important; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/*accomodation*/
#Neem .BannerImg{ width: 100%; max-height: 85vh; object-fit: cover; }

#Neem .RommDescription{ width: 45%; float: left;}

#Neem .amenity { margin-bottom: 20px; overflow: hidden; }
#Neem .amenity li{ width: 45%; overflow: hidden; margin-right: 5%; float: left; border-bottom: 1px solid #4B4B4B; padding: 10px 0; }
#Neem .amenity .imgwrap{ width: 20%; float: left; margin-right: 10px; }
#Neem .amenity li p{ vertical-align: middle; line-height: 3rem; margin-bottom: 0; }



/*galery*/
.GalleryPage h1{ margin-top: 180px; margin-bottom: 0!important; }
.Gallery {display: flex; gap: 0; flex-flow: row wrap; justify-content: center; align-items: center; padding: 20px; margin-bottom:50px;}
.Gallery li { margin: 2px 2px 0 0; height: 200px; width: 25%;}
.Gallery li:nth-child(2n) { width: 15%;}
.Gallery li:nth-child(3n) { width: 20%;}
.Gallery li img {  width: 100%; height: 100%; object-fit: cover; cursor: pointer; }

/* Lightbox styles */
#lightbox {position: fixed; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; justify-content: center; align-items: center; z-index: 1000;}
#lightbox img {  max-width: 90%; max-height: 90%;}
#close {position: absolute; top: 15px;  right: 15px; font-size: 30px; color: white; cursor: pointer;}
#prevArrow, #nextArrow { position: absolute;  top: 50%; transform: translateY(-50%); background: none; border: none; font-size: 80px; padding: 10px 15px; cursor: pointer; display: block; opacity: 0.5; transition: opacity 0.3s; color: #C58019;}
#prevArrow {left: 10px;}
#nextArrow {right: 10px;}
#prevArrow:hover, #nextArrow:hover {opacity: 1;}

/*pop up*/
.PopUp {display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.9); }
.PopUp .content {background: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; max-width: 500px; color: #333; text-align: center; border-radius: 10px;}
.PopUp .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer;}
.PopUp .close:hover, .PopUp .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.PopUp .PopUpImg{ display: block; margin:20px auto; max-width: 80px;  }

/*Contact */

.Contact{ padding: 0 10%; display: flex; column-count: 2; margin-top: 70px; flex-direction: row; }
.Contact .col50{ width: 50%; }
.FormMR{ margin-right: 10%; }
.Contact .formrow{ display: block; margin-bottom:20px;  }
.Contact .formrow label{ font-weight: 600; width: 100%; display: block; margin-bottom: 5px; }
.Contact .formrow input[type=text], .Contact .formrow input[type=email], .Contact .formrow textarea{border:1px solid #C58019; border-radius: 10px; padding: 5%; background: #000; width: 90%; color: #fff;}

.Contact  .contactList li{ border-bottom: 1px solid #4B4B4B; padding: 15px 0; overflow: hidden; display: block;  }
.Contact  .contactList li img{ max-height: 30px; margin-right: 10px; float: left; }
.Contact  .contactList li p{ margin-bottom: 0; }


.Map iframe{ width: 100%; }
.DirectionList{ margin: 10px 0 80px 0; }


/*attraction*/
.AtttractionArea{ margin-top: 50px; }
.AttractionList h4{color: #D1BFA5; margin-bottom: 5px;}
.AttractionList p{ margin-bottom: 0; }
.ListWrap{ width: 60%; float: left;}
.AttractionGal{ width: 30%; margin-left: 10%; float: left; }
#Neem .AttractionGal .SecGallery{ max-width: 100%; margin-bottom: -12px; }

/*footer*/
#Neem .Footer{background: #000; padding: 40px 0 35px 0; overflow: hidden;}
#Neem .Footer .Copyright{ width: 50%; float: left; }
#Neem .Footer .Copyright p:last-child{ margin-bottom: 0; }
#Neem .Footer .SocialMedia{ width: 50%; float: right;  }
#Neem .Footer .SocialMedia ul{display: flex; float: right; margin-top: 10px; }
#Neem .Footer .SocialMedia ul li{margin-left: 20px; }
#Neem .Footer .SocialMedia ul li img{ max-height: 20px; }
#Neem .Footer p{ margin-bottom: 5px; font-size: .8rem; }

#Neem .Button{ background: #C58019; border-radius:5px; text-align: center; color: #fff; text-transform: uppercase; padding: 10px 30px; border:none; font-size: 1rem;}
#Neem .Button:hover, #Neem .Button:focus{ color: #000; cursor: pointer; opacity: .8; } 

@media( max-width: 1350px){
	#Neem .InquireForm .formCol, #Neem .InquireForm .Inquire{ width: 15.7%; }
	#Neem #MainBanner .video{ margin-top:0px;}
}

@media( max-width: 1220px){
	#Neem .MaxWidth{padding:0 10px;} 
	#Neem .InquireForm .formCol{ width:32%; display: inline-block; }
		#Neem .InquireForm .Inquire{ width: 33.5%; display: inline-block; }
	#Neem .InquireForm .formCol{ border-bottom: 1px solid #C58019}
	#Neem .InquireForm .BrN1220{ border-right: none; }
	#Neem .InquireForm .BbN1220{ border-bottom: none; }
	#Neem .InquireForm .submit{ border-radius: 0 0 8px 0; }

}
@media( max-width: 960px){
	#Neem .InquireForm .formCol{ width:31%;}
}

@media( max-width: 780px){
	#Neem #Header #Navigation{ text-align: center; float: left; width: 100%;   }

		#Neem #Header .Logo{ float: inherit; margin:auto; display: block; width: 100%; }
		#Neem #Header .Logo img{ display: block; margin: auto; max-width: 150px; margin-bottom: 20px; }
		#Neem #Header #site-navigation{ text-align: center; float: inherit; width: 100%; }
		#Neem #Header ul li a{padding:0 20px 10px 20px; font-size: .9rem; }

		#Neem #MainBanner{ overflow: hidden; }
		#Neem #MainBanner .video{ width: auto; height: 80vh }
		#Neem .BannerImg{ margin-top: 150px; height: 70vh}
		#Neem .InquireForm{ width: 85%; }
		#Neem .InquireForm .formCol{ width:48.2%; display: inline-block; }
		#Neem .InquireForm .Inquire{ width: 50%; display: inline-block; }
		#Neem .InquireForm .Bb780{ border-bottom: 1px solid #C58019}
		#Neem .InquireForm .Br780{ border-right: 1px solid #C58019}
		#Neem .InquireForm .BrN780{ border-right: none; }

		#Neem .QuickLinks ul li{ width: 29.5%; margin: 1%; }
		#Neem .QuickLinks ul li img{ min-height: 350px; }
		#Neem .QuickLinks ul li .head h3{ margin-bottom: -16px; font-size: 1.6rem; }

		#Neem .HighlightSec .SecPad{ padding: 40px 0 }
		#Neem .HighlightImgWrap img{ object-fit: cover; min-height: 500px; }

/*gallery*/
.Gallery li {width: 50%;}
.Gallery li:nth-child(2n) { width: 30%; }
.Gallery li:nth-child(3n) { width: 40%;}

.Contact{ padding: 0; column-count: 1;  flex-direction: column; }
.Contact .col50{ width: 100%; }
.Contact .FormMR{ margin-right: 0; }

/*attractions*/
.AttractionList{ }
.ListWrap{ width: 100%; float: inherit;}
.AttractionGal{ width: 100%; margin-left: 0; float: inherit; }

}

@media( max-width: 650px){
		#Neem .InquireForm .formCol{ width:46%; display: inline-block; }
		#Neem #MainBanner{width: 100%; }

		#Neem .QuickLinks ul {overflow-x: scroll; display: flex; text-align: center;}
		#Neem .QuickLinks ul::-webkit-scrollbar {display: none;}
		#Neem .QuickLinks ul li{ min-width: 290px; margin: 2% 4% 2% 0; }
		#Neem .QuickLinks ul li img{ min-height: 400px; }

		#Neem .HighlightSec{ margin:0 0 40px 0; }

		#Neem .HighlightSec{ flex-direction: column; }
		#Neem .HighlightImgWrap{ min-width: 100%; display: block; }
		#Neem .MargL{ margin-left: 0; }
		#Neem .MargR{ margin-right: 0; }

		#Neem .relax{ flex-direction: column-reverse; }
		#Neem .GallerySec ul{ flex-direction: column; }
		#Neem .GallerySec .MargT{ margin-top: 40px; }

		#Neem .SecGallery {max-width: 100%; float: inherit;}
		#Neem .RommDescription{ width: 100%; margin-left:0;  float: inherit;}

		#Neem .Cousine .SecPad{ padding: 0 }


#Neem .ReviewList li p{ display: none; }
#Neem .ReviewList li img{ display: block; margin: auto; float: inherit; }
#Neem .ReviewList li a{ padding: 2px; } 
#Neem .Rates{ float: inherit; font-size: 1.3rem; margin-left: 0; border-radius:10px; padding: 5px 10px; clear: both; text-align: center;}

#Neem .ReviewDesc{ font-size: .7rem; line-height: 1rem; }

		
}

@media( max-width: 400px){
		#Neem .InquireForm .formCol{ width:46%; display: inline-block; }
		
}

/*keyframes*/
@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Keyframe for hiding the navigation */
@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

.reveal{position: relative; transform:translate(0, 10%); opacity: 0; transition: .5s all ease;}
.reveal.active{transform:translate(0);  opacity: 1;}

.slide-in-tl{  opacity: 0;}
.slide-in-tl.active {-webkit-animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;  animation: slide-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-tl {
  0% {-webkit-transform: translateY(-1000px) translateX(-1000px); transform: translateY(-1000px) translateX(-1000px);  opacity: 0;}
  100% { -webkit-transform: translateY(0) translateX(0);  transform: translateY(0) translateX(0); opacity: 1;}
}
@keyframes slide-in-tl {
  0% { -webkit-transform: translateY(-1000px) translateX(-1000px); transform: translateY(-1000px) translateX(-1000px); opacity: 0;}
  100% {-webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1;}
}

.slide-in-br.active {-webkit-animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;  animation: slide-in-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-br {
  0% {-webkit-transform: translateY(1000px) translateX(1000px); transform: translateY(1000px) translateX(1000px); opacity: 0;}
  100% { -webkit-transform: translateY(0) translateX(0);  transform: translateY(0) translateX(0);  opacity: 1;}
}
@keyframes slide-in-br {
  0% { -webkit-transform: translateY(1000px) translateX(1000px);  transform: translateY(1000px) translateX(1000px); opacity: 0;}
  100% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1;}
}

.slide-in-tr{ opacity: 0;}
.slide-in-tr.active {-webkit-animation: slide-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-tr {
  0% { -webkit-transform: translateY(-1000px) translateX(1000px); transform: translateY(-1000px) translateX(1000px); opacity: 0;}
  100% {-webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1;}
}
@keyframes slide-in-tr {
  0% { -webkit-transform: translateY(-1000px) translateX(1000px); transform: translateY(-1000px) translateX(1000px); opacity: 0; }
  100% { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); opacity: 1;
  }
}

.tilt-in-tr.active {-webkit-animation: tilt-in-tr 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: tilt-in-tr 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes tilt-in-tr {
  0% {-webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg); transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg); opacity: 0;}
  100% { -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg); transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);opacity: 1;}
}
@keyframes tilt-in-tr {
  0% { -webkit-transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg); transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg); opacity: 0;}
  100% {-webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg); transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);  opacity: 1; }
}

.tilt-in-tl.active {
	-webkit-animation: tilt-in-tl 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: tilt-in-tl 0.65s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-tl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
            transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-tl {
  0% {
    -webkit-transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
            transform: rotateY(35deg) rotateX(20deg) translate(-250px, -250px) skew(12deg, 15deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.kenburns-bottom {-webkit-animation: kenburns-bottom 3s ease-out both; animation: kenburns-bottom 3s ease-out both;}

@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(15px);
            transform: scale(1.1) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}