.footerWhatsapp{
	position: fixed;bottom: 2%;left: 2%;width: 3vw;z-index: 9999;
}
.cofounderPic{
	width: 80%;position: relative;left: 50%;transform: translateX(-50%);
}
.deskHide{
    display:none;
}
.phoneHide{
    display:flex;flex-wrap:wrap;
}
.footerWhatsapp a img{
	width: 100%;
}
.project-description p{
	margin-top: 3vw;margin-bottom: 2vw;
}
.clicktoopen{
	margin-top: 2vw;margin-bottom: 1vw;
}
.packet-column{
	width: 23%;background:#ebebeb;margin: 1%;
}
.rowFlex{
	display: flex;flex-wrap: wrap;
}
.foot-con{
	display: flex;justify-content: space-between;
}
.foot-con a{
	display: block;width: 16%;
}
.foot-con a img{
	width: 100%;
}
#sales{
	padding-top: 5vw;
}
.marTpService{
	padding-top: 4vw;
}
 .logo-back{
    width:6vw;height:6vw;background:#fff;margin-top: -2%;
    display: flex;align-items: center;justify-content: center;
 }
 .logo-size{
    width:90%;z-index: 2;margin-left: 5%;margin-top: 0;
}
.helias .slidenav::before {
  background-color: #ebebeb;
}
.marBtnPacket{
	margin-bottom: 3vw;
}
#approach{
	margin-top: 4vw;
}
.youtubeFrame{
	width: 100%;height: 16vw;background: #ebebeb;margin-bottom: 10px;position: relative;
}
.youtubeFrame iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
 #bottom-team{
 	margin-top: 5vh;
 }
 #studio-intro{
 	padding-bottom: 8vh;
 }
 .serviceAboutTop{
 	padding-top: 5vh;
 }
