/*For Mobile */
@media screen and (max-width:480px){
	.container{
		width: 90%;
	}

	.scroll-para-mobile{
		height: 200px;
		padding-right: 20px;
		overflow-y: scroll;
	}

	.nav-section{
		background: #0D101C;
	}

	.nav-logo{
		margin-left: 0;
		width: 65%;
    	margin-top: 15px;
    	margin-left: 15px;
	}

	.nav-btn{
    	margin: 29px 10px 10px 0;
    	padding: 11px 32px 12px 33px;
	}

	.nav-box{
		right: 10px;
		top: 9px;
	}

	.nav-box-glass:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    backdrop-filter: blur(20px);
	    z-index: -1;
	    width: 100%;
	    height: 100%;
	}

	.hero-arrow-section{
		width: 130%;
	}

	.hero-title{
		font-size: 30px;
	    line-height: 38px;
	    margin-top: 100px;
	}

	.section-para {
	    font-size: 14px;
	    line-height: 23px;
	}

	/*.hero-txt-container:before {
	    content: '';
	    background: rgba(13,16,28,0.4);
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}*/
	/*hero section end*/

	/*section 2 start*/
	.section-2-txt{
		margin-top: 80px;
	}

	.org-title{
		font-size: 25px;
    	line-height: 33px;
	}

	.card-para {
	    font-size: 14px;
    	line-height: 22px;
	}

	.blue-card{
		padding: 14px 21px;
		margin: auto;
		margin-bottom: 20px;
	}

	.orange-list {
	    padding-left: 25px;
	}

	.mascot-box{
		transform: translateY(-10%);
	}

	.circle {
	    height: 90px;
	    width: 90px;
	    top: 29%;
	    left: 52%;
	}

	.blue-card-container {
	    height: 25vh;
	}

	.arch-mascot{
		bottom: 2%;
		width: 75%;
	}
	/*section 2 end*/

	/*section 3 start*/
	.section-3, .section-3 .container{
		height: 85vh;
	}

	.star-box{
		width: 80px;
    	height: 80px;
	}

	.success-block {
	    margin-top: 100px;
	}

	.success-story {
	    margin-top: 20px;
	    margin-left: 30px;
	}

	.section-3 .org-title{
		font-size: 34px;
    	line-height: 42px;
	}
	/*section 3 end*/

	/*section 4 start*/
	.section-4, .section-4 .container{
		height: auto;
	}

	.sec-4-txt {
	    margin-top: 80px;
	    margin-bottom: 20px;
	}

	.sec-4-arch {
	    margin-top: 50px;
	    margin-bottom: 50px;
	}

	.bg-ripple-circle:nth-child(1){
		width: 10%;
		height: 10%;
	}

	.bg-ripple-circle:nth-child(2){
		width: 15%;
		height: 15%;
	}

	.bg-ripple-circle:nth-child(3){
		width: 20%;
		height: 20%;
	}

	.bg-ripple-circle:nth-child(4){
		width: 25%;
		height: 25%;
	}

	.bg-ripple-circle:nth-child(5){
		width: 30%;
		height: 30%;
	}

	.bg-ripple-circle:nth-child(6){
		width: 35%;
		height: 35%;
	}
	/*section 4 end*/

	/*section 5 start*/
	.section-5 {
	    margin: 0;
	}

	.section-5 .container{
		height: auto;
	}

	.cal-divider{
		display: none;
	}

	.hex-sec{
		width: 85%;
    	margin-bottom: 28px;
	}

	.Y-17-23-img{
		width: 90%;
	    margin: auto;
	    margin-top: 30px;
	    margin-bottom: 28px;
	}

	.history-title {
	    font-size: 25px;
	    line-height: 34px;
	}

	.Y-10-16-row {
	    padding: 0;
	}
	/*.Y-10-16-row,
	.Y-17-23-row{
		width: 90%;
	}*/

	.Y-10-16-row .row,
	.Y-17-23-row .row{
		place-content: center;
	}

	/*.Y-10-16-text,
	.Y-17-23-text{
		margin-top: 80px;
	}*/

	.Y-10-16-img{
		margin-top: 50px;
	}

	.row-mb-reverse{
		flex-flow: column-reverse;
	}

	.l-6{
		bottom: 31.7%;
	}

	.l-3{
		top: 29%;
	}

	.l-5 {
	    bottom: 32.4%;
	}

	.l-4 {
	    top: 28.3%;
	}
	/*section 5 end*/

	/*section 6 start*/
	.orange-product-box{
		padding: 30px 25px;
	}

	.product-para{
		font-size: 14px;
		line-height: 20px;
	}
	/*section6 end*/

	/*section 7 start*/
	.section-7{
		margin: 0;
	}

	.hex-animation{
		margin-top: 0 !important;
	}
	.phases-row{
		margin-top: 0;
    	align-content: flex-start;
	}
	.phases-para{
		top: 53%;
	    left: 25%;
	    width: 60%;
	}

	.phases-heading{
		font-size: 14px;
		line-height: 20px;
	}

	.hex-img:nth-child(1){
		width: 50%;
	}

	.hex-img:nth-child(2){
		width: 60%;
	}

	.hex-img:nth-child(3){
		width: 70%;
	}

	.hex-img:nth-child(4){
		width: 80%;
	}

	.hex-img:nth-child(5){
		width: 90%;
	}

	.phases-table {
	    margin-bottom: 30px;
	}

	.phases-table td, .phases-table th {
	    padding: 5px 18px;
	}

	.phase-ic {
	    width: 40px;
	}

	.stat-count{
		font-size: 20px;
		line-height: 30px;
	}

	.stat-desc{
		font-size: 16px;
		line-height: 30px;
	}
	/*section 7 end*/

	/*section 8 start*/
	.section-8{
		height: auto;
		margin-top: 80px;
	}

	.top-frame{
		margin-top: 0;
	}

	.img-frame{
		margin-bottom: 30px;
	}

	.celeb-sm-title{
		font-size: 16px;
		line-height: 20px;
	}
	/*section 8 end*/

	/*team start*/
	.section-9{
		margin: 0;
	}

	.team-circle-sm{
		transform: scale(0.5);
	}

	.fs-name{
		font-size: 11px;
		line-height: 14px;
	}

	.fs-designation {
	    font-size: 10px;
    	line-height: 20px;
	}

	.fs-details-box1 {
	    bottom: 20px;
	    left: 20px;
	}

	.fs-details-box2 {
	    bottom: 20px;
	    right: 20px;
	}

	.vinja-title {
	    margin-bottom: 15px;
	}

	.vinja-title .org-title{
		font-size: 45px;
    	margin-bottom: 40px;
	}

	.our-team-circle{
		padding: 50px 30px;
	}
	/*team end*/

	.section-9{
		margin: 100px 0 40px 0;
	}

	.section-9, .section-10, .section-9 .container, .section-10 .container{
		height: auto;
	}

	/*footer start*/
	.acc-title{
		font-size: 22px;
    	line-height: 24px;
	}

	.acc-box{
	    margin-bottom: 25px;
	}

	.acc-box:nth-child(2){margin-top: 0;}

	.footer-collaps-box {
	    margin-top: 110px;
	}

	.footer-collaps-box {
	    margin-top: 150px;
	}
	/*footer end*/

	/*scroll top start*/
	.scroll-to-top {
	    width: 30px;
	    height: 30px;
	    bottom: 12px;
	    right: 8px;
	}

	.scroll-to-top .angle {
	    font-size: 15px;
	    padding: 6px 0;
	    line-height: 20px;
	}
	/*scroll top end*/
}

