@font-face {
	font-family: 'GeneralSans-Medium';
	src: url('../fonts/GeneralSans-Medium.woff2') format('woff2'),
		 url('../fonts/GeneralSans-Medium.woff') format('woff'),
		 url('../fonts/GeneralSans-Medium.ttf') format('truetype');
	font-weight: 500; font-display: swap; font-style: normal;
}

body { font-family: 'GeneralSans-Medium', sans-serif; font-size: 1rem; color: #25313C; font-weight: 500; font-display: swap; font-style: normal; }

.pt-92 { padding-top: 92px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }

.mb-120 { margin-bottom: 120px !important; }

.bg-main { background-color: #ffe800 !important; }
.bg-white { background-color: #FFF !important; border: 2px solid #ffe800 !important; }

.font-24 { font-size: 1.5rem; }
.font-36 { font-size: 2.25rem; }
.font-48 { font-size: 3rem; }

.header { height: 92px; background: #FFF; }

.main-menu { font-size: 1.5rem; color: #25313C; line-height: 44px; background: #ffe800; padding: 0 1.5rem; border: 0; border-radius: 44px; outline: 0; transition: all 0.3s; }
.main-menu:hover, .main-menu.inner:hover { color: #FFF; background: #2032B9; }
.main-menu.inner { background: #FFF; }

.overlay { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: #ffe800; overflow-y: hidden; transition: 0.5s; }
.overlay-header { height: 92px; }
.overlay .closebtn { font-size: 1.5rem; color: #25313C; line-height: 44px; background: #ffe800; padding: 0 1.5rem; border: 2px solid #25313C; border-radius: 44px; outline: 0; transition: all 0.3s; }
.overlay .closebtn:hover { background: #FFF; }
.overlay-content {  }
.navmenu { list-style: none; margin: 0; padding: 0; font-size: 6rem; color: #FFF; text-transform: uppercase; }
.navmenu a { color: #FFF; text-decoration: none; transition: all 0.5s; position: relative; padding-right: 50px; }
.navmenu a:hover { color: #2032B9; text-decoration: none; }
.navmenu a:hover::after { content: '\2190'; position: absolute; font-size: 3.5rem; line-height: 125px; right: -20px; }
.navmenu a[data-title]:hover::before { content: attr(data-title); position: absolute; top: calc(50% - 16px); left: 110px; padding: 5px 12px; font-size: 16px; color: #25313C; background: #fff; border: 2px solid #25313C; border-radius: 40px; }
.address { font-size: 1.5rem; color: #2032B9; }
.address p { margin-bottom: .5rem; line-height: 2rem; }
.address a, .address a:hover { color: #2032B9; }

.logo-ani-outer { position: fixed; right: 3%; bottom: 5%; padding: 20px; z-index: 5; }
#rotate-logo { width: 141px; height: 140px; position: absolute; left: 0; top: 0; }
.logo-ani-inner { width: 100px; height: 100px; background: #ffe800; border-radius: 100%; border: 2px solid #FFF; }

.hero-box { height: calc(100vh - 92px); position: relative; }
.hero-img { width: 100%; height: 100%; object-fit: contain; }
.hero-title { position: absolute; bottom: 10%; width: 670px; font-size: 3rem; color: #2032B9; line-height: 1.3; margin: 0; min-height: 190px; }
/*.hero-title h1 { font-size: 3rem; color: #2032B9; margin: 0; }*/
.hero-title .carousel-fade .active.carousel-item-start,
.hero-title .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 1s !important; }

.vdo-1 { position: absolute; width: 500px; height: 282px; top: 24%; right: 9%; }

.video-outer { height: calc(100vh - 92px); }
.video-inner { width: 100%; height: 100%; }
.video-inner video { object-fit: cover; }

.hero-img-proj { width: 100%; height: 100%; object-fit: contain; position: sticky; top: 100px; margin-top: 100px; margin-bottom: 100px; }
.hero-title-proj { width: 900px; position: relative; margin: -30% 0 10% 30%; }
.hero-title-proj h1 { font-size: 3rem; color: #2032B9; margin: 0; }

.lpro-outer { width: 1150px; height: 560px; overflow: hidden; position: relative; margin: 2rem auto; border-radius: 10px; }
.lpro-outer .lpro-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 1; scale: none; transition: all .3s; }
.lpro-outer .lpro-img img { width: 100%; height: 100%; object-fit: cover; }
.lpro-outer:hover .lpro-img { opacity: 0; scale: 1.05; }
.lpro-outer:hover .lpro-video { opacity: 1; }
.lpro-video { position: relative; margin-top: none; width: 100%; height: 100%; z-index: 1; /*display: none;*/ opacity: 0; transition: opacity .3s; }
.lpro-video video { object-fit: cover; }
.lpro-content { position: absolute; bottom: 0; width: 100%; padding: 1.5rem 2rem; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); color: #FFF; z-index: 5; }
.lpro-content h4 { font-size: 2.25rem; }
.lpro-content p { font-size: 1.5rem; margin: 0; }

.services-outer h3 { font-size: 6rem; text-transform: uppercase; padding-bottom: 1rem; border-bottom: 2px solid #25313C; }
.services-outer p { font-size: 2.25rem; margin: 1.5rem 0 0; }
.serv01, .serv02, .serv03 { position: relative; width: 100%; border-radius: 20px; padding: 3rem 4.5rem; width: 1150px; min-height: 620px; }
.serv01 { background: url(../images/01.png) bottom right no-repeat #00C04D; margin-top: -100px; transition: all 0.3s ease-in; z-index: 1; }
.serv02 { background: url(../images/02.png) bottom left no-repeat #ED455D; margin-top: -400px; margin-left: -160px; transition: all 0.3s ease-in; z-index: 2; }
.serv03 { background: url(../images/03.png) bottom left no-repeat #7787FF; margin-top: -450px; margin-left: 20px; transition: all 0.3s ease-in; z-index: 3; }
.serv01:hover, .serv02:hover, .serv03:hover { transform: rotate(0deg) !important; z-index: 4; }

[data-aos="anim1"], [data-aos="anim2"], [data-aos="anim3"] { transform: scale(0.6); }
[data-aos="anim1"].aos-animate { transform: rotate(-7.2deg); }
[data-aos="anim2"].aos-animate { transform: rotate(2.4deg); }
[data-aos="anim3"].aos-animate { transform: rotate(-2.4deg); }

.eyes-outer { position: absolute; width: 130px; left: 41.5%; top: 100px; }
.eyes { width: 130px; height: 60px; margin: 0 auto; position: relative; }
.left_eye, .right_eye { width: 60px; height: 60px; top: 0; position: absolute; /*background-image: url(../images/eye.png); background-repeat: no-repeat; background-position: 7px 0;*/ }
.left_eye { left: 0; }
.right_eye { right: 0; }
.eyes .pupil { left: 17px; top: 17px; width: 21px; height: 28px; position: relative; background: #25313C; border-radius: 100%; /*background-image: url(../images/pupil.png); background-repeat: no-repeat; background-position: center center;*/ }
.left_eye::before, .right_eye::before { content: ''; position: absolute; width: 41px; height: 60px; background: #fff; left: 7px; border: 1px solid #25313C; border-radius: 100%; }

.ftr-content { margin-top: -180px; text-align: center; }
.ftr-content p { font-size: 3rem; color: #2032B9; margin: 0; }
.ftr-content a, .ftr-content a:hover { color: #2032B9; }

.contact .ftr-content p, .contact .ftr-content a, .contact .ftr-content a:hover { color: #25313C; }

.social { width: 320px; margin-top: 100px !important; }
.social a svg path { transition: all .3s; }
.social a:hover svg path { fill: #2032B9; }

.thestudio-title { position: absolute; width: 1020px; bottom: 26%; left: 26%; }
.thestudio-title h1 { font-size: 3rem; margin: 0; }
.thestudio-title span { display: block; margin-top: 4rem; }

.services-sm { position: relative; margin-top: -100px; }

.marquee { position: relative; width: 100vw; max-width: 100%; height: 228px; background: #2032B9; overflow-x: hidden; font-size: 6rem; color: #ffe800; text-transform: uppercase; display: flex; align-items: center; }
.track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 16s linear infinite; }
@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.we-are { padding-top: 170px; padding-bottom: 170px; }
.we-are-hero { position: relative; }
.pill-invt, .pill-uctr, .pill-uniq, .pill-cret, .pill-vrst, .pill-mdrn, .pill-strt { position: absolute; }
.pill-invt { rotate: -20.84deg; top: 45%; left: -1%; animation: innovative 1s infinite alternate linear; -webkit-animation: innovative 1s infinite alternate linear; }
@keyframes innovative {
	0% { translate: 0 0; }
	100% { translate: 0 -12px; }
}
@-webkit-keyframes innovative {
	0% { translate: 0 0; }
	100% { translate: 0 -12px; }
}
.pill-uctr { rotate: 21.43deg; top: -4%; left: 14.5%; animation: usercentric 1.5s infinite alternate linear; -webkit-animation: usercentric 1.5s infinite alternate linear; }
@keyframes usercentric {
	0% { translate: 0 -12px; }
	100% { translate: 0 0; }
}
@-webkit-keyframes usercentric {
	0% { translate: 0 -12px; }
	100% { translate: 0 0; }
}
.pill-uniq { rotate: -4.48deg; bottom: 11%; left: 19%; animation: unique 1.3s infinite alternate linear; -webkit-animation: unique 1.3s infinite alternate linear; }
@keyframes unique {
	0% { translate: 0 0; }
	100% { translate: 0 -12px; }
}
@-webkit-keyframes unique {
	0% { translate: 0 0; }
	100% { translate: 0 -12px; }
}
.pill-cret { rotate: -8.51deg; top: 32%; left: 40%; animation: creative 1.5s infinite alternate linear; -webkit-animation: creative 1.5s infinite alternate linear; }
@keyframes creative {
	0% { translate: 0 0; }
	100% { translate: 0 -22px; }
}
@-webkit-keyframes creative {
	0% { translate: 0 0; }
	100% { translate: 0 -22px; }
}
.pill-vrst { rotate: -17.86deg; bottom: 17%; right: 25%; animation: versatile 1s infinite alternate linear; -webkit-animation: versatile 1s infinite alternate linear; }
@keyframes versatile {
	0% { translate: 0 0; }
	100% { translate: 0 -10px; }
}
@-webkit-keyframes versatile {
	0% { translate: 0 0; }
	100% { translate: 0 -10px; }
}
.pill-mdrn { rotate: 21.28deg; top: -2%; right: 11%; animation: mordern 1s infinite alternate linear; -webkit-animation: mordern 1s infinite alternate linear; }
@keyframes mordern {
	0% { translate: 0 -6px; }
	100% { translate: 0 0; }
}
@-webkit-keyframes mordern {
	0% { translate: 0 -6px; }
	100% { translate: 0 0; }
}
.pill-strt { rotate: 14.74deg; bottom: 0; right: -1%; animation: strategic 1.5s infinite alternate linear; -webkit-animation: strategic 1.5s infinite alternate linear; }
@keyframes strategic {
	0% { rotate: 0; }
	100% { rotate: 4deg; }
}
@-webkit-keyframes strategic {
	0% { rotate: 0; }
	100% { rotate: 4deg; }
}

.approach { width: 100%; max-width: 1500px; margin: 0 auto 300px; display: flex; }
.approach .col-one { width: 20%; }
.approach .col-two { width: 80%; }

.whyus { width: 100%; max-width: 1500px; margin: -35% auto 0; display: flex; }
.whyus .col-one { width: 20%; }
.whyus .col-two { width: 70%; }

.contact-outer { width: 1150px; margin: 200px auto; }
.contact-outer .form-control { border: 0; border-bottom: 2px solid #25313C; border-radius: 0; font-size: 3rem; padding: 0rem 0.75rem; }
.contact-outer .form-control::placeholder { color: #BBC8D4; opacity: 1; }
.contact-outer .form-control::-ms-input-placeholder { color: #BBC8D4; }
.contact-outer .form-control:focus { box-shadow: none; }
.contact-outer .form-error { font-size: .813rem; color: #f00; }

/*.custom-file-button input[type=file] { margin-left: -2px !important; color: transparent; }*/
.custom-file-button input[type=file]::-webkit-file-upload-button { /*display: none;*/ background: transparent; }
.custom-file-button input[type=file]::file-selector-button { /*display: none;*/ background: transparent; }
.custom-file-button:hover label { cursor: pointer; }
.custom-file-button .input-group-text { border-radius: 0; border: 0; font-size: 3rem; }
.custom-file-button .form-control { border-bottom: 0 !important; background: none !important; border-radius: 0; font-size: 3rem/*1rem*/; padding: 0rem 0.75rem; align-self: center; }
.custom-file-button .input-group-text, .custom-file-button .input-group-text:hover { background: transparent !important; }

.btn-interested { border: 2px solid #BBC8D4; border-radius: 80px; background: #FFF; font-size: 2.25rem; color: #BBC8D4; text-transform: uppercase; padding: .7rem 2.75rem; cursor: pointer; transition: all 0.3s; }
.btn-interested:hover, .btn-check:checked + .btn-interested { border: 2px solid #ffe800; background: #ffe800; color: #25313C; }

.btn-main { background: #FFFFFF; border: 2px solid #25313C; border-radius: 100px; font-size: 3rem; color: #25313C; text-transform: uppercase; padding: .7rem 3.5rem; transition: all 0.3s; }
.btn-main:hover { background: #ffe800; border: 2px solid #ffe800; color: #25313C; }

#success1 { font-size: 2rem; color: #2032B9; }

/*@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.container-fluid { border: 1px dotted red; }
}*/

/* Landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	/*.container-fluid { border: 1px dotted red !important; }*/
	
	.lpro-outer .lpro-img { display: none; }
	.lpro-video { opacity: 1; transition: none; }
	.serv01, .serv02, .serv03 { width: 100%; min-height: auto !important; border-radius: 10px; transform: rotate(0) !important; }
	.serv01 { margin-top: 1.5rem !important; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.serv02 { margin-top: 1.5rem !important; margin-left: 0; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.serv03 { margin-top: 1.5rem !important; margin-left: 0; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.eyes .pupil { top: 7px; }
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	/*.container-fluid { border: 1px dotted blue !important; }*/
	
	.hero-box { height: calc(60vh - 62px); }
	.video-outer { height: auto; }
	.lpro-outer .lpro-img { display: none; }
	.lpro-video { opacity: 1; transition: none; }
	.serv01, .serv02, .serv03 { width: 100%; min-height: auto !important; border-radius: 10px; transform: rotate(0) !important; }
	.serv01 { margin-top: 1.5rem !important; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.serv02 { margin-top: 1.5rem !important; margin-left: 0; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.serv03 { margin-top: 1.5rem !important; margin-left: 0; background-size: auto 100% /*140px*/; /*background-position: bottom 20px right 20px;*/ }
	.eyes .pupil { top: 7px; }
}

@media (min-width: 1921px) {
	#myNav .pt-92 { padding-top: 200px; }
	.eyes-outer { left: 42.5%; transform: scale(1.1); }
	.pill-invt, .pill-uctr, .pill-uniq, .pill-cret, .pill-vrst, .pill-mdrn, .pill-strt { scale: 1.25; }
}

@media (max-width: 1440px) {
	.eyes-outer { left: 40.5%; top: 70px; }
}

@media (max-width: 1399px) {
	/*.container-fluid { border: 1px solid red; }*/
	
	#myNav .pt-92 { padding-top: 30px; }
	.logo-ani-outer { transform: scale(.8); }
	.hero-title { width: 560px; bottom: 16%; font-size: 2.5rem; min-height: 165px; }
	/*.hero-title h1 { font-size: 2.5rem; }*/
	.vdo-1 { width: 300px; height: 169px; top: 38%;	}
	.hero-title-proj { width: 750px; margin-top: -35%; margin-left: 26%; }
	.hero-title-proj h1 { font-size: 2.5rem; }
	.lpro-outer { width: 950px; height: 463px; }
	.services-outer h3 { font-size: 5rem; }
	.services-outer p { font-size: 1.75rem; }
	.serv01, .serv02, .serv03 { width: 900px; min-height: 485px; }
	.serv01 { margin-top: -20px; background-size: auto 100% /*210px*/; }
	.serv02 { margin-top: -290px; background-size: auto 100% /*210px*/; }
	.serv03 { margin-top: -340px; background-size: auto 100% /*210px*/; }
	.eyes-outer { left: 39.5%; top: 54px; transform: scale(.8); }
	.ftr-content { margin-top: -170px; }
	.ftr-content p { font-size: 2.5rem; }
	.thestudio-title { width: 860px; left: 20%; }
	.thestudio-title h1 { font-size: 2.5rem; }
	.marquee { font-size: 5rem; height: 198px; }
	.font-36 { font-size: 1.875rem; }
	.font-48 { font-size: 2.5rem; }
	.contact-outer { width: 950px; }
	.btn-interested { font-size: 2rem; }
	.contact-outer .form-control .custom-file-button .input-group-text, .btn-main { font-size: 2.5rem; }
}

@media (max-width: 1199px) {
	/*.container-fluid { border: 1px solid blue; }*/

	.navmenu { font-size: 4.375rem; }
	.navmenu a:hover::after { font-size: 3rem; line-height: 105px; }
	.navmenu a[data-title]:hover::before { top: calc(50% - 13px); left: 70px; padding: 3px 12px; font-size: 14px; }
	.vdo-1 { width: 270px; height: 152px; }
	.hero-title { width: 505px; font-size: 2.25rem; min-height: 145px; }
	/*.hero-title h1 { font-size: 2.25rem; }*/
	.hero-title-proj { width: 670px; margin-left: 22%; }
	.hero-title-proj h1 { font-size: 2.25rem; }
	.lpro-outer { width: 700px; height: 341px; }
	.services-outer h3 { font-size: 3.75rem; padding-bottom: .5rem; }
	.services-outer p { font-size: 1.5rem; margin-top: 1rem; }
	.services-outer h3 { font-size: 3.125rem; }
	.serv01, .serv02, .serv03 { width: 700px; min-height: 377px; padding: 1rem 2rem; }
	.serv01 { margin-top: -20px; transform: rotate(-7.2deg); /*background-size: auto 180px;*/ }
	.serv02 { margin-top: -210px; transform: rotate(2.4deg); /*background-size: auto 180px;*/ }
	.serv03 { margin-top: -260px; transform: rotate(-2.4deg); /*background-size: auto 180px;*/ }
	.eyes-outer { left: 38.5%; top: 34px; transform: scale(.7); }
	.thestudio-title { width: 770px; left: 15%; bottom: 22%; }
	.thestudio-title h1 { font-size: 2.25rem; }
	.marquee { font-size: 3.125rem; height: 178px; }
	.font-24 { font-size: 1.25rem; }
	.font-36 { font-size: 1.625rem; }
	.font-48 { font-size: 2.25rem; }
	.contact-outer { width: 700px; }
	.btn-interested { font-size: 1.625rem; }
	.contact-outer .form-control, .custom-file-button .input-group-text, .btn-main { font-size: 2.125rem; }
	.pill-invt, .pill-uctr, .pill-uniq, .pill-cret, .pill-vrst, .pill-mdrn, .pill-strt { scale: .7; }
	.pill-invt { top: 40%; left: -6%; }
	.pill-uctr { top: -4%; left: 12.5%; }
	.pill-uniq { bottom: 4%; left: 19%; }
	.pill-cret { top: 34%; left: 38%; }
	.pill-vrst { bottom: 8%; right: 18%; }
	.pill-mdrn { top: -2%; right: 5%; }
	.pill-strt { bottom: 0; right: -6%; }
	#success1 { font-size: 1.5rem; color: #2032B9; }
}

/*@media (max-width: 1024px) {
	.lpro-video { opacity: 1; transition: none; }
	.eyes .pupil { top: 7px; }
}*/

@media (max-width: 991px) {
	/*.container-fluid { border: 1px solid green; }*/

	.pt-92 { padding-top: 62px; }
	.header { height: 62px; }
	header .px-5 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
	.main-logo { width: auto; height: 40px; }
	.main-menu { font-size: 1.125rem; line-height: 36px; border-radius: 36px; }
	.overlay-header { height: 62px; }
	.overlay .closebtn { font-size: 1.125rem; line-height: 36px; border-radius: 36px; }
	.navmenu { font-size: 2.5rem; margin-bottom: 1rem; }
	.navmenu a { padding-right: 20px; }
	.navmenu a:hover::after { font-size: 2rem; line-height: 50px; }
	.navmenu a[data-title]:hover::before { top: calc(50% - 10px); left: 10px; padding: 0 10px; font-size: 12px; }
	header .mb-5 { margin-bottom: 1.5rem !important; }
	.address { font-size: 1.125rem; }
	.address p { margin-bottom: 0; }
	header .social { width: 270px; margin-top: 50px !important; }
	.hero-box { height: calc(70vh - 62px); }
	.vdo-1 { width: 200px; height: 113px; }
	.hero-title { width: 420px; font-size: 1.875rem; min-height: 120px; }
	/*.hero-title h1 { font-size: 1.875rem; }*/
	.video-outer { height: auto; }
	.video-inner video { object-fit: contain; }
	.logo-ani-outer { transform: scale(.5); right: 0; }
	.hero-title-proj { width: 570px; margin-left: 12%; margin-top: -40%; }
	.hero-title-proj h1 { font-size: 1.875rem; }
	.lpro-outer { width: 580px; height: 283px; }
	.lpro-outer .lpro-img { display: none; }
	.lpro-video { opacity: 1; transition: none; }
	.lpro-content h4 { font-size: 1.75rem; }
	.lpro-content p { font-size: 1.125rem; }
	/*.serv01, .serv02, .serv03 { width: 580px; min-height: 312px; }*/
	.services-outer h3 { font-size: 2.5rem; }
	.services-outer p { font-size: 1.25rem; }
	/*.serv02 { margin-left: -100px; }*/
	.serv01, .serv02, .serv03 { width: 100%; min-height: auto; border-radius: 10px; transform: rotate(0); }
	.serv01 { margin-top: 1.5rem; /*background-size: auto 140px;*/ /*background-position: bottom 20px right 20px;*/ }
	.serv02 { margin-top: 1.5rem; margin-left: 0; /*background-size: auto 140px;*/ /*background-position: bottom 20px right 20px;*/ }
	.serv03 { margin-top: 1.5rem; margin-left: 0; /*background-size: auto 140px;*/ /*background-position: bottom 20px right 20px;*/ }
	.eyes-outer { transform: scale(.5); left: 36.5%; top: 22px; }
	.ftr-content { margin-top: -130px; }
	.ftr-content p { font-size: 2rem; }
	.social { width: 270px; margin-top: 70px !important; }
	.thestudio-title { width: 530px; bottom: 16%; }
	.thestudio-title h1 { font-size: 1.875rem; }
	.services-sm { margin-top: -50px; }
	.marquee { height: 158px; }
	.we-are { padding-top: 100px; padding-bottom: 120px; }
	.font-24 { font-size: 1rem; }
	.font-36 { font-size: 1.5rem; }
	.font-48 { font-size: 1.875rem; }
	.mb-120 { margin-bottom: 80px !important; }
	.approach { margin-bottom: 160px; }
	.contact-outer { width: 600px; margin: 100px auto; }
	.btn-interested { font-size: 1.5rem; }
	.contact-outer .form-control, .custom-file-button .input-group-text, .btn-main { font-size: 1.75rem; }
	.pill-invt, .pill-uctr, .pill-uniq, .pill-cret, .pill-vrst, .pill-mdrn, .pill-strt { scale: .5; }
}

@media (max-width: 767px) {
	/*.container-fluid { border: 1px solid magenta; }*/

	.py-100  { padding-top: 50px; padding-bottom: 50px; }
	.logo-ani-outer { display: none; }
	.hero-box { height: auto; padding-top: 3rem; }
	.vdo-1 { display: none; }
	.hero-title { /*position: relative;*/ width: 365px; bottom: -30px; font-size: 1.625rem; min-height: 105px; }
	/*.hero-title h1  { font-size: 1.625rem; }*/
	.hero-img-proj { position: relative; top: auto; margin-top: 2rem; margin-bottom: 1rem; }
	.hero-title-proj { margin: 0; width: auto; margin-top: -6rem; padding-left: 20%; }
	.hero-title-proj h1 { font-size: 1.625rem; }
	.lpro-outer { width: 100%; height: 250px; border-radius: 5px; }
	.lpro-content h4 { font-size: 1.375rem; }
	.lpro-content p { font-size: 1rem; }
	/*.serv01, .serv02, .serv03 { width: 100%; min-height: auto; border-radius: 10px; transform: rotate(0); }
	.serv01 { margin-top: 1.5rem; background-size: auto 140px; background-position: bottom 20px right 20px; }
	.serv02 { margin-top: 1.5rem; margin-left: 0; background-size: auto 140px; background-position: bottom 20px right 20px; }
	.serv03 { margin-top: 1.5rem; margin-left: 0; background-size: auto 140px; background-position: bottom 20px right 20px; }*/
	.eyes-outer { transform: scale(.4); left: 33.5%; top: 8px; }
	.ftr-content { margin-top: 1rem; }
	.ftr-content p { font-size: 1rem; }
	.social { margin-top: 1rem !important; width: 200px; }
	.social svg { transform: scale(.7); }
	.thestudio-title { position: relative; width: auto; left: auto; bottom: auto; margin-top: -8rem; margin-bottom: 1.5rem; padding-left: 10%; }
	.services-sm { margin-top: 0; margin-bottom: 2rem; }
	.thestudio-title h1 { font-size: 1.625rem; }
	.hero-box.px-5 { padding-left: 1rem !important; padding-right: 1rem !important; }
	.marquee { font-size: 2.5rem; height: 98px; }
	.marquee img { width: auto; height: 34px; }
	.we-are { padding-top: 50px; padding-bottom: 50px; }
	.mb-120 { margin-bottom: 50px !important; }
	.approach { margin-bottom: 80px; display: block; }
	.approach .col-one { width: 100%; margin-bottom: 1rem; }
	.approach .col-two { width: 100%; }
	.font-36 { font-size: 1.25rem; }
	.font-48 { font-size: 1.5rem; }
	.approach .mb-5 { margin-bottom: 1.5rem !important; }
	.whyus { display: block; margin-top: -10rem; padding-left: 10%; }
	.whyus .col-one { width: 100%; }
	.whyus .col-two { width: 100%; }
	.whyus .mb-5 { margin-bottom: 1.5rem !important; }
	.contact-outer { width: 100%; margin: 100px auto; }
	.btn-interested { font-size: 1.375rem; }
	.contact-outer .form-control, .custom-file-button .input-group-text, .btn-main { font-size: 1.5rem; }
	.pill-invt, .pill-uctr, .pill-uniq, .pill-cret, .pill-vrst, .pill-mdrn, .pill-strt { display: none; }
}

@media (max-width: 575px) {
	/*.container-fluid { border: 1px solid cyan; }*/

	#myNav .pt-92 { padding-top: 20px; }
	.navmenu { font-size: 1.75rem; }
	.navmenu a { padding-right: 10px; }
	.navmenu a:hover::after { font-size: 1.375rem; line-height: 35px; }
	.navmenu a[data-title]:hover::before { left: 6px; padding: 0 6px; text-transform: none; border-width: 1px; }
	.hero-title { width: 280px; bottom: -30px; font-size: 1.25rem; min-height: 80px; }
	.address { font-size: 1rem; }
	.address p { line-height: 1.5rem; }
	.eyes-outer { transform: scale(.3); left: 26.5%; top: -2px; }
}