/* =========================================
TABLET
========================================= */

@media (max-width:1024px){

.bpf-grid{

grid-template-columns:repeat(2,1fr);

gap:50px;

}

.bpf-brand{

grid-column:1/-1;

text-align:center;

}

.bpf-logo{

justify-content:center;

}

.bpf-brand-text{

margin:25px auto;

max-width:600px;

}

.bpf-marketplace{

justify-content:center;

}

.bpf-social{

justify-content:center;

}

}


/* =========================================
MOBILE
========================================= */

@media (max-width:768px){

.bpf-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

}

.bpf-brand{

grid-column:1/-1;

}

.bpf-brand{

text-align:center;

}

.bpf-logo{

justify-content:center;

}

.bpf-brand-text{

margin:auto;

max-width:100%;
margin-bottom:20px;

}

.bpf-marketplace{

flex-direction:column;

align-items:center;

margin-bottom: 20px;

}

.bpf-market-card{

width:100%;

max-width:320px;

}

.bpf-shop,
.bpf-care,
.bpf-company,
.bpf-contact{

text-align:left;

}

.bpf-shop h4,
.bpf-care h4,
.bpf-company h4,
.bpf-contact h4{

margin-bottom:18px;

}

.bpf-shop h4::after,
.bpf-care h4::after,
.bpf-company h4::after,
.bpf-contact h4::after{

margin:12px auto;

}

.bpf-shop ul,
.bpf-care ul,
.bpf-company ul,
.bpf-contact ul{

padding:0;

margin:0;

list-style:none;

}

.bpf-shop li,
.bpf-care li,
.bpf-company li,
.bpf-contact li{

margin-bottom:12px;

}

.bpf-payment-icons{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:15px;

justify-items:center;

}

.bpf-social-payment{

    padding:30px 0;

}

.bpf-payment-wrapper h3{
    font-size:18px;
}


.bpf-payment-card{

width:70px;

height:60px;

}


.bpf-social{


justify-content:center !important;


}

}
/*=========================================
SMALL PHONES
=========================================*/

@media (max-width:480px){

    .bpf-container{

        width:90%;

    }

    .bpf-logo img{

        width:150px;

    }
    
    .bpf-social{


justify-content:center !important;


}

    .bpf-brand-text{

        font-size:14px;

        line-height:1.8;
        margin-bottom: 20px;

    }

    .bpf-features-grid{

        grid-template-columns:1fr;

    }

    .bpf-feature{

        text-align:center;

    }

   .bpf-payment-icons{

grid-template-columns:1fr 1fr 1fr 1fr;

}

.bpf-payment-wrapper h3{
    font-size:18px;
}

.bpf-social-payment{

    padding:30px 0;

}


.bpf-payment-card{

width:70px;

height:60px;

}

    .bpf-bottom{

        text-align:center;

    }
    
    .bpf-marketplace{

flex-direction:column;

align-items:center;

margin-bottom: 20px;

}


}


.bpf-features-grid{

    display:grid;

    grid-template-columns:repeat(6,1fr);

    gap:30px;

}

/* Tablet */

@media (max-width:1024px){

    .bpf-features-grid{

        grid-template-columns:repeat(3,1fr);

    }

}

/* Mobile */

@media (max-width:768px){

    .bpf-features-grid{

        grid-template-columns:repeat(2,1fr);

        gap:25px;

    }

    .bpf-feature{

        text-align:center;

        padding:10px;

    }

}

/* Small phones */

@media (max-width:480px){

    .bpf-features-grid{

        grid-template-columns:1fr;

    }

}