@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;1,400&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap&subset=latin-ext');

 :root{
        --tema-gri:rgb(47,58,68);
        --tema-font:rgb(27, 30, 32);
        --tema-acik-gri:rgba(47,58,68,0.1);
        --tema-acik-gri1:rgba(47,58,68,0.05);
        --tema-acik-gri2:rgba(47,58,68,0.2);
        --tema-acik-gri3:rgba(47,58,68,0.3);
        --tema-gri-cizgi:rgba(47, 58, 68, 0.678);
        --tema-menu-text:rgba(255,255,255,1);
        --lab-mega-background:rgb(47,58,68);
        --lab-mega-li-cizgi:#383c42;
        --tema-mavi:#008be1;
        --tema-buton-hover:rgb(0, 209, 35);
        --tema-urun-cerceve:rgba(47, 58, 68, 0.39);
        --tema-hizli-gorunum:#f4f4f5;
        --tema-kategori-baslik:(var(--tema-gri));
        --tema-uyari-kirmizi:rgb(184, 0, 0);
        --theme-a-color: rgba(47, 58, 68, 0.425);
        --tema-mobil-ara-background:var(--tema-gri);
        --tema-mobil-ara-background-alt-border:rgb(80, 92, 104);
        --tema-mobil-ara-golge:rgb(47,58,68);
        --tema-mobil-ara-back:rgb(206, 206, 206);
        --footer-yazi:rgba(255,255,255,0.6);
 }
 html, body{
    font-family:'Poppins', sans-serif;
    font-size: 14px !important;
    color:var(--tema-font)
   }
p{color:var(--tema-font)}
.extrarenk-bg-gri{background-color: var(--tema-gri);} 
 .extra-nav-sepet {
     display: flex;
     align-items: center;
     justify-content:center;
}




.extrarenkebulten-main-container{
    display: grid;
   justify-content: center;
    width: 100%; 
}

#extrarenk-modal::before{ position: relative;}
#extrarenk-modal{
    width: 100%;
    height: 100vh;
    position: fixed;
    top:0px;
    left:0px;
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 997;
    justify-content: center;
    align-items: center;
}
.extrarenk-modal-index{display: none;}
.extrarenk-modal-cart{display: grid;}


#extrarenk-modal div{background-color: white;
    padding: 32px;
    width: 300px;
    height: auto;
    overflow-y: visible;
border-radius: 16px; box-shadow: 0px 0px 35px var(--tema-gri);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#extrarenk-modal div h3{color: var(--tema-uyari-kirmizi); font-size: 1.4rem; margin-bottom: 1.4rem;}
#extrarenk-modal div p{margin: 0px; padding: 0px; margin-bottom:16px; text-align: justify;}
#extrarenk-modal div p strong{text-align: justify;}

#extrarenk-modal div a{margin: 0px; padding: 0px; margin-top:6px;}
#extrarenk-modal hr{width: 100%; border-color: var(--tema-uyari-kirmizi)}




form.extrarenkebulten{

    margin: 0px;
padding: 0px;
display: grid;
grid-template-columns: auto 100px;

}
.modal {background-color: rgba(0,0,0,0.68);}
.labpopupnewsletter{background-color: white;}
.extrarenkebulten input[type="email"],.extrarenkebulten input[type="submit"]{ 
overflow: visible;
width: 100%;

padding: 8px 12px !important;
margin: 0px;
    display: block;
    font-size: 1rem;
    border: solid 1px var(--tema-gri);
    padding: 1rem; color:var(--tema-gri); margin: 0px; padding: 0px; 
}
.extrarenkebulten input[type="email"]{
    border-right: 0px; outline: none;
}
.extrarenkebulten input[type="submit"]{ 
    border-left: 0px; cursor: pointer; transition: all 0.4s; background-color: #6b868f; color: white;

}
.extrarenkebulten input[type="submit"]:hover{ 
background-color: var(--tema-gri); color: white;

}


