/*
=========================================================
Patra Patri
Mobile & Responsive CSS
Version : 1.0
=========================================================
*/

/* =====================================================
Desktop Large
===================================================== */

@media (max-width:1200px){

    .pp-container{
        max-width:100%;
        padding:20px;
    }

    .pp-grid{
        grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
        gap:12px;
    }

}

/* =====================================================
Tablet
===================================================== */

@media (max-width:992px){

    .pp-grid{
        grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
        gap:14px;
    }

    .pp-search-grid{
        grid-template-columns:repeat(2,1fr);
        gap:15px;
    }

    .pp-hero{
        padding:60px 25px;
    }

    .pp-hero h1{
        font-size:38px;
    }

}

/* =====================================================
Mobile
===================================================== */

@media (max-width:768px){

    body{
        font-size:15px;
    }

    .pp-container{
        padding:15px;
    }

    .pp-section{
        margin:40px 0;
    }

    .pp-title{
        font-size:24px;
        text-align:center;
    }

    .pp-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .pp-search-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .pp-hero{
        padding:45px 20px;
        border-radius:20px;
    }

    .pp-hero h1{
        font-size:30px;
        line-height:1.3;
    }

    .pp-hero p{
        font-size:16px;
    }

    .pp-card img{
        height:150px;
    }

    .pp-btn{
        width:100%;
        text-align:center;
        padding:14px;
    }

}

/* =====================================================
Small Mobile
===================================================== */

@media (max-width:480px){

    .pp-container{
        padding:12px;
    }

    .pp-hero{
        padding:35px 18px;
    }

    .pp-hero h1{
        font-size:24px;
    }

    .pp-hero p{
        font-size:15px;
    }

    .pp-title{
        font-size:22px;
    }

    .pp-card{
        border-radius:15px;
    }

    .pp-card img{
        height:130px;
    }

    .pp-card-content{
        padding:10px;
    }

}

/* =====================================================
Full Width
===================================================== */

.pp-full-width .sidebar,
.pp-full-width aside,
.pp-full-width .widget-area,
.pp-full-width .secondary,
.pp-full-width .right-sidebar,
.pp-full-width .left-sidebar{
    display:none !important;
}

.pp-full-width .content-area,
.pp-full-width .site-main,
.pp-full-width .container,
.pp-full-width .content{
    width:100% !important;
    max-width:100% !important;
}

.pp-matrimony-page .pp-container{
    max-width:1400px;
    margin:auto;
}

/* =====================================================
Hide Newstact Sidebar Widgets
===================================================== */

.pp-matrimony-page .widget,
.pp-matrimony-page .widget-area,
.pp-matrimony-page .secondary{
    display:none !important;
}

/* =====================================================
Hide You Missed Section
===================================================== */

.pp-matrimony-page .missed-inner,
.pp-matrimony-page .mg-posts-sec-inner,
.pp-matrimony-page .container-fluid.mr-bt40.mg-posts-sec-inner{
    display:none !important;
}

/* =====================================================
Hide Breadcrumb (Optional)
===================================================== */

.pp-matrimony-page .mg-breadcrumb-section{
    display:none !important;
}