@media screen and (max-width: 1920px) {
    .header img.img-logo.mobile {
        display: none;
    }
}

@media (min-width: 769px) {
    .sidebar-web {
        display: none !important;
    }

    .ads-footer {
        max-height: 200px;
    }
}

@media (min-width: 415px) {
    img.img-logo {
        width       : 190px !important;
        max-width   : 200px !important;
        padding-left: 15px;
    }
}


@media (max-width: 1024px) {
    .nav {
        padding-left: 25px !important;
        width       : auto !important;
        margin      : 0 !important;
    }

    .main-layout {
        width: auto !important;
    }

    .out-left-1 {
        display: none !important;
    }
}

@media (max-width: 877px) {
    article.post {
        flex-direction: column !important;
        padding       : 0 5px;
    }

    article.post .img-post {
        width     : 100% !important;
        max-width : 100% !important;
        min-height: 308.8px !important;
    }

    .post-related .card-related {
        max-width: 230.33px !important;
    }

    .card-related:nth-child(even) {
        padding-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .icon-bar {
        color      : #fff;
        display    : flex !important;
        align-items: center;
        cursor     : pointer;
    }

    .icon-ba {
        cursor     : pointer;
        display    : flex !important;
        color      : #e67e22;
        align-items: center;
        position   : relative;
        left       : 10px;
    }

    img.img-adv-bg {
        width: 100% !important;
    }

    img.img-logo {
        width: 130px !important;
    }

    #main-navigation {
        display: none !important;
    }

    .main-container {
        flex-direction: column !important;
    }

    .left-side {
        max-width    : 100% !important;
        margin-right : 0 !important;
        margin-left  : 5px !important;
        margin-bottom: 10px !important;
    }

    .right-side {
        max-width: 100% !important;

        .img-card-right {
            display        : flex;
            flex-direction : row;
            justify-content: center;
        }
    }

    .card-related:nth-child(even) {
        padding: 0 20px 20px 0 !important;
    }

    .post-related .card-related {
        max-width: 215.33px !important;
    }

    .nav {
        padding        : 0 25px !important;
        justify-content: space-between;

        .search {
            display: none !important;
        }

        .our-social {
            display: flex !important;
        }
    }


}

@media (max-width: 431px) {
    .footer {
        .footer-list {
            flex-direction: column !important;
            margin        : 0 15px !important;

            >div {
                width        : 100% !important;
                margin       : 0 !important;
                margin-bottom: 15px !important;

                mat-list iframe {
                    max-width: 100% !important;
                }
            }

            mat-list {
                &.app-download {
                    display        : flex !important;
                    justify-content: space-evenly;

                    .download-app {
                        width: unset !important;
                    }
                }
            }
        }
    }

    .app-popup {
        .popup-body {
            width  : calc(100% - 60px) !important;
            padding: 20px !important;
            margin : 10px 10px !important;

            .popup-logo {
                width: 150px !important;
            }

            .popup-label {
                font-size: 15px !important;
            }

            .popup-app-logo {
                width: 100% !important;
            }
        }
    }

    .ads-footer {
        max-height: 71px !important;
    }

    .editor {
        p {
            font-size: 17px !important;
        }
    }

    .des-post {
        display   : none !important;
        word-break: break-all;

        .des {
            overflow     : hidden !important;
            font-size    : 14px !important;
            text-overflow: ellipsis !important;
            white-space  : nowrap !important;
            word-break   : break-all !important;

            @supports (-webkit-line-clamp: 2) {
                overflow          : hidden !important;
                text-overflow     : ellipsis !important;
                white-space       : initial !important;
                display           : -webkit-box !important;
                -webkit-line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
            }
        }
    }

    .img-adv-bg {
        display   : block !important;
        max-height: 71px !important;
    }

    .re-head {
        max-width : 100% !important;
        width     : 100%;
        min-width : 320px;
    }

    .post-related .card-related {
        max-width: 100% !important;
    }

    .card-related {
        padding: 0 !important;
    }

    .card-related:nth-child(even) {
        padding-right: 0 !important;
    }

    .list-r {
        justify-content: center;
    }

    .main-video {
        flex-direction: column !important;
        align-items   : center !important;
    }

    .video {
        max-width     : 100% !important;
        width         : 100% !important;
        padding       : 0 !important;
        margin-bottom : 10px !important;
        padding-bottom: 10px !important;
    }

    .frame {
        min-height: 200px !important;
    }

    .header {
        flex-direction: column !important;

        img.img-logo {
            margin-bottom: 15px;
            display      : none !important;
            width        : 250px !important;

            &.mobile {
                display: block !important;
            }
        }
    }

    .main-container {
        margin-left: 0 !important;

        .left-side {
            margin-left: 0 !important;
        }
    }

    .main-rightside[_ngcontent-serverApp-c11] .card-right[_ngcontent-serverApp-c11] img.adv-right[_ngcontent-serverApp-c11] {
        max-width: 100% !important;
        width    : auto !important;
    }

    article.post .img-post {
        width     : 100% !important;
        min-width : 150px !important;
        max-width : 150px !important;
        min-height: 150px !important;
        max-height: 150px !important;
    }
}

@media(max-width:375px) {
    header.site-header .header {
        width: auto !important;
    }

    .post-related {
        padding: 0 !important;
    }

    .post-related .card-related {
        flex-direction: row !important;
    }

    .re-head {
        min-width   : 150px !important;
        min-height  : 150px !important;
        margin-right: 10px !important;
    }
}