#footer {background-color: var(--tema-gri); color:var(--footer-yazi); margin: 0px; padding: 0px; margin-top: 2rem;}
#footer  p{color: var(--footer-yazi); line-height: 1.4;}
#footer  a{color: var(--footer-yazi);}
#footer  .footer-adres-p{ border-left: solid 1px var(--footer-yazi);}
#footer  .footer-adres-p p{ margin-bottom: 0.6rem;}
#footer  .footer-adres-p p:nth-last-child(1){ margin-bottom: 0px;}


#loader{
    width: 100%;
    height: 100vh;
    background-color: white;
    position: fixed;
    z-index: 998;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#loader .wraps{position:relative;width:150px; margin-left:100px; margin-bottom: 62px;}
#loader .loader{position:absolute;top:0;z-index:10;width:50px;height:50px;border:15px solid;border-radius:50%;border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0);animation:loadEr 3s infinite}
@keyframes loadEr{0%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}10.4%{border-top-color:rgba(44,44,44,.5);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}20.8%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}31.2%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,.5);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}41.6%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0);transform:rotate(40deg)}52%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,.5);border-left-color:rgba(33,33,33,0)}62.4%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0)}72.8%{border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,.5)}}
#loader .loaderbefore{width:50px;height:50px;border:15px solid #ddd;border-radius:50%;position:absolute;top:0;z-index:9}
#loader .circular{position:absolute;top:-15px;left:-15px;width:70px;height:70px;border:20px solid;border-radius:50%;border-top-color:#333;border-left-color:#fff;border-bottom-color:#333;border-right-color:#fff;opacity:.2;animation:poof 5s infinite}
@keyframes poof{0%{transform:scale(1,1) rotate(0);opacity:.2}50%{transform:scale(4,4) rotate(360deg);opacity:0}}
#loader .another{opacity:.1;transform:rotate(90deg);animation:poofity 5s infinite;animation-delay:1s}
@keyframes poofity{0%{transform:scale(1,1) rotate(90deg);opacity:.1}50%{transform:scale(4,4) rotate(-360deg);opacity:0}}
#loader .text{font-family:Arial;color:#888;animation:opaa 10s infinite}
@keyframes opaa{0%{opacity:1}10%{opacity:.5}15%{opacity:1}30%{opacity:1}65%{opacity:.3}90%{opacity:.8}}


em{font-style: italic !important;}

.fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}


.ust-sosyalmedya-contanier ul{font-size: 0.7rem;}
.ust-sosyalmedya-contanier ul > li{float: left; padding: 16px 16px; border-right: solid 1px #e2e2e2; transition: all 0.4s !important;}
.ust-sosyalmedya-contanier ul li:hover >  a{color:red; }
.ust-sosyalmedya-contanier i{font-size: 0.8rem;}
.lab-menu-horizontal li > a{ text-transform: none; font-family:'Poppins', sans-serif; font-size: 12px !important; }
.lab-menu-horizontal li.level-1 > a { text-transform: none; font-family:'Poppins', sans-serif; font-size: 12px;}
.header-nav{ border-bottom: solid 0px  transparent !important;  background-color: rgba(0,0,0,0.05); color:gray; padding-bottom: 8px; padding-top: 6px; margin-bottom: 0px !important;} 
.header-top{ margin: 22px 0px; padding: 0px !important;}


.login-img{ border-radius: 50% 50%; background-color: black;}
#search_block_top .btn.button-search:hover{color: var(--tema-uyari-kirmizi) !important;}


.test-ayrac{ width: 100%;border: 0px; height: 5px; background-color: red; margin: 12px 0px;}

#mobconex{ margin-top: 18px;}
.mobilrow{ width: 100%; margin: 0px auto;}
#mobil-header-extra{
    display: grid;
    width: auto;
    grid-template-columns: 240px auto 80px 80px;
}

#mobil-header-extra > div{
display: grid;
    /*justify-content: center;*/
    align-items: center;
    z-index: auto;
    position: relative;

}
#mobil-header-extra .mobillogo > a > img{
height: 70px;
    }



