body{
	background-color: #000;
}

.section-padding{
	padding: 5rem 0;
}

.mob-middle{
	padding: 0 0 5rem;
}

.yellow{
	color:  #FFDE00;
}

.abt-us-wp{

    top: 5rem;
    right: 0;
    bottom: 5rem;
    position: absolute;
    width: 80%;
    /* left: 0; */
    border-radius: 200px;
}

.abt-us-middle-wp{

    top: 1rem;
    left: 0;
    bottom: 5rem;
    position: absolute;
    width: 80%;
    /* left: 0; */
    border-radius: 200px;
}

.common-subtext p a{
	text-decoration: none;
	color: #FFDE00;
}

.mob-top .container{
	position: relative;
}

.common-head-content h6{
	font-family: spectral-italic;
	font-size: 145%;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 2rem;
}

.common-head-content h6 strong{
	font-family: spectral-regular;
}

.common-head-content.left h1{
	font-family: spectral-italic;
	font-size: 145%;
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 2rem;
}

.common-head-content.left h1 strong{
	font-family: spectral-regular;
}

.common-subtext p{
	font-family: poppins-light;
	font-size: 110%;
	color: #fff;
	text-align: left;
}

.common-head-content h2{
	font-family: spectral-regular;
	font-size: 320%;
	text-align: left;
	color: #FFFFFF;
}

.banner{
	margin-bottom: -6px;
}

.mob-top .container{
	display: flex;
    flex-direction: row-reverse;
    /*background: url(../images/about-us/about-us-bg.png) center center / 100% 100% no-repeat;*/
    /*border-radius: 250px;*/
    /*margin-left: 13rem;*/
    /*position: relative;*/
    padding-bottom:  2rem;
    align-items: center;
}

.mob-middle .container{
	display: flex;
    flex-direction: row;
    /*background: url(../images/about-us/founder-bg.png) center center / 100% 100% no-repeat;
    border-radius: 250px;
    margin-right: 13rem;
    position: relative;*/
    padding-bottom:  2rem;
    align-items: center;
}

.mob-video{
	display: none;
}

.mob-founder-img{
	display: none;
}

.mob-about-us-img{
	display: none;
}

.about-us{
	background-color: #000;
}

.about-us-img{
	width: 100%;
	height:  auto;
	aspect-ratio:  auto 1043/770;
}

.founder-img{
	width: 100%;
	height:  auto;
	aspect-ratio:  auto 1043/770;
}

.mob-top .about-us-left{
    /*position: relative;
    justify-content: flex-start;
    width: 100%;*/
    /*display: flex;*/
    /*align-items: flex-start;*/
    /*margin-left: -8rem;*/
    width: 30%;
}

.mob-middle .about-us-left{
    width: 30%;
}

.common-head-content.right {
    position: relative;
    max-width: 100%;
}

.mob-top .about-us-img-wrapper{
	/*width: 75%;
	float: right;
	position: relative;*/
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	width: 65%;
	margin-left: 5%;
	position: relative;
}

.mob-middle .about-us-img-wrapper{
	/*width: 75%;
	float: right;
	position: relative;*/
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 65%;
	margin-right: 5%;
	position: relative;
}

