.mob-menu-but {
    width: 37px;
    height: 37px;
    border-radius: 5px;
    background-color: #6D1440;
    position: absolute;
    z-index: 7;
    right: 10px;
    top: 10px;
    background-image: url(../img/mobil-menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    display: none;
}

/*small Device*/
@media (max-width: 768px) {
    BODY {
        font-size: 1em;
    }
    
    .stage li.urun_list_item .cats .main-grup,
    .stage li.urun_list_item .cats li.main-urun {
        margin: 10px 5.2% 0px 0;
        width: 47%;
    }

    .stage   .urun_list_item .cats > UL > LI:nth-child(2n),
    .stage li.urun_list_item .cats li.main-urun:nth-child(2n) {
        margin-right: 0px;
    }

    .stage .urun_list_item .cats .thumb {

        height: 120px;
    }

    .stage li.urun_list_item .cats li.main-urun  .thumb {
        height: 105px;
    }

    .stage UL LI.box_uru01 {
        width: 46%;
        margin: 2%;
    }
}

@media (max-width: 800px) {
    #content .portfolio h2 {
        font-size: 1em;
    }
}



/*  medium device */
@media (min-width: 768px) and (max-width: 979px) {
    BODY {
        font-size: 0.9em;
    }

}

/* small + medium device */
@media (max-width: 1120px) {
    .navi A, .navi A:link, .navi A:visited {
        padding: 16px 10px;
        background-image: none;
    }
}

@media (max-width: 979px) {
    
    .mob-menu-but {
        display: block;
    }
    
    /*navi*/
    .navi {
        display: none;
        background-color: #6D1440;
        background-image: none;
    }

    .navi LI {
        display: block;
        position: relative;
        float: none;
        height: 41px;
        overflow: inherit;
    }

    .navi A, .navi A:link, .navi A:visited {
        color: #FFF;
        border-bottom: 1px solid #4A1000;
    }

    .navi A:hover {
        background-color: transparent;
        color: #FFBADC;
    }

    .mainMenuParentBtn {
        background: none;
    }

    .navi LI.active {
        border-bottom: none;
        margin-bottom: 0;
    }

    #subMenusContainer UL {
        display: none;
    }
    
    .box_login_s.online, .bayi-harita, .nivo-slider, #footer, #top .search, .top-socials {
        display: none;
    }

    #pbody {

        background-position: 0 -107px;
    }

    .layout-B .stage-1 > .body {
        margin: 0;
    }

    .layout-C .stage-body {
        background-image: none;
    }

    .Renkli-Serit-A {
        margin-left: -15px;
        margin-right: -15px;
    }

    #top {
        height: 60px;
        border-bottom: 2px solid #6D1440;
    }

    .logo-overlay {
        position: absolute;
        top: 0;
        left: 0;
        /* width:100%;*/
    }

    .logo-overlay A {
        margin: 0;
        width: 170px;
        height: 55px;
        background-size: cover;
    }

    #flags {
        width: 109px;
        left: 175px;
        top: -7px;
        margin: 0;
        height: 54px;
        background-image: none;
    }

    .stage {
        width: 100%;
        overflow: auto;
    }

    .stage .body table {
        max-width: 99.9%;

    }

    .stage .body img {
        max-width: 99.9%;
    }

    .stage .urun_list_item .cats .thumb img,
     .stage li.urun_list_item .cats li.main-urun .thumb   img {

        width: 100%;
        height: auto;
        overflow: hidden;
    }

}

@media (max-width: 480px) {
    .stage .urun_list_item .cats .thumb,
    .stage li.urun_list_item .cats li.main-urun  .thumb {
        overflow: hidden;
        height: 80px;
    }

}