.list-yazar-isim{font-size:.7rem; text-align: center;}
.list-yazar-img-cont{display: grid; justify-content: center;}
.list-yazar-img{width: 50px;}
.anasayfaurunlist{grid-gap: 10px;}


.itemextra{

    display: grid !important;
    grid-template-columns: auto auto auto auto;
    grid-gap: 12px;

    margin-bottom: 50px;
}
.itemextra h1.title{ font-size: 1rem !important; color:var(--tema-mavi);}
.itemextra h3.yazar{ font-size: 0.7rem !important; color:var(--tema-gri); font-weight: 400;}
.itemextra h3.yazar span{ font-size: 0.7rem !important; color:var(--tema-gri); font-weight: 700;}
.itemextra > div{
   height: 140px;
    padding: 10px;
    display: flex;
    border: 1px solid var(--tema-acik-gri2);
    overflow: hidden;
}

.itemextra > div > a >img{
margin-left: -30px;
    height: 140px !important;
}



.extrarenk-logo-contanier{font-size:.8rem;margin-top:20px;margin-bottom:20px;width:100%;display:grid;grid-template-columns:180px auto 100px 100px}
#close_search_query_nav{background:#fff none repeat scroll 0 0;border:0 solid white;display:block;height:20px;line-height:18px;position:absolute;right:13px;text-align:center;text-decoration:none;top:14px;width:26px;z-index:9999;padding-left:3px}
#labsearch_content_result{transition:all .4s;height:unset;overflow:auto;min-height:unset!important;max-height:500px}
.extrarenk-logo-contanier div:nth-last-child(1) a span{font-size:.7rem}
#wrapper { box-shadow: none; background-color: white; padding:0px !important;}
.menu-uye-girisi{ width: 100px; height: 50px; background-color: red;}
.head-sepet{height:20px}
#content-wrapper {margin-top: 25px; }
.content-wrap > nav{margin:0px; padding: 10px 15px !important; font-size: 0.8rem;}
.dinamik-slider-yan-yukseklik{margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; width: 100%;height: 50px; min-height: 200px; overflow: hidden;}
.detay-aciklamalar{margin-top:2rem;background:#fff;padding:1.25rem 1.875rem;border:solid 1px var(--tema-urun-cerceve)}
.product-cover img{border-bottom:solid 1px var(--tema-urun-cerceve)}
.kitap-detaylar p{text-align:justify}
.slides img{padding-bottom: 0px !important; margin-bottom: 0px !important;}
.extraslidecont{width:100%;display:grid;grid-gap:15px;grid-template-columns:auto 200px}
.extra-urun-kategori-cont{margin-top:20px}
.gizle{display: none !important;}
.hooksld-sag{background-color:rgba(0,0,0,.05);border:solid 0 var(--tema-gri);width:100%;max-height:416px}
blockquote{margin-top:0;padding:16px;padding-top:20px;position:relative}
blockquote p{font-family:Poppins,sans-serif!important;font-weight:300;font-style:italic;font-size:.8rem;font-weight:300px;text-align:right;color:#000}
blockquote:after{position:absolute;font-family:FontAwesome;font-family:'Times New Roman';background-color:#fff;width:100%;height:150px;top:68px;left:-14px;content:"\f10d";content:'‘‘';letter-spacing:-18px;font-size:190px;color:rgba(0,0,0,.05);z-index:-1}
.kitap,blockquote .yazar{font-family:Poppins,sans-serif!important;font-weight:400;font-style:normal}
blockquote .kitap{font-family:Poppins,sans-serif!important;font-weight:700;font-style:normal}
blockquote a{color:#000!important;font-size:.9rem!important;border:solid 1px var(--tema-gri);padding:3px 8px;border-radius:18px;float:right;transition:all .4s;font-family:Poppins,sans-serif!important;font-weight:400;font-style:normal}
blockquote a:hover{ background-color: var(--tema-mavi); color: white !important;}
.card {box-shadow: unset !important}
.current-price{ font-size: 1.5rem;}
.extra-urune-git{color:var(--theme-a-color);cursor:pointer}
.extra-urune-git:hover{color:var(--tema-uyari-kirmizi)}
.extrarenk-tukendi-label::before{ position: relative; }
.extrarenk-tukendi-label{position:absolute;height:28px;right:0;top:15px;overflow:visible;display:block;background-color:var(--tema-uyari-kirmizi);z-index:+5;font-weight:700;font-size:.85rem;color:#fff;padding:6px 18px;padding-left:0}
.extrarenk-tukendi-label span{position:absolute;left:-13px;top:0;height:28px;width:13px}
.extrarenk-tukendi-label span .st0{fill:var(--tema-uyari-kirmizi);}
.extrarenk-tukendi-label span .st1{fill:var(--tema-uyari-kirmizi);}



#search_block_top .btn.button-search {background-color: white; color: var(--tema-gri);}
.mobile-cancel-btn{display: none;}


    #adali-nav {
        display: grid;
        grid-template-columns: 240px auto 80px 80px
    }

    #adalilogo {
        width: 225px;
        height: 80px;
        padding: 10px 0;
        padding-bottom: 0;
        margin-left: 15px;
        text-align: left;
    }

    #adalilogo img {
        height: 100%
    }

   
   
    .menu-cont {
        width: 80px;
        height: 60px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        margin-top: 32px;
    }
    
    .laberSearch { padding-top: 20px;}

 .laberSearch > div > form{
    border-radius: 60px !important;
}

 .laberSearch > div > form > .button-search{
    background-color: unset;
    color: var(--tema-gri);
}



.content-ajax-search img{ height: 120px; margin-left: 10px;}


    .menu-cont>div:nth-child(1),
    .menu-cont>div:nth-child(1)>a {
        margin: 0;
        padding: 0;
        width: 100% !important;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end
    }

    .menu-cont>div:nth-child(1)>a img:nth-child(1) {
        width: 30px !important;
       
    }

    .menu-cont>div:nth-child(1)>a .img {
        width: 30px !important;
        margin-bottom: 0
    }

    .menu-cont>div:nth-child(1)>a>.yazi {
        color: var(--tema-gri);
        font-size: .78rem;
        margin: 0;
        padding: 0;
        top: 25px;
        left: 35px
    }

    .menu-cont>div:nth-child(1)>a>.urun-sayisi {
        position: absolute;
        bottom: 15px;
        right: 15px;
        background-color: var(--tema-uyari-kirmizi);
        color: #fff;
        font-weight: 700;
        font-size: .85rem;
        line-height: 16px;
        text-align: center;
        width: 20px;
        height: 20px;
        border: solid 2px #fff;
        border-radius: 12px
    }

  
/*
 @media (max-width: 576px) {  

   }
*/

#hesabimdrop{position: absolute; z-index: 9999999;
display: none;
position: absolute;
right: 16px;
top:46px;
background-color: white;
border: solid 1px var(--tema-gri-cizgi);
box-shadow: 0px 17px 17px var(--tema-gri);

}



#hesabimdrop ul{ display: block; padding: 0px; margin: 0px;
    }
