
@media only screen and (max-width: 1308px) {
  .grata{
    padding-right: 70px;
  }
}

@media only screen and (max-width: 1108px) {
  .grata{
    padding-right: 50px;
  }
}

@media only screen and (max-width: 1008px) {
  .grata{
    padding-right: 30px;
  }
}



@media only screen and (max-width: 992px) {
  .table {
    display: none;
  }
  .bar.tabla {
    display: block;
  }
  .container.texto {
    margin-top: 50px;
    text-align: center;
    margin-bottom: 50px;
  }
  .hosting-detalle .col-sm-12.plan-detalle{
    text-align: center;
  }
  .hosting-detalle :is(h4,h5){
    text-align: center;
  }
  .hosting-detalle img{
    display: block;
  }
  .plan-detalle h1{
    margin-top: 10px;
  }
  .plan-detalle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grata{
    padding-right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .cabecera a img {
    height: 38px;
  }
  .cabecera p {
    font-size: 24px;
    font-weight: 400;
  }
  .cabecera p .ayuda {
    display: none;
  }

  .cabecera p a {
    text-decoration: none;
    color: #409d50;
  }
  .banner .container .titulo {
    font-size: 30px;
  }
  .banner .container .subtitulo {
    font-size: 22px;
  }
  .card-img {
    height: 230px;
  }
  .card-body .plan {
    font-size: 30px;
    text-align: center;
  }
  .card-body .emp {
    text-align: center;
    font-size: 40px;
  }
  .benef li {
    display: inline;
  }
  .garantia img {
    display: block;
    margin: auto;
  }
  .garantia-texto-titulo {

    font-size: 33px;
  }
  .garantia-texto-ayuda {
    color: #409d50;
    font-size: 13px;
  }
  .container.footer{
    text-align: center;
  }
  .grata{
    padding-right: 0px;
  }
  .pie .power{
    float: none;
  }
  .plan-detalle img {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 568px) {
  .cabecera p a .wsp {
    display: none;
  }
  .sp-copyright{
    float: none;
  }
  .powered{
    float: none;
  }
}