.about-us-wrapper{
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.mob-top .about-us-content{
   width: 750px;
   padding: 8rem 0;
   max-width: 100%;
}

.mob-middle .about-us-content{
	width: 750px;
    padding: 6rem 0;
    max-width: 100%;
}

.tabla-img{
	width: 100%;
	height:  auto;
	aspect-ratio: auto 192/158;
}

.tabla-img-wrapper{
	width: 16%;
    position: absolute;
    right: 18%;
    bottom: 0;
}

.common-head-content{
	z-index: 99;
}

.about-us-wrapper .about-us-left .common-head-content.left{
	max-width: 100%;
    position: relative;
}

.about-us-wrapper .about-us-img-wrapper:nth-child(2){
	float: left;
}

.sitar-img{
	width: 100%;
	height:  auto;
	aspect-ratio:  auto 230/227;
}

.about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar{
    position: absolute;
    left: 5%;
    bottom: -5%;
}

.concert-subsection{
/*	background: url("../images/about-us/subsection-bg.png") no-repeat;*/
	background-size: cover;
	background-color: #000;
	border-radius: 250px;
	border: 1px solid #1b25a2;
	margin-bottom: 3rem;
}

.subsection-wrapper .about-us-content{
	padding:  2rem;
	width: 60%;
}

.subsection-wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.subsection-wrapper .common-head-content{
	max-width: 36%;
	width: 50%;
}

.subsection-wrapper .about-us-content .common-subtext {
    /*width: 80%;
    margin: 25px 70px 100px;*/
}

@media screen and (min-width: 2500px) {
    body {
        max-width: 2500px;
        position: static;       
    }
}

@media screen and (min-width: 2000px) and (max-width: 2499px) {

    /* Responsive */
    .common-subtext p{
    	font-size: 140%;
    }

    .mob-top .about-us-img-wrapper{
    	flex-direction: column;
    }

	.mob-middle{
		padding:  0 0 9rem;
	}

   .mob-top .about-us-content {
   		padding:  8rem 0;
   		max-width: 65%;
   }

   .abt-us-middle-wp {
   		width: 72%;
   		border-radius: 325px;
   }

   .mob-middle .about-us-img-wrapper {
   		width: 100%;
   }

   .mob-middle .about-us-content {
   		padding: 12rem 0 6rem;
   		max-width: 100%;
   }

   .mob-middle .about-us-left {
	    width: 50%;
	}
	
   .common-head-content.right {
    	width: 100%;
	}

   .common-head-content h2{
   		font-size: 450%;
   }

   .common-head-content h6 {
   		font-size: 180%;
   }

   .common-head-content.left h1 {
   		font-size: 180%;
   }

   .tabla-img-wrapper {
	    width: 23%;
	    bottom: -4%;
	    right: -15%;
	}

	.abt-us-wp {
		width: 72%;
		border-radius: 325px;
	}

   .about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
   		left: -4%;
   		bottom: -9%;
   }

   .subsection-wrapper .about-us-content{
   		max-width: 50%;
   }

   .subsection-wrapper .common-head-content {
	    max-width: 51%;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1999px) {

	.common-subtext p{
		font-size: 120%;
	}
	
	.mob-top .about-us-img-wrapper{
		flex-direction: column;
	}

	.mob-top .about-us-content {
   		max-width: 100%;
   }

   .common-subtext{
   		font-size: 130%;
   }

   .common-head-content h2 {
   		font-size: 350%;
   }

   .common-head-content h6 {
   		font-size: 175%;
   }
   .common-head-content.left h1 {
   		font-size: 175%;
   }
   .tabla-img-wrapper {
   		width: 20%;
    	bottom: -2%;
    	right: 0%;
   }

   .abt-us-middle-wp {
   		top: 1rem;
   		border-radius: 300px;
   		width: 75%;
   }

   .abt-us-wp {
   		width: 75%;
   }

   .mob-middle .about-us-img-wrapper {
   		margin-right: 10%;
   }

   .mob-middle .about-us-left{
	   	max-width: 26%;
   }

   .mob-top .container{
   		border-radius: 135px;
   }

   .mob-middle .container {
   		border-radius: 155px;
   }

   .about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
   		left: -3%;
    	bottom: -3%;
    	width: 21%;
   }

   .subsection-wrapper .common-head-content {
	    max-width: 39%;
	}

	.mob-middle .about-us-content{
		padding: 6rem 0 10rem;
		width: 725px;
	}
}