#hesabimdrop ul li{ display: block; margin: 18px;
}
#hesabimdrop .musteri-name span{font-weight: 700; white-space: nowrap; 
}

#hesabimdrop ul li a{display: block; width: fit-content;white-space: nowrap; font-size: 0.8rem;
}
#hesabimdrop ul li a i{margin-right: 8px;
}
#header{
    background-color: white
}
 .extra-ust-bant{
background: var(--tema-acik-gri) ;
background: -moz-linear-gradient(-90deg, var(--tema-acik-gri) 0%, rgba(255,255,255,1) 85%);
background: -webkit-linear-gradient(-90deg, var(--tema-acik-gri) 0%, rgba(255,255,255,1) 85%);
background: linear-gradient(-90deg, var(--tema-acik-gri) 0%, rgba(255,255,255,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--tema-acik-gri) ",endColorstr="#ffffff",GradientType=1);

 }
 .extra-ust-bant a{color: var(--tema-gri)}
 .footer-x table,  .footer-x table tr,  .footer-x table th, .footer-x table td{ margin: 0px; padding: 0px;}
 .footer-x table{ margin-top: 0px; width: 100%;  color:rgba(255,255,255,0.4);}
 .footer-x table tr{ height: 18px; }
 .footer-x table tr td:nth-child(1){ width: fit-content;   }
 .footer-x table tr td:nth-child(2){ width: 9px; text-align: center; }

.footer-x{ font-size: 10px;  margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.footer-x ul{ display: block; list-style: none; margin: 0px; padding: 0px; position: relative;}
.footer-x ul li{ margin: 0px; padding: 0px;  line-height: 18px; height: 18px !important;}
.footer-x ul li a{ font-size: 10px;   color:rgba(255,255,255,0.4); margin: 0px; padding: 0px; transition: all 0.3s;}
.footer-x ul li a:hover{ color:var(--tema-mavi) !important;}
.izyco-footer{ width: 100%; display: block; margin-left: -2px; margin-top: 20px;}

.checkout-header .header-top { margin-top: 0px !important; padding-top: 0px !important;
}

.checkout-header img{
margin-top: 20px !important;
margin-bottom: 20px !important;}

body#checkout #header .header-nav{box-shadow: unset !important;
background-color: var(--tema-acik-gri2); margin-top: -4px;
}
body#checkout section.checkout-step{box-shadow: unset !important;
border-bottom:solid 1px var(--tema-gri);
background-color: var(--tema-acik-gri1);
}
.form-control{ background-color: white; color: var(--tema-gri);}
.checkout-footer{
    background-color: var(--tema-gri) !important;
    color:rgba(255,255,255,0.4) !important; 
}
.checkout-footer a{
    color:rgba(255,255,255,0.4) !important; 
}

 @media only screen and (min-width: 992px) and (max-width: 1200px) {


    .list-yazar-isim{font-size:.7rem; text-align: center;}
.list-yazar-img-cont{display: grid; justify-content: center;}
.list-yazar-img{width: 50px;}
.anasayfaurunlist{grid-gap: 10px;}

    .itemextra{

        display: grid !important;
        grid-template-columns: auto auto auto;
      grid-gap: 10px;
    }
 }