@media screen and (min-width:280px) and (max-width:380px){
	.hex-animation{
		width: 100%;
		margin: auto;
	}

	.phases-para {
	    top: 53%;
	    left: 26%;
	    width: 75%;
	}

	.phases-heading {
	    font-size: 18px;
    	line-height: 22px;
	}

	.stat-desc {
	    font-size: 14px;
	    line-height: 25px;
	}

	.footer-collaps-box {
	    margin-top: 110px;
	}

	.arch-mascot{
		bottom: 19%;
		width: 65%;
	}

	.circle{
		height: 60px;
		width: 60px;
		top: 22%;
		left: 52%;
	}

	.Y-10-16-img{
		margin-top: 0;
	}
}

/*****Mobile Horizontal view******/
@media screen and (min-width:490px) and (max-width:767px){

	.nav-logo{
		margin-left: 0;
		width: 50%;
	}

	.nav-link-section{
		overflow-y: scroll;
	    overflow-x: hidden;
	    height: 100%;
	}

	.nav-btn{
    	margin: 25px 10px 20px 0;
	}

	.nav-box{
		right: 20px;
		top: 25px;
		height: 89vh;
	}

	.hero-arrow-section{
		width: 130%;
	}

	.hero-title{
		font-size: 30px;
	    line-height: 38px;
	    margin-top: 100px;
	}

	.section-para {
		font-size: 12px;
		line-height: 20px;
	}

	/*.hero-txt-container:before {
	    content: '';
	    background: rgba(13,16,28,0.4);
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}*/
}