@media screen and (min-width:992px) and (max-width:1200px) {

    /* Nest Hub */
    .abt-us-wp {
		border-radius: 160px;
	}
	.abt-us-middle-wp {
		border-radius: 225px;
	}
    .section-padding{
		padding: 3rem 0;
	}

	.mob-top .about-us-img-wrapper{
		flex-direction: column;
	}

    .about-us-content {
   		max-width: 54%;
   }

   .common-subtext{
   		font-size: 100%;
   }

   .common-head-content h2 {
   		font-size: 265%;
   }

   .tabla-img-wrapper {
   		width: 22%;
	    bottom: 6%;
	    right: 8%;
	}

	.mob-middle .about-us-img-wrapper{
		width: 69%;
	}

   .mob-middle .about-us-left{
   		width: unset;
	    max-width: 27%;
	    margin-right: -6rem;
   }

   .mob-top .container{
   		border-radius: 135px;
   }

   .mob-middle .container {
   		border-radius: 155px;
   }

   .about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
   		left: 6%;
    	bottom: 3%;
    	width: 17%;
   }

   .subsection-wrapper .common-head-content {
	    max-width: 43%;
	}

	.mob-middle .about-us-content{
		padding: 5rem 0 7rem;
		max-width: 85%;
	}
}

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

    /* iPad air */
    .common-subtext p {
    	font-size: 95%;
    }
    .mob-top .about-us-left {
    	width: 31%;
    }

    .section-padding{
		padding: 3rem 0;
	}

	.mob-middle .about-us-left {
	    width: 30%;
	}

	.mob-top .about-us-left {
		width: 31%;
	}

	.common-head-content h6 {
	    font-size: 120%;
	    margin-bottom: 1rem;
	}
	.common-head-content.left h1 {
	    font-size: 120%;
	    margin-bottom: 1rem;
	}

   .mob-top .about-us-content {
	    max-width: 100%;
	    margin: 0 auto;
	    padding: 7rem 0;
	}

   .common-subtext{
   		font-size: 80%;
   }

   .common-head-content h2 {
   		font-size: 220%;
   }

   .tabla-img-wrapper {
   		width: 21%;
    	bottom: 13%;
   }

   .abt-us-middle-wp {
   		top: 0;
   }

	.abt-us-middle-wp, .abt-us-wp {
		border-radius: 160px;
	}

   .mob-top .container{
   		border-radius: 135px;
   }

   .mob-middle .container {
   		margin-right: 6rem;
   		border-radius: 155px;
   		padding: 8rem 0;
   }

   .about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
   		left: 3%;
    	bottom: -35%;
   }
   .section-padding.mob-middle{
   	padding: 0rem 0 5rem;
   }
   .subsection-wrapper .common-head-content {
	    max-width: 100%;
	}

	.mob-middle .about-us-content{
		padding: 0 0rem 0rem 3rem;
    	max-width: 100%;
	}

	.subsection-wrapper .about-us-content {
	    padding: 2rem;
	}
}

@media screen and (min-width:569px) and (max-width:769px) {

    /* iPad Mini */
    .section-padding{
		padding: 3rem 0;
	}

	.concert-subsection{
		border-radius: 140px;
	}

	.mob-top .about-us-img-wrapper{
		flex-direction: column;
	}

	.mob-top .about-us-content{
		padding:  6rem 0;
		max-width: 90%;
	}

   .about-us-content {
   		max-width: 66%;
   }

   .common-subtext{
   		font-size: 80%;
   }

   .common-head-content h2 {
   		font-size: 200%;
   }

   .subsection-wrapper .common-head-content h2 {
   		font-size: 190%;
   }

   .tabla-img-wrapper {
   		width: 22%;
	    bottom: 6%;
	    right: 9%;
   }

   .common-subtext p {
   		font-size: 91%;
   }

   .abt-us-middle-wp {
   		top: 0;
   		border-radius: 140px;
   }

   .abt-us-wp{
   	border-radius: 140px;
   }

   .mob-middle .about-us-left{
   		width: 40%;
    }

   .mob-top .container{
   		border-radius: 135px;
   }

   .mob-middle .about-us-img-wrapper{
   		width: 60%;
   		margin-right: 4%;
   }

   .about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
   		left: 1%;
    	bottom:-32%;
   }

   .subsection-wrapper .common-head-content {
	    max-width: 100%;
	    width: 100%;
	}

	.mob-middle .about-us-content{
		padding: 1rem 0 0rem;
		max-width: 90%;
	}

	.subsection-wrapper .about-us-content {
	    padding: 1rem;
	    width: 135%;
	}

	.common-head-content h6 {
		font-size: 119%;
		margin-bottom:  1rem;
	}
	.common-head-content.left h1 {
		font-size: 119%;
		margin-bottom:  1rem;
	}
	.mob-middle .container{
		padding: 5rem 0 11rem;
	}
	.mob-middle.section-padding{
		padding: 0;
	}
}

