@media (max-width: 1280px) and (orientation: landscape) {
  #worker {
      position: relative;
    }
    
    #worker video{
      width:auto;
    }
    
    #atendido {
      width: 25%
    }

    #toggle-audio, #toggle-video {
      width: 15%;
  }

  #preview {
      width: 200px;
      position: absolute;
      top: 0;
      right: 0;
  }

  #close-conversation-button {
      position: fixed;
      top: 10px;
      left: 10px;
    }
}


@media (max-width: 1280px) and (orientation: portrait) {
  #worker {
      position: relative;
    }
    
    #worker video{
      width: 100vw;
      height: auto;
    }
    
    #atendido {
      position: relative;
      margin: 0 auto;
      width: 100vw;
    }

    #close-conversation-button {
      position: fixed;
      top: 10px;
      right: 10px;
    }


    #toggle-audio, #toggle-video {
        width: 30%;
    }
    
    #preview {
      width: 200px;
  }
}