.cofounderRows{
	width: 80%;padding:4vw 10vw;background: #fff9ed;display: flex;justify-content: space-around;
	flex-wrap: wrap;
}
.cofunderImg
{
	width: 25%;text-align: center;
}
.cofunderDetail{
	width:60%;margin-left: 5%;font-size: 1vw;
}
.founderDe  h3{
	font-size: 1.5vw;font-weight: 800;
}
.founderDe h6{
	font-size: 0.9vw;margin-top: 0.5vw;
}
.cofunderImg h3{
	font-size: 1.5vw;font-weight: 800;
}
.cofunderImg h6{
	font-size: 0.9vw;margin-top: 0.5vw;
}
.floatingCareerButton{
	position: fixed;top: 50%;right:-4%;transform: translateY(-50%) rotate(-90deg);z-index: 999;
}
.floatingCareerButton a{
	font-size: 0.8vw;text-transform: uppercase;font-weight:600;color: #fff;background: #d6372e;padding: 0.4vw 1vw;
	border-radius: 18px;
}
.floatingCareerButton a:hover{
	background: #c22317;
}
.overlayForm{
	background: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;z-index: 1000;position: fixed;
	top: 0;left: 0;	display: none;
}
.careerForm{
	width: 25%;position: absolute;top: 50%;left: 50%;text-transform: uppercase;font-size: 1vw;font-weight: 600;color: #fff;
	transform: translate(-50%, -50%);
}
.careerHead{
	background: #d6372e;padding: 0.3vw 1vw;text-align: center;
}
.careerInputs{
	background: #fff;padding: 0.8vw;
}
.formInoutCr{
	margin-top: 0;
}
.formInoutCr label{
	font-size: 0.8vw;color: #000;font-weight: 400;text-transform: capitalize;text-align: left !important;
}
.formInoutCr input{
	width: 90%;padding: 0.5vw;font-size: 0.8vw;height:1.5vw !important;
}
.formInoutCr button{
	width: 100%;background: orange;text-transform: uppercase;text-align: center;font-size: 0.8vw;
	border: none;height: 3vw;font-weight: 600;margin-top: 0.8vw;
}
.formInoutCr button:hover{
	background:#b32119;color: #fff;
}
#closeBtnForm{
	position: absolute;top: -5%;right: -5%;font-size: 1vw;font-weight: 600;border: none;background: transparent;
	color: #fff;
}
.formInoutCr input[type="file"]{
	margin-top: 0.8vw;margin-bottom: 0 !important;color: #000 !important;
}

 @media(max-width:768px)
   {
   	.logo-back{
	    width:70px;height:70px;background:#fff;margin-top: -2%;
	    display: flex;align-items: center;justify-content: center;
	 }
	 .logo-size{
	    width:90%;z-index: 2;margin-left: 5%;margin-top: 0;
	}
	.project-heading {
		height: 70vh;
	}
	.project-heading h1{
		top: 47%;
	}
	.helias .project-heading img:nth-of-type(1){
		left: 30%;
	}
	.helias .project-heading img:nth-of-type(2){
		width: 17%;
	}
	.helias .project-heading img:nth-of-type(3){
		width:20%;
	}
	.grid-wrap{
		width:86%;padding: 0;margin: 0 auto;
	}
	.packetingg{
		display: none;
	}
	.project .chapter-desc{
		margin: 0;
	}
	.packet-column{
		width: 47%;margin: 1%;
	}
	.next-project {
	  height: 30vh;
	}
	.offset-top {
	  padding-top: 60px !important;
	}
	.martopRespNegative{
		margin-top: -80px;
	}
	.marTpChapter{
		margin-top: 18px;
	}
	.gifPosition{
		position: absolute;top: 20% !important;
	}
	#design{
		margin-top: -60px;
	}
	.brandHead{
		display: none;
	}
	.youtubeFrame{
		width: 100%;height: 120px;background: #ebebeb;margin-bottom: 10px;position: relative;
	}
	.martpNegaMotion{
		margin-top: -60px !important;
	}
	.martpPosRate{
		margin-top: 80px;
	}
	.marTopPositiveimage{
		margin-top: 100px !important;
	}
	.hennessey .bg-dark{
		padding-bottom: 10vh;
	}
	.martp20pxCalendar{
		margin-top: 30px;
	}
	.marginDetails{
		margin-top: -60px;
	}
	.web{
		margin-top: 60px;
	}
	.martpNegaWeb{
		margin-top: -120px;
	}
	.martpNegaWebLaunch{
		margin-top: -200px !important;
	}
	 #bottom-team{
	  height: 40vh;
	 }
	 .chapter-icon{
	 	margin-bottom: 0;
	 }
	 .maTpWebsiteNegative{
	 	padding-top: 0px;
	 }
	 .margintopPaerp{
	 	padding-top: 0 !important;padding-bottom: 10vh !important;
	 }
	 .martpNegalaunch{
	 	margin-top: -180px;
	 }
	 .main-heading.studio{
	 	height: 70vh !important;
	 }
	 .footerWhatsapp{
			position: fixed;bottom: 10px;left: 20px;width:50px;z-index: 9999;
		}
		.footerWhatsapp a img{
			width: 100%;
		}
		.cofounderRows{
		width: 100%;padding:40px 20px 20px 0;background: #fff9ed;display: flex;justify-content: space-around;
		flex-wrap: wrap;
	}
	.cofunderImg
	{
		width:80%;text-align: center;
	}
	.cofunderDetail{
		width:80%;margin-left: 5%;font-size: 17px;text-align: center;margin-top: 18px;
	}
	.cofunderImg h3{
		font-size:24px;font-weight: 800;margin-bottom:12px !important;
	}
	.cofunderImg h6{
		font-size: 17px;margin-top: 0.5vw;
	}
	.founderDe  h3{
		font-size:24px !important;font-weight: 800;
	}
	.founderDe h6{
		font-size: 17px !important;margin-top: 0.5vw;
	}
	.deskHide{
        display:block;
    }
    .phoneHide{
        display : none;
    }
    #studio-intro h6{
        font-size:15px !important;
    }
    .careerForm{
		width:90%;position: absolute;top: 50%;left: 50%;text-transform: uppercase;font-size: 15px;font-weight: 600;color: #fff;
		transform: translate(-50%, -50%);
	}
	.careerHead{
		background: #d6372e;padding:8px;text-align: center;font-size: 18px;
	}
	.careerInputs{
		background: #fff;padding:15px;
	}
	.formInoutCr{
		margin-top: 0;font-size: 12px;
	}
	.formInoutCr label{
		font-size: 15px;color: #000;font-weight: 400;text-transform: capitalize;text-align: left !important;
	}
	.formInoutCr input{
		width: 90%;padding: 7px;font-size: 15px;height:25px !important;
	}
	.formInoutCr input[type="file"]{
		margin-top:10px;
	}
	.formInoutCr button{
		width: 100%;background: orange;text-transform: uppercase;text-align: center;font-size: 15px;
		border: none;height: 45px;font-weight: 600;margin-top: 8px;
	}
	.formInoutCr button:hover{
		background:#b32119;color: #fff;
	}
	#closeBtnForm{
		position: absolute;top: -5%;right: 0%;font-size: 18px;font-weight: 600;border: none;background: transparent;
		color: #fff;
	}
	.floatingCareerButton{
		right: -18%;
	}
	.floatingCareerButton a{
		padding: 7px 14px;
	}
	#vaccancy{
		font-size: 13px;
	}

 }