* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	user-select: none;
}


html {
	font-size: 62.5%;
	scroll-behavior:smooth;

}

body {
	padding: 0;

}


:root {
	--bg-page-color: white;
	--bg-color: olive;
	--nav-item-bg-color: yellowgreen;
	--nav-item-text-color: #fff;
	--nav-item-font: 'DynaPuff', cursive;
	--btn-bg-color: purple;
	--para-heading-font: 'Indie Flower', sans-serif;
	--para-heading-font-color: purple;
	--para-heading-font-size: 7.5rem;
	--para-heading-font-size-md: 5.5rem;
	--para-heading-font-size-sm: 3.5rem;
	--para-heading-font-size-xsm:3rem;
	--para-text-font: 'Fira Sans Condensed', 'Ubuntu', sans-serif, 'Raleway', sans-serif;
	--para-text-font-size: 1.6rem;
	--para-text-font-weight: 600;
	--para-line-height: 2.5rem;
	--th-font-size: 1.6rem;
	--td-font-size: 1.5rem;
}


li {
	list-style-type: none;
}

a {
	text-decoration: none;

}



.nav-anchor,
.nav-responsive-anchor {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-family: var(--nav-item-font);
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 1.5px;
	color: var(--nav-item-text-color);
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	transition: all 0.1s linear;
	/*border: 2px solid darkred;*/
}

.nav-anchor:hover {
	text-decoration: none;
	color: green;
	background-color: rgba(173, 255, 47, 0.8);
	border-radius: 10px;
	transition: all 0.1s linear;
}

.persona-heading {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 98%;
	height: 100%;
	margin: 0;
	font-size: var(--para-heading-font-size);
	font-family: serif;
	padding: 0;
	border-bottom-color: #000;

	/* border: 2px solid orangered; */
}

.persona-head-text {
	display: flex;
	justify-content: start;
	align-items: center;
	height: 100%;
	width: 100%;
	margin: 50px auto 120px;
	padding: 1%;
	font-family: var(--para-heading-font);
	color: var(--para-heading-font-color);
	font-size: var(--para-heading-font-size);
	font-weight: bolder;

	/* border:4px solid green; */
}

.common-text {
	font-family: var(--para-text-font);
	font-size: var(--para-text-font-size);
	font-weight: var(--para-text-font-weight);
	line-height: var(--para-line-height);
	/* border:2px solid orangered; */
}


.footer-content-head-text {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 15px;
	margin: 25px;
	padding: 15px;
	color: cornsilk;
	font-size: 1.8rem;
	text-decoration: underline orangered solid;
	text-underline-offset: 10px;

	/*border: 2px solid green;*/
}



								/*  START OF MAIN CSS CODING */



.container-fluid {
	
	height: auto;
	margin: 0;
	padding: 0;	
	overflow-x: hidden;
	background-color: var(--bg-page-color);
	/* border:5px solid magenta; */
}



								/*  START OF NAVBAR SECTION CODE */




#nav-area {
	width: 100%;
	height: 60px;
	padding: 0;
	background-color: var(--bg-color);
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 5;

}


#nav-area .nav-wrapper-box {
	height: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid red;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0;
	padding: 0;
	/*border: 2px solid blue;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col .logo {
	width: 7.5%;
	height: 98.5%;
	margin: 0;
	/*border: 2px solid white;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col .logo .logo-img {
	width: 100%;
	height: 100%;
}


#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40%;
	height: 98.5%;
	margin: 0% 0.5% 0% 49%;

	/*border: 1px solid white;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul .nav-li {
	width: 22%;
	height: 90%;
	margin-left: 5%;
	list-style-type: none;
	/*border: 2px solid green;*/
}

/* CSS FOR HAMBURGER MENU */


#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger {
	display: none;
	width: 5%;
	height: 100%;
	margin-left: 85%;
	outline: none;
	/*border: 2px solid hotpink;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger .hamburger-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0;
	/*border: 2px solid hotpink;*/
}

#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger .hamburger-menu .hamburger-symbol {
	display: block;
	width: 70%;
	height: 10%;
	margin-bottom: 3px;
	background-color: orange;

}


/*  START OF NAVBAR-EXTENSION SECTION CODE */




/*#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul #category .nav-extn-ul
		{
			display: none;
			width: 13.5%;
			height: auto;
			position: absolute;
			top: 60px;
			left: 72%;
			z-index: 3;
			border: 2px solid blueviolet;
		}

		#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul #category .nav-extn-ul .nav-extn-li
		{
			width: 100%;
			height: 25px;
			padding: 0 ;
			background: #000;
			margin-bottom: 1.5px;
			border-radius: 25%;
			border: 2px solid darkred;
		}

		#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul #category .nav-extn-ul .nav-extn-li .nav-extn-anchor
		{
			display: flex;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			font-size: 1.6rem;
			font-weight: 500;
			color: #fff;
			width: 100%;
			height: 100%;

		}*/


							/*  START OF RESPONSIVE-SCREEN NAVBAR SECTION CODE */




#nav-area .responsive-navbar-row {
	display: none;
	width: 35%;
	height: auto;
	position: absolute;
	top: 60px;
	left: 65%;
	z-index: 3;

	/*border: 3px solid hotpink;*/
}

#nav-area .responsive-navbar-row .responsive-navbar-col {
	height: auto;
	padding: 0;

	/*border: 2px solid green;*/
}

#nav-area .responsive-navbar-row .responsive-navbar-col .nav-responsive-ul {

	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background: gold;
	/*border: 2px solid blue;*/
}

#nav-area .responsive-navbar-row .responsive-navbar-col .nav-responsive-ul #nav-responsive-id {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: auto;
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 2px;

	/*border: 2px solid darkmagenta;*/
}

#nav-area .responsive-navbar-row .responsive-navbar-col .nav-responsive-ul #nav-responsive-id .category-heading {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-family: var(--nav-item-font);
	font-size: 1.8rem;
	font-weight: normal;
	color: #000;
	letter-spacing: 2.5px;
	text-decoration: none;
	text-align: center;
	background-color: yellow;
	transition: all 0.1s linear;
	/*border: 2px solid darkred;*/

}



#nav-area .responsive-navbar-row .responsive-navbar-col .nav-responsive-ul .nav-responsive-li {
	width: 100%;
	height: 35px;
	padding-top: 0.5%;
	margin-bottom: 2px;
	/*border: 2px solid blue;*/
}

