/*mobil*/
@media all and (max-width: 1650px)
{

}
@media all and (max-width: 1450px)
{
    .grid .grid-item
    {
        width: 25%;
    }
    .personelust
    {
        width: 25%;
    }
}
@media all and (max-width: 1290px)
{
    .personelust
    {
        width: 33.3%;
    }
}
@media all and (max-width: 1200px)
{

    #urungrupsag
    {
        width: 100%;
        float: none;
    }
    #urungrupsol
    {
        width: 100%;
        float: none;
        margin-bottom: 40px;
    }
    #urungrupsagic
    {
        margin-left: 0px;
    }
    #logo
    {
        display: none;
    }
    #bannerortasag
    {
        width: auto;
        margin-left: 150px;
    }
    #logoorta
    {
        width: 149px;
        height: 100px;
        background-position: center 27px;
        background-image: url('../sysimage/hsbgilogomedium.PNG');
        background-repeat: no-repeat;
        display: inline-block;
    }
    .logocover
    {
        width: 149px;
        background-image: url('../sysimage/bg_blue_80.PNG');
        background-repeat: repeat;
    }
    .logocover:hover
    {
        -webkit-transition: all .25s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    .ustmutfak
    {
        width: 33.3%;
    }
}
@media all and (max-width: 1024px)
{
    .footerbtns
    {
        display: none;
    }
    .personelmail
    {
        font-size: 11px;
    }
    .listtutucu li a span
    {
        font-size: 1em;
    }
    .personelust
    {
        width: 50%;
    }
    #urungruptutucu
    {
        margin-top: 100px;
    }
    .whatsapp
    {
        display: none;
    }
    .footersiyahtutucuic
    {
        margin: 10px;
    }
    .ustmutfak
    {
        width: 50%;
    }
    .yazispnmtfk
    {
        font-size: 2.3vmin;
    }
    .grid .grid-item
    {
        width: 33.3%;
    }
    #dilsecimi
    {
        font-family: Century Gothic;
        color: #FFFFFF;
        font-size: 13px;
        display: block;
        float: right;
        max-height: 30px;
    }
    #sosyalmedya
    {
        background-color: #8e8e8e;
        float: right;
    }
    #sosyalmedya ul li
    {
        padding: 2px 4px 2px 4px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #9B9B9B;
    }
    #sosyalmedya ul li:hover
    {
        background-color: #0c5631;
        -webkit-transition: all .25s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    .dil
    {
        padding: 7px 9px 7px 9px;
        float: left;
        background-color: #333333;
        text-decoration: none;
        color: #FFFFFF;
        max-height: 30px !important;
    }
    .dil:hover
    {
        background-color: #0c5631;
        -webkit-transition: all .25s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    #banner
    {
        position: fixed;
        z-index: 20;
    }
    #bannerust
    {
        display: none;
    }
    #bannersosyal
    {
        display: none;
    }
    #logoorta
    {
        display: none;
    }
    #bannerortasag
    {
        width: auto;
        margin-left: 106px;
        background-image: none;
        height: auto;
    }
    #logokucuk
    {
        width: 105px;
        height: 49px;
        background-position: center 7px;
        background-image: url('../sysimage/hsbgilogomobile.PNG');
        background-repeat: no-repeat;
        display: inline-block;
    }
    .logocover
    {
        width: 105px;
        background-image: url('../sysimage/bg_purple_80.PNG');
        background-repeat: repeat;
    }
    .logocover:hover
    {
        background-color: #000;
        -webkit-transition: all .25s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    #bannermenu
    {
        margin-top: 0px;
    }
    #banneralt
    {
        display: none;
    }
    /*footer*/
    #footerlogo
    {
        float: right;
        display: block;
    }
    #footerlogoic
    {
        display: inline-block;
        text-align: center;
    }
    #makilogosml
    {
        display: none;
    }
    #footeryazi
    {
        padding-top: 7px;
    }
    .yorumbeyaz
    {
        width: 70%;
        height: 90%;
        top: 40px;
    }
    .footerbtnspyls
    {
        display: block;
    }
    .footerbtnsyrm
    {
        display: block;
    }
    .footerbtnsrzrv
    {
        display: block;
    }

    .slrzrvsyn
    {
        display: none;
    }
    .slyrm
    {
        display: none;
    }
    .slpyls
    {
        display: none;
    }
    .newsticker_title
    {
        display: none;
        width: 0px;
    }
    .icerikbosluk, .icerikboslukyayin
    {
        margin-top: 80px;
        display: inline-block;
        position: relative;
    }
}
@media all and (max-width: 810px)
{
    .slidergeri 
    {
        display: none;
    }
    .sliderileri 
    {
        display: none;
    }
    .coverkapat
    {
        z-index: 9999999;
        margin-top:0;
        bottom: auto !important;
    }
    .coveric
    {
          width: 90%;
          top:0;
    }
    .covericerik
    {
        top: 20px;
        bottom: 20px;
        position: relative;
        text-align: center;
    }
    .listtutucu li a
    {
        padding-bottom: 40%;
    }
    .listtutucu li
    {
        width: 48.5%;
    }
    .footerlisttutucu
    {
        width: 50%;
    }
    .footersiyahtutucu
    {
        float: none;
        width: 100%;
    }
    .ustmutfak
    {
        width: 100%;
    }
    .yazispnmtfk
    {
        font-size: 15px;
    }
    .mtfkrsmbuton
    {
        margin: 0px;
        padding-bottom: 0px;
        display: inline-block;
        width: 100%;
        height: 40px;
        background-image: none !important;
    }
    .mtfkbutnyazi
    {
        border-bottom: 1px solid #ededef;
    }
    #divlbl
    {
        font-size: large;
        margin-top: 7px;
    }
    #divlblyayin
    {
        font-size: large;
        font-weight: bold;
    }
    #yayinKatBaslik
    {
        font-size: large;
    }
    #simdicerikic
    {
        width: 90%;
        height: auto;
        background-color: #F3F3F3;
        position: relative;
        display: block;
        margin-top: 60px;
    }
    .yazislidergor
    {
        display: none;
    }
    #haberblok
    {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #C0C0C0;
        width: 100%;
        height: auto;
        display: block;
    }
    #haberresim
    {
        float: none;
        margin-bottom: 20px;
        margin-top: 20px;
        width: 240px;
        height: 120px;
        margin-left: 0px;
    }
    #haberbaslik
    {
        text-align: center;
        font-size: small;
    }

    #basliktarih
    {
        float: none;
    }
    #baslikbaslik
    {
        float: none;
    }
    #brbir
    {
        display: none;
    }
    #habericerik
    {
        float: none;
        width: 95%;
        margin-left: 0px;
        text-align: center;
        margin-top: 0px;
    }
    #haberozet
    {
        display: none;
    }
    .grid .grid-item
    {
        width: 50%;
    }
}
@media all and (max-width: 700px)
{
    .listtutucu li
    {
        width: 100%;
    }
    .listtutucu li a
    {
        padding-bottom: 100% !important;
    }
    .personelust
    {
        width: 100%;
    }
    .footersiyahtutucuic
    {
        margin: 20px 10px 20px 10px;
    }
    #footerlogo
    {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }
    #footerlogoic
    {
    }
    #footeryazi
    {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 5px;
    }
    .watsappkutu
    {
        display: inline-block;
    }
    .watsapp
    {
        display: block !important;
    }
    .yorumbeyaz
    {
        width: 90% !important;
        top: 40px;
    }
    #footertopic
    {
        text-align: right;
    }
    #content
    {
        padding-bottom: 30px;
    }
    #footerbottom
    {
        height: 102px;
    }
    .logosliderileri
    {
        display: none;
    }
    .logoslidergeri
    {
        display: none;
    }
    #LogoSliderGen
    {
        display: block;
        width: 270px;
        background-color: #EDEDEF;
        height: 230px;
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 6px;
    }
    #LogoSliderResim
    {
        background-position: center center;
        width: 270px;
        height: 150px;
        background-repeat: no-repeat;
    }
    .logosliderresim
    {
        width: 270px;
        height: 150px;
    }
    #sayfaDetayic img
    {
        max-width: 100%;
        max-height: 100%;
        padding: 0px;
        margin: 0px !important;
    }
    #haberresim
    {
        width: 240px;
        height: 120px;
    }
    #basliktarih
    {
        padding-right: 0px;
    }
    #haberbaslik
    {
        margin-right: 0px;
    }
}
@media all and (max-width: 550px)
{
    .listtutucu li a
    {
        padding-bottom: 30%;
    }
    .listtutucu li
    {
        width: 100%;
    }
    .ilk
    {
        margin-right: 0px;
    }
    .grid .grid-item
    {
        width: 100%;
    }
    .duyuruadi
    {
        float: none;
        display: block;
        padding: 10px 10px 3px 10px;
        text-align: center !important;
    }
    .duyurutarihi
    {
        float: none;
        display: block;
        padding: 3px 10px 10px 10px;
        font-weight: normal;
        text-align: center !important;
    }
}
@media all and (max-width: 400px)
{
    .footersiyahtutucuic
    {
        margin: 10px 0px 10px 0px;
    }
}
@media all and (max-height: 450px)
{
    #yrmgnl
    {
        width: 100%;
        height: 82%;
        margin-top: 20px;
    }

    #rzrvsyn
    {
        width: 100%;
        height: 82%;
        margin-top: 20px;
    }
    .yorumbeyaz
    {
        width: 90% !important;
        height: 84% !important;
        top: 40px;
    }
}
/*mobil*/