@media screen and (max-width: 2500px){


    .top-general-alert {
    border-bottom-color: #282D87;
    background-color: #282D87;
    z-index: 2147483647;
    color: #fff;
    width: 100%;
    height: 130px;
    position: fixed;
    text-align: center;
    bottom: 0px !important;
    padding: 15px;
    }



}


@media (max-width:768px) {


      .top-general-alert {
        padding: 12px;
        border: none;
        font-size: 1em;
        line-height: 2em;
        text-align: center !important;
        display: none;
        background-color: #282c87;
        color: #FFFFFF;
        z-index: 2147483647;
        font-family: 'Heebo',sans-serif;
        height: auto;
      }

      .top-general-alert a, .top-general-alert a:hover {
         color: #fff;
      }

      .hb-text{
        font-family: 'Heebo',sans-serif;
        color: #FFFFFF;
        font-size: 24px;
      }

      .pim-bot{
        -webkit-box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px;
        background:#69B3E7;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
        border-top-left-radius:20px;
        border-top-right-radius:20px;
        border:none;
        box-shadow:rgba(0,0,0,0.278431) 1px 1px 3px;
        color:white;
        cursor:pointer;
        font-size:0.854em;
        margin:0px 0px 0px 7px;
        outline:none;
        padding:2px 10px 1px;
        position:relative;
      }

      .boton-desc {
         font-family:'Open Sans', sans-serif;
        color: #FFFFFF;
        font-size: 18px;
        padding-top: 10px;
      }

      .bajada-hb {
         font-family:'Open Sans', sans-serif;
        color: #FFFFFF !important;
        font-size: 17px;
        text-align: left;
        line-height: 17px;
      }

      .close {
        color: #FFFFFF;
        font-size: 28px;
        vertical-align: top;
        display: block;
        float: left;
          -webkit-appearance: none;
          padding: 5px;
          cursor: pointer;
          background: 0 0;
          border: 0;
      }




      .arriba {
         color: #FFFFFF;
        height: 50px;
        padding: 10px;
      }

      .abajo {
         color: #FFFFFF;
        height: 50px;
        padding: 10px;
      }


      .izq {
         color: #FFFFFF;
        float: left;
        display: block;
        width: 70%;
      }
      .der {
         color: #FFFFFF;
        float: left;
        display: block;
        width: 30%;
      }

      .abajo > .izq{
          width: auto !important;
      }

      .top-general-alert .bajada-hb{
          text-align: center !important;
      }

    button.close{
        margin: 0;
    }
}