/* Konya Dinamik - mobile navigation and spacing v2. Desktop untouched. */
@media only screen and (max-width: 767px){
  html,body{overflow-x:hidden!important}
  body{padding:0!important}

  header{position:relative!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important}
  header .navbar,header .navbar-fixed-top{position:static!important;margin:0!important}
  header .navbar .navbar-inner{min-height:58px!important;padding:7px 12px!important;background:#fff!important;border:0!important;box-shadow:none!important}
  header .navbar .navbar-inner .container{position:relative!important;width:100%!important;min-height:44px!important;margin:0!important;padding:0!important}
  header .navbar .brand.logo{float:left!important;display:block!important;width:auto!important;max-width:calc(100% - 62px)!important;margin:3px 0 0!important;padding:0!important}
  header .navbar .brand.logo img{display:block!important;width:158px!important;max-width:100%!important;height:auto!important;margin:0!important;animation:none!important;transform:none!important}
  header nav{display:none!important}

  .dyn-mobile-menu-btn{display:flex!important;position:absolute;right:0;top:1px;width:44px;height:42px;padding:0;border:0;border-radius:7px;background:#79bf00;align-items:center;justify-content:center;flex-direction:column;gap:4px;box-shadow:none;z-index:100002;cursor:pointer}
  .dyn-mobile-menu-btn span{display:block;width:21px;height:2px;background:#fff;border-radius:2px;transition:.2s}
  .dyn-mobile-menu-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .dyn-mobile-menu-btn.open span:nth-child(2){opacity:0}
  .dyn-mobile-menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  .dyn-mobile-menu{display:none;position:absolute;left:0;right:0;top:58px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #ddd;box-shadow:0 8px 22px rgba(0,0,0,.12);z-index:100001;padding:6px 0 9px;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .dyn-mobile-menu.open{display:block}
  .dyn-mobile-menu ul{list-style:none!important;margin:0!important;padding:0!important}
  .dyn-mobile-menu li{position:relative!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important}
  .dyn-mobile-menu a{display:block!important;box-sizing:border-box!important;min-height:42px!important;padding:11px 46px 10px 17px!important;border-bottom:1px solid #f0f0f0!important;color:#333!important;background:#fff!important;font-size:15px!important;line-height:20px!important;text-decoration:none!important}
  .dyn-mobile-menu > ul > li > a{font-weight:600!important}
  .dyn-mobile-menu a i{display:none!important}
  .dyn-mobile-menu .dropdown-menu{display:none!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#f8f8f8!important}
  .dyn-mobile-menu li.sub-open > .dropdown-menu{display:block!important}
  .dyn-mobile-menu .dropdown-menu a{padding-left:30px!important;background:#f8f8f8!important;font-size:14px!important;font-weight:400!important}
  .dyn-mobile-menu .dropdown-menu .dropdown-menu a{padding-left:44px!important;background:#f3f3f3!important}
  .dyn-mobile-subtoggle{position:absolute;right:5px;top:4px;width:38px;height:34px;border:0;background:transparent;color:#777;font-size:20px;line-height:34px;text-align:center;z-index:2;cursor:pointer}
  .dyn-mobile-subtoggle:before{content:'+'}
  .dyn-mobile-menu li.sub-open > .dyn-mobile-subtoggle:before{content:'−'}
  .dyn-mobile-menu .divider{display:none!important}
  body.dyn-mobile-menu-open{overflow:hidden!important}

  /* Homepage hero: less empty space and a cleaner first screen */
  section#intro{height:220px!important;min-height:220px!important;margin:0!important;padding:0!important;background:#f6f6f6!important}
  section#intro .jumbotron,section#intro .masthead,section#intro .container,section#intro .row,section#intro .span12,#camera_wrap_2,.camera_wrap,.camera_fakehover,.camera_target,.cameraCont,.cameraContents{height:220px!important;min-height:220px!important;margin:0!important;padding:0!important}
  .camera_caption{left:12px!important;right:12px!important;bottom:12px!important}
  .camera_caption>div{max-width:88%!important;padding:7px 10px!important;border-radius:4px!important}
  .camera_caption h2{font-size:20px!important;line-height:1.12!important;white-space:normal!important}
  .camera_bar{height:3px!important}

  body>.container{padding:0 13px!important}
  .tagline{padding:14px 0 10px!important}
  .tagline_text h2{font-size:22px!important;line-height:1.2!important;margin:0 0 8px!important}
  .tag_list li{margin:3px 0!important}
  .cta{margin-top:10px!important}
  .cta .btn,.teklif-cta-wrap>.btn{padding:9px 10px!important;margin:5px 0!important;font-size:16px!important}
  #maincontent .container{padding-left:13px!important;padding-right:13px!important}
  #maincontent{padding-top:0!important;margin-top:0!important}
  #latest-work{margin-top:4px!important}
  #latest-work .home-service-link img{height:118px!important}
  #latest-work .thumbnail{margin-bottom:9px!important}
  #latest-work .thumbnail .caption{padding:8px!important}
  section#bottom{padding:15px 13px 10px!important;margin-top:8px!important}
  section#bottom [class*='span']{margin-bottom:12px!important}
  .verybottom{padding:10px 13px!important}

  /* Inner pages: compact page header and content spacing */
  .page-header,.subheader,.dyn-page-content{margin-top:0!important}
  section.callaction,section#subintro{padding-top:12px!important;padding-bottom:12px!important}
  .breadcrumb{margin-bottom:10px!important}

  .dyn-wa-float{right:10px!important;bottom:10px!important}
  .dyn-wa-button{width:48px!important;height:48px!important}
  .dyn-wa-button svg{width:25px!important;height:25px!important}
}
@media only screen and (max-width:380px){
  header .navbar .brand.logo img{width:146px!important}
  section#intro,section#intro .jumbotron,section#intro .masthead,section#intro .container,section#intro .row,section#intro .span12,#camera_wrap_2,.camera_wrap,.camera_fakehover,.camera_target,.cameraCont,.cameraContents{height:205px!important;min-height:205px!important}
  .camera_caption h2{font-size:18px!important}
}
@media only screen and (min-width:768px){.dyn-mobile-menu-btn,.dyn-mobile-menu{display:none!important}}