@media (max-width: 768px) {
  .barraH{
     /*--------para header cuando el zoom es grande--------*/
    background-color: #fff;
    height: 10px;
  }
  .logo {
    margin-left: 100%;
    margin-top: 2%;
    height: 200%;
    width: 100%;
  }
  /*--------para footer--------*/
  .lo{
    height: 17%;
    width: 57%;
    margin-left: -1%;
    margin-top: 10%;
  }
  .fo{
  background-color: #002454;
    height: 360px;
    margin-top:0%;
  }
  .tex{
     color: #fff;
     margin-top: 20%;
     font-family: Montserrat;
  }
  .re{
      /*background-color: #000;*/
      width: 95%;
      margin-left: 2%;
      margin-top: 10%;
  }
  .si{
    color: #fff;
    font-size: 14px;
    margin-top:-120px;
    font-family: Montserrat;
  }
  .esp{
      margin-left:4%;
      width: 10%;
     cursor: pointer;
  }
  .b{
      color:#fff;
  }
   /*--------para footer--------*/
  .e{
   /*background-color: gold;*/
    margin-top: 3%;
    margin-left: 3%;
  }
  .t{
  /*background-color: blue;*/
    width: 50%;
    height: 10%;
    margin-top: 5%;
    color: #fff;
    margin-left: 3%;
    font-family: Montserrat;
  }
  .m{
  /*background-color: gold;*/
    width: 50%;
    height: 10%;
    margin-top: 14%;
    margin-left: -46%;
    color: #fff;
    font-family: Montserrat;
  }
  .s{
    margin-left: 29.5%;
  }
  .b:hover {
color: #fff;
border-bottom:2px dotted #fff;
text-decoration:none;
}
[data-id="newComment"]{display:none;} 
[data-id="newReply"]{display:none;}
}
  /*--------para header -- linea arriba de logo zoom pequeño --------*/
@media (min-width: 768px) {
  .barraH{
    background-color: #Ffff;
    height: 10px;
  }
  /*--------para footer--------*/
  .lo{
    height: 17%;
    width: 17%;
    margin-left: -50%;
    margin-top: 2%;
  }
  .logo{
    margin-left: 100%;
    margin-top: -1%;
    height: 8%;
    width: 70%;
  }
    /*--------logo koa en footer - letra blanca--------*/
  .fo{
  background-color: #002454;
    height: 200px;
    margin-top:0%;
  }
  .tex{
     color: #fff;
     margin-top: 6.5%;
    font-family: Montserrat;
  }
.b:hover {
color: #fff;
border-bottom:2px dotted #fff;
text-decoration:none;
}
  .re{
      /*background-color: #000;*/
      width: 25%;
      margin-left:65%;
      margin-top: -6%;
  }
  .si{
    color: #fff;
    font-size: 14px;
    margin-top:-120px;
    font-family: Montserrat;
  }
  .esp{
     margin-left:4%;
     cursor: pointer;
  }
  .b{
     color:#fff;
  }
   /*--------para footer--------*/
  .e{
   /*background-color: gold;*/
    margin-top: 1%;
    margin-left: 30%;
    font-family: Montserrat;
  }
  .t{
  /*background-color: blue;*/
    margin-left: 11%;
    width: 13%;
    margin-top: 1%;
    color: #fff;
    font-family: Montserrat;
  }
  .m{
  /*background-color: blue;*/
    width: 9%;
    margin-top: 1%;
    margin-left: 3%;
    color: #fff;
    font-family: Montserrat;
  }
  .s{
    margin-left: 3%;
  }
 [data-id="newComment"]{display:none;} 
 [data-id="newReply"]{display:none;}
}
@media (min-width: 1500px) {
  .barraH{
    /*--------header cuando el zoom es mediano--------*/
    background-color: #ffff;
    height: 10px;
  }
  .logo{
    margin-left: 75%;
    margin-top: -1.5%;
    height: 10%;
    width: 70%;
  }
  .e{
   /*background-color: gold;*/
    margin-top: 1%;
    margin-left: 30%;
  }
  .t{
  /*background-color: blue;*/
    margin-left: 11%;
    width: 13%;
    margin-top: 1%;
    color: #fff;
    font-family: Montserrat;
  }
  .fo{
  background-color: #002454;
    height: 200px;
    margin-bottom: -15%;
  }
  .m{
  /*background-color: blue;*/
    width: 9%;
    margin-top: 1%;
    margin-left: 3%;
    color: #fff;
    font-family: Montserrat;
  }
  .s{
    margin-left: 4%;
  }
  .esp{
     cursor: pointer;
  }
  .b:hover {
color: #fff;
border-bottom:2px dotted #fff;
text-decoration:none;
}
 [data-id="newComment"]{display:none;} 
 [data-id="newReply"]{display:none;}
}

.TicketDetailContainer__closeTicket {display: none; }