@media (max-width:1200px){
    #menu .cd-main-header>.cd-nav>.cd-primary-nav a{font-size:12px; padding:0 15px}
    .solvar_icerik{width:100%}
    .logolar_owl{width:100%!important; padding:0 28px; box-sizing:border-box}
    .f-alt{font-size:12px}
    .sf_mobil_goster{display:block}
    .menu_logo .mobil_logo{padding:10px; height:auto; width:100%; box-sizing:border-box; text-align:center; border:none; background:none!important}
    .mobil_logo img{max-width:100%; max-height:100%; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1)}
    #sf_iletisim iframe{min-height:40vh}
    #indexKurumsalBox2 .heading{ margin-top: 20px;}
    #sf_anasayfa p.kurumsal-metin{ padding: 20px; font-size:14px;}
    .baslik { margin-top: 0;}
    body .jw-error{ width: 100% !important; }
    .hbaslik{ top:60px; letter-spacing: 20px;}
    .bizi_arayin{ width: 23%;}
    #icerik{ padding-top: 90px;}
}
@media (max-width:991px){
    .hakkimizdaCoklu li{ margin-top: 0; margin-bottom: 15px; top:0;}
    .bizi_arayin{ width: 30%;}
    .bilgi-form:before{ position:absolute;  width:100%;  height:100%;  content:'';  background-color:#e4e4e4;  top:0;  left:-60px;  transform:skew(-30deg);  z-index:0}
    section.box{ padding:30px 0}
    .tekresimDiv{ max-width:50%;  float:left;  margin:0 15px 15px 0}
    section#indexHaberler:after{ position:absolute;  width:35%;  height:100%;  top:0;  right:0;  z-index:-1;  background:#e4e4e4}
    .fancybox-enabled header#header{ width:100%}
    #header #menu{width:20%; float:right; display:inline-block; padding:0}
    #sf_anasayfa div#logo{ padding: 10px 10px;}
    #header.active #logo{}
    #header.active .lec_main_menu_icon i{background: #000;top:2px;}
    .footer-sosyal h1{font-size: 15px;}
    .footer-sosyal p{ font-size: 12px;}
    a.altmenua.NTtel{font-size: 18px;color: white;}
    .bel_logolar a img{ max-width: 130px;}
    .footer_up{ padding-top: 26px;}
    #footer:before{ margin-top: -79px;}
    a.altmenua.aadres{ font-size:11px;}
    #copy{font-size: 11px;white-space: normal;}
    .bottom-center a{ max-width: 140px; margin: 15px auto;}
    .bel_logolar a{ margin: 30px auto;}
    .lec_main_menu{ top:30px;}
    header.active .lec_main_menu{ top:25px;}
    .rich_div{padding-top: 15px;}
    .lec_main_menu_icon i{ background: #000;}
    #sf_anasayfa .lec_main_menu_icon i{ background: #fff;}
    body .jw-error{ width: 100% !important; }
    .lec_main_menu_content_menu_copy p { display: none; }
    .hbaslik{ width: 100%; top: 10px; margin-bottom: 20px;}
    .yoltarifi { display: block;  }
    h3.ms-layer.ms-layer-aciklama{font-size: 15px!important;display:block!important;top: 43%!important;left: 5%!important;width: 90%!important;text-align:center;}
    h3.ms-layer.ms-layer-baslik{font-size: 19px!important;display:block !important;top:40%!important;left:0!important;width:100%!important;text-align:center;}
    .bungalov_olanak .olanakdty{ width: 25%;}
    
.sosyal_a {
    margin: 5px 3px;
}
}
@media (max-width:767px){
    .bungalov_olanak .olanakdty{ width: 50%;}
    .footer_up a i{height: 42px;}
    .yoltarifi { display: block;  }
    .hbaslik{ top: 7px;font-size: 20px; letter-spacing: 22px; width: 100%; margin-bottom: 15px;}
    #sf_projelerimiz .str,#sf_hizmetlerimiz .str{ padding:0;  margin:15px -15px 0}
    .linkleme, .linkleme_a, .baslik a{font-size:14px;padding-left: 0;}
    #icerik{padding-top:70px}
    .bilgi-form:before{ position:absolute;  width:70%;  height:calc(100%+25px);  content:'';  background-color:#e4e4e4;  top:-25px;  left:0;  transform:skew(0);  z-index:0}
    section#indexHaberler:after{ position:absolute;  width:100%;  height:100%;  top:0;  right:0;  z-index:-1;  background:#e4e4e4}
    #bilgi form .col-xs-12.form-group{ width:100%}
    #haberlerSlider .owl-nav{ left:auto;  top:-5px;  right:0}
    .buttonGroup a{ margin-bottom:15px}
    .iletisimAdres{ position:relative;  width:100%;  float:left;  right:0;  border:0}
    .fancybox-enabled header#header.active{ width:100%}
    div#bilgi{ padding:15px 20px;  width:100%}
    #captcha{ width:70%!important;  margin-left:5%;  padding:6px 12px;  height:40px!important}
    .form_div.col-xs-12.formDiv2{ padding:0}
    #slogan h1{ padding:15px 0 0;  letter-spacing:0;  font-size:18px}
    #slogan p{ font-size:14px}
    .footer-bottom{/* background:black */padding: 20px 0;}
    .iletisimForm{ position:relative;  right:0;  float:left;  width:100%}
    a.solmenua{ width:100%;  margin-bottom:5px;  position:absolute;  font-size:20px;  left:0;  top:45px}
    #header.active #sf_anasayfa #logo{ width:16%}
    .solAktif{ top:0!important}
    div#indexSosyal{ height:auto}
    div#map-canvas{ position:relative!important}
    .projelerimiz{ max-height:none;  padding:0;  float:left;  width:100%}
    .projelerimizResim{ height:auto;  width:100%}
    .projelerimizMetin{ height:auto}
    .urun_baslik{ font-size:14px}
    .proje_metin{ font-size:14px}
    section#iletisim{ display:block;  flex-direction:initial;  flex-wrap:initial;  justify-content:initial;  align-items:initial;  align-content:initial;  position:relative;  padding:0;  height:auto!important}
    .projeler{ margin:10px 0}
    .sayac{ display:block;  flex-direction:initial;  flex-wrap:initial;  justify-content:initial;  align-items:initial;  align-content:initial}
    section#kurumsal{ display:flex;  height:auto!important}
    .kurumsal-rich{ padding:0;  font-size:14px}
    .devami{ padding:0}
    section#projelerimiz{  display:block;  height:auto!important}
    #sf_iletisim iframe{ min-height:30vw;  height:300px}
    h2.proje-head{ width:100%;  text-align:center;  font-size:32px;  margin:20px 0;    position:relative}
    h2.kurumsal-head-2{ text-transform:uppercase;  font-family:'BillBold',sans-serif}
    .cont-title{ font-size:30px}
    section.box{ width:100%!important;  height:auto!important}
    .threeBox{width:100%; margin-top:0px; text-align:center; margin-top:15px}
    .threeBox a{ float:none;  margin:0 auto;  display:inline-block}
    h1.projeBaslik{ position:absolute;  top:50%;  left:0;  width:100%;  text-align:center;  color:#fff;  font-size:16px}
    .content-subtitle{ font-size:21px}
    .menu_sosyal{display:block; margin-top:10px; width:100%; text-align:center; padding:0}
    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{font-size: 14px!important;display:block!important;top: 42%!important;left: 5%!important;width: 90%!important;text-align:center;}
    h3.ms-layer.ms-layer-baslik{font-size: 18px!important;display:block !important;top:40%!important;left:0!important;width:100%!important;text-align:center;}
    li.cokluli2.res_bozma{width:42%}
    .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%;display:inline-block;padding: 7px 0 !important;}
    #header.active .lec_main_menu_icon i{background: #000;top: -5px;}
    #header.active #logo{width: 30%;}
    #header.active #logo img{top: -2px;position: relative;}
    #sosyal_div{display:none}
    .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; bottom:0; left:0}
    .altmenuli{display:none}
    #nt, .bottom-center, .bottom-rigth{display:none}
    #copy{width:100%;text-align:center;/* color:#fff; *//* padding:10px 0; */white-space: normal;}
    .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:100%}
    .solmenu{min-height:75px}
    .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:40px}
    .form_div .form_str >.form_bol{display:none}
    .capta_div >*{float:left!important}
    .form_submit{height:30px}
    .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:80%; height:60px}
    .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)}
    .hizmetler-metin{width:100%}
    .hizmetler-gorsel{height:auto; width:100%}
    #sf_iletisim .icerik_ic{top:0}
    .slogan-baslik{font-size:35px}
    .btn-NT-umut{ float:left!important}
    div#page2>a{ display:inline-block;  vertical-align:middle;  width:100%;  height:38vh;  position:relative}
    div#page2>a>div{ position:relative;  width:100%;  height:100%}
    #header.listele #menu .cd-main-header>.cd-nav>.cd-primary-nav a span{ position:absolute}
    ul.cd-header-buttons.customCss{ position:absolute;  right:0;  top:0;  z-index:9999}
    .customCss li>a.nav-is-visible{ right:0}
    #header.active:before{ height:45px}
    #sf_anasayfa p.kurumsal-metin{ padding: 20px;}
    .btn-NT-5{ margin-top: 0; margin-bottom: 10px;}
    .social{ text-align: center;}
    .sosyal_ikon{ display: inline-block; margin: 0 auto;}
    .bel_logolar{ margin-bottom: 20px;}
    .sosyal_right{ text-align: center;}
    a.altmenua.NTtel{ color: #fff;}
    .footer-sosyal h1{ font-size: 16px;}
    .footer-sosyal p{ font-size:12px;}
    .bel_logolar a img{ max-width: 130px;}
    .footer-sosyal { background: #1e5c37;}
    .sosyal_center{border-top: solid 1px #195431;border-bottom: solid 1px #195431;margin-bottom: 10px;}
    .button-group>.btn{ margin: 0 10px 10px !important ; width: 100%;}
    .baslik{margin-top: 0 !important;height: 80px;padding-top: 25px;}
    .lec_main_menu_icon i{ background: #000;}
    #sf_anasayfa .lec_main_menu_icon i{ background: #fff;}
    #carousel li.olanakdty{ top: 0;}
    .str{padding: 0;}
    body .jw-error{ width: 100% !important; }
    #sf_canli-yayin  .tekresimDiv{ top:0 ; margin-top: 30px; max-width: 100%;}
    .lec_main_menu_content_menu_copy p { display: none;}
    #logo img{ float:left;}
    .bizi_arayin{ width: 50%;}
    .detay_tel p{font-size: 10px;}
    .hakkimizdaCoklu li{ top:0; margin-top: 0; margin-bottom: 25px;}
    .galeri_item, .galeri_hover{ width: 100%;}
    .box-baslik{font-size: 12px;}
.bizi_arayin img {
    max-width: 16%;
}
}