#nav-area .responsive-navbar-row .responsive-navbar-col .nav-responsive-ul .nav-responsive-li .nav-responsive-anchor {
	background-color: yellow;
	color: #000;
}




#nav-area .responsive-navbar-row .responsive-navbar-col .responsive-design-box {
	display: block;
	width: 100%;
	height: 40%;
	margin-top: -2px;
	outline: none;
	border-top: 50px solid yellow;
	border-bottom: 50px solid transparent;
	border-left: 250px solid transparent;
	border-right: 250px solid transparent;
}







/*  START OF HERO SECTION OVERLAY AMIMATION & HERO IMAGE AREA CODE */




.container-fluid .hero-overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	text-align: center;
	background: rgba(0, 0, 0, 1);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	cursor: pointer;


	/* border: 4px solid brown;  */
}



.container-fluid .hero-overlay .overlay-text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 15%;
	margin: 0;

	font-family: monospace;
	font-weight: bold;

	/* border: 2px solid white; */
}



.container-fluid .hero-overlay .overlay-text #overlay-dialog-1 {
	display: block;
	width: auto;
	height: 100%;
	padding: 0;
	color: gold;
	font-size: 6rem;
	/* border: 2px solid orangered; */
}

.container-fluid .hero-overlay .overlay-text #overlay-dialog-2 {
	display: block;
	min-width: 250px;
	height: 100%;
	margin-top: 0;
	padding: 0 auto;
	color: #fff;
	font-size: 6rem;
	letter-spacing: 1.5px;
	/* border: 2px solid yellow; */
}

.container-fluid .hero-area {
	height: calc(100vh - 60px);
	padding: 0;
	margin: 60px 0 100px 0;
	padding: 0;
	

	/* border: 5px solid darkcyan; */
}

.container-fluid .hero-area .hero-area-col {
	height: 100%;
	margin: 0;
	padding: 0;
	/* border: 4px solid yellowgreen; */
}

