/* CSS Document Make and Used By Parvez Alam */
	
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */
	@font-face {
		font-family:'Roboto-Regular'; 
		src: url('../webfonts/Roboto-Regular.ttf');
	}
	
	@font-face {
		font-family:'Roboto-Light'; 
		src: url('../webfonts/Roboto-Light.ttf');
	}	
	
	/*@font-face {
		font-family:'Roboto-Thin'; 
		src: url('../webfonts/Roboto-Thin.ttf');
	}*/
	
	/*@font-face {
		font-family:'Nunito-Bold'; 
		src: url('../webfonts/Nunito-Bold.ttf');
	}*/
	
	@font-face {
		font-family:'Nunito-Regular'; 
		src: url('../webfonts/Nunito-Regular.ttf');
	}

	@font-face {
		font-family:'Playball'; 
		src: url('../webfonts/Playball.ttf');
	}
	
	@font-face {
		font-family:'CherrySwash-Regular'; 
		src: url('../webfonts/CherrySwash-Regular.ttf');
	}
	
	/*@font-face {
		font-family:'Allura-Regular'; 
		src: url('../webfonts/Allura-Regular.ttf');
	}*/
	
	@font-face {
		font-family:'FiraSans-Bold'; 
		src: url('../webfonts/FiraSans-Bold.ttf');
	}*/
	/* -------------------- DOWNLOADED FONTS - CSS  -------------------- */


	/*theme orange - FE5B00
	theme black - 000000
	light pink - FEF0F0
	menu BG color - 152219	
	*/
	
	/*for footer bg - 1E1E1E
	for logo orange - fec000
	for logo brown - 392200
	for button blue - 0066FF
	for logo BG - FBE091
*/

	/* -------------------- BODY COMMON - CSS  -------------------- */
	
	/* webpage default setting CSS */
	body {
		font-weight: 400;
		line-height: 1;
		word-wrap: break-word;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: none;
	}
	
	html {
		font-size: 10px;
	}
	
	html {
		font-size: 62.5%;
	}
	
	html {
		font-family: Verdana;
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
	}	
	
	.webbg
	{
		background-color: #FFFFFF;
	}
		
	.bodybg
	{
		/*background-color: #FFFFFF;*/
		
		width: 100%;
		height: auto;
		border: #0000FF solid 0px;
		background-image: url(../images/BodyBGImage.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #F5ECDD;		
	}
	
	.container-fluid
	{
		padding:0;
		margin:0;
	}
	
    .container 
	{
		max-width: 1200px;
		width: 100%;
		margin: auto;
		padding: 0 0;
		border: #F00 dashed 0px;
		background-color: transparent;
    }
	
	.container-white 
	{
		max-width: 1200px;
		width: 100%;
		margin: auto;
		background-color: #FFFFFF;
		padding: 25px 15px 25px 15px;
		border-radius: 15px;
	}	
	
	#navbar_top 
	{
		transition: all 0.5s ease-in-out; /* Smooth animation */
	}
	
    .headermenubarscroll
	{
		background-color: #1E1E1E;
    }
	
	.w3-top
	{
		position: fixed;
		width: 100%;
		z-index: 99;
	}
		
	.w3-black 
	{
		background-color: transparent !important;
	}	
	
	.row 
	{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1.5rem;
		margin-left: 1.5rem;
		/*display: block;*/
	}
	
/*	.row {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}	
*/	

	.row-nomargin
	{
		margin-right: 1.5rem;
		margin-left: 1.5rem;
	}
	
	.nomargin-lr
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	/* -------------------- BODY COMMON - CSS  -------------------- */


	.nopadding
	{
		padding:0px;
	}
	
	.nopadding-media
	{
		padding:0px;
	}
	
	.paddingtop5 
	{
		padding-top:0.5rem;
	}
	
	.paddingtop10 
	{
		padding-top:1rem;
	}

	.paddingtop15 
	{
		padding-top:1.5rem;
	}

	.paddingtop20
	{
		padding-top:2rem;
	}
	
	.paddingtop25 
	{
		padding-top:2.5rem;
	}
	
	.paddingtop30 
	{
		padding-top:3rem;
	}
	
	.paddingtop50 
	{
		padding-top:5rem;
	}
	
	.paddingtop50-media 
	{
		padding-top:5rem;
	}
	
	.paddingtop70 
	{
		padding-top:7rem;
	}
	
	.paddingbottom5 
	{
		padding-bottom:0.5rem;
	}
	
	.paddingbottom10 
	{
		padding-bottom:1rem;
	}
	
	.paddingbottom20 
	{
		padding-bottom:2rem;
	}
	
	.paddingtb10
	{
		padding:1rem 0rem;
	}

	.paddingtb20
	{
		padding:2rem 0rem;
	}
	
	.paddingtb30
	{
		padding:3rem 0rem;
	}
	
	.paddingtb50
	{
		padding:5rem 0rem;
	}
	
	.margintop15
	{
		margin-top:1.5rem;
	}
	
	.margintop30
	{
		margin-top:3rem;
	}
	

	.red12n
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #FF0000;
		font-weight:400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black12b
	{
		font-family: Roboto-Regular;
		font-size:12px;
		color: #000000;
		font-weight:600;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.black14n
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration:none;
	}
	
	.hyperlink
	{
		cursor: pointer;
		text-decoration: none;
	}
	
	.underlinenone
	{
		text-decoration: none !important;
	}
	
	.align-lefttocenter
	{
		text-align:left;
	}
	
	.align-righttocenter
	{
		text-align:right;
	}
	
	.showhide-media
	{
		display:block;
	}
	
	.hideshow-media
	{
		display:none;
	}

	.border
	{
		border:#0000FF solid 1px !important;
	}



	/* -------------------- HEADER SECTION - CSS  -------------------- */
	.navbar-expand-md .navbar-nav .nav-link 
	{
		font-family: Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 7.5;
		text-decoration:none;
		padding-right: 2rem;
		transition:.5s;
	}
	.navbar-expand-md .navbar-nav .nav-link:hover 
	{
		color: #FE5B00 !important;
		text-decoration:none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		text-decoration: none;
	}
	
	.navbar-light .navbar-toggler 
	{
		font-family: Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.5;
		text-decoration: none;
		border: #FE5B00 solid 1px;
		border-width: 2px;
	}	
	.navbar-light .navbar-toggler:hover
	{
		background-color: #FE5B00;
		border: #FFFFFF solid 1px;
		color: #FFFFFF !important;
		border-width: 2px;
		text-decoration: none;
		transition: .5s;
	}
	
	.headermenucss
	{
		justify-content: flex-end !important;
	}
	
	.container-header-main
	{
		width: 100%;
		margin: auto;
		padding: 10px 0;
		border:#FF00FF solid 0px;
		background-color: #152219;
		
		height:140px;
		line-height:7;
	}
	
	.headertext
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		letter-spacing: 0px;
		text-decoration: none;
	}

	
	
	.navbar .container-fluid
	{
		display:block;
	}
	
	.btn-booknow-header
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		padding: 10px 20px;
		border: 1px solid #152219;
		border-radius: none;
		background-color:#152219;
		box-shadow: 1px 1px 7px rgba(240, 239, 244, 0.24);
	}
	.btn-booknow-header:hover
	{
		background-color: #FE5B00;
		border: 1px solid #FE5B00;
		color:#FFFFFF;
		transition:.5s;
	}
	
	.btn.focus, .btn:focus 
	{
		outline: 0;
		box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
	}	
	
	.overlay {
	  height: 0%;
	  width: 100%;
	  position: fixed;
	  z-index: 12;
	  top: 0;
	  left: 0;
	  background-color: rgb(0,0,0);
	  background-color: rgba(0,0,0, 0.95);
	  overflow-y: hidden;
	  transition: 0.5s;
	}
	
	.overlay a {
	  text-decoration: none;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	
	.overlay a:hover, .overlay a:focus {
	  color: #f1f1f1;
	}
	
	.overlay .closebtn {
		position: absolute;
		right: 25px;
		
		font-family: 'Allura-Regular';
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 700;
		line-height: 2;
		text-decoration: none;
	}
	.closebtn:hover
	{
		transform: rotate(180deg);
	}	

	.nav-link-mobile
	{
		font-family: Roboto-Regular;
		color: #FFFFFF !important;
		font-size: 1.4rem !important;
		font-weight: 400;
		line-height: 2.5;
		text-decoration: none;
		transition: .5s;
	}
	.nav-link-mobile:hover 
	{
		color: #35EFEF !important;
		text-decoration: none;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
	
	.header-menu-container 
	{
		padding: 30px 30px;
		margin: 0;
		line-height: 0;
  	}
	
	ul.menulist 
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
  	}
	
	.header-menu-liner
	{
		border-bottom: #506363 solid 1px;
		margin: 25px 0;
  	}
	
	.icon-menu-sm
	{
		color: #FFFFFF;
		font-size: 16px !important;
		text-decoration: none;
		margin-right: 25px;
		cursor: pointer;
	}
	.icon-menu-sm:hover
	{
		color: #35EFEF;
		transition: .5s;
	}	
	
	.logocss
	{
		width: 100px;
		height: auto;
		border-radius: 50%;
		background-color: #FFFFFF;
	}
	
	.logocss-menu
	{
		width: 50px;
		height: auto;
		border-radius: 50%;
	}
	
	.logocss-menu-hover
	{
		width: 70px;
		height: auto;
		border-radius: 50%;
	}
	
	.header-menu-right
	{
		position: absolute;
		right: 70px;
		top: -5px;
  	}
	
	.header-menu-left
	{
		position: absolute;
		left: 20px;
		top: -15px;
		line-height: 2;
  	}
	
	
	@media only screen and (max-width: 767px)
	{
		.container-header-main
		{
			height:60px;
			padding-top:20px;
		}

	}
	/* -------------------- HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- BANNER SLIDER SECTION - CSS  -------------------- */
	.carousel-caption 
	{
		position: absolute;
		top: 15%;
		left: 10%;
		right: 10%;
		z-index: 10;
	}	
		
	.slidertitle
	{
		font-family: 'Allura-Regular';
		color: #FFFFFF;
		font-size: 4rem;
		font-weight: 400;
		line-height: 1.3;
		text-decoration: none;
	}
	
	.sliderbannerbgcss
	{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 700px;	
	}
	
	.sliderbannershade
	{
		background-color: #000000;
		height: 100%;
		opacity: 0.4;
	}
	/* -------------------- BANNER SLIDER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	.offcanvas-header
	{
		display:none; 
	}
	
	.btn-outline-danger 
	{
		color: #8ab4eb;
		border-color: #8ab4eb;
	}
	.btn-outline-danger:hover
	{
		color: #FFFFFF;
		border-color: #8ab4eb;
		background-color:#0A4C79;
	}
	
	.hovermenupadding
	{
		padding-top:3.5rem;
	}
	
	.burgericoncss
	{
		position: absolute;
		left: 1.5rem;
	}
	
	.navbar 
	{
		width: 100%;
		padding: 5px 5px 5px 15px;
	}		
	
	.navbar-brand
	{
		margin:auto;
	}
	

	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link {
			color: #FFFFFF !important;
			font-size: 1.4rem;
			font-weight: 400;
			padding-left: 1.5rem;
			margin-left:-1.5rem;
		}	
		.navbar-expand-md .navbar-nav .nav-link:hover {
			color: #0091F7 !important;
			transition:.5s;
			text-decoration: none;
		}
	
		.offcanvas-header
		{ 
			display:block; 
		}
		
		.navbar-collapse 
		{
			position: fixed;
			top:0; 
			padding-bottom: 7rem;
			left: -68%;
			width: 68%;
			padding-right: 1.5rem;
			padding-left: 1.5rem;
			overflow-y: auto;
			visibility: hidden;
			opacity: 0.9;
			background-color: #121E4D;
			transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
		}
		
		.navbar-collapse.show 
		{
			visibility: visible;
			transform: translateX(100%);
		}
		
		.navbar-light .navbar-toggler 
		{
			color: #FFFFFF;
		}	
		
		.navbar button.navbar-toggler:hover 
		{
		  color: #FC5C2D;
		}			
	}
	/* -------------------- NEW HOVER HEADER SECTION - CSS  -------------------- */
	
	
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
    .footer-bgcolor
	{
		background-color: #152219;
    }
	
    .footer-bgcolor-bottom
	{
		background-color: #000000;
    }
	
    .container-footer 
	{
		max-width:1200px;
		width:100%;
		margin:auto;
		padding: 25px 0 0 0;
		height:auto;
    }
	
    .container-footer-bottom
	{
		max-width:1200px;
		width:100%;
		margin:auto;
		padding: 12px 0;
    }
	
	.footer-liner
	{
		border-top: #808080 solid 1px;
		width: 100%;
		margin:auto;
		margin-bottom: 2rem;
	}
	
	.footertext
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.copyright
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.footeraboutus
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.footertitle
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		margin-bottom: 1.5rem;
	}
	.footertitle:after 
	{
		content: '';
		display: block;
		position: relative;
		width: 40px;
		border: 1px solid #fec000;
		margin-top: 5px; 
	}

	ul.footerlist 
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 1rem;
	}

	.footermenulinks
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 2.2;
	}
	.footermenulinks:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.footermenulinks-contact
	{
		font-family: Roboto-Regular,Arial,Helvetica,sans-serif;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.5;
	}
	.footermenulinks-contact:hover
	{
		color:#fec000;
		text-decoration:none;
		transition:.5s;
	}
	
	.astrotechlink
	{
		font-family: Roboto-Light,Arial,Helvetica,sans-serif;
		color: #fec000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.astrotechlink:hover
	{
		color:#FFFFFF;
		text-decoration:none;
		transition:.5s;
	}
	
	.icon-footer-contact
	{
		color:#FFFFFF;
		font-size: 2rem;
		margin-top: 5px;
		cursor: pointer;
	}
	
	.table td, .table th 
	{
		padding: 0 .3rem 2rem 0;
	}
	
	.footersectionmediacss
	{
		padding: 25px 0;
	}
	
	.icon-footer-sm
	{
		background-color: #255233;
		color: #FFFFFF;
		font-size: 18px !important;
		text-decoration: none;
		width: 45px;
		padding: 11px 14px;
		margin-right: 10px;
		margin-top: 9px;
		border-radius: 50%;
		border:#255233 solid 1px;
		cursor: pointer;
	}
	.icon-footer-sm:hover
	{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		transition: .5s;
	}	
	
	.bg-facebook
	{
	  padding-left: 15px;
	}	
	
	.logocss-footer
	{
		width: 100px;
		height: auto;
		border-radius: 50%;
	}
	
	.footerbgimagecss
	{
		width: 100%;
		height: auto;
		border: #0000FF solid 0px;
	}

	.bottombarcss 
	{
		position: fixed;
		right: 115px;
		bottom: 60px;
		border: #26D367 dashed 0px;
		z-index: 400
	}
	
	.icon-bottombar
	{
		font-size: 5rem !important;
		margin-left: 1.5rem;
		cursor: pointer;
		width: 40px !important;
		height: 40px !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		text-decoration: none;
		background: #25D366;
		color: #255233;		
	}
	
	/* -------------------- FOOTER SECTION - CSS  -------------------- */
	
	
		
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	.sectionwiseblock 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwiseblock-full 
	{
		border: #1E1E1E solid 0px;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	
	.sectionwiseblock-full-map
	{
		border: #1E1E1E solid 0px;
	}
	
	.sectionwiseblock-bannerslider 
	{
		border: #1E1E1E solid 0px;
	}
	
	.sectionwiseblock-video 
	{
		border: #1E1E1E solid 0px;
		padding-top: 5rem;
		padding-bottom: 7rem;
	}
	
	.sectionwise-bg-gray
	{
		background-color:#EFEEEA;
	}
	
	.pagetitle
	{
		font-family:'Allura-Regular'; 
		color: #152219;
		font-size: 4rem;
		font-weight: 400;
		line-height: 1;
		text-decoration: none;
		margin-bottom: 5px;
	}
	.pagetitle2
	{
		color: #FE5B00;
	}
	
	.page-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		text-align: justify;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.pageliner
	{
		border-bottom:#354716 solid 1px;
		margin-bottom: 15px;
	}
	
	.pageliner-icon
	{
		background-color: #F5ECDD;
		color: #384618;
		position: relative;
		width: 30px;
		padding: 0px 0 7px 10px;
		margin-bottom: -20px;
		margin-left: 42%;
	}
		
	.sectionheading
	{
		/*font-family: 'Allura-Regular';*/
		color: #000000;
		font-size: 3.5rem;
		font-weight: 400;
		line-height: 2;
		text-decoration: none;
	}
	
	.sectioncaption
	{
		/*font-family: 'Allura-Regular'*/;
		color: #444;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.5;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	.section-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-align: center;
		text-decoration: none;
	}
	
	.sideheading
	{
		/*font-family: 'Allura-Regular';*/
		color: #000000;
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 2;
		text-decoration: none;
	}
	
	.side-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-align: left;
		text-decoration: none;
	}
	
	.sidesection-imagecss
	{
		width:775px;
		height:400px;
	}
	
	.card-body 
	{
		padding: 1.5rem 2rem;
	}
	
	.btn-viewall 
	{	
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform: uppercase;
		padding: 13px 40px;
		border-radius: 25px;
		transition: all .3s;
		display: inline-block;
		position: relative;
		overflow: hidden;
		z-index: 1;
	
		&:after {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #152219;
		  z-index: -2;
		}
		&:before {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 0%;
		  height: 100%;
		  background-color: #FE5B00;
		  transition: all .3s;
		  z-index: -1;
		}
		&:hover {
		  color: #FFFFFF;
		  &:before {
			width: 100%;
		  }
		}
	}	
	
	.card-listen
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 25px 25px;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
  	}
	.card-listen:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.listen-title
	{
		color: #152219;
		font-size: 3.5rem;
		font-weight: 400;
		line-height: 1;
		text-decoration: none;
	}
		
	.listen-details
	{
		font-family: Roboto-Regular;
		color: #5d5454;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.7;
		text-decoration: none;
	}
	
	.icon-listen
	{
		color: #392200;
		font-size: 4.4rem !important;
		cursor: pointer;
	}
	
	/* Photo Gallery Section CSS */
	.photogallery-listimage {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
		width: 100%;
		height: 200px;
		border-radius: 15px;
		object-fit: cover;
		cursor: pointer;
		border-radius: 50% 20% / 10% 40%;
	
		opacity: 0;
		transform: scale(0.85) translateY(20px);
		animation: galleryReveal 1s ease-out forwards;
	}
	
	@keyframes galleryReveal {
		from {
			opacity: 0;
			transform: scale(0.85) translateY(20px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}	
		
	.photogallery-popupimage
	{
		width: 500px;
		height: 400px;
		object-fit: cover;
		cursor: pointer;
	}
	
	.lightbox .lb-image {
		width: 750px !important;	
		height: 500px !important;
		object-fit: cover;
		border-radius: 3px;
	}
	/* Photo Gallery Section CSS */
	
	.card-attraction
	{
		/*background-color: #daf4f469;*/
		background-image: linear-gradient(to bottom right,#ede4d3,#EFEDEA);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		margin-top: 25px;
		border-radius: 10px;
		height: 450px;
		cursor: pointer;
  	}
	
	.icon-attraction
	{
		background-color: #384618;
		color: #FFFFFF;
		font-size: 25px !important;
		text-decoration: none;
		width: 45px;
		height: 45px;
		padding: 10px 10px;
		margin-right: 10px;
		margin-top: 5px;
		border-radius: 50%;
		border: #384618 solid 1px;
		cursor: pointer;
	}
	
	.aboutusbgcss1
	{
		background-image: url("../images/AboutUsBlockBG1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom right;
		width: 100%;
		height: 450px;
	}
	
	.aboutusbgcss2
	{
		background-image: url("../images/AboutUsBlockBG2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom right;
		width: 100%;
		height: 450px;
	}

	.aboutusbgcss3
	{
		background-image: url("../images/AboutUsBlockBG3.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom right;
		width: 100%;
		height: 450px;
	}
	
	.aboutusliner
	{
		border-bottom:#354716 solid 1px; 
		margin: 0 25px 0 60px;
	}
	
	.aboutusliner-icon
	{
		background-color: #ede4d3;
		color: #384618;
		position: relative;
		width: 30px;
		padding: 0px 0 7px 10px;
		margin-bottom: -20px;
		margin-left: 50%;
	}
	
	.card-attraction-title
	{
		background-color: #fbe5c4;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 20px 20px;
		border-radius: 10px 10px 0 0;
		height: 50px;
		cursor: pointer;
  	}
	.card-attraction-title:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}

	.attraction-title
	{
		font-family: Roboto-Regular;
		color: #384618;
		font-size: 2rem;
		font-weight: 700;
		line-height: 0.5;
		text-decoration: none;
	}
	
	.attraction-details
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	ul.attraction-ullist
	{
		list-style-type: none;
		margin-left: -4rem;
	}
	
	.btn-read-more-attraction
	{	
		color: #FFFFFF;
		background-color:#384618;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		padding: 8px 15px;
		border-radius: 25px;
		transition: all .3s;
		z-index: 1;
	}	
	.btn-read-more-attraction:hover
	{
		color: #FE5B00;
		transition: .5s;
	}
	
	.card-testimonial
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		position:relative;
		width: 100%;
		padding: 25px 35px;
		margin-top: 25px;
		border:#EEEEEE solid 1px;
		height: 200px;
		cursor: pointer;
  	}
	.card-testimonial:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.card-testimonial:after {
		content: '';
		position: absolute;
		bottom: -20px;
		left: 38px;
		border-width: 20px 20px 0;
		border-style: solid;
		border-color: #FFFFFF transparent transparent transparent;
		transition: .5s;
	}
	
	.card-testimonial:hover:after {
		border-color:  #fbe5c4 transparent transparent transparent;
	}	
	
	/* Border Arrow */
	.card-testimonial:before{
		content:'';
		position:absolute;
		bottom:-22px;
		left:37px;
	
		border-width:22px 22px 0;
		border-style:solid;
		border-color:#dddddd transparent transparent transparent;
	}
	
	/* White Inner Arrow */
	.card-testimonial:after{
		content:'';
		position:absolute;
		bottom:-20px;
		left:38px;
	
		border-width:20px 20px 0;
		border-style:solid;
		border-color:#FFFFFF transparent transparent transparent;
	}
	
	.testimonial-title
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.testimonial-details
	{
		font-family: Roboto-Regular;
		color: #5d5454;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: left;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.testimonial-imagecss
	{
		border-radius: 50%;
		border: #152219 solid 1px;
		width: 60px;
		height: 60px;
		object-fit:cover;
		cursor: pointer;
	}

	.btn-viewall-more
	{	
		color: #FFFFFF;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform: uppercase;
		padding: 8px 20px;
		border-radius: 25px;
		transition: all .3s;
		display: inline-block;
		position: relative;
		overflow: hidden;
		z-index: 1;
	
		&:after {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: #152219;
		  z-index: -2;
		}
		&:before {
		  content: '';
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  width: 0%;
		  height: 100%;
		  background-color: #FE5B00;
		  transition: all .3s;
		  z-index: -1;
		}
		&:hover {
		  color: #FFFFFF;
		  &:before {
			width: 100%;
		  }
		}
	}	
	
	/* -------------------- HOMEPAGE SECTION - CSS  -------------------- */
	

	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */
	#scroll {
		position:fixed;
		right:35px;
		bottom:35px;
		cursor:pointer;
		width:50px;
		height:50px;
		background-color:#255233;
		border: #255233 solid 0px;
		border-radius:25px;
		text-indent:-9999px;
		display:none;
		z-index: 400
	}
	#scroll span {
		position:absolute;
		top:50%;
		left:50%;
		margin-left:-8px;
		margin-top:-12px;
		height:0;
		width:0;
		border:8px solid transparent;
		border-bottom-color:#FFFFFF;
	}
	#scroll:hover {
		background-color:#fec000;
		border: #FFFFFF solid 0px;
		box-shadow: 1px 12px 30px rgba(102, 46, 255, 0.24);
		transition: .5s;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}
	/* ----------------- SCROLL TO TOP BUTTON - CSS  ----------------- */




	/*---------- CONTACT US Page SECTION - CSS ----------*/
	.contactus-formcss
	{
		font-family: Roboto-Regular;
		color: #211456;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		
		background-color:#FFFFFF;	
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		padding: 20px 0;
		border-radius: 15px;
		border: #d1d0d3 solid 1px;	
	}
	
	.card-contactbar
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 25px 25px;
		margin-top: 25px;
		border-radius: 10px;
		border-left: #FE5B00 solid 4px;
		cursor: pointer;
  	}
	
	.contactbar-title
	{
		color: #FE5B00;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		text-decoration: none;
	}
		
	.contactbar-details
	{
		font-family: Roboto-Regular;
		color: #5d5454;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.icon-contactbar
	{
		background-color: #FE5B00;
		color: #FFFFFF;
		font-size: 3rem !important;
		text-decoration: none;
		padding: 7px 10px;
		margin-right: 10px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	.icon-contactbar-middle
	{
		display: inline-block !important;
		vertical-align: middle;
	}	
	
	.btn-form
	{
		font-family: Roboto-Regular;
		color: #FFFFFF;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.5;
		text-decoration: none;
		text-transform:uppercase;
		padding: 10px 20px;
		border-radius: 25px;
		background-color: #152219;
		border: #152219 solid 1px;
	}
	.btn-form:hover
	{
		background-color: #FE5B00;
		border: #FE5B00 solid 1px;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.form-control
	{
		display: block;
		width: 100%;
		height: 44px;
		padding: 6px 12px;
		font-family: Roboto-Regular;
		font-size: 16px;
		line-height: 2;
		color: var(--bs-body-color);
		margin-bottom: 15px;
		background-color: #fff;
		background-image: none;
		border: 1px solid #A0A8B0;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.form-control:focus {
		box-shadow: none;
		border: 1px solid #002147;
		color: #081E3C;
		transition:.5s;
	}
	
	.form-control-textarea 
	{
		display: block;
		width: 100%;
		height: 110px !important;
	}	
	
	::placeholder 
	{
	  color: #666666 !important;
	}
	
	.btn-primary:focus 
	{
		background-color: #fdc800;
		color: #FFFFFF;
		transition: .5s;
	}
	
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
		color: #FFFFFF;
		background-color: #fdc800;
		border-color: #fdc800;
	}	
	/*Firefox*/
	input[type="number"] {
		-moz-appearance: textfield;
	}
	/*Chrome, Safari, Edge, Opera*/
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	}	
	
	html {
		scroll-behavior: smooth;
	  }
	
	.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
		border-top: 1px solid #152219;
		border: #152219 solid 1px;
		padding: 5px 0px;
		margin-bottom: 0px;
	}
	
	/*---------- CONTACT US Page SECTION - CSS ----------*/
	
	
	
	
	/*---------- VIDEO CSS ----------*/
	.videotitle
	{
		font-family: 'Allura-Regular';
		color: #000000;
		font-size: 5rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.videotitlecaption
	{
		font-family: Roboto-Regular;
		color: #292626;
		font-size: 2.3rem;
		font-weight: 400;
		line-height: 3.8;
		letter-spacing: 2;
		text-decoration: none;
	}
	
	.pageliner-video-title
	{
		border-bottom:#8C6530 solid 1px;
		margin-bottom: 15px;
	}
	
	.pageliner-video-title-icon
	{
		background-color: #EFEEEA;
		color: #384618;
		position: relative;
		width: 30px;
		padding: 0px 0 7px 8px;
		margin-bottom: -20px;
		margin-left: 45%;
	}
	
	.pageliner-video-caption
	{
		border-bottom:#8C6530 solid 1px;
		margin-bottom: 15px;
	}
	
	.pageliner-video-caption-icon
	{
		background-color: #EFEEEA;
		color: #8C6530;
		position: relative;
		width: 30px;
		padding: 0px 0 13px 10px;
		margin-bottom: -20px;
		margin-left: 42%;
		font-size: 10px;
	}
	
	.video-caption
	{
		font-family: 'Nunito-Regular';
		color: #8C6530;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0;
		text-align: center;
		text-decoration: none;
	}
	
	.videoboxcss
	{
		border-radius: 25px;
	}
	/*---------- VIDEO CSS ----------*/
	
	
	/*---------- LOCATION MAP CSS ----------*/
	#mapDIV {
		height: 400px;
		width: 100%;
		position: relative;
	}

	 .map-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.1);
		transition: background 0.3s ease-in-out;
		pointer-events: none;
		z-index: 999;
	}

	.map-overlay.clear {
		background: rgba(0, 0, 0, 0);
	}
	/*---------- LOCATION MAP CSS ----------*/
	
	
	
	.pagewisebannercss
	{
		object-fit: cover;
		width: 100%;
		height: 500px;	
	}
	
	.aboutus-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.8rem;
		font-weight: 400;
		line-height: 1.7;
		letter-spacing: 0;
		text-decoration: none;
	}
	
	.aboutusimagecss1
	{
		object-fit: cover;
		width: 100%;
		height: auto;
		border-radius: 15px;
	}
	
	.aboutusimagecss2
	{
		object-fit: cover;
		width: 100%;
		height: 300px;
		border-radius: 15px;
		border-radius: 50% 20% / 10% 40%;
	}
	
	.aboutusimagecss3
	{
		object-fit: cover;
		width: 48%;
		height: 300px;
		padding-left: 10px;
		border-radius: 15px;
		border-radius: 50% 20% / 10% 40%;
	}
	
	.text-orange
	{
		color: #FE5B00;
	}
	
	.text-blue
	{
		color: #0000FF;
	}
	
	.text-red
	{
		color: #FF5252;
	}
	
	.text-white
	{
		color: #FFFFFF;
	}
	
	.text-green
	{
		color: #384618;
	}
	
	.card-activity
	{
		background-color: #FFFFFF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		padding: 25px 25px;
		border-radius: 10px;
		height: 275px;
		cursor: pointer;
  	}
	.card-activity:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.activity-title
	{
		font-family: Roboto-Regular;
		color: #FE5B00;
		font-size: 2rem;
		font-weight: 400;
		line-height: 0.5;
		text-decoration: none;
	}
	
	.activity-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: justify;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.icon-activity
	{
		color: #152219;
		font-size: 4rem !important;
		cursor: pointer;
	}
	
	.activity-imagecss
	{
		width: 100%;
		height: 275px;
		border-radius: 10px;
		object-fit: cover;
	}
	
	.arrowcss
	{
		position: absolute;
		top: 70%;
		left: 50%;
		right: 50%;
		z-index: 10;
	}	
	
	.card-room
	{
		background-color: #daf4f469;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  		transition: all .5s;
		width: 100%;
		margin-top: 25px;
		border-radius: 10px;
		cursor: pointer;
  	}
	.card-room:hover
	{
		background-color: #fbe5c4;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
		transition: .5s;
	}
	
	.room-title
	{
		font-family: CherrySwash-Regular;
		color: #FE5B00;
		font-size: 2.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.room-cost
	{
		font-family: 'Allura-Regular';
		color: #000000;
		font-size: 2.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.room-details
	{
		font-family: 'Nunito-Regular',sans-serif;
		color: #000000;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: justify;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.room-imagecss
	{
		width: 100%;
		height: auto;
		border-radius: 10px 10px 0 0;
		object-fit: cover;
	}
	
	.roomtypeblock
	{
		position: absolute;
		background-color: red;
		border-radius: 0 10px 0 0;
		padding: 10px;
		right: 15px;
		
		font-family: 'Allura-Regular';
		color: #fff;
		font-size: 2.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.registrationform-imagecss
	{
		width:475px;
		height: 600px;
		object-fit: cover;
		box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
		border: #d1d0d3 solid 1px;
		border-radius: 15px;
  	}
	
	.sectionwiseblock-ourteam1 
	{
		background-color: #f3f9f9;
		border: #EFEEEA solid 1px;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.sectionwiseblock-ourteam2
	{
		background-color: #F5ECDD;
		border: #EFEEEA solid 1px;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.ourteam_imagecss
	{
		object-fit: cover;
		width: 250px;
		height: 250px;
		border-radius: 50%;
	}

	.modal-dialog-listen
	{
		max-width:850px;
	}

	.modal-content
	{
		padding: 15px;
	}

	.modal-title
	{
		color: #152219;
		font-size: 2rem;
		font-weight: 400;
		line-height: 1;
		text-decoration: none;
	}
		
	.modal-details
	{
		font-family: Roboto-Regular;
		color: #5d5454;
		font-size: 1.7rem;
		font-weight: 400;
		line-height: 1.7;
		text-align: justify;
		text-decoration: none;
	}
	
	.modal-readmore
	{
		font-family: Roboto-Regular;
		color: #FE5B00;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	.modal-readmore:hover
	{
		color: #0000FF;
		text-decoration: none;
		transition: .5s;
	}

	.nodataavailablecss
	{
		font-family:'Allura-Regular'; 
		color: #FE5B00;
		font-size: 2.6rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
	}
	
	.sectionbgcss1
	{
		background-image: url(../images/SectionWiseBG17.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 765px;
	}
	
	.sectionwisebgcss1
	{
		background-image: url(../images/SectionWiseBGNew1.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
	}
	
	.bodybgimagecss
	{
		width: 100%;
		height: auto;
		border: #0000FF solid 0px;
		background-image: url(../images/BodyBGImage.jpg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-color: #F5ECDD;
	}
	
	/*This CSS are used to show/hide images as per filter*/
	.gallery-item
	{
		transition:.4s;
	}
	
	.filter-btn
	{
		font-family: Roboto-Regular;
		color: #000000;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.5;
		text-decoration: none;
		cursor: pointer;
		
		background-color: #F5ECDD;	
		border: 1px solid #152219;
		border-radius: 15px;
		padding: 5px 15px;
		margin-right: 15px;
		margin-bottom: 10px;
	}
	
	.filter-btn.active
	{
		background-color: #152219;	
		color: #FFFFFF;
	}
	/*This CSS are used to show/hide images as per filter*/




	
	/* If the screen size is 360px or less, set this CSS */
	@media only screen and (max-width: 360px)
	{

	}
	
	
	
	/* If the screen size is 767 or less, set this CSS */
	@media only screen and (max-width: 767px)
	{
		.navbar-expand-md .navbar-nav .nav-link 
		{
			border-top: #0C182B solid 1px;
		}	
		
		.showhide-media
		{
			display:none;
		}
		
		.hideshow-media
		{
			display:block;
		}
		
		.align-lefttocenter
		{
			text-align:center;
		}
		
		.align-righttocenter
		{
			text-align:center;
		}
		
		.paddingtop50-media 
		{
			padding-top:2rem;
		}
			
		.sliderbannerbgcss
		{
			height:150px;
		}
		
		.headermenucss
		{
			justify-content: flex-start !important;
		}
		
		.container-footer 
		{
			padding: 15px 0 0 0;
		}
		
		.footertitle
		{
			font-size: 1.6rem;
			margin-bottom: 10px;
		}
		
		.logocss-footer
		{
			width: 90px;
		}
		
		.footermenulinks
		{
			font-size: 1.4rem;
		}
		
		.footersectionmediacss 
		{
			padding: 0;
		}
	
		.footermenulinks-contact
		{
			font-size: 1.4rem;
		}
			
		.footertext
		{
			font-size: 1.4rem;
		}
		
		.astrotechlink
		{
			font-size: 1.2rem;
		}
			
		.copyright
		{
			font-size: 1.2rem;
		}
		
		.icon-footer-sm
		{
			width: 40px;
			padding: 10px 11px;
			margin-top: 0;
		}
		
		.bg-facebook
		{
		  padding-left: 13px;
		}	
		
		.bottombarcss 
		{
			bottom: 40px;
		}
		
		.icon-bottombar
		{
			font-size: 4.2rem;
			width: 32px;
			height: 32px;
		}
		
		
		.carousel-caption 
		{
			position: absolute;
			top: -10%;
			left: 10%;
			right: 10%;
			z-index: 10;
		}
		
		.pagetitle
		{
			font-size: 2.6rem;
		}
		
		.page-details
		{
			font-size: 1.6rem;
		}
			
		.sectionheading
		{
			font-size: 2rem;
		}
		
		.sectioncaption
		{
			font-size: 1.4rem;
		}
		
		.section-details
		{
			font-size: 1.6rem;
		}
		
		.sideheading
		{
			font-size: 2rem;
		}
		
		.side-details
		{
			font-size: 1.4rem;
		}
		
		.sidesection-imagecss
		{
			width: 100%;
			height: auto;
		}
		
		.slidertitle
		{
			font-size: 1.5rem;
			line-height: 2.2;
		}
		
		.nopadding-media
		{
			padding: 15px;
		}
		
		.card-listen
		{
			padding: 25px 25px;
		}
		
		.listen-title
		{
			font-size: 2.4rem;
		}
		
		.sectionwiseblock 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-full 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-video 
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.btn-viewall 
		{	
			font-size: 1.2rem;
			padding: 8px 20px;
		}
		
		.card-attraction
		{
			height: auto;
		}
		
		.attraction-title
		{
			font-size: 1.8rem;
		}
		
		.attraction-details
		{
			font-size: 1.6rem;
		}
		
		/* Photo Gallery Section CSS */
		.lightbox .lb-image {
			width: 350px !important;	
			height: 250px !important;
		}
		/* Photo Gallery Section CSS */
		
		
		.videotitle
		{
			font-size: 3rem;
			line-height: 1;
		}
		
		.videotitlecaption
		{
			font-size: 1.6rem;
			line-height: 3;
		}
		
		.video-caption
		{
			font-size: 1.5rem;
		}
		
		.pagewisebannercss
		{
			height: 175px;	
		}
		
		.aboutus-details
		{
			font-size: 1.6rem;
		}
		
		.aboutusimagecss2
		{
			height: 250px;	
		}
		
		.aboutusimagecss3
		{
			width: 100%;
			height: auto;
			padding-top: 15px;
		}
		
		.card-contactbar
		{
			padding: 15px 25px;
		}

		.contactbar-title
		{
			font-size: 1.6rem;
		}
			
		.contactbar-details
		{
			font-size: 1.5rem;
		}
		
		.icon-contactbar
		{
			font-size: 3rem !important;
		}
		
		.btn-form
		{
			font-size: 1.3rem;
			line-height: 1.4;
			padding: 10px 15px;
		}
		
		#mapDIV 
		{
			height: 300px;
		}
		
		.card-activity
		{
			height: auto;
			padding: 15px 15px;
		}
		
		.activity-title
		{
			font-size: 1.8rem;
		}
		
		.activity-details
		{
			font-size: 1.6rem;
		}
		
		.icon-activity
		{
			font-size: 3rem !important;
		}
		
		.activity-imagecss
		{
			height: auto;
			margin-top: 15px;
		}
		
		/*.room-title
		{
			font-size: 2rem;
		}
		
		.room-cost
		{
			font-size: 2.2rem;
		}
		
		.room-details
		{
			font-size: 1.6rem;
		}
		
		.roomtypeblock
		{
			font-size: 2.2rem;
		}
		
		.arrowcss
		{
			display: none;
		}*/
		
		.registrationform-imagecss
		{
			width: 100%;
			height: auto;
		}
		
		.sectionwiseblock-ourteam1
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		
		.sectionwiseblock-ourteam2
		{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
	
		.ourteam_imagecss
		{
			width: 200px;
			height: 200px;
		}
		
		.card-testimonial
		{
			height: auto;
		}
		
		.filter-btn
		{
			font-size: 1.2rem;
			padding: 5px 10px;
			margin-right: 6px;
		}
		

	}	
	


	
	/* If the screen size is between 768px to 1024px, set this CSS */
	@media (min-width: 768px) and (max-width: 1024px)
	{
		
	}
	
	
	
	@media (max-device-width : 1024px) and (orientation : landscape)
	{

	}
		
	/* -------------------- NEW CSS UPDATED for TRAINER MODULE - CSS  -------------------- */