.mobile-menu {display:none;}
.only-mobile {display:none;}

@media (max-width: 650px) {
   .fullscreen-video-wrap {display: none;}
   .header-menu {display:none;} 
   .v-header {display: none;} 
   .video-box {width:auto; align-items:center; margin: 0 auto 0;}
   .video-box h2 {text-align: center;}
   .video-box p {margin: 0 auto 0; width:80%;}
   .video-box p iframe {width:100%;height:auto;}
   
   .video-box.newhomepage {width:auto; align-items:center; margin: 0 auto 0;}
   
   

   .news-home.newhomepage {margin:0 auto 0;width:auto;}
   .news-home-top {margin: 0 auto 0;}
   .news-home.newhomepage h2 {font-size: 35px;letter-spacing: 1.5px;color:#333;    font-weight: normal; text-transform: none; text-align: center;    font-family: 'SegoeUIregular', Arial, Helvetica, sans-serif; margin-bottom: 20px;}
   .news-home-box {margin-left:25px; margin-right: 10px;} 
   
   
   .homepage-first-link {float:none; padding-bottom: 20px;}
   .homepage-second-link {float:none; padding-bottom: 20px; padding-left: 0px;}
   
   .cenik-prehled {margin:0 auto 0; padding-left:25px}
   .extra {margin: 0 auto 0}
   
   
   
   .full-width-box {display:none; }
   .bottom-box-1,.bottom-box-2,.bottom-box-3 {display: none;} 
   .bottom-box-4 {width:auto;}
   
   
   body.duel-pracovni-plocha {background-image: none;}
   body.duel-pracovni-plocha h1 {color:#333;}
   
   body.duel-sql-technologie {background-image: none;}
   body.duel-sql-technologie h1 {color:#333;}
   
   body.duel-vse-v-jednom {background-image: none;}
   body.duel-vse-v-jednom h1 {color:#333;}
   
   body.duel-spoluprace {background-image: none;}
   body.duel-spoluprace h1 {color:#333;}   
   
   .no-mobile-display {display:none;}
   .only-mobile {display:block;}
   
   .twentytwenty-container {width:100vw;}
   
   .twentytwenty-container img {width:100vw;}
   
   video {width:95vw; height: auto;}
   
   .mobile-menu {
       display:block;
       width: 100%;
       background: #c4161c;
   }
   
   nav.mobile-menu ul {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
        text-align: left;
      }

    nav.mobile-menu ul li {
        display: inline-block;
        width: auto;
        background-image: none;
        padding-left: 0px;
      }  
    nav.mobile-menu a {
        display: block;
        color: white;
        text-decoration: none;
        font-family: sans-serif;
        line-height: 50px;
        padding-left: 15px;
        padding-right: 15px;
      } 
    nav.mobile-menu a:hover {
      background: rgba(0, 0, 0, 0.1);
    }
    nav.mobile-menu img {margin-top: 20px;} 
    
    
    .bottom-obal-2 {display: none;}
    
    .mobile-img {width:95vw; height:auto;}
    
    .main-column.trojsloupec {width:98vw;}
}

@media (max-height: 450px) {
    .too-small-height {display:none;}
    
}