@media only screen and (min-width: 768px) and (max-width: 992px) {

    .list-yazar-isim{font-size:.7rem; text-align: center;}
    .list-yazar-img-cont{display: grid; justify-content: center;}
    .list-yazar-img{width: 50px;}
    .anasayfaurunlist{grid-gap: 10px;}
    .itemextra{

        display: grid !important;
        grid-template-columns: auto auto auto;
      grid-gap: 10px;
    }

    .laberSearch::before{position: relative; z-index: auto;} 
    .laberSearch{
        position:fixed; z-index: 999;
        top: 0;
        left: 0;
        background-color: var(--tema-mobil-ara-back);;
        height: 100px;
        box-shadow: 0px 15px 10px var(--tema-gri);
        display: none;
    }



    #adali-nav {
        display: grid;
        grid-template-columns:  auto 80px 80px 80px
    }
    #mobil-header-extra{
        display: grid;
        width: auto;
        grid-template-columns: auto 15% 15% 15%;
    }
    /*#new-extra-nav{display:grid;grid-template-columns:auto 70px 70px 70px}
    #new-extra-nav div:nth-child(1){display:flex;justify-content:flex-start;padding-left:15px}
    #new-extra-nav div:nth-child(2),
    #new-extra-nav div:nth-child(3),
    #new-extra-nav div:nth-child(4),
    #new-extra-nav div:nth-child(5){display:flex;justify-content:center}
    #extra-nav{display:grid;grid-template-columns:120px auto 70px 70px}*/
    blockquote{margin-top:0;padding:16px;padding-top:20px;position:relative}
    blockquote p{font-family:Poppins,sans-serif!important;font-weight:300;font-style:italic;
        font-size:.6rem; line-height: 1.6;}
    blockquote a{font-size:.6rem}
    
    .nivo-caption .legend,.nivo-caption .title{font-size:1.4rem;margin-bottom:0!important}
    .nivo-caption .lab_description .description{margin-top:5px!important;margin-bottom:5px!important}
    .nivo-caption .lab_description .description p{font-size:10px!important}
    .nivo-caption .lab_description .readmore a{font-size:13px!important;padding:0 30px}
    #search_block_top .btn.button-search {display: none;}
    .mobile-cancel-btn{background-color: white;
        border: 0px solid var(--tema-gri);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        color: var(--tema-gri);
        display: block;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 12px;
        width: 44px;
    font-size: 22px;
    }


    .footer-x table tr{ height: 18px !important; padding: 0px; margin: 0px; line-height:18px; }
    .footer-x li, .footer-x li a{ height: 10px; line-height:14px;}
    .izyco-footer{ width: 62%; margin-bottom: 20px;}
    .footer-x:nth-child(2){border-left: 0px !important; border-right: 0px !important;}
 

}
 


