@import url("responsive/mobile.css"); @import url("responsive/1152x864.css"); @import url("responsive/1280x1024.css");  @media screen and (max-width:767px) and (min-width:0) {  .button-1x {font-size: 11px;padding: 4px 10px;font-weight: normal !important;}  .button-2x {font-size: 12px;padding: 5px 25px;}  .button-3x {font-size: 13px;padding: 5px 25px;}  .button-4x {font-size: 13px;padding: 5px 25px;}  .button-5x {font-size: 13px;padding: 5px 40px;font-weight: 200;}  }  @font-face {  font-family: "Ionicons";font-display: swap ;font-weight: normal;  font-style: normal;  src: url("ionicons.eot");  src: url("ionicons.eot") format("embedded-opentype"), url("ionicons.ttf") format("truetype"), url("ionicons.woff") format("woff"), url("ionicons.svg") format("svg");  }  .ion-arrow-down-b:before, .ion-ios-checkmark-outline:before, .ion-bag:before, .ion-ios-location:before, .ion-ios-pricetags:before, .ion-ios-information-outline:before, .ion-ios-close-empty:before, .ion-calendar:before,.ion-close-round:before, .ion-ios-locked:before,.ion-ios-plus-empty:before, .ion-eye:before, .ion-backspace:before, .ion-alert-circled:before, .ion-heart:before, .ion-navicon-round:before{display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}  .ion-navicon-round:before {content: "\f20d";}  .ion-arrow-down-b:before {content: "\f104";}  .ion-ios-checkmark-outline:before {content: "\f3fe";}  .ion-bag:before {content: "\f110";}  .ion-ios-location:before {content: "\f456";}  .ion-ios-pricetags:before {content: "\f48f";}  .ion-ios-close-empty:before {content: "\f404";}  .ion-ios-information-outline:before {content: "\f44c";}  .ion-calendar:before {content: "\f117";}  .ion-backspace:before {content: "\f3bf";}  .ion-alert-circled:before {content: "\f100";}  .ion-ios-locked:before {content: "\f458";}  .ion-heart:before {content: "\f141";}  .ion-eye:before {content: "\f133";}.ion-close-round:before{content:"\f129"}.ion-ios-plus-empty:before{content:"\f489"}
@media screen and (max-width:1200px) and (min-width:0) {
    .countdowns{
        flex-wrap: wrap;
    }
    .countdown-container{
        margin:5px;
    }
}
    .firsat-yazi-alani{
       color:#ffffff;
    position: absolute;
    margin-top: 30px;
    margin-left: 45px;
    font-size: 23px; 
    }
    
    .firsat-countdown-area-yeni{
        float: right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
   /* border: solid 1px #979797; 
    padding: -21px;*/
    top: 20px;
    position: relative;
    /* display: inline-block; */
    z-index: 1;
    right: 45px;
    }


@media (max-width: 1400px) {
    .header-desktop-logo-div{
        margin-right: auto;
    }
    .header-desktop-right-area {
        justify-content: flex-end;
    }
      .firsat-yazi-alani{
       color:#ffffff;
    position: absolute;
    margin-top: 30px;
    margin-left: 45px;
    font-size: 23px; 
    }
    
    .firsat-countdown-area-yeni{
        float: right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
   /* border: solid 1px #979797; 
    padding: -21px;*/
    top: 20px;
    position: relative;
    /* display: inline-block; */
    z-index: 1;
    right: 45px;
    }
}    

@media(max-width: 1350px) {
    .header-desktop-right-area {
        margin-left: -50px;
    }
    .header-desktop-right-area>div {
        transform: scale(.9);
    }
      .firsat-yazi-alani{
       color:#ffffff;
    position: absolute;
    margin-top: 30px;
    margin-left: 45px;
    font-size: 23px; 
    }
    
    .firsat-countdown-area-yeni{
        float: right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
   /* border: solid 1px #979797; 
    padding: -21px;*/
    top: 20px;
    position: relative;
    /* display: inline-block; */
    z-index: 1;
    right: 45px;
    }
}
@media screen and (max-width:1151px) and (min-width:1024px) {
 .counter-module-inside-area{
        width: 93%;
    }
    .counter-module-box {
        margin-left: 20px;
        margin-right: 20px;
    }
    .teslimat-bilgileri-adres-box input:checked+label .teslimat-bilgileri-adres-box-secili{
        width: 106.5% !important;
    }
}
@media(max-width: 1300px) {
    
    .firsat-yazi-alani{
       color:#ffffff;
    position: absolute;
    margin-top: 30px;
    margin-left: 45px;
    font-size: 23px; 
    }
    
    .firsat-countdown-area-yeni{
        float: right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 15px;
   /* border: solid 1px #979797; 
    padding: -21px;*/
    top: 20px;
    position: relative;
    /* display: inline-block; */
    z-index: 1;
    right: 45px;
    }
}

@media(max-width: 1200px) {
    #canli_yayin_urunler,
    .kayitli-yayin-urun-container {
        display: none;
    }
    .canli-yayin-sohbet,
    .kayitli-yayin-sohbet{
        width: 30% !important;
    }
}

