убегает в низ видео на сайте

[boris 1966]

Здравствуйте уважаемые,посоветуйте что можно сделать.  При просмотре сайта через телефон убегает вниз видео от ютюба. Вот скрин   http://prntscr.com/e2vnbe на самом деле оно должно стоять в ноутбуке. В обычном режиме это выглядит так  http://prntscr.com/e2vpxf.

 

 

вот html

<div class="sls">    
        <div class="container">
        <div id="featured"> 
            <div class="content" style="">
                
            </div>
            <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a>
            
            <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a>
        </div></div></div>

 

 

вот css

.container {
    position: absolute; 
    top: 49.5%; 
    left: 50%;
    margin: -370px 0 0 -290px; }

.content h1 {
    font-size: 40px; 
    text-transform: uppercase; 
    font-weight: bold; 
    text-align: center;
    margin-top: 180px;
    color: #222;
    line-height: 50px;  }
.content h3 {
    text-align: center; 
    font-size: 22px; 
    color: #222; } 
    
 

[klierik]

без понятия. что угодно быть может.

так как тема оформлена не правильно то и подсказать чего либо, не имея навыков телепатии, — сложно

[boris 1966]

тут наверно требуется адаптация может кто знает как это сделать