@media only screen and (max-width: 768px) and (min-width: 577px)  {

 
    .list-yazar-isim{font-size:.7rem; text-align: center;}
.list-yazar-img-cont{display: grid; justify-content: center;}
.list-yazar-img{width: 50px;}
.anasayfaurunlist{grid-gap: 10px;}

    .itemextra{

        display: grid !important;
        grid-template-columns: auto auto ;
        grid-gap: 12px;
    
        margin-bottom: 50px;
    }
    .laberSearch::before{position: relative; z-index: auto;} 
    .laberSearch{
        position:fixed; z-index: 999;
        top: 0;
        left: 0;
        background-color: var(--tema-mobil-ara-back);;
        height: 100px;
        box-shadow: 0px 15px 10px var(--tema-gri);
        display: none;
    }



    #adali-nav {
        display: grid;
        grid-template-columns:  auto 80px 80px 80px
    }

    #mobil-header-extra{
        display: grid;
        width: auto;
        grid-template-columns: auto 15% 15% 15%;
    }



   .extraslidecont{ grid-template-columns: auto; grid-gap: 0px;}
    /*#new-extra-nav{display:grid;grid-template-columns:auto 70px 70px 70px}
    #new-extra-nav div:nth-child(1){display:flex;justify-content:flex-start;padding-left:15px}
    #new-extra-nav div:nth-child(2),
    #new-extra-nav div:nth-child(3),
    #new-extra-nav div:nth-child(4),
    #new-extra-nav div:nth-child(5){display:flex;justify-content:center}
    #extra-nav{display:grid;grid-template-columns:120px auto 70px 70px}*/
    blockquote{margin-top:0;padding:16px;padding-top:20px;position:relative}
    blockquote p{font-family:Poppins,sans-serif!important;font-weight:300;font-style:italic;font-size:.6rem}
    .nivo-caption .legend,.nivo-caption .title{font-size:1.4rem;margin-bottom:0!important}
    .nivo-caption .lab_description .description{margin-top:5px!important;margin-bottom:5px!important}
    .nivo-caption .lab_description .description p{font-size:10px!important}
    .nivo-caption .lab_description .readmore a{font-size:13px!important;padding:0 30px}

    #search_block_top .btn.button-search {display: none;}
    .mobile-cancel-btn{background-color: white;
        border: 0px solid var(--tema-gri);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        color: var(--tema-gri);
        display: block;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 12px;
        width: 44px;
    font-size: 22px;
    }



 


}
 

@media (max-width: 576px) { 
    .itemextra{
        grid-template-columns: auto ;

    }
    .laberSearch::before{position: relative; z-index: auto;} 
    .laberSearch{
        position:fixed; z-index: 999;
        top: 0;
        left: 0;
        background-color: var(--tema-mobil-ara-back);;
        height: 100px;
        box-shadow: 0px 15px 10px var(--tema-gri);
        display: none;
    }


#header{
    background-color: white;
}
#mobconex{ margin-top: 18px;}
.mobilrow{ width: 100%; margin: 0px auto;}
#mobil-header-extra{
    display: grid;
    width: auto;
    grid-template-columns: auto 15% 15% 15%;
}