@media screen and (min-width:320px) and (max-width:568px) {

    /* Mobile */
    .common-subtext p {
    	font-size: 96%;
    }
    .section-padding{
		padding: 3rem 0;
	}

	.abt-us-wp{
		display: block;
	    width: 96%;
	    left: 2%;
	}

	.abt-us-middle-wp{
		display: block;
		width: 96%;
		left: 2%;
		top: 1%;
	}

    .mob-video{
    	display: block;
    }

    .desktop-video{
    	display: none;
    }

    .about-us-img{
    	display: none;
    }

    .common-head-content h6 {
    	font-size: 115%;
    	margin-bottom:  1rem;
    }
    .common-head-content.left h1 {
    	font-size: 115%;
    	margin-bottom:  1rem;
    }

    .mob-about-us-img{
    	width: 100%;
    	height: auto;
    	aspect-ratio: auto 671/770;
    }

    .about-us-wrapper{
    	flex-direction: column;
    }

     .mob-top .container{
    	display: flex;
	    flex-direction: column-reverse;
	    background: url("../images/about-us/mob-about-us-bg.png") center center / 94% 100% no-repeat;
	    padding-bottom: 2rem;
	    border-radius: 120px;
	    margin-top: 9rem;
	    margin-left: 0;
    }

    .mob-middle .container{
    	display: flex;
	    flex-direction: column-reverse;
	    background: url("../images/about-us/mob-founder-bg.png") center center / 94% 100% no-repeat;
	    padding-bottom: 0rem;
	    border-radius: 120px;
	    margin-top:  5rem;
    }

    .mob-top .about-us-img-wrapper {
    	padding-bottom: 0;
    	width: 100%;
    	margin-left: 0;
    }


    .about-us-img-wrapper{
    	width: 100%;
    	align-items: flex-start;
    }

   .mob-middle .about-us-img-wrapper, .mob-top .about-us-img-wrapper {
	    width: 100%;
	    margin: 0 auto;
	    padding:  2rem;
	}

	.mob-top .about-us-left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin-top: -7rem;
		margin-left:  0;
	}

	.mob-middle .about-us-left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin-top: -8rem;
		margin-left:  0;
	}

	.mob-middle .about-us-left {
	    margin-right: 0;
	    width: 100%;
	    margin-top: -11rem;
	}

	.about-us-wrapper .about-us-left .common-head-content.left {
		max-width: 60%;
		position: relative;
	}

	.common-head-content h2 {
		font-size: 225%;
	}

	/*.about-us-content .common-subtext {
	    width: 98%;
	}*/

	.about-us-content{
		/*left:  9%;*/
		width: 100%;
		max-width: 100%;
	    margin: unset;
	    padding-top: 0;
	}

	.mob-top .about-us-content{
	    padding: 0rem 0 2rem;
	    max-width: 100%;
	    width: 100%;
	}

	.common-subtext {
		font-size: 96%;
	}

	.about-us-content{
		/*top:  42%;*/
		/*padding:  2rem 0 0;*/
	}

	.tabla-img-wrapper {
	    width: 43%;
	    float: right;
	    margin: 1rem 0 0;
	    position: unset;
	}

	.mob-middle .about-us-content{
		max-width: 100%;
		padding: 0rem 1rem 7rem;
		width: 100%;
	}

	.founder-img{
		display: none;
	}

	.mob-founder-img{
		display: none;
	}

	.about-us-wrapper:nth-child(even){
		flex-direction: column-reverse;
	}

	.about-us-wrapper .about-us-left .common-head-content.right {
	    position: relative;
	    max-width: 60%;
	}

	.about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
	    width: 28%;
	    position: absolute;
	    left: 7%;
	    bottom: 9%;
	}

	.concert-subsection{
		background-size: cover;
		background-color: #000;
		margin: 2rem 3px 0;
		border-radius: 120px;
	}

	.subsection-wrapper .common-head-content {
	    max-width: 102%;
	}

	.subsection-wrapper{
		flex-direction: column;
		align-items:  flex-start;
	}

	.subsection-wrapper .common-head-content {
	    width: 102%;
	    margin: -8rem 0 0;
	}

	.subsection-wrapper .about-us-content .common-subtext {
	   padding: 0;
	}

	.subsection-wrapper .about-us-content {
		width: 100%;
	}

	body{
		background-color: #000;
	}
}

