/*--------------- monitor Grande -----------------*/
@media (min-width: 1800px) and (max-width: 2200px) {

  .kontainer2{
    margin-left: 20px;
    margin-right: 15px;
  }

  
  .li{
    padding:0;
    margin:0;
  }
  .letra{
    font-size: 13px;
  }

  .BotonMenu{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 7px;
  }

  .barNavIcons{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    border-bottom: 1px solid rgba(192, 192, 192 ,0.5064);
  }

  .barNavMenu{
    padding-left: 10px;
    padding-right: 10px;
  
  }  

  .img-fluid{
    width: 70%;
  }

  .iconAjuste{
    padding-top: 9px;
  }

  /*-------------------*/
  /* VIDEO */
  .videoWrapper { 
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 
    height: 0;
    width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
  }
  .videoWrapper video {
    position: absolute;
    top: -190px;
    left: 0;
    width: 100%;  
    height: 100%;
  }


  .texto {
    font-size: 35px;
    color:#333;
    text-shadow: 1px 1px 2px #fff !important;
   }

  .onlyMobil{
    display: none;
  }  

}

/*--------------- monitor regular -----------------*/
@media (min-width: 1200px) and (max-width: 1799px) {

  .kontainer2{
    margin-left: 20px;
    margin-right: 15px;
  }

  .li{
    padding:0;
    margin:0;
  }
  .letra{
    font-size: 13px;
  }

  .BotonMenu{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 7px;
  }

  .barNavIcons{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    border-bottom: 1px solid rgba(192, 192, 192 ,0.5064);
  }

  .barNavMenu{
    padding-left: 10px;
    padding-right: 10px;
  
  }  

  .img-fluid{
    width: 70%;
  }

  .iconAjuste{
    padding-top: 9px;
  }

  /*-------------------*/
  /* VIDEO */
  .videoWrapper { 
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 
    height: 0;
    width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
  }
  .videoWrapper video {
    position: absolute;
    top: -190px;
    left: 0;
    width: 100%;  
    height: 100%;
  }

  .texto {
    font-size: 35px;
    color:#333;
    text-shadow: 1px 1px 2px #fff !important;
   }  

  /* .hideTextmenu{
    display: none;
  }   */
  
  .onlyMobil{
    display: none;
  }  
  

}

@media (min-width: 700px) and (max-width:1199px) {
  .chart {
    width: 100%; 
  }

  /*-------------------*/
  /* VIDEO */
  .videoWrapper { 
    position: relative;
    padding-bottom: 500px; /* 16:9 Aspect Ratio */ 
    height: 0;
    width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
  }
  .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;
  }  

  .hideTextmenu{
    display: none;
  }


}

@media (min-width: 200px) and (max-width: 699px) {

  .kontainer2{
    margin-left: 20px;
    margin-right: 15px;
  }

  .li{
    padding:0;
    margin:0;
  }
  .letra{
    font-size: 13px;
  }

  .BotonMenu{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 7px;
  }

  .barNavIcons{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    border-bottom: 1px solid rgba(192, 192, 192 ,0.5064);
  }

  .barNavMenu{
    padding-left: 10px;
    padding-right: 10px;
  
  }  

  .img-fluid{
    width: 70%;
  }

  .iconAjuste{
    padding-top: 9px;
  }


  /*-------------------*/
  /* VIDEO */
  .videoWrapper { 
    position: relative;
    padding-bottom: 500px; /* 16:9 Aspect Ratio */ 
    height: 0;
    width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
  }
  .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;
  }  

  .texto {
    font-size: 29px;
    color:#333;
    text-shadow: 1px 1px 2px #fff !important;
   }    

  .hideText{
    display: none;
  }  

}

@media (min-width: 50px) and (max-width:199px) {
  
  .hideText{
    display: none;
  }  
  .chart {
    width: 50%; 
  }

  /*-------------------*/
  /* VIDEO */
  .videoWrapper { 
    position: relative;
    padding-bottom: 500px; /* 16:9 Aspect Ratio */ 
    height: 0;
    width: 100%; /* You can set this width to whatever suits your needs */     
    margin: 0 auto;
  }
  .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%;
  }  
}