@media (min-width: 62em){
body {padding-top:104px; transition:all .3s ease-out;}
#main{min-height:calc(100vh - 390px);}
#header{min-height:104px;}
#header:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; background:#FFF; display:block;}
#header>.container{z-index:3; max-width:calc(100vw - 100px); margin-left:100px;}
#header .container{overflow-y:auto; overflow-x:hidden;}
#mainmenu{position:fixed; left:0; right:0; top:-100vh; height:100vh; z-index:2; transition:all .3s ease-out; overflow:hidden; z-index:1;}
body.menuopened #mainmenu{top:0; background:rgba(0,21,24,.95); overflow:hidden; display:flex; align-items:center;}
#mainmenu ul.menu{list-style:none; margin:0; padding:15px 30px 30px 0; width:350px; flex-basis:content; position:relative; display:flex; flex-direction:column; border-right: solid 1px #FFF;}
#mainmenu ul.menu ul{position:absolute; top:0; left:100%; width:100vw; max-width:450px; height:0; overflow:hidden; transition:height .3s ease-out;}
#mainmenu ul.menu li.active ul{height:auto; padding-top:15px; padding-left:90px;}
#mainmenu ul.menu li{display:block; padding:10px 50px 10px 0;}
#mainmenu ul.menu li a, #mainmenu ul.menu li button{display:block; color:#FFF; font-size:1.3125rem; font-weight:400;}
#mainmenu ul.menu li button{ background:none; border:none; outline:none; box-shadow:none;width:100%; text-align:left; padding-left:0; padding-right:0;}
#mainmenu ul.menu li a:hover, #mainmenu ul.menu li.active>a, #mainmenu ul.menu li.main:hover>a{color:#c99766;}
#mainmenu ul.menu li button:hover, #mainmenu ul.menu li.active>button, #mainmenu ul.menu li.main:hover>button{color:#c99766;}
#header .social li{margin-right:15px;}
#header .social li a{font-size:2.5rem; color:#FFF;}
#header .social li a:hover{color:#c99766;}


body.scrolled{padding-top:56px;}
body.scrolled.menuopened #mainmenu{height:calc(100vh - 56px); top:56px;}
body.scrolled #header {box-shadow:0 0 15px rgba(0,0,0,0.85); padding-top:0; padding-bottom:0; min-height:56px;}
body.scrolled #header #topmenu{padding-top:0;}
body.scrolled #header .logo{top:-100px;}
body.scrolled #header .amblem{top:5px; width:35px;}
body.scrolled #hamburger{top:0;}
body.scrolled #header #lng{top:-50px;}

#showcase .col a{font-size:1.6vw;}

}