.container-fluid .hero-area .hero-area-col .hero-content {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	background-image: url('../uploads/mom_10.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;

	/* border: 4px solid blue; */
}




					/*  END OF HERO SECTION OVERLAY AMIMATION & HERO IMAGE AREA CODE */


                /* START OF INVITATION-MODAL AREA CSS */  


.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal
{
	display: block;
	width: 80%;
	height: 95vh;
	margin: auto;
	opacity: 0;	
	transition: all 2s ease-in-out;

	/* border:3px solid magenta;  */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog
{
	width: 60%;
	height: 97.5%;
	margin: 10px auto ;
	position: absolute;
	top:0;
	left:25%;	
	z-index:15;

	/* border:6px solid darkcyan; */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content
{
	width: 69%;
	height: 100%;
	margin: 0 auto 10px;
	padding: 0;
	
	/* border:3px solid black; */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 8%;
	padding: 0;
	background-color: navy;
	/* border:3px solid red; */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .modal-title
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 87%;
	height: 100%;
	margin: 0;
	padding: 0;					
	color: gold;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 1.9rem;
	
	/* border:3px solid blue; */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13%;
	height: 42px;
	margin: 0;
	padding: 6px 0 0 0;
	position: absolute;
	top: -1%;
	right:-6.8%;
	
	border-radius: 50%;
	background-color: #000;

	border-top:5px solid yellow;
	border-right:5px solid magenta;
	border-bottom:5px solid blue;
	border-left:5px solid crimson;
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header #invite-cross-btn-fr
{
	z-index: 14;					
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header #invite-cross-btn-bk
{
	z-index: 13;
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn #invite-span
{
	display: block;
	width: 100%;
	height: 100%;									
	margin: 0;	
	padding: 0;				
	border-radius: 50%;					
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn #invite-span i
{									
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;					
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-body
{
	width: 100%;
	height: 92%;
	margin: 0;
	padding: 0;
	/* border:3px solid black; */
}

.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-body #invite-img
{
	width: 100%;
	height: 100%;					
}



							/* END OF INVITATION-MODAL AREA CSS */


										/* START OF Jiya Rai SECTION CSS */


.container-fluid .section-intro {
	width: 98%;
	min-height: 500px;
	margin: 50px auto 150px;
	padding: 0;
	/* border:4px solid black; */
}

.container-fluid .section-intro .jiya-row {
	height: 100%;
	margin: 0;
	padding: 0;
	/* border:4px solid #f33a3a; */
}

.container-fluid .section-intro .jiya-row .jiya-heading-col {
	height: 15%;
	margin: 0;
	padding: 0;
	/* border:4px solid black; */
}


.container-fluid .section-intro .jiya-row .jiya-heading-col .persona-heading .persona-head-text {
	margin: 0;
	/* border:2px solid orange ; */
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap {
	height: 84%;
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row {
	height: 100%;
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row .jiya-col {
	height: 90%;
	margin: 0;
	padding: 0;
	/* border:3px solid #200bdd ;  */
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row #jiya-left {
	height: 100%;
	padding: 0;
	/* border: 4px solid black;					 */

}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row #jiya-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row #jiya-right {
	height: 100%;
	margin: 0;
	padding: 1% 15px 15px 15px;
	/* border: 4px solid black; */

}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row #jiya-right .common-text {

	font-family: var(--para-text-font);
	font-size: var(--para-text-font-size);
	font-weight: var(--para-text-font-weight);
	line-height: var(--para-line-height);
	/* border:2px solid orangered; */
}

.container-fluid .section-intro .jiya-row .jiya-rai-col-wrap .jiya-sub-row #jiya-right .excerpt-text {
	margin-top: 20px;
	text-align: right;
	font-style: italic;

}





							/* ROW For AUTISTIC SYMPTOMS Section */



.container-fluid .symptoms-row {
	width: 98%;
	height: auto;
	margin: 50px auto 200px;
	/* border:4px solid red; */
}



.container-fluid .symptoms-row .symptoms-col {
	display: flex;
	align-items: center;
	height: 100px;
	margin: 0;
	padding: 0;
	/* border:5px solid brown; */
}

.container-fluid .symptoms-row .symptoms-col .persona-heading {
	height: 100%;
	margin: 0;
}

.container-fluid .symptoms-row .symptoms-col .persona-heading .persona-head-text {
	height: 100%;
	margin: 0;
}


.container-fluid .symptoms-row .symptoms-text-wrap {

	min-height: 300px;
	margin: 0;
	padding: 20px auto;

	/* border:6px solid blue; */
}

.container-fluid .symptoms-row .symptoms-text-wrap .symptoms-heading {
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0 25px 0;
	padding: 5px 0 0 0;
	font-family: var(--para-text-font);
	font-weight: var(--para-text-font-weight);
	font-size: 2rem;
	line-height: var(--para-line-height);
	text-decoration: 4px underline maroon;
	text-underline-offset: 10px;

	/* border:3px solid brown; */
}

.container-fluid .symptoms-row .symptoms-text-wrap .common-text {
	display: flex;
	justify-content: start;
	align-items: center;
	height: auto;
	padding: 5px;
	/* border:2px solid green ; */
}

.container-fluid .symptoms-row .symptoms-text-wrap .common-text .symbol {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.25%;
	height: 100%;
	margin: 0 25px 0 5px;
	padding: 0;
	border: 2px solid black;
}

.container-fluid .symptoms-row .symptoms-text-wrap .common-text .symbol i {
	display: block;
	width: 100%;
	height: 100%;
	color: purple;
	margin: 0;
	padding: 2% 15%;
	/* border: 1px solid red; */

}





							/* START OF MON-O-MUDRA AREA CSS */



.container-fluid .mom-row {
	width: 98%;
	height: auto;
	margin: 150px auto 200px;
	padding: 0;
	/* border:4px solid red; */
}

.container-fluid .mom-row .mom-col {
	width: 100%;
	height: 100px;
	margin: 0;
	/* border:4px solid green; */
}

.container-fluid .mom-row .mom-col .persona-heading {
	height: 100%;
	margin: 0;
}

.container-fluid .mom-row .mom-col .persona-heading .persona-head-text {
	margin: 0;
}

.container-fluid .mom-row .mom-col-wrap {
	display: flex;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 0;
	/* border:4px solid blue; */
}

.container-fluid .mom-row .mom-col-wrap .mom-sub-row {
	display: flex;
	align-items: center;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	/* border:4px solid magenta; */
}

.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col {

	height: 100%;
	margin: 0;

	/* border:8px solid brown; */
}

.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col .common-text {
	line-height: 2.5rem;
	width: 100%;
	min-height: 100px;
	margin: 0;
	padding: 15px 10px;
	font-size: var(--para-text-font-size);

	/* border:4px solid orangered; */
}

.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col {

	height: 100%;
	margin: 0px 0 0 0;
	/* border:4px solid black; */
}

.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col img {
	width: 100%;
	height: 100%;
}




						/* START OF DANCE MOVEMENT THERAPY CSS */



.container-fluid .dmt-row {
	width: 98%;
	height: auto;
	margin: 150px 10px 180px;
	padding: 0;
	/* border:4px solid red; */
}

.container-fluid .dmt-row .dmt-col {
	width: 100%;
	height: 100px;
	/* border:4px solid tan; */
}

.container-fluid .dmt-row .dmt-col .persona-heading {
	height: 100%;
	/* border:2px solid black; */
}

.container-fluid .dmt-row .dmt-col .persona-heading .persona-head-text {
	height: 100%;
	margin: 0;
	/* border:2px solid red; */
}

.container-fluid .dmt-row .dmt-col-wrap {

	min-height: 300px;
	margin: 0;
	padding: 0;
	/* border:4px solid blue; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin: 0;
	/* border:4px solid magenta; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-text-col {

	height: 100%;
	margin: 0;
	font-size: var(--para-text-font-size);
	/* border:4px solid brown; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-text-col .common-text {
	line-height: 2.5rem;
	width: 100%;
	height: 96%;
	margin: 10px auto;
	font-size: var(--para-text-font-size);
	/* border:4px solid orangered; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col {
	height: 100%;
	margin: 0;
	/* border:4px solid black; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}





						/* ROW For INDEX-PAGE-Photo-Gallery-Section CSS */


.container-fluid .gallery-row {
	height: auto;
	margin: 100px 10px 0 10px;
	padding: 0;
	/* border:4px solid green; */
}

.container-fluid .gallery-row .gallery-head-area {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: auto;
	padding: 0 0 15px 0;

	/* border:6px solid red; */

}

.container-fluid .gallery-row .gallery-head-area .persona-heading {
	height: 100px;
	margin: 0;
	/* border:5px solid black; */
}

.container-fluid .gallery-row .gallery-head-area .persona-heading .persona-head-text {
	height: 100%;
	margin: 0;
	/* border:4px solid red; */
}



.container-fluid .gallery-row .gallery-head-area .common-text {
	height: auto;
	font-family: var(--para-text-font);
	font-weight: var(--para-text-font-weight);
	font-size: var(--para-text-font-size);
	line-height: var(--para-line-height);
	margin-bottom: 15px;
	padding: 0 25px;
	/* border:2px solid blue; */
}


.container-fluid .gallery-row .gallery-col {
	display: flex;
	flex-direction: column;
	height: 100%;

	/* border:3px solid brown; */
}

.container-fluid .gallery-row .gallery-col .each-img-wrapper {

	width: auto;
	height: auto;
	margin: 10px 5px;
	padding: 0;
	/* border:3px solid magenta; */
}

.container-fluid .gallery-row .gallery-col .each-img-wrapper img {
	height: auto;
	margin: 0;
	object-fit: cover;
}



											/* DONATE Button CSS  */



.container-fluid .donate-area {

	display: none;
	
	justify-content: space-between;
	align-items: center;
	width: 80%;
	height: 100px;
	margin: 50px 0 50px 10%;
	padding: 15px;

	/* border:3px solid magenta; */

}


.container-fluid .donate-area .donate-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 60px;
	background: linear-gradient(orangered, black);
	color: #fff;
	font-size: 2.8rem;
	cursor: pointer;
	border-radius: 10px;

	/* border:3px solid green; */
}


									/* WORK-GALLERY-PAGE CSS  */


.container-fluid #gallery-page-row {
	height: calc(100% - 60px);
	padding: 0px 10px;
		
	/* border:2px solid brown; */
}

.container-fluid #gallery-page-row #gallery-page-col {
	height: auto;
	
}

.container-fluid #gallery-page-row #work-gallery-col {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 60px auto ;
	height: 90px;
	
	/* border:2px solid red; */
}

.container-fluid #gallery-page-row #work-gallery-col .persona-heading {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0;
	/* border:2px solid blue;	 */
}

.container-fluid #gallery-page-row #work-gallery-col .persona-heading .persona-head-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	/* border:4px solid magenta;	 */
}

			/*  START Of the FIRST BLOCK Of WORK GALLERY  */                      

.container-fluid #gallery-page-row .occasion-data-col {
	height: auto;
	margin: 0 0 5rem 0;
		
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row {
	height: auto;
	margin: 0;
	/* border:3px solid red; */
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	margin: 0;
	padding: 10px auto ;
	
	border-top-left-radius: 1.9rem;
	border-top-right-radius: 1.9rem;
	border-bottom:none;
	background-color: slategray;
	/* border:2px solid yellow; */
	
	
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col .occasion-heading {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 99%;
	height: 85%;
	font-size: 2.75rem;
	font-family: sans-serif;	
	color: #202c2d;
	margin: 5px;
	padding:5px 0;
	background-color: slategray;
	/* text-shadow: 0 1px #808d93, -1px 0 #cdd2d5, -1px 2px #808d93, -2px 1px #cdd2d5, -2px 3px #808d93, -3px 2px #cdd2d5, -3px 4px #808d93, -4px 3px #cdd2d5, -4px 5px #808d93, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5; */
	/* text-shadow: 0 1px purple, -1px 0 orange, -1px 2px green, -2px 1px violet, -2px 3px gray, -3px 2px magenta, -3px 4px tan, -4px 3px crimson, -4px 5px yellow, -5px 4px #cdd2d5, -5px 6px #808d93, -6px 5px #cdd2d5, -6px 7px #808d93, -7px 6px #cdd2d5, -7px 8px #808d93, -8px 7px #cdd2d5; */
	text-shadow:1px 5px hotpink, -1px 5px hotpink, -5px 1px hotpink ;
	color: white;	
	border-color:transparent;	
	outline:none;
	
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 302px));
	gap: 10px ;	
	justify-content: center;
	width: 97%;
	height: auto;
	margin: -10px 0 0 0;
	padding: 40px 5px;
	background-color: #fff;
	border-top-left-radius: 1.55rem;
	border-top-right-radius: 1.55rem;
	border:2px solid slategray;
	
}


.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box {
	width: 300px;
	height: auto;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box img {
	height: 100%;
	object-fit: cover;
	border-radius:10px;
}

						/* END Of the FIRST BLOCK Of WORK GALLERY */



						/* START Of the SECOND BLOCK Of WORK GALLERY */



.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row #occasion-video-col
{
	display:block;
	width:97%;
	height: auto;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row #occasion-video-col .occasion-thumbnail

{
	display:block;
	width: 98%;
	height: 650px;
	margin: auto;
	overflow-y: hidden;
	/* border:3px solid greenyellow; */
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row #occasion-video-col .occasion-thumbnail iframe

{
	
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row #occasion-video-col .video-box
{
	display:block;
	width: 98%;
	height: 550px;
	margin: 15px auto;
	border-radius: 10px;
	/* border:3px solid blueviolet; */
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row #occasion-video-col .video-box iframe
{
	border-radius: 10px;
}

						/*  END Of the SECOND BLOCK Of WORK GALLERY  */



								/* Contact Us Page CSS  */




#contactus-row {
	width: 98%;
	height: 1050px;
	margin: 200px auto 250px;
	padding: 0;
	/* border: 3px solid red; */
}

#contactus-row #contactus-col {
	display: flex;
	flex-direction: column;
	padding: 0;
	height: inherit;
	margin: 0;
	padding: 0;
	/*border: 3px solid firebrick;*/
}

#contactus-row #contactus-col .persona-heading {
	height: 10%;
	margin: 0 auto;
}


#contactus-row #contact-sub-row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 85%;
	margin: 0;
}


#contactus-row #contact-sub-row #contactus-left {

	height: 100%;
	margin: 0;
	padding: 0;
	/*border: 3px dotted green;*/
}

#contactus-row #contact-sub-row #contactus-left .card-image {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: fill;
	/*border: 3px dotted magenta;*/
}


#contactus-row #contact-sub-row #contactus-right {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin: 0;
	/*border: 3px solid purple;*/
}


