.secHeader{
    
    height: auto;
    min-height: 8em;
    max-height: 60em;
    
}

.divHeaderLogo{
    
    vertical-align: middle;
    
    width:30em;
    margin-left: 6%;
    margin-top: 2.8em; 
    
    top:auto;
    
    transform: none;
}

.divMenuContainer{
    display: none;
}

.divMobileIcon{
    
    position: absolute;
    display: block;
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    
    width: 7.5em;
    height: 4em;
    
    top:3em;
    right:8%;
    
    z-index: 2;
    
    transition: all 0.3s;
    
    /*border:1px solid red;*/
}

.divMobileIcon img{
    display: block;
    width: 100%;
}

.divMobileIcon:active{
    transform: scale(0.9);
}

.divMenuKapat{
    
    position: absolute;
    display: none;
    
    width: 5.0em;
    
    top:2em;    
    right:8%;
    
    z-index: 5;
    
    transition: all 0.3s;
}
.divMenuKapat img{
    
    display: block;
    width: 100%;
}

.divMenuKapat:active{
    transform: scale(0.9);
}

.divMobileMenuContainer{
    
    position: relative;
    display: block;
        
    /*height: 0px;*/
   max-height: 0em;    
    
    background-color:var(--koyumavi);
    /*background-color:darkred;*/
    
    overflow: hidden;
        
    transition: all 0.3s;
    
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.mobileContainerOpen{
    
    /*height: 55em;*/
    max-height: 70em;
}
.divMobileMenuInner{
    
    position: relative;
    
    /*width: 85%;*/
    /*height: 42em;*/
    
    margin-top: 2em;
    
    padding-bottom: 4em;
    
    overflow-y: auto;
    
    /*border:1px solid wheat;*/
    
}

/*KAYDIRMALI MOBİL MENÜ İPTAL, BURADAKİ KODLARDA DİSPLAY NONE YAPTIM*/


.divMobilOk{
    
    position: absolute;
    display: none;
    
    width: 2.6em;
    
    top:0;
    left:8%;
        
}
.divMobilOk img{
    display: block;
    width: 100%;
}

.divMobileMenuItems{
    
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
    
    top:5%;
       
    width: 100%;
    height: auto;
    
    margin: 4em auto 0 auto;
    
    
    /*border:1px solid red;*/
    
}
.divMobileMenuCol{
    
    position: relative;
    flex: 0 0 49%;
     
    /*border:1px solid red;*/
}

.divMobileMenuItem{
    
    position: relative;
    
    margin-top: 3.5em;
    
    text-align: center;
    
    /*border:1px solid red;*/
        
}
.divMobileMenuItem:first-of-type{
    margin-top: 0.5em;
}

.divMobileMenuItem span{
    
    position: relative;
    
    padding: 0.1em 0.3em;
    
    font-family: "Montserrat SemiBold", sans-serif;
    font-size: 2.1em;
    color:white;
    
    /*border:1px solid white;*/
    
}




.divScrollRegion{
    
    position: absolute;
    display: none;
    
    width: 6%;
    height: 85%;
    
    top:50%;
    transform: translateY(-50%);
    right: 8%;
    
   
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%), 
        linear-gradient(-45deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%), 
        linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%), 
        linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%);
   
    background-size: 2px 2px;  
    background-position: 0 0, 1px 0, 1px -1px, 0px 1px;
}

.divMobilMenuGit{
    
    position: relative;
    display: none;
    
    width: 30%;
    
    
    margin: 1em auto 0 auto;
    
    padding: 0.3em 0;
    
    text-align: center;
    
    
    border:1px solid white;
    
}

.divMobilMenuGit span{
    
    font-family: "Montserrat Bold", sans-serif;
    font-size: 2.5em;
    color:white;
    
}
.divMobilMenuGit:active{
    transform: scale(0.95);
}










.divCart{
    display: none;
}




.divCartMobile{
    position: absolute;
    /*display: block;*/
    
    width: 4.5em;
    
    top:2em;
    right: 28%;
    
    z-index: 4;
    
}
.divCartMobile img{
    
    display: block;
    width: 100%;
    
    /*filter:invert(1) contrast(150%);*/
    
}

.divCartMobile div{
    position: absolute;
    display: none;
    
    width: 2.5em;
    height: 2.5em;
    
    top:-0.5em;
    right:-0.5em;
    
    background-color: #d3163e;
    
    border-radius:50%;
    
    text-align: center;
}
.divCartMobile div span{
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.8em;
    line-height: 1.4em;
    color:white;
}