/*======================================
TABLET & MOBILE
======================================*/

@media(max-width:991px) {

    .pd-navigation {

        display: none;

    }

    .pd-call-btn {

        display: none;

    }

    .pd-menu-toggle {

        display: block;

    }

    .pd-header-wrapper {

        min-height: 72px;

    }

    .pd-logo {

        width: auto;

    }

    .pd-logo img {

        max-height: 48px;

    }

}

@media(max-width:991px) {

    .pd-hero {

        text-align: center;

        padding: 50px 0;

    }

    .pd-hero h1 {

        font-size: 36px;

    }

    .pd-product-image {

        margin: 40px 0;

    }

    .pd-order-card {

        margin-top: 30px;

    }

}

/*==================================================
WHY CHOOSE
==================================================*/

@media(max-width:991px) {

    .pd-why-grid {

        grid-template-columns: 1fr;

    }

    .pd-why-image {

        margin-bottom: 20px;

    }

}

@media(max-width:767px) {

    .pd-why-choose {

        padding: 70px 0;

    }

    .pd-section-heading h2 {

        font-size: 32px;

    }

    .pd-why-features {

        grid-template-columns: 1fr;

    }

}

/*==================================================
BENEFITS
==================================================*/

@media(max-width:991px) {

    .pd-benefits-grid {

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

    }

}

@media(max-width:767px) {

    .pd-benefits {

        padding: 70px 0;

    }

    .pd-benefits-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
ABOUT
==================================================*/

@media(max-width:991px) {

    .pd-about-grid {

        grid-template-columns: 1fr;

    }

    .pd-about-image {

        order: -1;

        margin-bottom: 30px;

    }

}

@media(max-width:767px) {

    .pd-about {

        padding: 70px 0;

    }

    .pd-about-content h2 {

        font-size: 32px;

    }

    .pd-about-points {

        grid-template-columns: 1fr;

    }

}

/*==================================================
HOW TO USE
==================================================*/

@media(max-width:991px) {

    .pd-how-grid {

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

    }

}

@media(max-width:767px) {

    .pd-how-to-use {

        padding: 70px 0;

    }

    .pd-how-grid {

        grid-template-columns: 1fr;

    }

}

/*==================================================
FOOTER
==================================================*/

@media(max-width:991px) {

    .pd-footer-grid {

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

    }

}

@media(max-width:767px) {

    .pd-footer {

        padding: 60px 0 25px;

    }

    .pd-footer-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }

    .pd-footer-col {

        text-align: center;

    }

    .pd-social {

        justify-content: center;

    }

}

@media(max-width:767px) {}

@media(max-width:576px) {}