/*********Ipad*************/
@media screen and (min-width:768px) and (max-width:991px){
	.nav-box{
		top: 30px;
	}

	.hero-arrow-section{
		width: 100%;
	}

	/*section 2 start*/
	.circle{
		top: 25%;
	}
	.sec-2-row{
		flex-wrap: wrap-reverse;
	}
	.arch-mascot {
	    bottom: -4%;
	    width: 90%;
	}
	/*section 2 end*/

	/*section 3 start*/
	.blue-card-container{
		height: 26vh;
	}

	.success-block {
	    margin-top: 50%;
	}

	.success-story {
	    margin-top: 50px;
	    margin-left: 60px;
	}
	/*section 3 end*/

	/*section 4 start*/
	.sec-4-txt {
	    margin-top: 130px;
	    margin-bottom: 30px;
	}

	.sec-4-arch {
	    margin-top: 20px;
	}
	/*section 4 end*/

	/*section 5 start*/
	.row-mb-reverse{
		flex-flow: column-reverse;
	}

	.Y-17-23-text, .Y-10-16-text{
		margin-top: 100px;
	}

	.Y-10-16-img{
		margin-bottom: 8%;
	}
	/*section 5 end*/

	/*section 6 start*/
	.product-title:before{
		height: 100%;
	}

	.apro, .adlabs{
		top: 27%;
	}

	.vmax, .offerdeck {
	    top: 37%;
	}

	.orange-product-box{
		min-height: 507px;
		padding: 30px 30px;
	}
	/*section 6 end*/

	/*section 8 start*/
	.img-frame {
	    padding: 7px;
	}

	.celeb-title{
		font-size: 19px;
		line-height: 40px;
	}

	.celeb-sm-title {
	    font-size: 16px;
	    line-height: 20px;
	}

	.hex-img:nth-child(1){
		width: 30%;
	}

	.hex-img:nth-child(2){
		width: 40%;
	}

	.hex-img:nth-child(3){
		width: 50%;
	}

	.hex-img:nth-child(4){
		width: 60%;
	}

	.hex-img:nth-child(5){
		width: 70%;
	}

	.phases-para{
		top: 52%;
		left: 34%;
		width: 62%;
	}

	.phases-heading{
		font-size: 20px;
		line-height: 30px;
	}

	.phases-table {
	    margin-bottom: 60px;
	    margin-top: -30px;
	}

	.phases-table td, .phases-table th {
	    padding: 10px 18px;
	}

	.phase-ic {
	    width: 40px;
	}

	.stat-count{
		font-size: 22px;
		line-height: 32px;
	}

	.stat-desc{
		font-size: 20px;
		line-height: 34px;
	}
	/*section 8 end*/

	/*footer section start*/
	.acc-box{
	    margin-bottom: 50px;
	}

	.acc-box:nth-child(2){margin-top: 0;}

	.footer-collaps-box {
	    margin: 180px 0;
	}
	/*footer section end*/

	.section-9{
		margin: 100px 0;
	}

	.section-9,  .section-9 .container, .section-11,  .section-11 .container{
		height: auto;
	}

	.section-10, .section-10 .container{
		height: 60vh;
	}
}