@media (max-width: 61.95em){
body{padding-top:60px;}
#header{box-shadow:0 0 15px rgba(0,0,0,0.15);}
#header .logo{width:85px; height:45px; position:static;}
#header .logo svg{height:45px; width:85px; position:static;}
#header #topmenu{display:none;}
#header #lng{top:0; right:0;}
#header #lng>ul>li>a{display:flex; align-items:center; height:60px; padding:0 10px;}
#header>.container{max-width:100%; display:flex; justify-content:center; height:60px; align-items:center;}
#hamburger{left:2px; top:0;}
#mainmenu{visibility:hidden; opacity:0; position:absolute; top:0; height:calc((var(--vh, 1vh) * 100)); left:0; width:100vw; overflow-x:hidden; overflow-y:auto; background:#FFF; z-index:100000; text-align:left;}
#mainmenu ul{list-style:none; padding:0; margin:0;}
#mainmenu ul.menu li{display:block; margin:0 15px;}
#mainmenu ul.menu li.main{padding:10px 0; border-top:solid 1px #CCC; position:relative;}
#mainmenu ul.menu li.main>a, #mainmenu ul.menu li.main>button{z-index:0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:none; border:none; outline:none; box-shadow:none;}
#mainmenu ul.menu li.main>button{width:100%; text-align:left;}
#mainmenu ul.menu li.main:first-child{border-top:none;}
#mainmenu ul.menu li.main a, #mainmenu ul.menu li.main button{font-size:1.125rem; line-height:1.5em; font-weight:400; display:block; padding:10px 0; color:#000;}
#mainmenu ul.menu li.main ul{padding-left:20px;}
#mainmenu ul.menu li.main li>a{font-size:1rem; font-weight:300;}
#mainmenu ul.menu li.main.submenu:after{position:absolute; z-index:1; content:""; left:0; right:0; top:0; height:68px; display:block;}
#mainmenu ul.menu li.submenu>ul{padding-left:20px; height:0; overflow:hidden; opacity:0; transition:all .3s ease-out;}
#mainmenu ul.menu li.submenu.opened>ul{height:auto; opacity:1; padding:0;}
#mainmenu ul.menu li.submenu>a:after, #mainmenu ul.menu li.submenu>button:after{ content:"\f107"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:5px; transition:all .3s ease-out; margin-left:30px;}
#mainmenu ul.menu li.submenu.opened>a:after, #mainmenu ul.menu li.submenu.opened>button:after{ transform:rotate(180deg); }
#header .social{position:fixed; top:calc((var(--vh, 1vh) * 100) - 61px); left:0; right:0; height:61px; justify-content:center; align-items:center; background:#FFF; visibility:hidden; opacity:0; transition:opacity .3s ease-out;}
#header .social li{margin-right:7px; margin-left:7px;}
body.menuopened #mainmenu, body.menuopened #header .social{visibility:visible; opacity:1;}
body.menuopened #header>.container{border-bottom:solid 1px #CCC; height:61px;}
body.menuopened #main, body.menuopened #footer{display:none;}

#showcase .row{flex-direction:column;}
#showcase .col{margin-bottom:30px;}
#showcase .col a{font-size:1.2rem; min-height:300px;}

#details .pageheader{padding:40px 0 0 0;}
#details .pageheader h1, #details .container>.h1{ font-size:2rem;}
#details .pageheader p, #details .container>p{ font-size:1rem;}

#main{overflow:hidden;}

#news .item figure{background-image:none;}
#news .item.img1x1 figure{height:auto;}
#news .item.img3x2 figure{height:auto;}
#news .item.img4x1 figure{height:auto;}
#news .item figure img{display:block; width:100%; height:auto; visibility:visible;}
#news .item header{position:absolute; width:auto !important; left:30px !important; right:30px !important; bottom:-30px !important;}
#news .item header h6{padding:15px 8px 8px 8px;max-width:150px; font-size:0.8125rem;}
#news .item header h4{font-size:1rem;}
#news .item a{padding:0 !important;}

#ik ul{margin-bottom:40px;}
}

