@media only screen and (max-width: 1000px) {
    #b3 h2 {
        font-size: 34px;
        padding-right: 0px;
    }
    #b3 p {
        font-size: 21px;
    }
    .contCrds .card img {
        width: 90%;
    }
    #b4 .card p {
        font-size: 14px;
    }
    .circle {
        width: 130px;
        height: 130px;
    }
}
@media only screen and (max-width: 600px){
    .customcard{
        display: inline-block;
        margin-bottom: 25px;
    }
    .imagencliente{
        width: 38%;
        height: auto;
        object-fit: cover;
    }
    #b4 h1, #gracias h1 {
        font-size: 39px;
    }
    .contCrds{
        text-align: center;
    }
    .contCrds .card {
        display: inline-block;
        margin-bottom: 25px;
    }
    #b5 h1, #gracias h1 {
        font-size: 39px;
        margin-bottom: 25px;
    }
    #b5 p, #gracias p {
        font-size: 19px;
    }
    #b7 a, .ubi {
        font-size: 17px;
    }
    #b7 h1 {
        font-size: 39px;
    }
    .cardcustot{
        display: inline-block;
    }
    .cbtn {
        font-size: 17px;
    }
    .pcb {
        padding: 0px 89px;
    }
    #b1 p {
        font-size: 28px;
    }
    .logohero {
        width: 300px;
    }
    .circle {
        width: 100px;
        height: 100px;
        left: -15px;
    }
    .line::after {

        background-color: white;
        height:0px;
    }
    #b1 h1 {
        font-size: 59px;
    }
    .contcarruselDesktop{
        display: none;
    }
    .contcarruselMobil{
        display: block;
    }
}