#contactus-row #contact-sub-row #contactus-right form {
	background-color: tan;
	width: 95%;
	height: 90%;
	display: flex;
	padding: 10px;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

#contactus-row #contact-sub-row #contactus-right form input,
#contactus-row #contact-sub-row #contactus-right form textarea {
	width: 95%;
	font-size: 1.4rem;
	font-family: sans-serif;
	font-weight: normal;
	margin: 10px auto;
	padding: 10px;
}

#contactus-row #contact-sub-row #contactus-right form .contact-btn {
	font-size: var(--para-text-font-size);
	background-color: var(--btn-bg-color);
	color: #fff;
	letter-spacing: 1px;
}


                        /* GOOGLE MAP CSS CODE */


		  #container-home .map-row
		  {
			height: 475px;
			width: 98%;
			margin: 0 auto 0;
			/* border:2px solid black; */
		  }

		  #container-home .map-row .map-col
		  {
			height: 100%;

			/* border:2px solid magenta; */
		  }




								/* TOP-MOVING-ARROW CSS CODE */



/* #toparrow
{
	display: none;
	justify-content: center;
	align-items : center;
	width: 60px;
	height: 60px;
	margin: 20px 0;
	border-radius: 10px;
	background-color: yellowgreen;
	position: fixed;
	bottom: 475px;
	right: 25px;
	z-index: 5;

}

#toparrow i 
{
	display: flex;
	justify-content: center;
	align-items : center;
	width: 50%;
	height: 50%;
	margin: 50% 50%;
	transform: translate(-50%,-50%);
	color: #000;
	font-size: 2.5rem;
	
} */



								/* START OF FOOTER AREA CSS */


#row-footer {
	width: 100%;
	height: auto;
	margin: 100px 0 0 0;
	padding: 0;
	/*background: linear-gradient(to right, rgba(0,0,255,0.8), rgba(0,0,255,0.6), rgba(0,0,255,0.4) );*/
	background-color: #252525;

	/* border: 5px solid yellowgreen; */
}

#row-footer .col-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0;
	padding: 0;

	/* border: 2px solid yellow; */
}

#row-footer .col-footer .footer-contents {

	width: 96%;
	height: 100%;
	margin: 20px auto;
	padding: 0;

	border-radius: 15px;
	/* border: 2px solid blue; */
}