/*********Ipad Pro*************/
@media screen and (min-width:991px) and (max-width:1024px){
	.nav-box{
		top: 30px;
	}
	
	.hero-arrow-section{
		width: 90%;
	}

	/*section 2 start*/
	.sec-2-row{
		flex-wrap: wrap-reverse;
	}

	.blue-card{
		padding: 40px 45px;
	}

	.arch-mascot {
	    position: absolute;
	    left: 50%;
	    bottom: -15%;
	    width: 100%;
	}

	.circle {
	    height: 200px;
	    width: 200px;
	    top: 27%;
	}

	.blue-card-container{
		height: 20vh;
	}
	/*section 2 end*/

	/*section 3 start*/
	.success-block {
	    margin-top: 50%;
	}

	.success-story {
	    margin-top: 50px;
	    margin-left: 60px;
	}
	/*section 3 end*/

	/*section 5 start*/
	.history-title{
		font-size: 38px;
	}

	.hex-img:nth-child(5){
		display: none;
	}

	.img-frame{
		margin-bottom: 30px;
	}
	/*section 5 end*/

	/*section 6 start*/
	.product-title{
		top: 140px;
	}
	.apro, .adlabs{
	    top: 30%;
	}
	.vmax, .offerdeck{
	    top: 45%;
	}
	/*section 6 end*/

	/*section 7 start*/
	.phases-heading{
		font-size: 23px;
		line-height: 30px;
	}

	.phases-para{
    	left: 28%;
	}
	/*section 7 end*/

	.section-3{
		margin: 0;
	}

	.section-9{
		margin: 100px 0;
	}

	.section-9,  .section-9 .container, .section-11,  .section-11 .container{
		height: auto;
	}

	.section-10, .section-10 .container, .section-7, .section-7 .container, .section-5 .container, .section-4, .section-4 .container{
		height: 60vh;
	}

	.section-3, .section-3 .container{
		height: 70vh;
	}

	/*footer section start*/
	.footer-collaps-box {
	    margin-top: 100px;
	    margin-bottom: 250px;
	}
	/*footer section end*/
}

/*********Large Screens*************/
@media screen and (min-width:1200px) and (max-width:1320px){
	.arch-mascot {
	    bottom: 20%;
	    width: 65%;
	}

	.circle {
	    height: 120px;
	    width: 120px;
	    top: 23%;
	    left: 51.5%;
	}

	.blue-card-container{
		height: 50vh;
	}

	.section-6, .section-6-2{
		height: 120vh;
	}
}


@media screen and (min-width:1500px){
	.section-6, .section-6-2, .section-7{
		height: 100vh;
	}
	.arch-mascot {
	    bottom: 15%;
    	width: 73%;
	}

	.circle {
	    height: 150px;
	    width: 150px;
	    top: 22%;
	    left: 51.5%;
	}

	.blue-card-container{
		height: 35vh;
	}

	.success-block{
		margin-top: 10%;
	}

	.star-box{
		width: 220px;
	    height: 220px;
	}

	.success-story{
		margin-top: 50px;
		margin-left: 77px;
	}

	.apro, .adlabs{
	    top: 30%;
	}
	.vmax, .offerdeck{
	    top: 38%;
	}
	.orange-product-box{
		min-height: 360px;
	}

	/*section 7 start*/
	.stat-count{
		font-size: 45px;
		line-height: 54px; 
	}

	.stat-desc{
		font-size: 25px;
	}
	/*section 7 end*/

	/*section 8 start*/
	.celeb-title{
		font-size: 27px;
	}

	.celebs-div{
		margin: 12px 10px;
	}

	.top-frame{
		margin-bottom: 60px;
	}

	.footer-collaps-box {
	    margin-top: 280px;
	}
	/*section 8 end*/

	.team-circle-sm{
		transform: scale(1); 
	}
}

@media screen and (min-width:1900px){
	.success-block{
		margin-top: 25%;
	}

	.blue-card-container{
		height: 30vh;
	}

	.blue-card{
		margin-top: 30px;
	}

	.celebs-div{
		margin: 70px 10px;
	}
}