@media (max-width: 47.95em){
#news{padding-top:50px; padding-bottom:15px;}
#news .item{margin-bottom:75px;}
.title1{margin-bottom:50px;}
.title1 a{font-size:1.5rem;}
#ik .container{padding-top:50px; padding-bottom:50px;}
#ik h4{font-size:1.75rem; text-align:center;}
#ik h4 span{font-size:1.2rem;}
#ik ul{margin-bottom:40px;}
#milestones{overflow:hidden;}
#milestones .milestonesinner{padding:50px 0;}
#milestones .container{padding:0 20px;}
#milestones h2{font-size:2.5rem;}
#milestones h3{font-size:1.25rem;}
#milestones .container>.owl-carousel{padding-bottom:30px;}
#milestones .owl-carousel .item{padding: 15px 0;}
#milestones .owl-carousel .iteminner{max-width:100%; margin:0 auto; padding:0 15px;}
#milestones .owl-carousel .item h4{font-size:3.5rem;}
#milestones .owl-carousel .item p{font-size:1rem;}
#milestones .milestonesthumb{margin-bottom:30px;}
#milestones .milestonesthumb span{font-size:1rem;}
#footer .footer2 ul{justify-content:center; text-align:center;}
#details .icerik img{max-width:100% !important; height:auto;}
#details .pageheader.wideheader{min-height:350px;}
#details .pageheader .container{max-width:100%;}
#details.category .s-item2{margin-bottom:50px;}
#details.category .s-item2 header .title{font-size:1rem;}
#details.category .s-item2 header .desc{font-size:.8125rem;}
.sectors{padding:0 15px;}
.sectors ul{max-width:600px; flex-direction:column;}
.sectors ul li{position:relative; width: 100%;}
.sectors ul li.first{width: 100%;}
.sectors ul li .title{color:#FFF; position:absolute; top:0; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:center; z-index:3; font-size:23px; font-weight:300; padding:0 20px; text-align:center;}
.sectors ul li.first .title{transform:none; align-items:center; font-size:25px;}
.sectors ul li:before{display:none;}
}

@media (max-width: 35.95em){
#ik .bilgitoplumu{width:auto; min-height:0; background-position:center bottom; background-size:90px; padding:0 15px 130px 15px; text-align:center; font-size:.75rem; margin-top:0;}
#ik .faaliyetraporu{width:auto; min-height:0; background-position:center bottom; background-size:110px; padding:0 15px 140px 15px; text-align:center; font-size:.75rem; margin-top:0;}
#milestones .owl-carousel .item img{margin-bottom:20px;}

#details .pageheader{min-height:250px; justify-content:center; border:none; padding-top:15px; padding-bottom:15px;}
#details .pageheader h1{ color:#FFF !important; margin-bottom:0; padding: 0; text-align:center;}
#details .pageheader p{ margin-bottom:0; margin-top:30px; text-align:center;}
#details .breadcrumb {display:none;}

#details .companydetail .image{background:none; padding:0; margin-bottom:50px;}
#details .companydetail .image img{border:none; box-shadow:0 0 5px rgba(0,0,0,.15);}
}




@media (max-width: 29.95em){
#footer .logo{width:125px;}
#footer .social li a {font-size: 1.5rem;}
#footer .footer2 ul{flex-direction:column;}
.sectors ul li .title{font-size:17px;}
.sectors ul li.first .title{font-size:19px;}
}




@media (min-width: 36em) and (max-width: 47.95em){	
}





@media (min-width: 48em) and (max-width: 61.95em){
.sectors ul li .title{font-size:15px;}
.sectors ul li.first .title{font-size:29px;}

}




@media (min-width: 62em) and (max-width: 74.95em){
#header #topmenu>ul>li{padding-left:10px; padding-right:10px;}
#header #topmenu>ul>li>a, #header #topmenu>ul>li>button{font-size:1.6vw;}
#header .logo{display:none;}
#header .amblem{top:25px; width:50px;}
body.scrolled #header .amblem{top:5px; width:35px;}
#news .item header h6{padding:15px 8px 8px 8px; max-width:150px; font-size:0.8125rem;}
#news .item header h4{font-size:1.25rem;}
#ik ul{margin-bottom:40px;}
.sectors ul li .title{font-size:17px;}
.sectors ul li.first .title{font-size:35px;}
}

@media (min-width: 75em) and (max-width: 85.95em) {
#header #lng{right:35px;}
#header #topmenu>ul>li{padding-left:10px; padding-right:10px;}
#header #topmenu>ul>li>a, #header #topmenu>ul>li>button{font-size:1.5vw;}
body.scrolled #header #topmenu>ul>li{padding-left:14px; padding-right:14px;}
body.scrolled #header #topmenu>ul>li>a{font-size:1.65vw;}
}

@media (min-width: 62em) and (max-width: 95.95em) {
}

@media (min-width: 96em) {
#header #lng{right:35px;}
.container {max-width: 1350px;}
}