#row-footer .col-footer .footer-contents #footer-contents-social {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/* border: 2px solid beige; */
}

#row-footer .col-footer .footer-contents #footer-contents-social .input-group {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5%;
	height: auto;
	margin: 0 10px;
	padding: 0;
	outline: none;
	border: none;
	/* border: 2px solid magenta; */
}

#row-footer .col-footer .footer-contents #footer-contents-social .input-group .input-group-prepend {
	display: flex;

	align-items: center;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	padding: 0;
	border: none;
	outline: none;
	/* border:3px solid orange; */
}

#row-footer .col-footer .footer-contents #footer-contents-social .input-group .input-group-prepend .input-group-text {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 98%;
	height: 100%;
	margin-left: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	border: none;
	outline: none;
	/* border: 2px solid yellow; */

}

#row-footer .col-footer .footer-contents #footer-contents-social .input-group .input-group-prepend .input-group-text .social-media-link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #252525;
	/* outline: 2px solid #252525; */
	border-top: 2px solid #252525;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #252525;

	/*border: 3px solid red;*/
}


#row-footer .col-footer .footer-contents #footer-contents-social .input-group .input-group-prepend .input-group-text .social-media-link .social-media-icon {
	display: block;
	width: 60%;
	height: 40%;
	font-size: 1.8rem;
	margin: 0;
	border-radius: 50%;
	outline: none;

	/*border: 3px solid blue;*/

}




/*#row-footer .col-footer .footer-contents #footer-contents-social .input-group .footer-text a 
		{
			display: block;
			padding-left: 10px;
			color: #fff;
			font-size: 1.6rem;
			border: 2px solid darkcyan;
		}*/




/* START Of SECOND FOOTER COLUMN CSS WITH IT'S ID = col-footer-1 */




#row-footer #col-footer-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 120px;
	margin: 0;

	/*border: 5px solid orangered;*/
}




#row-footer #col-footer-1 #footer-contents-1 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	margin: 0;
	/*border: 4px solid greenyellow;*/
}

#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social {
	width: 100%;
	height: 100%;
	border: none;
}


#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 1.5%;
	width: 5.5%;
	min-height: 10px;
	padding-top: 0;

	/*border: 5px solid red;*/
}

#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group .input-group-prepend {
	font-size: 1.9rem;
	margin: 0;
	/*border: 5px solid tan;*/
}



/* START Of SECOND FOOTER COLUMN CSS WITH IT'S ID = col-footer-2 */




#row-footer #col-footer-2 .footer-contents .input-group {

	height: 10%;
	padding: 0;
	background: transparent;
	/*border: 2px solid white ;*/
}

#row-footer #col-footer-2 .footer-contents .input-group .input-group-prepend .input-group-text {
	color: tan;
	/*border: 2px solid yellowgreen;*/
}

#row-footer #col-footer-2 .footer-contents .input-group .footer-text {
	color: #fff;

}

#row-footer #col-footer-2 .footer-contents .input-group .footer-text a {
	color: #fff;

}




/* START Of SECOND FOOTER COLUMN CSS WITH IT'S ID = col-footer-3 */




#row-footer #col-footer-3 .footer-contents {
	padding-left: 15%;
	border: none;
	outline: none;
}


/*#row-footer #col-footer-3 .footer-content-head-text
		{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 15px;
			margin: 15px;
			padding: 15px;
			color: cornsilk;
			font-size: 1.8rem;
			text-decoration: underline orangered solid;
			text-decoration-thickness: 5px;
			text-underline-offset: 10px;
			
			border: 2px solid green;
		} */

#row-footer #col-footer-3 .footer-contents fieldset {
	width: 90%;
	height: 16%;
	margin-bottom: 1%;
	padding: 0;
	border-radius: 10px;
	/*border: 3px solid yellowgreen;*/
}

#row-footer #col-footer-3 .footer-contents fieldset legend {
	display: flex;
	justify-content: center;
	width: 70px;
	height: 25px;
	margin-left: -100px;
	padding: 8px auto;
	text-align: center;
	color: #000;
	background: tan;
	font-size: 1.2rem;
	border-radius: 10px;
	/*border: 2px solid slateblue;*/

}

#row-footer #col-footer-3 .footer-contents fieldset .comp-detl {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 96%;
	height: 80%;
	font-size: 1.5rem;
	color: #fff;
	margin: 5px auto;
	padding: 3%;
	/*border: 2px solid darkgoldenrod;*/
}

#row-footer #col-footer-3 .footer-contents fieldset .comp-detl .comp-detl-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10%;
	height: 100%;
}

#row-footer #col-footer-3 .footer-contents fieldset .comp-detl .comp-detl-icon i {
	display: flex;
	justify-content: center;
	align-items: center;
}

#row-footer #col-footer-3 .footer-contents fieldset .comp-detl .comp-detl-anch {
	display: flex;
	justify-content: start;
	align-items: center;
	width: 90%;
	height: 100%;
	color: #fff;
	padding: 0 10px;

}


				/* START Of SECOND FOOTER COLUMN CSS WITH IT'S ID = col-footer-4 */




/*#row-footer #col-footer-4 .footer-content-head-text
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 15px;
	margin: 15px;
	padding: 15px;
	color: cornsilk;
	font-size: 1.8rem;
	text-decoration: underline orangered solid;
	text-decoration-thickness: 5px;
	text-underline-offset: 10px;
	
	border: 2px solid green;
} */

#row-footer #col-footer-4 .footer-contents #timetable {
	width: 100%;
	height: 100%;
	padding: 0 10px;
	/*border: 3px solid yellowgreen;*/
}

#row-footer #col-footer-4 .footer-contents #timetable #timerow .table-head {
	width: 25%;
	min-height: 25px;
	font-size: var(--th-font-size);
	text-align: center;
	color: #000;
	padding: 5px auto;
	border-radius: 25px;
	background-color: hotpink;
}

#row-footer #col-footer-4 .footer-contents #timetable .table-data-row {
	width: 100%;
	height: auto;
	margin: 15px auto;

}

#row-footer #col-footer-4 .footer-contents #timetable .table-data-row .datarow {
	width: 22.5%;
	font-size: var(--td-font-size);
	text-align: center;
	color: #000;

	border-radius: 25px;

	background-color: gold;
}




								/* Copyright Section of Footer Area  */



