/*Test Maker Css leri*/
@media screen and (min-width: 1920px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 610px;border-radius: 5px;}

    #lottieMobile420{display: none;}

    .fiyatTab{width: 446px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 870px;margin: 0 auto 400px auto;}
    .tabContentSol{width: 570px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 20px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 480px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 550px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-right: 14px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; width: 550px;display: block;appearance: none;}


    .tabSatinAl{width: 200px;}
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px;
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 570px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 570px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 250px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}

}

@media screen and (min-width:1366px) and (max-width:1919px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 610px;border-radius: 5px;}

    #lottieMobile420{display: none;}

    .fiyatTab{width: 446px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 870px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 570px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 20px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 480px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 550px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-right: 14px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; width: 550px;display: block;appearance: none;}


    .tabSatinAl{width: 200px;}
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px;
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 570px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 570px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 250px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}
}
@media screen and (min-width:1280px) and (max-width:1365px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 610px;border-radius: 5px;}

    #lottieMobile420{display: none;}
    .fiyatTab{width: 446px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
        .ogretmenTab{width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
        .ogretmenTab h1{font-size:14px;}
        .ogretmenTab p{font-size:10px;}
        .kodTab {width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
        .kodTab h1{font-size:14px;}
        .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 870px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 570px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 20px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
        .ogretmenTabContent{display: none;margin-top: 10px;}
            .ogretmenTabContentBaslik{width: 50px;}
            .ogretmenTabContentBilgi{width: 480px !important;margin-left: 10px;}
            .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
            .ogretmenTabContent p{font-size: 12px; display: inline-block;}
        .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
            .kodTabContent h2{font-size: 18px; display: inline-block;}
            .kodTabContent p{font-size: 12px; display: inline-block;}

            #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
            #kodGirisi > input{width: 550px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
            #kodGirisi > input+span{font-size:11px;}
            #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

            #kodGirisi #kodInputAciklama{display: none;}
            #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
            #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
            #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

        /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
        .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
        #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-right: 14px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
        #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
        #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
        #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
        #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
        #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
        #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
        #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
        #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
        #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; width: 550px;display: block;appearance: none;}


    .tabSatinAl{width: 200px;}
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px;
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 570px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

/*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 570px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 250px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}

}
@media screen and (min-width:1024px) and (max-width:1279px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 610px;border-radius: 5px;}

    #lottieMobile420{display: none;}
    .fiyatTab{width: 446px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 870px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 570px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 20px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 480px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 550px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-right: 14px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; width: 550px;display: block;appearance: none;}


    .tabSatinAl{width: 200px;}
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px;
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 570px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 570px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 250px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}

}
@media screen and (min-width:768px) and (max-width:1023px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 490px;border-radius: 5px;}

    #lottieMobile420{display: none;}

    .fiyatTab{width: 446px;background-color: white;padding: 5px;margin: 50px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 200px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 750px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 430px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 20px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 370px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 410px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-right: 10px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; width: 410px;display: block;appearance: none;}


    .tabSatinAl{width: 200px;}
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px;
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 430px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 430px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 250px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}
}
@media screen and (min-width: 480px) and (max-width:767px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 420px;border-radius: 5px;}

    #lottieMobile420{display: none;}
    .fiyatTab{width: 410px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 180px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 180px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 420px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 380px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: 200px;background-color: white;padding: 10px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 320px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 360px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 15px; margin-left: 30px;margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{width: 360px;border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; display: block;appearance: none;}


    .tabSatinAl{width: calc(100% - 45px); position: fixed; z-index: 5; bottom: 0;left:0; }
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: calc(100%);
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 380px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 380px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 200px;margin-right: 20px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 100px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}
}
@media screen and (min-width:320px) and (max-width:479px){
    #openVideoSatinAlim{display : block; width: 270px; height: 65px; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #openVideoSatinAlim h4{display : block; font-size: 12px; text-align: center; }
    #openVideoSatinAlimKapsayici{margin-top: 10px;width: 300px;border-radius: 5px;}

    #lottieMobile420{display: none;}
    .fiyatTab{width: 290px;background-color: white;padding: 5px;margin: 20px auto 0 auto;border-radius: 10px;}
    .fiyatTab input{position: absolute;left: -29999px;}
    .fiyatTabActive{background-color: rgb(66,102,135);color:white;border:thin solid rgb(66,102,135) !important;}
    .ogretmenTab{width: 120px;padding: 10px;border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
    .ogretmenTab h1{font-size:14px;}
    .ogretmenTab p{font-size:10px;}
    .kodTab {width: 120px;padding: 10px;min-height:57px; border:thin solid rgb(240,240,240);cursor: pointer;border-bottom-right-radius: 10px;border-top-right-radius: 10px;}
    .kodTab h1{font-size:14px;}
    .kodTab p{font-size:10px;}
    .fiyatTabContent{width: 300px;margin: 0 auto 80px auto;}
    .tabContentSol{width: 260px;background-color: white;padding: 20px 20px 20px 20px ;border-radius: 5px;}
    .tabContentSag{width: calc(100% - 45px); position:fixed !important; z-index: 5; bottom: 0;left: 0; background-color: white;padding: 10px;border-radius: 5px;margin-left:10px;}
    .fiyatTabContentActive{display: block !important;}
    .ogretmenTabContent{display: none;margin-top: 10px;}
    .ogretmenTabContentBaslik{width: 50px;}
    .ogretmenTabContentBilgi{width: 200px !important;margin-left: 10px;}
    .ogretmenTabContent h2{font-size: 18px; display: inline-block;}
    .ogretmenTabContent p{font-size: 12px; display: inline-block;}
    .kodTabContent{display: none;margin-top: 10px; border-bottom: thin solid rgb(240,240,240);padding-bottom: 10px;}
    .kodTabContent h2{font-size: 18px; display: inline-block;}
    .kodTabContent p{font-size: 12px; display: inline-block;}

    #kodGirisi{border-top:thin solid rgb(240,240,240);margin-top: 10px;)}
    #kodGirisi > input{width: 230px;border: 1px solid rgb(200,200,200);border-radius: 10px;padding: 10px;display: block;appearance: none;}
    #kodGirisi > input+span{font-size:11px;}
    #kodGirisi > button{width:120px;margin-left: auto;margin-right: auto;margin-top:10px; cursor:pointer; padding: 10px;font-size:14px; border: none;background-color: rgb(242,97,1); display: block; appearance: none;}

    #kodGirisi #kodInputAciklama{display: none;}
    #kodGirisi #kodInputAciklama ul{padding-bottom: 10px;}
    #kodGirisi #kodInputAciklama ul li{font-size: 12px;}
    #kodGirisi #kodInputAciklama ul a{display: block;text-decoration: underline;font-size:11px;}

    /*Checkboxların içinin turuncu olmasını sağlayan kod*/
    #tabSiniflar{border-top: thin solid rgb(240,240,240);padding-top: 10px;margin-top: 10px;}
    .tabH3{font-size:12px;display: block;padding-bottom: 10px;padding-top: 10px;}
    #tabSiniflar > label{width: 100px;border:thin solid rgb(240,240,240); padding: 10px; margin-right: 5px; margin-bottom: 10px; cursor: pointer;position: relative;border-radius: 10px;}
    #tabSiniflar > label:nth-child(5){margin-right: 0 !important;}
    #tabSiniflar input[type="checkbox"]{ position: absolute; left: -9999px;}
    #tabSiniflar input[type="checkbox"] + span{ position: relative;display: block;padding: 5px; border:thin solid rgb(66,102,135); margin-right: 10px; width: 10px; height: 10px;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span{font-size:13px;margin-top: 3px;display:block;z-index: 1;}
    #tabSiniflar input[type="checkbox"] + span + span + span{position: absolute;display:block;width: 100%; height: 100%; z-index: 0;left: 0;top: 0;border-radius: 10px;}
    #tabSiniflar input[type="checkbox"] + span > i{ display: none;position: absolute;top:2px;left:4px;}
    /*Checked olduğunda*/
    #tabSiniflar input[type="checkbox"]:checked + span > i{ display: block;}
    #tabSiniflar input[type="checkbox"]:checked + span + span{color:rgb(66,102,135);}
    #tabSiniflar input[type="checkbox"]:checked + span + span + span{background-color: rgb(217,232,245);}

    #tabOzellikler ul li{font-size: 12px;}
    #tabOgrenciSayisi input{width: 230px;border: 1px solid rgb(200,200,200);border-radius:10px;padding: 10px; display: block;appearance: none;}


    .tabSatinAl{width: calc(100% - 45px); position: fixed; z-index: 5; bottom: 0;left:0; }
    .indirimKuponContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: calc(100%);
    }

    .indirimKuponContainer input {
        flex: 1; /* input mümkün olduğunca genişlesin */
        outline: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 6px; /* istersen 0 yapabilirsin */
        padding: 6px;
        margin-bottom: 5px;
        font-size: 14px;
        appearance: none;
    }

    .indirimKuponContainer > button {
        display: block;
        width: 100px;
        background-color: rgb(217, 232, 245); /* Talebetik turuncu */
        color: rgb(66, 102, 135);
        border: none;
        padding: 6px 10px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 0; /* kare köşe */
        transition: background 0.2s;
    }

    .indirimKuponContainer button:hover {
        background-color: rgb(207, 222, 235); /* hover rengi */
    }
    .tabSatinAl span{padding-bottom: 0 !important;}
    span#eskiFiyat{text-decoration: line-through;display: block;}
    .tabSatinAl h2{display: block;font-size:30px;}
    .tabSatinAl > button{width: 110px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #sonucYonlendirme{width: 130px; appearance: none;display: block;margin-left: auto;margin-right: auto; padding: 10px;margin-top: 15px;border: thin solid rgb(232,87,1);background-color: rgb(232,87,1); cursor: pointer;}
    #tabNotlar{margin-top: 10px;width: 260px;background-color: rgb(250,250,250);padding: 20px;border-radius: 5px;}
    #tabNotlar ul li{font-size: 10px;}
    #kodFaturaUyari{display: none;}

    /*    Liste Aktivasyon sayfası*/
    #listeDurum li{font-size:12px;}
    #listeDurum + a {display: block;margin-top: 20px;padding: 10px; width: 150px;margin-left: auto;margin-right: auto; background-color: rgb(217,232,245);color:rgba(66,102,135,1.00) !important;border-radius: 5px; font-size:12px;}
    #listeDurum + a + span{font-size:10px;display: block;margin-top: 5px;}

    #ogrenciListesi{margin-top: 10px;width: 260px;background-color: white;padding: 20px;border-radius: 5px;}
    button#listeTumunuSec{appearance: none;padding: 5px;border: none;background-color: rgb(217,232,245);font-size:10px;cursor: pointer;display: block;margin-bottom: 10px;}
    .listeTumunuSecActive{background-color: rgb(242,97,1) !important; color:white !important;}
    #ogrenciListesi ul li{font-size:13px;display: block;padding: 3px; border-bottom: thin solid rgb(240,240,240);margin-bottom: 5px;}
    #ogrenciListesi ul li > .ogrenciIsimleri{min-width: 120px;margin-right: 10px;}
    #ogrenciListesi ul li > .ogrenciSiniflari{min-width: 65px;}
    #ogrenciListesi ul li > .aktiveCheck{width: 20px;}
    #ogrenciListesi ul li > .aktiveCheck > input+span{width: 10px; padding: 2px; height: 10px; border:thin solid rgb(200,200,200); display: inline-block;}
    #ogrenciListesi ul li > .aktiveCheck > input+span > i{display: none;margin-top: -2px;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span{border:rgb(242,97,1) thin solid;}
    #ogrenciListesi ul li > .aktiveCheck > input:checked + span > i{display: block;}
}


/*Çıktı Ayarları*/