@media (min-width: 768px) and (max-width: 991px) {
    section#indexUcluBox{margin-top:10px}
}
@media (max-width: 1160px) {
    .cd-overlay{z-index:14}
    #header{  background-position: -340px;}
    h3.ms-layer.ms-layer-baslik {
        top: 40px !important;
    }

    h3.ms-layer.ms-layer-aciklama {
        top: 130px !important;
    }
}
@media (max-width: 991px) {
    header#header:before{width:75%}
    .solvar_icerik{width:100%}
    .logolar_owl{width:100%!important;padding:0 28px;box-sizing:border-box}
    .f-alt{font-size:12px}
    header#header:before{width:75%}
    .sf_mobil_goster{display:block}
    .menu_logo{display:block;height:auto}
    .menu_logo .mobil_logo{padding:10px;height:auto;width:100%;box-sizing:border-box;text-align:center;border:none;background:none}
    .mobil_logo img{max-width:100%;max-height:100%;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
    #header{
        background-position: -350px;
    }
    header#header.active{
        background: #ffffff;
        box-shadow: 0 4px 25px rgba(0,0,0,0.5);
    }

    h3.ms-layer.ms-layer-baslik {
        top: 14px !important;
        font-size: 28px !important;
    }

    h3.ms-layer.ms-layer-aciklama {
        top: 100px !important;
    }
    #site_kalip{
        min-height:auto;
    }
    div#footerEbulten .left i{
        margin-right: 10px;
    }
    div#footerEbulten .left span{line-height: normal;float: right;width: 80%;margin-bottom: 10px;}
    .ozelKutular div.resim{margin-right: 0;margin-bottom: 9px;}

}
@media (max-width: 767px) {
    #sf_teklifal .form_gonder{
        width: 100%;
    }
    .footer-adres{ display:none;}
    .footer-sosyal{ display: none;}
    .menu_sosyal{display:block;margin-top:10px;width:auto;float:right}
    ul.footer_ul{display:none;}
    img.ms-layer.ms-layer-gorsel{width:45%!important;opacity:1!important;height:auto!important}
    h3.ms-layer.ms-layer-aciklama{width:auto!important;height:auto!important;font-size: 12px!important;line-height:normal!important;top: 50px !important;}
    h3.ms-layer.ms-layer-baslik{height:auto!important;font-size: 13px!important;line-height:normal!important;/* display: none; */top: 35px !important;}
    li.cokluli2.res_bozma{width:42%}
    div#masterslider{/* height:250px */}
    div#slider{/* height:250px */}
    .ms-container{/* height:250px */}
    .ms-inner-controls-cont{/* height:250px */}
    .ms-view.ms-basic-view.ms-grab-cursor{height:250px!important}
    .ms-slide.slide-1.ms-sl-selected{height:250px!important}
    .ms-slide-bgcont{/* height:250px!important */}
    .ms-slide-bgcont img{/* height:250px!important */}
    .infoBlock.infoBlockLeftBlack.rsABlock{width:100%;top:60px}
    .infoBlock h1{width:auto;font-size:inherit}
    .infoBlock h2{width:auto;font-size:inherit}
    .haberler-metin{width:100%}
    img.rsImg.rsMainSlideImage{margin:0!important;height:250px!important;width:100%!important}
    .item{margin:0!important}
    div#full-width-slider{height:250px!important}
    .rsOverflow{height:250px!important}
    #logo{width: 40%;/* margin:0; */}
    #sosyal_div{display:none}
    #header #menu{width:30%;float:right;margin-left:0;margin-top: -54px;clear:both;}
    .anaHaber{width:90%;margin-left:5%}
    .as_kurumsal{width:90%;margin-left:5%}
    .as_kurumsal h1{width:100%}
    .logolar_owl{width:100%!important;padding:0 28px;box-sizing:border-box}
    .kaydir{height:0}
    #site_kalip{margin:0 auto}
    #footer{background:none;height:auto;border-top:0;/* background:#000; */border:0;padding-top: 0;}
    .altmenuli{display:none}
    #nt{display:none}
    #copy{width:100%;text-align:center;color:#fff;padding:10px 0}
    .footer_ul li{width:100%;margin-bottom:24px;text-align:center}
    .footer_ul li a img{float:none;margin:0 auto;margin-top:40px}
    .icerik_ic{width:90%}
    .solmenu{display:none}
    .solvar_baslik{width:100%}
    .icerik_genel{width:100%}
    #ustIletisim{min-width:auto}
    #ustIletisim .ust_iletisim{display:none}
    .sosyalDiv{display:none}
    .rsMinW .rsBullets{width:auto;margin-left:0}
    .menu_anasayfa{display:none}
    .solmenu_select{width:100%;margin-top:15px;height:35px;border:1px solid #CCC}
    .urundetay_resimkap{width:100%}
    .urundetay_div{width:100%}
    .icerik_resim{padding:0}
    .hizmetResimAna{max-width:none;margin:0}
    .hizmet_baslik{float:left;width:100%;margin-bottom:5px}
    .haberResimAna{max-width:100%;margin-bottom:10px}
    .haber_baslik{float:left;width:100%;margin-bottom:5px}
    #popup{width:100%!important;height:auto!important;padding-bottom:5px}
    .ms-slide-layers{/* margin-top:50px */}
    .ms-layer-baslik,.ms-layer-aciklama{margin-bottom:40px}
    .ms-layer-aciklama{margin-top:15px!important}
    .ms-slide .ms-slide-layers,.ms-fixed-layers{/* margin-left:-20px */}
    .form_div{max-width:100%}
    .form_div .form_str > .form_baslik,.form_div .form_str > .form_deger{width:100%}
    .form_text{height:30px}
    .form_div .form_str > .form_bol{display:none}
    .capta_div > *{float:left!important}
    .form_submit{height:30px;width: 93% !important;}
    .icerik_genel p > img{height:auto!important}
    .baslik > *{display:none}
    .baslik > :last-child{display:block}
    .adres{padding-left:0;width:100%;overflow:hidden}
    .adres_veri{width:100%}
    #iletisim_sollu .iletisim_formu{width:100%}
    .iletisim_satir .stn{width:100%;margin-bottom:10px}
    .iletisim_formu .mesaj{width:100%}
    div#yorumyap{width:100%;top:45px}
    input.yor_txt{width:100%}
    select.yas{width:100%}
    textarea.yor_mtn{width:100%}
    section#indexEBulten .EBulten_text{margin:0;margin-bottom:10px}
    #indexUcluBox .col-md-4{padding:0}
    #indexKurumsalBox2 .kurumsal2_gorsel{display:none}
    .indexIconMenu{margin-top:10px}
    .container{padding-left:15px;padding-right:15px}
    #sf_iletisim .icerik_genel{padding:0}
    .menu_logo{display:block;height:auto}
    .servicesliderItem.flex.slick-slide.slick-active{width:100%!important}
    a.serviceflexItem.bg.vert{margin:10px 0}
    section#indexUcluBox{margin:0;padding:10px 0}
    section#headerTop{display:none}
    header#header:before{width:85%}
    #header.active div#logo{margin: 3px 0;}
    #header.active div#logo a{width:100%}
    .f-sosyal{display:none}
    #indexReferanslar{margin:15px 0 0}
    .bilgi{margin:0}
    .m-text-center{text-align:center}
    .bilgi i{float:none;margin:10px 0}
    .f-baslik:after{left:calc(50% - 15px)}
    .ms-view{/* height:250px!important */}
    .hizmetler-metin{width:100%}
    .hizmetler-gorsel{height:auto;width:100%}
    #sf_iletisim .icerik_ic{margin-top:0}
    .slogan-baslik{font-size:35px}
    #header{background: #fff;height: 60px;}
    .hoverDiv h3{ float: left;}
    .ozelKutular{ float: left;}
    #kurlar .marketsCol {
        float: left;
        padding: 15px;
        width: 33.3%;
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }

    #kurlar .marketsCol:nth-child(3n) {
        border-right: none;
    }

    #kurlar .marketsCol:last-child {
        border-right: 1px solid #eee;
    }
    section#headerBody {
        height: 60px;
    }

    .ms-slide:before {
        width: 75%;
    }
    .ms-slide .ms-slide-link {
        width: 175px!important;
    }
    .ms-skin-light-4 .ms-nav-next, .ms-skin-light-4 .ms-nav-prev{
        display:none!important;
    }
    .modal-open header#header {
        width: 100%;
    }

    footer#footer:before, #footerEbulten:before{
        display: none;
    }

}