@media screen and (max-width: 1030px) {

  .introvideo {
    right: -150px;
  }

  #rrssb {
    height: 5vh;
  }

  .rectangle {
    top: -210px;
    width: 100%;
    height: 145;
  }

  .subtitle-typing-text .text {
    font-size: 50%;
  }

  #yt {
    width: 12vw;
    margin-bottom: 13px;
  }

  .difu::after {
    height: 1500px;
  }


  .navbar {
    position: absolute;  
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    z-index: 100;
  }

  .navbar a {
    color: white;
    text-decoration: none;
  }

  .navbar .menu-hamburger {
    position: absolute;
    width: 100px;
    right: 30;
    top: 20;
  }

  .nav-links {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -100%;
    transition: all 0.5s ease-in-out;
  }

  .mobile-menu {
    margin-left: 0;
  }

  .nav-links ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    list-style: none;
    font-size: 50px;
  }

  .navbar .nav-links ul li {
    margin: 200 0;
  }

  


  #title {
    align-items: center;
    margin: 0;
    
  }


  .showreel-buttons {
    margin: 0;
    padding: 1;
    padding-bottom: 150;
  }

  .menu-container {
    display: none;
  }


  .mobtitle {
    font-size: 3vh;
    font-weight: 600;
  }

  .projects {
    height: 1500;
    overflow-y: hidden;
  }

  #subcatsec {
    font-size: 40;
  }

  .brands {
    height: 250px;
  }

  .brandlogos {
    margin-right: 15vw;
  }

  .estepas {
    height: 1300px;
  }

  .indprojects > img {
    height: 1300px;
  }

  .indprojectslinked > img {
    height: 1300px;
  }

  .escimg > img {
    height: 1300px;
  }

  .vfxhabs {
    color: white;
    width: fit-content;
    margin: 0 35;
    align-items: center;
    justify-content: center;
    font-size: 50;
    padding: 0;
    text-align: justify;
  }
 
  .vfxgrid {
    flex-direction: column;
  }

  #vfxgrid {
  height: 20vh;
  margin: 2vh 0;
  }

  

  .knsoft {
    border-right: 0;  
  }

  #knowledgel {
    
    margin: 1vh 4vw;
  }

  .lineas {
    display: none;
  }

  .subline {
    margin-left: 0;
  }

  .kimg {
    background: none;
  }


  .habsvfx {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  .vfxgrid {
    margin: 0;
    justify-content: center;
  }

  .kimg {
    display: flex;
    flex-direction: column;
  }

  .netdiv {
    flex-direction: column;
  }

  .camopcont {
    flex-direction: column-reverse;
  }

  .devgame {
    flex-direction: column-reverse;
  }
  
  .phgroup, .copgroup, .phgames, .opcam3 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 3vh;
  }

  #phgroup {
    margin: 2vh 0; 
  }
  
  #copgroup2 > img {
    height: 20vh;
  }

  #phgames > img {
    height: 20vh;
  }

  #phgames > video {
    height: 20vh;
  }

  .button-67 {
    font-size: 50rem;
  }

  .animation-container {
    display: none;
  }

  .containershowbuttons {
    margin: 0;
  }

  .reelvideo {
    margin: 0vh 2vw;
    height: 25vh;
  }

  #publicvideo {
    margin: 0;
  }
}