@media screen and (min-width: 279px) and (max-width: 319px) {

    /* Galaxy Fold */
    .section-padding{
    	padding:  3rem 0;
    }

    .abt-us-wp{
    	display: block;
	    width: 96%;
	    left: 2%;
    }

    .abt-us-middle-wp {
    	display: block;
	    width: 96%;
	    left: 2%;
    }

     .mob-video{
    	display: block;
    }

    .desktop-video{
    	display: none;
    }

    .about-us-img{
    	display: none;
    }

    .common-head-content h6 {
    	font-size: 115%;
    	margin-bottom:  1rem;
    }
    .common-head-content.left h1 {
    	font-size: 115%;
    	margin-bottom:  1rem;
    }

    .mob-about-us-img{
    	width: 100%;
    	height: auto;
    	aspect-ratio: auto 671/770;
    }

    .about-us-wrapper{
    	flex-direction: column;
    }

     .mob-top .container{
    	display: flex;
	    flex-direction: column-reverse;
	    background: url("../images/about-us/mob-about-us-bg.png") center center / 94% 100% no-repeat;
	    padding-bottom: 2rem;
	    border-radius: 70px;
	    margin-top: 9rem;
	    margin-left: 0;
    }

    .mob-middle .container{
    	display: flex;
	    flex-direction: column-reverse;
	    background: url("../images/about-us/mob-founder-bg.png") center center / 94% 100% no-repeat;
	    padding-bottom: 0rem;
	    border-radius: 70px;
	    margin-top:  5rem;
    }

    .mob-top .about-us-img-wrapper {
    	padding: 1rem;
    	width: 100%;
    	margin-left: 0;
    	flex-direction: column;
    }


    .about-us-img-wrapper{
    	width: 100%;
    	align-items: flex-start;
    }

    .about-us-img-wrapper {
	    /*width: 92%;*/
	    /*padding-top: 9rem;*/
	    margin: 0 auto;
	    padding:  1rem;
	}

	.mob-top .about-us-left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin-top: -8rem;
		margin-left:  0;
	}

	.mob-middle .about-us-left {
		width: 100%;
		display: flex;
		align-items: flex-start;
		margin-top: -8rem;
		margin-left:  0;
	}

	.mob-middle .about-us-left {
	    margin-right: 0;
	    width: 100%;
	}

	.about-us-wrapper .about-us-left .common-head-content.left {
		max-width: 70%;
		position: relative;
	}

	.common-head-content h2 {
		font-size: 155%;
	}

	/*.about-us-content .common-subtext {
	    width: 98%;
	}*/

	.about-us-content{
		/*left:  9%;*/
		width: 100%;
		max-width: 100%;
	    margin: unset;
	    padding-top: 0;
	}

	.mob-top .about-us-content{
	    padding: 0rem 0 2rem;
	    max-width: 100%;
	}

	.common-subtext {
		font-size: 90%;
	}

	.about-us-content{
		/*top:  42%;*/
		/*padding:  2rem 0 0;*/
	}

	.tabla-img-wrapper {
	    width: 63%;
	    float: right;
	    margin: 1rem 0 0;
	    position: unset;
	}

	.mob-middle .about-us-img-wrapper {
		width: 100%;
		margin-right: 0;
	}

	.mob-middle .about-us-content {
		padding: 1rem 0 7rem;
		max-width: 100%;
	}

	.founder-img{
		display: none;
	}

	.mob-founder-img{
		display: none;
	}

	.about-us-wrapper:nth-child(even){
		flex-direction: column-reverse;
	}

	.about-us-wrapper .about-us-left .common-head-content.right {
	    position: relative;
	    max-width: 64%;
	}

	.about-us-wrapper .about-us-img-wrapper .about-us-content .tabla-img-wrapper.sitar {
	    width: 32%;
	    position: absolute;
	    left:  0%;
	    bottom: 8%;
	}

	.concert-subsection{
		background: url("../images/about-us/mob-subsection-bg.png") no-repeat;
		background-size: cover;
		background-color: #000;
		margin: 9rem 16px 0;
		border-radius: 70px;
	}

	.subsection-wrapper .common-head-content {
	    max-width: 100%;
	}

	.subsection-wrapper{
		flex-direction: column;
		align-items:  flex-start;
	}

	.subsection-wrapper .common-head-content {
	    width: 100%;
	    margin: -11rem 0 0;
	}

	.subsection-wrapper .about-us-content .common-subtext {
	   padding: 10px;
	}

	.subsection-wrapper .about-us-content {
		width: 100%;
		padding: 20px 5px;
	}

	body{
		background-color: #000;
	}
}