.adalimobilmenu-ac{ text-align: center;}
#buld{ margin: 0px; padding: 0px;}
#mobil-header-extra > div{
display: grid;
    /*justify-content: center;*/
    align-items: center;
    z-index: auto;
    position: relative;

}


#mobil-header-extra .mobillogo > a > img{
    height: 60px;
        }


#mobil-header-extra > div::after{
    content:'';
    display: block;
    width: 1px;
    height: 52px;
    position: absolute;
    right: 0px;
    top:0px;
    background-color: var(--tema-acik-gri);
    z-index: +1;
}

.extraslidecont{width:100%;display:grid;grid-gap:0px;grid-template-columns:auto }   


    
    .menu-cont{ height: 30px !important; all:unset !important}
    .mobilbutonx {margin-top: 0px !important}
    .yazi{display: none;}
   #adalilogo { 
        margin: 0px; padding: 0px; margin-top: 20px;
        height: 55px;
      /*  grid-column: 1 / 5;
  grid-row: 5 /5;
  */
    }

    #search_block_top .btn.button-search {display: none;}
    .mobile-cancel-btn{background-color: white;
        border: 0px solid var(--tema-gri);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        color: var(--tema-gri);
        display: block;
        height: 40px;
        padding: 0;
        position: absolute;
        right: 2px;
        text-align: center;
        top: 12px;
        width: 44px;
    font-size: 22px;
    }
    

    .nivo-caption .legend,.nivo-caption .title{font-size:1.4rem;margin-bottom:0 !important}
    .nivo-caption .lab_description .description{margin-top:5px !important;margin-bottom:5px !important}
    .nivo-caption .lab_description .description p{font-size:10px !important}
    .nivo-caption .lab_description .readmore a{font-size:1.2rem !important;padding:0 30px}

   
    .footer-x table tr{ height: 14px !important; padding: 0px; margin: 0px; line-height:14px; }
    .footer-x ul li{ height: 10px; }
    .izyco-footer{ width: 100%; margin-bottom: 20px;}
    .footer-x:nth-child(2){border-left: 0px !important; border-right: 0px !important;}


   /* #adalilogo{width:calc(100% - 15px);height:80px;padding:10px 0;padding-bottom:0;margin-left:15px;text-align:center; display: block;}
    #adalilogo img{height:100%}
    #adali-nav{ width: 100%; align-items:flex-end;justify-items:flex-start;display:grid;grid-template-columns:auto 80px 80px 80px}
    #adali-nav div{display:flex;align-items:center;justify-content:flex-end}
    #new-extra-navigate div:nth-child(1) img{height:80px}
    #new-extra-navigate .menu-yazi{color:var(--tema-gri);font-size:.78rem}
    .menu-cont{width:80px;height:60px;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0}
    .menu-cont>div:nth-child(1),.menu-cont>div:nth-child(1)>a{margin:0;padding:0;width:100%!important;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
    .menu-cont>div:nth-child(1)>a img:nth-child(1){width:30px!important;margin-bottom:0}
    .menu-cont>div:nth-child(1)>a .img{width:30px!important;margin-bottom:0}
    .menu-cont>div:nth-child(1)>a>.yazi{color:var(--tema-gri);font-size:.78rem;margin:0;padding:0;top:25px;left:35px}
    .menu-cont>div:nth-child(1)>a>.urun-sayisi{position:absolute;bottom:15px;right:15px;background-color:var(--tema-uyari-kirmizi);color:#fff;font-weight:700;font-size:.85rem;line-height:16px;text-align:center;width:20px;height:20px;border:solid 2px #fff;border-radius:12px}
*/
}

/* Zorunlu alan kırmızı yıldız */
.form-control-label.required::after {
    content: " *";
    color: var(--tema-uyari-kirmizi);
    font-weight: 700;
}