@media(max-width: 1100px) {
    .canli-yayin-popup,
    .kayitli-yayin-popup-bg {
        padding-top: 9%;
    }
}
@media(max-width: 1000px) {
#urunGaleriVideo {
        height: 15%
    }
    #urunGaleriVideo div {
        width: 35px;
        height: 35px;
    }
    #mobil_yayin_urunler,
    #mobil_kayitli_yayin_urunler {
        width: 25%;
        top: 14px;
        left: 0;
    }
    .canli-yayin-sohbet,
    .kayitli-yayin-sohbet{
        width: 80% !important;
        height: 90% !important;
        position: absolute;
        top: -35px;
        left: 75px;
        border-radius: 10px;
        /*display: none;*/
        z-index: 9;
        transition: 400ms;
    }
    .canli-yayin-yayin,
    .kayitli-yayin-yayin {
        width: 100% !important;
        border-radius: 10px;
        overflow: hidden;
    }
}
@media(max-width: 800px) {
    .para-puan-container {
        width: 100%;
        height: 15rem;
    }
    .para-puan-kupon-sol {
        font-size: 25px;
    }
    .para-puan-kupon-sag-indirim {
        font-size: 25px;
        transform: rotate(-90deg) translate(-6.5rem, -8rem);
    }
    #mobil_yayin_urunler,
    #mobil_kayitli_yayin_urunler {
        width: 30%;
        top: 14px;
        left: 0;
    }
    .canli-yayin-popup,
    .kayitli-yayin-popup-bg {
        padding-top: 0%;
    }
    .teslimat-bolgesi-sec-container {
        width: 70%;
    }
}

@media(max-width: 650px) {
    .beden_tablosu {
        width: 20px;
    }
}

@media all and (max-width: 600px) {
    #urunGaleriVideo div {
        width: 30px;
        height: 30px;
    }
    .para-puan-container {
        height: 10rem;
    }
    .para-puan-kupon-sol {
        font-size: 20px;
    }
    .para-puan-kupon-sag-indirim {
        font-size: 15px;
        transform: rotate(-90deg) translate(-4.5rem, -8rem);
    }
    .urun-detay-sag-alan-fiyat-sag {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start !important;
    }
    .urun-detay-sag-alan-fiyat-sag div {
        width: 100% !important;
    }
    .urun-bildirim-kutulari {
        margin: 30px 0;
    }
    .teslimat-bolgesi-sec-container {
        width: 95%;
    }
    .teslimat-turu-baslik {
        font-size: 25px;
    }
    .teslimat-turu-aciklama {
        font-size: 13px;
    }
    .teslimat-turu-aciklama+p {
        font-size: 12px;
    }
    .ilgili-depolari-listele {
        height: 250px;
    }
    .teslimat-turu-magazadan-alacagim {
        justify-content: flex-end;
    }
}

@media all and (max-width: 450px) {
    .firsat-countdown-area-yeni{
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    top: 27px;
    position: sticky;
    z-index: 1;
    right: 0;
}
    .firsat-yazi-alani{
       color: #ffffff;
    position: sticky;
    margin-top: 5px;
    font-size: 17px;
    margin-left: 0;
    }
    .para-puan-container {
        height: 7rem;
    }
    .para-puan-metin-mobile {
        display: block;
    }
    .para-puan-metin {
        display: none;
    }
    .para-puan-kupon-sag-indirim {
        font-size: 13px;
        transform: rotate(-90deg) translate(-3rem, -9rem);
    }
    .canli-yayin-container,
    .kayitli-yayin-container {
        width: 100%;
        height:100%;
        border-radius: 0;
    }
    
    .canli-yayin-yayin,
    .kayitli-yayin-yayin {
        border-radius: 0;
    }
    .canli-yayin-sohbet,
    .kayitli-yayin-sohbet {
        left: 60px;
        width: 100% !important;
        height: 60% !important;
        top:500px;
        left:0px;
        position: absolute !important;
    }
    #mobil_yayin_urunler,
    #mobil_kayitli_yayin_urunler {
        width: 55% !important;
        top: 0;
        height: 100% !important;
        left: 45%;
        float: right !important;
        z-index: 999999999 !important;
        position: absolute !important;
    }
    .canli-yayin-popup-kapat {
        top: -5px
    }
    .beden-tablosu-ic,
    .taksit-seceneklerini-gor,
    .firsat-countdown-area-yeni{
        width: 100%;
        text-align: start;
    }
}

@media all and (max-width: 300px) {
    .firsat-countdown-area-yeni{
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    top: 27px;
    position: sticky;
    z-index: 1;
    right: 0;
}
    .firsat-yazi-alani{
      color: #ffffff;
    position: sticky;
    margin-top: 5px;
    font-size: 17px;
    margin-left: 0;
    }
    .sepet-adedi-ve-sepete-ekle .urun-detay-sag-alan-sepet-box {
        width: 70%;
    }
    .sepet-adedi-ve-sepete-ekle {
        padding: 2% 9% 2% 4% !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 0){
    .svg-ikon-firsat{
        display:none;
    }
    .mobile-top-header-links-area{
        width: 50%;
        padding: 5px 15px;
        display: flex;
        align-items : center;
        justify-content: center;
    }
    
}