@media screen and (min-width:576px) {}

@media screen and (min-width:768px) {

    .card-container {
        width: 50%;
        padding: 15px;
    }

    .footer .foot-content .about .about-child {
        width: 50%;
    }

    .footer .foot-content .rights .paypals{
        float: right;
    }

    /* .footer .foot-content .about .about-child h3 {
        padding-left: 40px;
    }

    .footer .foot-content .about .about-child ul {
        padding-left: 40px;
    } */
}

@media screen and (min-width:992px) {
    .logo {
        width: 100%;
    }

    .nav-items {
        visibility: visible;
    }

    .hero .child {
        width: 50%;
    }

    .hero .details {
        padding: 0px;
    }

    .hero .child .img {

        width: 85%;
    }

    .rate {
        position: sticky;
        top: 32px;
    }

    .reviews .rev .customer {
        width: 65%;
        margin-top: 0;
    }

    .card-container {
        width: 25%;
        margin: 0;
    }

    .footer .foot-content .about .about-child {
        width: 25%;
    }

    .footer .foot-content .about .about-child h3 {
        padding-left: 40px;
    }

    .footer .foot-content .about .about-child ul {
        padding-left: 40px;
    }

}

@media screen and (min-width:1200px) {}

@media screen and (min-width:1400px) {}