/*GALERİ*/

@media (max-width: 480px) {

    #lb {
        position: absolute;
        width: 100%;
        height: 100% !important;
        z-index: 9999;
        background-color: rgba(1, 1, 1, 0.8);
        display: none;
    }
    #lb > div {
        width: 270px;
        margin: 0 auto;
        position: relative;
        top: 50%;
    }
    #g-prev {
        left: 0px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        z-index: 99;
    }
    #g-next {
        right: 0px;
        position: absolute;
        top: 50%;
        margin-top: -11px;
        z-index: 99;
    }
    #img-cont {
        float: left;
        margin-left: 5px;
        position: relative;
        text-align: center;
        width: 250px;
    }
    #img-cont2 {
        position: relative;
        text-align: center;
        width: 250px;
        clear: both;
        padding: 10px;
        margin-right: auto;
        margin-left: auto;
    }
}
#lb {
    position: absolute;
    width: 100%;
    height: 100% !important;
    z-index: 9999999 !important;
    background-color: rgba(1, 1, 1, 0.8);
    display: none;
}
#lb > div {
    width: 1070px;
    margin: 0 auto;
    position: relative;
    top: 50%;
}
#g-prev {
    left: 0px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    z-index: 99;
}
#g-next {
    right: 0px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    z-index: 99;
}
#img-cont {
    float: left;
    margin-left: 85px;
    position: relative;
    text-align: center;
    width: 900px;
}
#img-cont2 {
    position: relative;
    text-align: center;
    width: 900px;
    clear: both;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}
#g-ext {
    position: absolute;
    top: 30px;
    right: 30px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
#img-cont img {
    max-height: 600px;
}
#g-ext:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}


@media screen and (max-width: 1120px) {
    #lb > div{float:left; width:100%;}
    #img-cont{width:100%; margin-left:0px;}
    #gimg{width:100% !important;}
}