#row-copyright {
	width: 100%;
	height: 60px;
	margin: 0;
	;
	/*background: linear-gradient(to right, rgba(0,0,255,0.8), rgba(0,0,255,0.6), rgba(0,0,255,0.4) );*/
	background-color: var(--bg-color);
	/*border: 5px solid black;*/
}

#row-copyright #col-copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;

	/*border: 5px solid orangered;*/
}

#row-copyright #col-copyright .copyright-text {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	margin: 20px auto;
}


											/* ABOUT Page CSS start */





.container-fluid #about-row {
	display: flex;
	width: 100%;
	height: auto;
	margin: 60px 0 0 0;

	/* border: 6px solid green; */
}

.container-fluid #about-row #about-col {

	height: 120px;
	margin: 0;
	padding: 0;
	/* border: 2px solid maroon; */
}



.container-fluid #about-row #about-col .persona-head-text {
	height: 75px;
	margin: 30px auto;
	padding: 10px;
}

.container-fluid #about-row .about-img-block {
	display: flex;
	min-height: 200px;
	margin: 2.5px;
	padding: 0;
	/* border: 2px solid darkred; */
}

.container-fluid #about-row .about-img-block .about-img-content {
	display: block;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;

	border: 1px solid black;
}


.container-fluid #about-row #about-text {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100px;
	margin: 60px auto;
	padding: 10% 5%;
	border-radius: 15px;
	background-color: floralwhite;

	border: 2px solid black;
}

								

										/* 404 Error Page CSS */


#container-404 {

	height: auto;
	margin: 60px 0 0 0;
	padding: 0;
	/* border:4px solid green; */
}

#container-404 .wrapper-404 {
	height: 500px;
	margin: 0;
	padding: 0;
	/* border:4px solid magenta; */

}

/* #container-404 .wrapper-404 .col-404
		{
			background-image: url('../uploads/54.jpg');
		} */







/* ================================================================================================


								  			Media Query Zone Starts Below 



		================================================================================================ */






@media (min-width: 768px) and (max-width: 991px) {

						/* GENERAL CSS OF TEXT SIZE FOR MID-screen */


	.persona-head-text {
		font-size: var(--para-heading-font-size-md);
		margin: 50px auto 80px;
	}


								/* NAV-AREA CSS for MID-screen */



	#nav-area .nav-wrapper-box .nav-wrapper-col .logo {
		width: 25%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .logo .logo-img{
		width: 50%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul {
		display: none;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger {
		display: block;
		width: 7%;
		margin-left: 65%;
	}

	#nav-area .responsive-navbar-row {
		left: 65%;
		z-index: 12;
	}

	#nav-area .responsive-navbar-row .responsive-navbar-col .responsive-design-box {

		border-left: 125px solid transparent;
		border-right: 125px solid transparent;
	}


							/* OVERLAY AREA CSS FOR MID-screen */


	.container-fluid .hero-overlay .overlay-text {
		width: auto;

	}


	.container-fluid .hero-overlay .overlay-text #overlay-dialog-1 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		height: 100%;
		padding-left: 75px;
		font-size: 4rem;
	}

	.container-fluid .hero-overlay .overlay-text #overlay-dialog-2 {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 60px;
		height: 100%;
		padding-left: 20px;
		font-size: 4rem;
	}



								

								/* HERO-AREA CSS for MID-screen */



	.container-fluid .hero-area {
		height: 475px;

	}

	.container-fluid .hero-area .hero-area-col {
		height: 466px;
	}

	.container-fluid .hero-overlay .overlay-text {
		font-size: 4.5rem;
	}

				/*  INVITATION-MODAL Area CSS MID-SCREEN  */
				
	
	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal
	{
		width: 80%;
		height: 90vh;
		/* margin: 10px auto ; */
		transform: translateY(3%);
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog
	{
		width: 65%;
		height: 97.5%;
		left: 16.5%;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .modal-title
	{
		width: 85%;
		height: 100%;
		font-size: 1.55rem;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn
	{
		width: 15%;
		height: 38px;
		padding: 4px 0 0 0;
		top: -2%;
		right:-7%;
	}

								/* JIYA RAI-AREA CSS for MID-screen */



	.container-fluid .section-intro .jiya-row .jiya-heading-col .persona-heading .persona-head-text {
		font-size: var(--para-heading-font-size-md);
	}



							/* AUTISTIC-SYMPTOM-AREA CSS for MID-screen */





	.container-fluid .symptoms-row .symptoms-text-wrap .common-text .symbol {
		width: 5%;
		padding: 0 0 0 0.8%;
	}



								/* DONATE-BUTTON-AREA CSS for MID-screen */


	.container-fluid .donate-area {
		width: 90%;
		height: 100px;
		margin: 50px 0 50px 5%;
		padding: 15px;

	}

	.container-fluid .donate-area .donate-btn {
		font-size: 2.3rem;
	}



									/* MON-O-MUDRA Section CSS for MID-screen */



	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col {
		height: auto;
	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col {
		height: auto;
	}


							/* DANCE MOVEMENT THERAPY Section CSS for MID-screen */


	.container-fluid .dmt-row {
		height: auto;
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row {
		flex-direction: column;
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-text-col {
		height: 28%;
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col {

		height: 72%;
	}



									/* CONTACT US-AREA CSS for MID-screen */



	#row-contactus #contact-image img {
		object-fit: fill;
	}


	#contactus-row {
		height: 650px;
	}

										/* FOOTER-AREA CSS for MID-screen */



	#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group {
		width: 10%;
	}

	                 
										/* WORK-GALLERY PAGE CSS for MID-SCREEN */



	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col {
		
		height: 110px;
		padding: auto;
	}

	
	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 330px));
		gap: 10px 20px;	
		
	}

	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box {
		width: 340px;
		height: auto;
	}
	
	

}



