@media screen and (max-width: 1450px){html body .serve .wrapper .text h1{font-size:4.5rem}}@media screen and (max-width: 1200px){html body .serve .wrapper .text h1{font-size:3.75rem}}@media screen and (max-width: 1050px){html body .navBarBlack{height:90px}html body #menu .list{width:55%}html body #menu .list a h1,html body #menu #drop-service h1{font-size:2.5rem}html body #menu .list .dropdown a .text{font-size:1.75rem}html body #menu .empty-space{width:45%}html body .menu{top:2rem;right:2rem;height:24px;width:auto}html body .logo{top:1.5rem;margin-right:1rem}html body .logo img{height:36px;width:auto}html body .language{top:1.5rem;left:70vw;font-size:2rem}}@media screen and (max-width: 1050px) and (max-width: 500px){html body .language{left:55vw}}@media screen and (max-width: 1050px){html body .landing .text{display:flex;justify-content:center;align-items:center}html body .landing .text h1{width:80%;font-size:1.75rem;text-align:center}html body .landing .button .outer{width:76px;height:76px}html body .landing .button .outer .inner{margin-top:0;margin-left:6px;width:64px;height:64px}html body .landing .button .outer .inner a{font-size:1rem}html body .landing #sound-button,html body .landing #mute-button{width:32px;height:32px}}@media screen and (max-width: 1050px){html body .we-are .text{flex-direction:column;justify-content:center}html body .we-are .text .heading{width:100%}html body .we-are .text .heading .w200{font-size:6rem;text-align:left}html body .we-are .text .heading .w700{text-align:left;font-size:3.75rem}html body .we-are .text p{font-size:1.35rem}html body .we-are video{height:100vh}}@media screen and (max-width: 1050px){html body .services{height:fit-content}html body .services .heading{height:6rem}html body .services .heading h1{font-size:2rem;padding:2rem 1rem;z-index:1000}html body .services .options{height:80vh;display:flex;flex-direction:column}html body .services .options .item{margin:0}html body .services .options .item a{flex-direction:row;justify-content:flex-start;margin-left:2rem}html body .services .options .item a h4{font-size:1.5rem}}@media screen and (max-width: 1050px){html body #production{background-position:25%}}@media screen and (max-width: 1050px){html body #editorial{background-position:33%}}@media screen and (max-width: 1050px){html body #media{background-position:25%}}@media screen and (max-width: 1050px){html body .serve{background-attachment:scroll}html body .serve .wrapper{grid-template-columns:unset;display:block}html body .serve .wrapper .text{padding-left:2rem}html body .serve .wrapper .text h1{font-size:2.75rem}html body .serve .wrapper .text p{font-size:1rem}html body .serve .wrapper .options{display:flex;flex-direction:column;align-items:center}html body .serve .wrapper .options .item{width:80%}html body .serve .wrapper .options .item img{width:48px;height:auto}html body .serve .wrapper .options .item h5{font-size:1.25rem}html body .serve .link-wrapper a{font-size:2rem}}@media screen and (max-width: 1050px){html body .clients h1{font-size:3rem}html body .clients .grid{grid-template-columns:auto auto;column-gap:3rem}}@media screen and (max-width: 1050px){html body .why{padding-top:5rem;height:fit-content}html body .why h2{font-size:3rem}html body .why .options{margin:3rem 0;grid-template-columns:unset;display:flex;flex-direction:column;gap:1rem}html body .why .options .item{margin-top:unset;gap:0rem}html body .why .options .item h2{width:100%;font-size:4rem}html body .why .options .item img{height:60px;width:auto}html body .why .options .item h5{font-size:1.25rem}}@media screen and (max-width: 1050px){html body .footer{height:fit-content}html body .footer .info{flex-direction:column}html body .footer .info h2{margin-bottom:2rem;font-size:2.75rem}html body .footer .info .section{flex-direction:column;width:100%}html body .footer .info .section h5{text-align:left;font-size:1rem;max-width:unset;width:100%}html body .footer .info .section h5 a{width:100%}html body .footer .info .section .line{width:100%;height:2px}html body .footer form{margin-bottom:unset;width:100%;display:flex;flex-direction:column;align-items:center}html body .footer form .fields{width:90%}html body .footer form .fields h4{margin-top:2rem;font-size:1.5rem}html body .footer form .fields input{width:97%}html body .footer form .button{margin-top:4rem;margin-bottom:2rem}}@media screen and (max-width: 1050px){html body .copyright img{margin:0 .5rem}html body .copyright .group{flex-direction:column;padding:1rem}html body .copyright .group h5{padding:unset;text-align:left;font-size:.75rem}}@media screen and (max-width: 1050px){html body .showcase{height:fit-content;gap:0}html body .showcase .first,html body .showcase .second,html body .showcase .third{display:flex;flex-direction:column;height:fit-content;width:100%}html body .showcase .first .img-wrapper h4,html body .showcase .second .img-wrapper h4,html body .showcase .third .img-wrapper h4{position:relative;width:100%;padding:2rem 0;background-color:#000}html body .showcase .first .img-wrapper h4 a,html body .showcase .second .img-wrapper h4 a,html body .showcase .third .img-wrapper h4 a{display:inline-block;padding:0 1rem;text-wrap:wrap;text-align:left}html body .showcase .first .img-wrapper img,html body .showcase .second .img-wrapper img,html body .showcase .third .img-wrapper img{width:100%}html body .showcase .first .img-wrapper .space,html body .showcase .second .img-wrapper .space,html body .showcase .third .img-wrapper .space{height:0}}@media screen and (max-width: 1050px){html body .description{flex-direction:column;gap:1rem}html body .description h3,html body .description p{width:100%}html body .description p{font-size:1rem}}@media screen and (max-width: 1050px){html body .service-landing .service-navigation a,html body .project-links a{gap:8px;justify-content:center}html body .service-landing .service-navigation a h4,html body .project-links a h4{font-size:.9rem}html body .service-landing .service-navigation a img,html body .project-links a img{width:9px;height:auto}}@media screen and (max-width: 1050px){html body #service-uae{background-position:center}}@media screen and (max-width: 1050px){html body .service-landing .service-navigation .social-icons a img{width:30px;height:auto}}@media screen and (max-width: 1050px){html body .service-landing .service-navigation a{gap:8px}html body .service-landing .service-navigation a img{width:9px;height:auto}}@media screen and (max-width: 1050px){html body .blank-space{height:0}}