/*--------------------------------------------------TAM EKRAN GALERİ SİTİLLERİ*/
    .gallery-fullsize{
        position: absolute; 
        width: 100%; 
        height: 100%; 
        background-color: rgba(0,0,0,0.95); 
        display: none; 
        z-index: 99;
    }

    .gallery-fullsize-image{
        width: 90%; 
        height: 90%; 
        margin: auto; 
        display: flex;
    }
    .gallery-fullsize-image img{
        max-width: 90%; 
        max-height: 90%; 
        display: flex; 
        margin: auto;
    }

    .gallery-fullsize-bottom{
        bottom: 0%; 
        width: 100%; 
        height: 10%; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #fullsize-resource{
        width: 80%; height: 30%;
    }

    .gallery-fullsize-button-content{
        width: auto; 
        height: auto; 
        display: flex;
    }
    .gallery-fullsize-button{
        width: 60px; 
        height: 35px;
        background-color: white; 
        display: flex; 
        margin: auto; 
        justify-content: center; 
        align-items: center;
        cursor: pointer;
    }
    .gallery-fullsize-button img{
        width: 25px;
        height: 25px;
        display: flex;
        transition: 0.3s;
    }
    .gfb-left:hover img{
        transform: translateX(-5px);
    }
    .gfb-right:hover img{
        transform: translateX(5px);
    }


    .gallery-fullsize-button:hover, .gallery-fullsize-close-button:hover{
        background-color: rgb(220, 221, 222);
    }
    .gallery-fullsize-close-button{
        width: 50px; 
        height: 50px; 
        background-color: white; 
        border-radius: 50%; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        outline: solid 5px black; 
        cursor: pointer;
        z-index: 2;
    }

    .gallery-fullsize-close-button:hover img{
        height: 20px;
        width: 20px;
    }
    
    .gallery-fullsize-close{
        height: 25px;
        width: 25px;
        transition: 0.3s;
    }

/*--------------------------------------------------TAM EKRAN GALERİ SİTİLLERİ SONU*/

/*--------------------------------------------------GALERİ SİTİLLERİ*/
    .gallery-container{
        width: 100%; height: 100%; margin: auto; 
        display: flex; flex-direction: column; 
        background-color: rgb(230, 231, 232);
    }

    .gallery-cover-container{
        height: 60%;  width: 100%;  display: flex; position: relative;
    }
    .gallery-cover-content{
        width: 95%; max-height: 350px; height: 90%; 
        display: flex; position: relative; margin: auto; 
        background-color: rgb(220, 221, 222); 
    }
    #gallery-cover-image{
        width: auto; 
        height: 100%; 
        display: flex; 
        margin: auto;
        cursor: zoom-in;
    }
    #gallery-cover-image img{
        width: 100%; 
        height: 100%; 
        object-fit: contain; 
        display: flex; 
    }
    .gallery-cover-content:hover .gallery-fullsize-icon, 
    .gallery-cover-content:hover .gallery-arrow-icon
    {
        opacity: 70%;
    }
    .gallery-cover-content:hover .gallery-arrow-icon:hover{
        opacity: 100%;
    }
    .gallery-cover-content:hover .g-a-i-left:hover
    {
        transform: translateX(-5px);
    }
    .gallery-cover-content:hover .g-a-i-right:hover
    {
        transform: translateX(5px);
    }
    .gallery-cover-content:hover .gallery-fullsize-icon:hover{
        width: 30px;
        opacity: 100%;
    }

    .gallery-fullsize-icon{
        position: absolute; right: 20px; top: 15px; 
        display: flex; margin: auto;
        width: 20px;   
        opacity: 0%; 
        cursor: pointer;
        z-index: 3;
        transition: 0.5s;
    }
    
    .gallery-arrow-icon{
        position: absolute;
        width: 30%; height: 100%;
        display: flex; align-items: center; 
        color: white;  
        opacity: 25%;
        cursor: pointer;
        transition: 0.5s;
    }
    .g-a-i-left{
        justify-content: flex-start;
        left: 0%;
        padding-left: 5%; 
    }
    .g-a-i-right{
        justify-content: flex-end;
        right: 0%;
        padding-right: 5%; 
    }
    .gallery-arrow-icon img{
        width: 20px;
        height: 70px;
    }

    /*-------------------------GALERİ SLİDER BÖLGESİ*/
        #gallery-slider-container{
            height: 30%; width: 480px; margin: auto; display: flex;
            
            overflow: hidden; 
            position: relative;
        }

        #gallery-slide-area{
            display: flex; 
            width: auto;  
            cursor: grab;
            transition: 0s;
        }
        .gallery-slide-area-image{
            width: 150px; height: 84%; border: solid 0px white; display: flex; margin: auto; margin-right: 10px;
        }
        .gallery-slide-area-image img{
            width: 100%; object-fit: cover; pointer-events: none; cursor: pointer;
        }
        
        .gallery-slide-count-info-container{
            width: auto; height: 84%; 
            display: flex; margin: auto; margin-left: 10px;
        }
        .gallery-slide-count-info-content{
            margin: auto; 
            display: flex;
            color: rgb(3, 25, 43); 
            font-size: 5rem; 
            margin-left: 40px; 
        }
        /*-------------------------GALERİ SLİDER BÖLGESİ SONU
   
/*--------------------------------------------------GALERİ SİTİLLERİ SONU*/