/* صرف سنگل پوسٽ پيج جي ڪنٽينر کي ٻنهي پاسن کان مڪمل فل اسڪرين ڪرڻ */
.single-post #page,
.single-post .site-content,
.single-post #primary {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* اندرين مواد (ٽيڪسٽ) کي پڙهڻ ۾ آسان ۽ خوبصورت رکڻ لاءِ سائيڊ پيڊنگ */
.single-post .inside-article {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 100% !important;
}


/* فوٽر ۽ ڪاپي رائيٽ پٽي کي ٻنهي پاسن کان مڪمل فل اسڪرين ڪرڻ */
.site-footer, 
.footer-widgets, 
.site-info {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* اندرين وجيٽس کي ترتيب ۾ رکڻ لاءِ */
.inside-footer-widgets, 
.inside-site-info {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* سنگل پوسٽ تي فوٽر کي زبردستي اسڪرين جي آخري ڪنڊ تي فٽ رکڻ */
html, body.single-post {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-post {
    display: flex !important;
    flex-direction: column !important;
}

body.single-post #page {
    flex: 1 0 auto !important;
}

body.single-post .site-footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
}

@media (min-width: 769px) {
    /* ويب سائيٽ جي سڀني ٻاهرين باڪسز کي سڪرين جي مڪمل چوڙائي ڏيڻ */
    html, body, #page, .site-header {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* هيڊر کي سڪرين جي ساڄي پاسي مڪمل فٽ ڪرڻ */
    .site-header, #masthead, .header-wrap {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }

    /* هيڊر جي اندروني لوگو ۽ مينيو کي سڄي سڪرين تي پکيڙڻ */
    .inside-header {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    /* موبائل پر فالتو سائیڈ اور نیچے کی اسکرولنگ روکنے کے لیے */
    html, body {
        overflow-x: hidden !important;
        height: auto !important;
    }
    
    #page {
        overflow: hidden !important;
    }
}

@media (min-width: 769px) {
    /* سڀني سنگل پوسٽن جي ڪنٽينر جي مٿان مناسب خالي جاءِ ڏيڻ لاءِ */
    .single-post #page {
        margin-top: 40px !important;
    }
}

@media (min-width: 769px) {
    /* صرف ڊيسڪٽاپ تي پوسٽ جي مواد واري حصي کي سوڙهو ۽ وچ تي ڪرڻ */
    .single .site-main, 
    .single #main,
    .single-post .site-content {
        max-width: 880px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
    }
}