@media screen and (max-width: 768px) {
    .container {
        /*background-color: blue;*/
        width: 520px;
    }

    /* irancast-header section: */
    .irancast-header {
        position: relative;
        min-height: 80px;
         background: var(--SecondMaincolor);
    }
    .irancast-header>svg{
        display: none;
    }
    /* irancast-banner section: */
    .irancast-banner .shape-parent .responsive-shape{
        display: unset;
    }
    .irancast-banner .shape-parent .main-respnsive-shape{
        display: none;
    }
    .irancast-banner .banner-content {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        padding-bottom: 45px;
    }
    .irancast-banner .banner-content .irancast-player{
        gap: 10px;
    }
    .irancast-banner .banner-content .right-section-banner {
        width: 100%;
        flex-grow: 1;
    }
    .irancast-banner .banner-content .right-section-banner::after {
        padding: 137px;
        top: 60%;
    }
    .banner-content .custom-player {
        width: 381px;
        height: 96px;
        position: absolute;
        bottom: 0;
    }
    .irancast-banner .banner-content .left-section-banner {
        width: 100%;
        padding: 30px 0 0px 0px;
        gap: 14px;
    }
    .season-category .seasons .default-svg{
        display: none;
    }
    .season-category .seasons .mobile-svg{
        display: block;
    }
    .season-category .episodes .default-svg{
        display: none;
    }
    .season-category .episodes .mobile-svg{
        display: block;
    }
    .season-category .seasons .four-sesasons .each-season {
        width: 100%;
    }
    .season-category .seasons .four-sesasons .each-season>span {
        padding: 3px 11px;
    }
    .season-category .seasons .four-sesasons .each-season div {
        display: flex;
        gap: 10px;
    }
    .season-category .seasons .subshape {
        padding: 47px 11px 10px 11px;
    }
    .season-category {
        margin-top: 80px;
    }
    .season-category .seasons .seasons-title {
        width: 370px;
        height: 94px;
    }
    .seasons-title .seasons-title-subdiv .season-title-text p {
        opacity: 0.7;
        font-size: 12px;
    }
    .seasons-title .seasons-title-subdiv .season-title-text h2 {
        display: inline-block;
        font-size: 20px;
        margin-right: 8px;
    }
    .seasons-title .seasons-title-subdiv img {
        right: -27px;
        max-width: 37%;
    }
    .season-category .episodes>a {
        width: 37.7%;
        box-shadow: 1px 1px 7px 1px #0000001a;
        z-index: 25;
    }
    .season-category .episodes .episodes-div {
        padding: 10px 14px 14px 14px;
    }

    /* new-episodes section: */
    .irancast-new-episodes .container .new-episodes-cards .each-card .content .desc {
        padding: 3px 16px 30px;
    }
    .irancast-new-episodes .container>a {
        top: unset;
        bottom: -58px;
    }
    .irancast-new-episodes .container .new-episodes-header h2 {
        font-size: 20px;
    }
    .irancast-new-episodes .container .new-episodes-header .after-h2 {
        font-size: 14px;
    }
    .irancast-new-episodes .container .new-episodes-cards {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }
    .irancast-new-episodes svg.mobile{
        display: block;
        border-radius: 0px;
        position: absolute;
        left: 0;
        z-index: -1;
        width: 100%;
    }
    .irancast-new-episodes .container svg.desktop{
        display: none;
    }
    .irancast-new-episodes .container .new-episodes-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .irancast-new-episodes .container .new-episodes-cards {
        margin-top: 0px;
    }
    .irancast-new-episodes{
        position: relative;
    }
    .irancast-new-episodes .container .new-episodes-cards .each-card .content .desc svg {
        top: 38px;
    }

    /* irancast-first-advertisement section: */
    .irancast-first-advertisement .container .remaining-time .remaining-title h3 {
        font-size: 20px;
    }
    .irancast-first-advertisement .container {
        flex-direction: column;
    }
    .irancast-first-advertisement .container .remaining-time, .irancast-first-advertisement .container .financial-support {
        width: 100%;
    }
    .irancast-first-advertisement {
        margin: 90px 0px 0px 0px;
    }
    .irancast-first-advertisement .container .remaining-time .remaining-content img {
         max-width: unset;
         max-height: unset;
    }
    .irancast-first-advertisement .container .remaining-time .remaining-content div span {
        font-size: 14px;
    }
    .irancast-first-advertisement .container .remaining-time .remaining-content div {
        margin-top: 34px;
    }
    .irancast-first-advertisement .container .financial-support {
        padding-top: 80px;
    }
    .irancast-first-advertisement .container .financial-support .financial-content {
        bottom: 60px;
    }

    /* irancast-favorite section: */
    .irancast-favorite>.container>.content {
        flex-direction: column;
        gap: 40px;
    }
    .irancast-favorite .content .right-section, .irancast-favorite .content .left-section {
        width: 100%;
    }
    .irancast-favorite .content .right-section .content {
        padding: 20px 18px;
    }
    .irancast-favorite .content .right-section{
        margin-top: -14px;
    }
    .irancast-favorite .content .right-section .custom-player {
        bottom: -27px;
    }
    .irancast-favorite .content .left-section .header {
        width: 100%;
        height: 96px;
        display: flex;
        justify-content: center;
        padding: 28px 10px;
    }
    .irancast-favorite .content .left-section {
        min-height: 267px;
    }
    .irancast-favorite .content .left-section .left-content {
        bottom: 10px;
    }
    .irancast-favorite .content .left-section .left-content>div {
        height: 58px;
    }
    .irancast-favorite .header {
        flex-wrap: wrap;
    }

    /* irancast-subscribe section: */
    .irancast-subscribe{
        display: none;
    }

    /* irancast-premium section: */
    .irancast-premium .container .premium-cards .each-card .content .desc {
        padding: 3px 16px 30px;
    }
    .irancast-premium .container>a {
        top: unset;
        bottom: -58px;
    }
    .irancast-premium .container header h2 {
        font-size: 20px;
    }
    .irancast-premium .container header .after-h2 {
        font-size: 14px;
    }
    .irancast-premium .container .premium-cards {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }
    .irancast-premium svg.mobile{
        display: block;
        border-radius: 0px;
        position: absolute;
        left: 0;
        z-index: -1;
        width: 100%;
    }
    .irancast-premium .container svg.desktop{
        display: none;
    }
    .irancast-premium .container header {
        flex-direction: column;
        align-items: flex-start;
    }
    .irancast-premium .container .premium-cards {
        margin-top: 0px;
    }
    .irancast-premium{
        position: relative;
    }
    .irancast-premium .container .premium-cards .each-card .content .desc svg {
        top: 38px;
    }

    /* irancast-guest section: */
    .irancast-guest .container header>a {
        display: none;
    }

    /* irancast-second-advertisement section: */
    .irancast-second-advertisement header .header-content{
        width: 450px;
        margin: auto;
    }
    .irancast-second-advertisement header {
        width: 100%;
    }
    .irancast-second-advertisement {
        margin: 35px 0px 0px 0px;
    }

    /* irancast-help section: */
    .irancast-help .container .left-section .content>img{
        display: unset;
    }
    .irancast-help .container .right-section .content>img{
        display: unset;
    }
    .irancast-help .container {
        flex-direction: column;
    }
    .irancast-help .container .right-section {
        width: 100%;
    }
    .irancast-help .container .left-section {
        width: 100%;
    }
    .irancast-help .container .left-section .content>img {
        margin-bottom: 10px;
    }

    /* irancast-book section: */
    .irancast-book .container .content {
        flex-direction: column;
    }
    .irancast-book .container .content .right-section {
        width: 100%;
    }
    .irancast-book .container .content .left-section {
        width: 100%;
    }
    .irancast-book .container .content .left-section .absolute-svg {
        top: 110px;
    }
    .irancast-book .container .content .right-section .absolute-svg {
        top: 110px;
    }
    .irancast-book .container .content .right-section .right-content {
        padding-right: 35px;
    }
    .irancast-book .container .content .left-section .left-content {
        padding-right: 35px;
    }

    /* irancast-read-more section: */
    .irancast-read-more .container>svg {
        display: none;
    }
    .irancast-read-more>svg.responsive-svg {
        display: unset;
    }
    .irancast-read-more .container .read-more-cards .each-card .content .desc {
        padding: 3px 16px 30px;
    }
    .irancast-read-more .container header a{
        top: unset;
        bottom: -58px;
    }
    .irancast-read-more .container header h2 {
        font-size: 20px;
    }
    .irancast-read-more .container header .hor-line{
        display: none;
    }
    .irancast-read-more .container .read-more-cards {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }
    .irancast-read-more .container header {
        flex-direction: column;
        align-items: flex-start;
    }
    .irancast-read-more .container .read-more-cards {
        margin-top: 0px;
    }
    .irancast-read-more{
        position: relative;
    }
    .irancast-read-more .container .read-more-cards .each-card .content .desc svg {
        top: 38px;
    }

    /* .irancast-comments section: */
    .irancast-comments header{
        overflow: hidden;
        width: 100%;
    }
    .irancast-comments header>svg {
        width: 120%;
        margin-right: 50%;
        transform: translateX(50%);
    }
    .irancast-comments header .header-content {
        flex-direction: column;
        align-items: flex-start;
    }
    .irancast-comments .container {
        margin-top: 26px;
    }

    /* irancast-faq section: */
    .irancast-faq .container .content .faq-righ-svg {
        right: unset;
        left: 0;
    }
    .irancast-faq .container .content .faq-left-svg {
        top: unset;
        left: unset;
        bottom: 0;
        right: 0;
    }
    .irancast-faq .container .content {
        position: relative;
        padding: 26px 0px 0px 0px;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        align-items: flex-start;
    }

    /* irancast-footer section: */
    footer.irancast-footer{
        margin-top: 210px;
    }
    footer.irancast-footer .container .footer-top svg.mobile{
        display: unset;
    }
    footer.irancast-footer .container .footer-top .content figure {
        width: 40%;
    }
    footer.irancast-footer .container .footer-top svg.desktop{
        display: none;
    }
    footer.irancast-footer .container .foote-bottom .newsletter {
        align-items: flex-start;
        flex-direction: column;
    }
    footer.irancast-footer .container .foote-bottom .newsletter>div>.hor-line{
        display: unset;
    }
    footer.irancast-footer .container .foote-bottom .newsletter>div {
        width: 100%;
    }
    footer.irancast-footer .container .foote-bottom .newsletter {
        width: 100%;
    }
    footer.irancast-footer .container .footer-middle .all-new-episodes .all-new-ep-link {
        direction: rtl;
        width: 100%;
    }
    .irancast-footer .footer-youtube-container {
        top: -114px;
        width: 100%;
        z-index: -1;
    }
    .irancast-footer .footer-youtube-container .f-y-section {
        padding: 24px 44px 174px 24px;
        width: 100%;
        border-radius: unset;
        justify-content: center;
    }
    .irancast-footer .footer-youtube-container .f-y-section .text p {
        font-size: 14px;
    }
    /* irancast-about-us section: */
    .irancast-about-us .container>svg.mobile{
        display: unset;
    }
    .irancast-about-us .container::after{
        display: none;
    }
    .irancast-about-us .container .content .left-section{
        margin-bottom: -40px    ;
    }
    .irancast-about-us .container>svg.desktop{
        display: none;
    }
    .irancast-about-us .container .content {
        flex-direction: column;
    }
    .irancast-about-us .container>svg.background-svg{
        width: 100%;
        margin-right: 0px;
    }
    .irancast-about-us .container .content {
        padding: 24px;
        gap: 35px;
    }
    .irancast-about-us .container img.about-us-img {
        position: unset;
        max-width: 100%;
    }
    .irancast-about-us .container .content .right-section .desc {
        -webkit-line-clamp: 20;
    }

    /* archive-page: */
    .archive-page .archive-content .pagination a {
        min-width: 37px;
        padding: 10px 13px;
    }
    .archive-page .archive-content .archive-sort-sec {
        flex-direction: column;
        gap: 4px;
    }
    .archive-page .archive-content .all-episodes-sec {
        justify-content: center;
    }
    .archive-sort-sec > div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
    .archive-page .archive-content .pagination {
        gap: 7px;
    }

    /* .irancast-read-more .archive-page:  */
    .archive-page .archive-content .all-posts-sec {
        justify-content: center;
    }

    /* iarncast-dashboard page: */
    .iarncast-dashboard .container .dashboard-content .content .dash-con>a.desktop{
        display: none;
    }
    .iarncast-dashboard .container .dashboard-content .content .fav-content>a,
    .iarncast-dashboard .container .dashboard-content .content .news-content>a{
        display: unset;
    }
    .iarncast-dashboard .container .dashboard-content .content .dash-con .dash-con-header {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .iarncast-dashboard .container .dashboard-content .content .news-content .each-news:first-child {
        margin-top: 110px;
    }
    .iarncast-dashboard .container .dashboard-content .content .news-content {
        margin-top: -2px;
    }
    .iarncast-dashboard .container .dashboard-content .content .news-content .each-news>a {
        position: unset;
        display: inline-block;
        margin-top: 10px;
    }

    /* my-subscribe page: */
    .iarncast-dashboard .container .dashboard-content .content .my-subscribe .desktop{
        display: none;
    }
    .dashboard-content .content .my-subscribe .my-subscribe-content>div {
        padding: 6px 16px;
    }
    .dashboard-content .content .my-subscribe .my-subscribe-content {
        position: unset;
        padding: 145px 24px 24px 24px;
        background: var(--SiteBackgroundColor);
        border-radius: 24px;
        margin-bottom: 20px;
    }
    .dashboard-content .content .my-subscribe .my-subscribe-content>div {
        width: 100%;
    }
    .iarncast-dashboard .container .dashboard-content .content .my-subscribe>.active-light {
        top: 100px;
        left: 42px;
    }

    /* my-downloads page: */
    .iarncast-dashboard .container .dashboard-content>.my-downloads-content {
        padding: 24px 8px;
    }
    .dashboard-content .content .my-downloads .header .content {
        padding: 0px 16px;
    }
    .dashboard-content .content .my-downloads .row {
        max-height: unset;
    }
    .dashboard-content .content .my-downloads .row>div figure{
        display: none;
    }

    /* my-orders page: */
    .dashboard-content .content .my-downloads .my-orders>*{
        flex-shrink: 0;
    }
    .dashboard-content .content .my-downloads .my-orders{
        overflow: auto;
    }
    .dashboard-content .content .my-downloads .header .content {
        overflow-x: auto;
    }
    .dashboard-content .content .my-downloads {
        gap: 8px;
    }
    /* all dashboard pages: */
    .iarncast-dashboard .container .dashboard-content>.content {
        padding: 18px;
    }
    /* each-order page: */
    .dashboard-content .content .each-order .details>div>div {
        width: 100%;
    }
    .dashboard-content .content .each-order .desc {
        padding: 16px 14px;
        gap: 12px;
    }
    .dashboard-content .content .each-order {
         padding: 0px;
         background-color: unset;
    }

    /* my-comments page: */
    .dashboard-content .content .my-comments .each-comment .content {
        padding: 14px 14px 0 14px;
    }
    .dashboard-content .content .my-comments .each-comment .content .comments {
        gap: 8px;
    }

    /* the-news page: */
    .dashboard-content .content .the-news .row>a {
        position: unset;
    }

    /* setting page: */
    .dashboard-content .content .setting .desc {
        gap: 7px;
    }

    /* irancast-basket page: */
    .irancast-basket .container .content .basket-items .row {
        flex-direction: column;
    }
    .irancast-basket .container {
        padding-right: 0px;
    }
    .irancast-basket .container .content {
        min-height: 500px;
    }

    .success-pay .container .content {
        background-color: unset;
        padding: 0px;
    }

    /* single-episode page: */
    .single-episode-banner .container .content {
        flex-direction: column;
    }
    .single-episode-banner .container .content .right-section {
        width: 100%;
    }
    .single-episode-banner .container .content .left-section {
        width: 100%;
    }
    .single-episode-banner .container {
        padding-left: 12px;
    }
    .single-episode-banner .container .content .left-section .bottom-details {
        padding-left: unset;
    }
    .single-episode-banner .container .content .left-section .bottom-details .player-div-dark {
        min-height: 100px;
    }
    .sigle-episode-links .container .content {
        gap: 16px;
    }
    .single-episode-content .single-episode-body .about .header {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px;
    }
    .single-episode-content .single-episode-body div .left {
        width: 100%;
    }
    /* irancast-contact-us page: */
    .irancast-contact-us {
        margin-top: 50px;
    }
    .irancast-contact-us .container {
        flex-wrap: wrap;
        gap: 40px;
    }
    .irancast-contact-us .container .right {
        width: 100%;
        order: 1;
    }
    .irancast-contact-us .container .right .content .the-irancast-contact-form{
        max-height: 423px;
    }
    .irancast-contact-us .container .middle {
        width: 100%;
        order: 3;
    }
    .irancast-contact-us .container .left {
        width: 100%;
        display: unset;
        order: 2;
        margin-top: 100px;
    }

    .irancast-basket .container .basket-content .basket-td-image i{
        display: none;
    }



/*     login page: */
    .irancast-login .container {
        position: relative;
    }
    .irancast-login .left-login {
        width: 85%;
        position: absolute;
        z-index: -50;
        opacity: 0.05;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .irancast-login .right-login {
        width: 100%;
    }
    .irancast-login .left-login img {
        left: 37px;
        bottom: 74px;
    }
    /* four-o-four: */
    .four-o-four-page .four-o-four-num {
        /*width: 149px;*/
        padding: 14px;
    }

/*    new styles :*/
    .grid-lines.parent-top-left {
        left: unset;
        right: 0;
        background-image: linear-gradient(210deg,
        rgba(256,256,256,0.3) 0%,
        rgba(256,256,256,0.2) 10%,
        rgba(256,256,256,0.0) 38%,
        rgba(256,256,256,0.0) 45%,
        rgba(256,256,256,0.0) 50%,
        rgba(256,256,256,0.0) 60%,
        rgba(256,256,256,0) 70%
        );
    }
    .grid-lines .vertical-lines.top-left, .grid-lines .horizontal-lines.top-left {
        mask: linear-gradient(210deg,
        rgba(0,0,0,0.3) 0%,
        rgba(0,0,0,0.2) 10%,
        rgba(0,0,0,0.1) 38%,
        rgba(0,0,0,0.1) 45%,
        rgba(0,0,0,0.0) 50%,
        rgba(0,0,0,0.0) 60%,
        rgba(0,0,0,0) 70%
        );
    }
    .grid-lines .vertical-lines.bottom-right, .grid-lines .horizontal-lines.bottom-right {
        right: unset;
        left: 0;
        mask: linear-gradient(29deg,
        rgba(0,0,0,0.3) 0%,
        rgba(0,0,0,0.2) 10%,
        rgba(0,0,0,0.1) 38%,
        rgba(0,0,0,0.1) 45%,
        rgba(0,0,0,0.0) 50%,
        rgba(0,0,0,0.0) 60%,
        rgba(0,0,0,0) 70%
        );
    }




}