@media (min-width: 480px) and (max-width: 767px)
/* @media (min-width: 367px) and (max-width: 767px)  */
{ 
						/* NAV-AREA CSS for SMALL-screen */

	#nav-area .nav-wrapper-box .nav-wrapper-col .logo {
		width: 15%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .logo .logo-img {
		width: 100%;

	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul {
		display: none;
	}

	#nav-area .responsive-navbar-row {
		width: 40%;
		left: 60%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger {
		display: block;
		width: 11%;
		margin-left: 75%;
	}

	#nav-area .responsive-navbar-row .responsive-navbar-col .responsive-design-box {

		border-left: 90px solid transparent;
		border-right: 90px solid transparent;
	}


								/* HERO-AREA CSS for SMALL-screen */


	.container-fluid .hero-area {
		height: 380px;
	}

	.container-fluid .hero-area .hero-area-col {
		height: 370px;
	}

	.container-fluid .persona-heading .persona-head-text {
		font-size: 4rem;
	}


							/* HERO-OVERLAY-AREA CSS for SMALL-screen */



	.container-fluid .hero-overlay .overlay-text {
		display: flex;
		flex-direction: column;
		width: 90%;

	}

	.container-fluid .hero-overlay .overlay-text #overlay-dialog-1 {
		width: 100%;
		height: 50%;
		margin-right: 0px;
		font-size: 4.2rem;
	}

	.container-fluid .hero-overlay .overlay-text #overlay-dialog-2 {
		width: 100%;
		height: 50%;
		margin-top: 30px;
		font-size: 4.3rem;
	}

			/* INVITATION-MODAL CSS for SMALL-SCREEN */


	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal
	{
		width: 88%;
		height: 85vh;
		/* margin-top: 20px ; */
		transform: translateY(6%);
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog
	{
		width: 75%;
		height: 97.5%;
		left: 11.5%;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content 
	{
		width: 85%;
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .modal-title
	{
		width: 90%;
		height: 100%;
		font-size: 1.55rem;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn
	{
		width: 15%;
		height: 38px;
		padding: 4px 0 0 0;
		/* transform: translateY(8%); */
		top: -1.5%;
		right:-7%;
	}


						/* AUTISTIC-SYMPTOM-AREA CSS for SMALL-screen */


	.container-fluid .symptoms-row {
		height: auto;
		margin: 50px auto 100px;
	}



	.container-fluid .symptoms-row .symptoms-text-wrap .symptoms-heading {
		font-size: var(--para-text-font-size);
		text-decoration: none;
		padding: 10px;
		color: #fff;
		background: darkblue;
		letter-spacing: 1.25px;
	}

	.container-fluid .symptoms-row .symptoms-text-wrap .common-text .symbol {
		width: 7.5%;
		padding: 0 0 0 1%;
	}




							/* DONATE-BUTTON-AREA CSS for SMALL-screen */


	.container-fluid .donate-area {

		width: 85%;
		height: 100px;
		margin-top: 50px;
		margin-left: 11%;
		padding: 10px;
		/* border:3px solid magenta; */

	}

	.container-fluid .donate-area .donate-btn {

		height: 50px;
		font-size: 1.6rem;

	}



							/* MON-O-MUDRA Section CSS for SMALL-screen */



	.container-fluid .mom-row {
		height: auto;
		margin: 100px auto;
	}

	.container-fluid .mom-row .mom-col-wrap {
		height: auto;

	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row {
		height: 100%;

	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col {

		height: auto;
		margin-top: 0;
	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col .common-text {
		height: auto;
		margin: 0;
	}


	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col {
		height: 300px;
		margin: 20px 0 0 0;
	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col img {
		object-fit: cover;
	}


	/* DANCE MOVEMENT THERAPY Section CSS for SMALL-screen */


	.container-fluid .dmt-row {
		height: auto;
	}

	.container-fluid .dmt-row .dmt-col .persona-heading .persona-head-text {
		font-size: var(--para-heading-font-size-sm);
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row {
		flex-direction: column;
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-text-col {
		height: 45%;
	}

	.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col {

		height: 55%;
	}


	/* GALLERY Section CSS for SMALL-screen */


	.container-fluid .gallery-row .gallery-head-area {
		padding-bottom: 10px;
	}


	/* CONTACT US-AREA CSS for SMALL-screen */


	#contactus-row {
		height: 600px;
	}

	#contactus-row #contact-sub-row #contactus-left .card-image {
		object-fit: cover;
	}


						/* FOOTER-AREA CSS for SMALL-screen */


	#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group {
		width: 17%;

	}


						/* Footer-COPYRIGHT-AREA CSS for SMALL-screen */


	#row-copyright #col-copyright .copyright-text {
		font-size: 1.4rem;
	}

						/* WORK-GALLERY PAGE CSS for SMALL-SCREEN */



	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col {
		padding-left: 10%;
		height: 140px;
	}

	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col .occasion-heading {
		font-size: 3rem;
		
	}

	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 330px));
		gap: 15px 0;	
		
	}

	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box {
		width: 330px;
		height: auto;
		margin-left: 0.75px;
	}

	.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box img{
		width: 100%;
		object-fit: cover;
	}


}


@media (min-width: 320px) and (max-width: 479px)
/* @media (min-width: 320px) and (max-width: 366px)  */

{ 
							/* NAV-AREA CSS for EXTRA-SMALL-screen */

	#nav-area {
		top:0;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .logo {
		width: 15%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .logo .logo-img {
		width: 100%;

	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul {
		display: none;
	}

	#nav-area .responsive-navbar-row {
		width: 40%;
		left: 60%;
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger {
		display: block;
		width: 11%;
		margin-left: 75%;
	}

	#nav-area .responsive-navbar-row .responsive-navbar-col .responsive-design-box {

		border-left: 90px solid transparent;
		border-right: 90px solid transparent;
	}


							/* HERO-OVERLAY-AREA CSS for EXTRA-SMALL-screen */

	

	.persona-heading {
		height: 8%;	
		
	}

	.persona-head-text {
		
		font-size: var(--para-heading-font-size-xsm);
		margin: 30px auto 35px;
		padding: 10px;
		
	}


	/*  START OF NAVBAR SECTION CODE for EXTRA-SMALL-screen */


	#nav-area .nav-wrapper-box .nav-wrapper-col .logo {
		width: 20%;
	}

	/* #nav-area .nav-wrapper-box .nav-wrapper-col .logo .logo-img {
		width: 100%;
	} */

	#nav-area .nav-wrapper-box .nav-wrapper-col .nav-ul {
		display: none;		
	}

	#nav-area .nav-wrapper-box .nav-wrapper-col .hamburger {
		display: block;
		width: 10%;
		margin-left: 65%;
	}


							/* RESPONSIVE-NAVBAR CSS for EXTRA-SMALL-screen */


	#nav-area .responsive-navbar-row {
		display: none;
		width: 35%;		
		top: 60px;
		left: 63%;
			
		/*border: 3px solid hotpink;*/
	}

	#nav-area .responsive-navbar-row .responsive-navbar-col .responsive-design-box {
		display: none;
	}


	 .container-fluid .hero-area {
		height: calc(45vh - 60px);
		margin: 55.5px 0 100px 0;
	}

	.container-fluid .hero-overlay .overlay-text {
		display: flex;
		flex-direction: column;
		
	}

	.container-fluid .hero-overlay .overlay-text #overlay-dialog-1 {
		min-width: 30%;
		height: 50%;
		font-size: 2.9rem;
		margin-right: 0px;
	}

	.container-fluid .hero-overlay .overlay-text #overlay-dialog-2 {
		min-width: 10%;
		height: 50%;
		margin-top: 25px;
		font-size: 2.9rem;
	} 


					/* INVITATION-MODAL CSS for EXTRA-SMALL-SCREEN */


	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal
	{
		width: 92%;
		height: 90vh;
		/* margin: 10px auto ; */
		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog
	{
		width: 95.5%;
		height: 100%;
		left: 1%;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content 
	{
		width: 100%;
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .modal-title
	{
		width: 85%;
		height: 100%;
		font-size: 1.4rem;		
	}

	.container-fluid .hero-area .hero-area-col .hero-content #invitation-modal .modal-dialog .modal-content .modal-header .invite-cross-btn
	{
		width: 15%;
		height: 38px;
		padding: 4px 0 0 0;
		top: -1.25%;
		right:-0.5%;
	}


							


								/* AUTISTIC-SYMPTOM-AREA CSS for EXTRA-SMALL-screen */


	.container-fluid .symptoms-row {
		height: auto;
		margin: 50px auto 100px;
	}

	.container-fluid .symptoms-row .symptoms-text-wrap .symptoms-heading {
		font-size: var(--para-text-font-size);
		text-decoration: none;
		padding: 10px;
		color: #fff;
		background: darkblue;
		letter-spacing: 1.25px;
	}

	.container-fluid .symptoms-row .symptoms-text-wrap .common-text .symbol {
		width: 7.5%;
		padding: 0 0 0 1%;
	}
	
	
	.container-fluid .symptoms-row .symptoms-text-wrap {
	
		min-height: 100px;
		margin-top: 20px;
		padding: 10px;
	
	}
						



	
						/* MON-O-MUDRA AREA CSS for EXTRA-SMALL-screen */


	.container-fluid .mom-row .mom-col-wrap {
		margin: 30px auto;
		height: auto;		
	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-text-col {

		height: 55%;
		margin: 0;
	}

	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col {

		height: 45%;
		margin: 10px auto;
		padding: 10px auto;
	}
	
	.container-fluid .mom-row .mom-col-wrap .mom-sub-row .mom-img-col img {
		width: 100%;
		height: 280px;
	}

						
						/* DANCE MOVEMENT THERAPY CSS for EXTRA-SMALL-screen */



.container-fluid .dmt-row {
	width: 100%;
	height: auto;	
}

.container-fluid .dmt-row .dmt-col {
	width: 100%;
	height: 175px;	
}

.container-fluid .dmt-row .dmt-col-wrap {

	min-height: 500px;
	margin: 0;
	padding: 0;
	/* border:4px solid blue; */
}


.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	margin: 0;
	/* border:4px solid magenta; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col {
	height: 100%;
	margin: 0;
	/* border:4px solid black; */
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-img-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container-fluid .dmt-row .dmt-col-wrap .dmt-sub-row .dmt-text-col {

	height: 100%;
	margin: 0;
	font-size: var(--para-text-font-size);
	/* border:4px solid brown; */
}


	

					/* GALLERY SECTION OF INDEX PAGE - CSS for EXTRA-SMALL-screen */


.container-fluid #gallery-page-row #work-gallery-col {
	height: auto;	
	margin: 90px 0 -100px 10px;
}




.container-fluid .gallery-row .gallery-head-area .common-text {
	margin-top: 75px;
}


					/* CONTACT US AREA - CSS for EXTRA-SMALL-screen */

#contactus-row {
	height: 800px;
}

					/* FOOTER AREA - CSS for EXTRA-SMALL-screen */


#row-footer #col-footer-1 #footer-contents-1 {

	width: 76%;
	height: auto;
	margin: 20px auto;
	padding: 10px;

}

#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social {
	height: auto;
	
}
#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group {
	
	width: 22.2%;
	height: auto;
	margin-top: 5px auto;
	
}

