@media only screen and (max-width: 767px) {
    .iptv_paketleri_ntvsft{
        width: 100%;
        background-color: #fff;
        position: relative;
        margin-bottom: 60px;
        margin-top: -0px;
    }
    .content-for-paketler_orta{
        width: 100%;
        position: relative;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta{
        text-align: center;
        width: 100%;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > small{
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: #FF0045;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > h5{
        font-size: 30px;
        font-weight: 600;
        line-height: 18px;
        color: #FF0045;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .content-for-paketler_orta > .paketler-yazisi-orta > span{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #00000090;

    }

    .paketler_cardWrapper{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 25px;
        margin-top: 30px;
    }
    .paketler_cardWrapper > .card_wrapper_only{
        width: 100%;
        height: fit-content;
        padding: 20px;
        border: 1px solid #0000001b;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi{
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi i{
        padding: 10px;
        background-color: #ff00441a;
        border-radius: 10px;
        color: #FF0045;
        font-size: 25px;
        margin-right: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi h6{
        display: flex;
        flex-direction: column;
        top: 4px;
        position: relative;
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketAdi h6 span{
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        color: #00000082;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet{
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet span{
        font-size: 15px;
        line-height: 17px;
        color: #6F6C91;
        margin-bottom: 10px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet h5{
        font-size: 35px;
        font-weight: 700;
        line-height: 30px;
        color: #170F49;
        display: flex;
        align-items: center;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketFiyat_veOzet h5 > small{
        font-size: 14px;
        font-weight: 400;
        color: #170F49;
        margin-left: 10px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent{
        width: 100%;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > span{
        font-size: 13px;
        font-weight: 600;
        color: #170F49;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala{
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala small{
        margin-bottom: 10px;
        font-size: 14px;
        color: #170F49;
        font-weight: 300;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .paketContent_sirala small i{
        margin-right: 7px;
        color: #FF0045;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl{
        width: 100%;
        text-align: center;
        background-color: #FF0045;
        border-radius: 50px;
        padding: 13px 15px;

        &:hover{
            transition-duration: 0.2s;
            opacity: 0.7;
            cursor: pointer;
        }
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl a{
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        text-align: center;
        align-items: center;
        justify-content: center;
        justify-items: center;
    }
    .paketler_cardWrapper > .card_wrapper_only > .paketContent > .satinAl a i{
        margin-right: 10px;
        font-size: 20px;
    }
    .cardPopuler{
        position: relative;
        padding: 8px 15px;
        background-color: #FF0045;
        color: #fff;
        text-transform: uppercase;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }
    #bg-ntvsft-active{
        background-color: #FF0045;
    }
    #bg-ntvsft-active > .cardPopuler{
        background-color: #fff;
        color: #FF0045;
    }
    #bg-ntvsft-active > .paketAdi > i{
        background-color: #fff;
        color: #FF0045;
    }
    #bg-ntvsft-active > .paketAdi > h6,
    #bg-ntvsft-active > .paketAdi > h6 > span{
        color: #fff;
    }
    #bg-ntvsft-active > .paketFiyat_veOzet > span{
        color: #ffffffd0;
    }
    #bg-ntvsft-active > .paketFiyat_veOzet > h5,
    #bg-ntvsft-active > .paketFiyat_veOzet > h5 > small{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > span{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .paketContent_sirala > small{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .paketContent_sirala > small > i{
        color: #fff;
    }
    #bg-ntvsft-active > .paketContent > .satinAl{
        background: #fff;
    }
    #bg-ntvsft-active > .paketContent > .satinAl a{
        color: #FF0045;
    }
    .diziFilm__Wrapper{
        width: 100%;
        margin-bottom: 60px;
        margin-top: -30px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card{
        width: 100%;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center{
        width: 100%;
        text-align: center;
        padding: 15px;
        margin-bottom: 15px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center h5{
        font-size: 20px;
        font-weight: 600;
        color: #FF0045;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .textContent_center span{
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #170F49;
    }

    .diziFilm__Wrapper > .dizifilm_container_card > .hizmetlerResim {
        margin-bottom: 0px;
        display: flex;
        align-items: center;
        width: 100%;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .hizmetlerResim img {
        margin-right: -45px;
        margin-left: -40px;
        object-fit: contain;
        scroll-snap-align: center;
        user-select: none;
    }

    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between{
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        word-wrap: break-word;
        border-right: 6px solid #FF0045;
    }
    #mb_1{
        background-color: #ff004413;
        border-radius: 5px;
        height: 70px;
        border-bottom: 1px solid #FF0045;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5{
        width: 100%;
        display: flex;
        align-items: center;
        padding: 15px;
        padding-bottom: 35px;
        border-bottom: 1px solid #ff0044;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5:last-child{
        border: none;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 span{
        display: flex;
        flex-direction: column;
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: #FF0045;
        top: 10px;
        position: relative;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 span small{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        color: #170F49;
        margin-top: 7px;
        width: 290px;
    }
    .diziFilm__Wrapper > .dizifilm_container_card > .bilgilendirmeContent__between > h5 i{
        padding: 10px;
        background-color: #FF0045;
        color: #fff;
        font-size: 20px;
        border-radius: 7px;
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 25px;
    }
    .dunyanin-her-yerinden{
        width: 100%;
        margin-bottom: 65px;
        margin-top: -30px;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card{
        width: 100%;
        padding: 15px;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter{
        width: 100%;
        text-align: left;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter h5{
        font-size: 28px;
        font-weight: 600;
        line-height: 30px;
        color: #FF0045;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > .text-dunya-cardcenter span{
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #170F49;
        top: 15px;
        position: relative;
    }
    .dunyanin-her-yerinden > .dunya-wrapper-card > svg{
        width: 100%;
        position: relative;
        z-index: -1;
        margin-top: -350px;
        margin-bottom: -380px;
    }
    .iptvhizmet-wrapper{
        width: 100%;
        margin-bottom: 60px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt{
        width: 100%;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card{
        width: 100%;
        height: 300px;
        background: linear-gradient(to right, #FF0045, #FFA500);
        padding: 50px;
        padding-bottom: 30px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card img{
        width: 170px;
        height: 170px;
        position: absolute;
        user-select: none;
        pointer-events: none;
        margin-top: -160px;
        object-fit: contain;
        right: 0;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6{
        display: flex;
        flex-direction: column;
        font-size: 25px;
        font-weight: 600;
        color: #fff;
        text-align: left;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > p{
        font-size: 18px;
        font-weight: 400;
        color: #ffffffbd;
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > a{
        padding: 12px 18px;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        background-color: #fff;
        color: #FF0045;
        border-radius: 100px;
        text-align: center;
        text-decoration: none !important;
        width: 100%;
        margin-top: 0px;
        &:hover{
            transition-duration: 0.2s;
            opacity: 0.7;
        }
    }
    .iptvhizmet-wrapper > .hizmet_for_iptvt > .hizmetDetay_card h6 > a i{
        margin-left: 7px;
        position: relative;
        top: 1px;
    }
    #efektler{
        position: absolute;
        z-index: 1;
        left: -800px;
        margin-bottom: -0px;
        user-select: none;
        pointer-events: none;
        opacity: 0.7;
    }
    #efektler_sag{
        position: absolute;
        z-index: 1;
        right: -800px;
        margin-bottom: -0px;
        user-select: none;
        pointer-events: none;
        display: none;
    }
    .website-ntvsft-footer-wrapper{
        width: 100%;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content{
        width: 100%;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .tvkanallar__footer{
        width: 100%;
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 20px;
        user-select: none;
        pointer-events: none;
        padding-bottom: 25px;
        padding-left: 15px;
        border-bottom: 1px solid #00000030;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .tvkanallar__footer img{
        width: 60px;
        height: 60px;
        object-fit: contain;
        margin-right: 35px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact{
        text-align: center;
        margin-bottom: 30px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact a{
        border-right: 1px solid #000000ad;
        padding-right: 10px;
        margin-right: 10px;
        font-size: 17px;
        font-weight: 400;
        line-height: 18px;
        color: #000000ad;
        text-decoration: none;
        &:hover{
            text-decoration: underline;
        }
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter__contact a:last-child{
        border: none;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social{
        text-align: center;
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social a{
        margin: 10px;
        padding: 20px 20px;
        border-radius: 100px;
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        color: #fff;
        background-color: #000;
        text-decoration: none;
        margin-bottom: 7px;
        &:hover{
            transition-duration: 0.2s;
            opacity: 0.8;
        }
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .genelfooter_contact_social a i{
        position: relative;
        top: 2px;
        font-size: 18px;
        margin-left: 7px;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .copyright-text-center-ntvsft{
        text-align: center;
        margin-bottom: 20px;
        font-size: 13px;
        color: #00000080;
    }
    .website-ntvsft-footer-wrapper > .footer-wrapper-content > .copyright-text-center-ntvsft a{
        color: #00000080;
        text-decoration: none;
        font-weight: 600;
        &:hover{
            text-decoration: underline;
        }
    }
}