#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group .input-group-prepend {
	width: 100%;
}


#row-footer #col-footer-1 #footer-contents-1 #footer-contents-social .input-group .input-group-prepend .input-group-text .social-media-link .social-media-icon {
		
	font-size: 3.5rem;

} 

#row-footer #col-footer-3 {

	width: 100%;
	height: auto;
	margin: 20px auto;
	
}

#row-footer #col-footer-3 .footer-contents 
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 0;
}

#row-footer #col-footer-3 .footer-contents fieldset {
	width: 100%;
	height: 100%;
	padding: 0;
}

#row-footer #col-footer-3 .footer-contents fieldset .comp-detl .comp-detl-anch
{
	font-size: 1.5rem;
	padding: 0;
}


					/* WORK-GALLERY PAGE CSS for EXTRA-SMALL-screen */


.container-fluid #gallery-page-row #gallery-page-col {
	height: auto;
	
}

.container-fluid #gallery-page-row {
	height: auto;
	
}

.container-fluid #gallery-page-row #work-gallery-col {
	height: 70px;
	margin: 60px 0 10px 0;	
}

.container-fluid #gallery-page-row #work-gallery-col .persona-heading {
	height: 100%;
	
}

.container-fluid #gallery-page-row #work-gallery-col .persona-heading .persona-head-text {
	height: 100%;	
}

.container-fluid #gallery-page-row .occasion-data-col {
	height: auto;
	margin: 20px 0 50px 0;
		
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col {

	height: 100px;
	padding: auto;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-info-col .occasion-heading {
	font-size: 2rem;
	height: 80%;
	margin: 5px;
	padding-left: 10%;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box {
	width: 280px;
	height: auto;
	margin-left: 4.5px;
}

.container-fluid #gallery-page-row .occasion-data-col .occasion-info-row .occasion-photo-col .img-box img {
	width: 100%;
	object-fit: cover;
}

}