﻿@media (min-width: 62em){
body{}
.container{padding:0;}
#topmenu .container{padding:0 20px;}
#mainheader .hamburger{display:none;}
#mainheader .logo{width:252px; margin:0 auto;}
#mainheader .logo svg .b{fill:#25408F;}
#mainheader .container.head{display:flex; align-items:center; min-height:129px; position:relative; z-index:4; padding:0 20px;}
body.neyaptik #mainheader .container.head{min-height:100px;}
body.neyaptik #mainheader .logo{width:180px; margin:0 0 0 110px;}
body.neyaptik #mainheader .neyaptiklogo{width:99px;position:absolute; top:23px; left:20px;}
body.neyaptik #mainheader .neyaptiklogo img{width:100%; height:auto; display:block;}


#mainheader .search{position:absolute; right:20px; bottom:-43px; transition:all .3s ease-out;}
#mainheader .search input{display:none; border:none; background:none; outline:none; width:100%; box-shadow:none; padding:10px 20px;}
#mainheader .search .fa-times{display:none;}
#mainheader .search button{border:none; background:none; outline:none; box-shadow:none; color:#FFF; font-weight:600; font-size:1.2em;}
#mainheader .search .callcenter{color:#FFF; font-weight:600; font-size:1.1875em;}
#mainheader .search.active{right:20px; left:20px; bottom:-51px; background:#FFF;}
body.neyaptik #mainheader .search.active{left:135px;}
#mainheader .search.active input{display:block;}
#mainheader .search.active .callcenter, #mainheader .search.active .fa-search{display:none !important;}
#mainheader .search.active .fa-times{display:inline-block; color:#000;}
#mainheader .search.active button{position:absolute; top:8px; right:10px;}
#mainheader .baskanname{position:absolute; right:20px; top:30px; transition:all .3s ease-out; display:flex; flex-direction:column; color:#25408F;}
#mainheader .baskanname b{font-size:1.2rem; font-weight:700; line-height:1.2; display:block;}
#mainheader .baskanname span{font-size:.75rem; font-weight:300; line-height:1; display:block;}

.mainmenu{background:#23408f;}
#main-navigation{position:relative; z-index:3; padding:0 20px;}
#main-navigation:after{content:""; display:block; clear:both;}
#main-navigation ul{display:block; list-style:none; margin:0; padding:0;}
#main-navigation>ul>li.main{display:inline-block; margin:0 0 0 15px; padding:0; float:left; line-height:1.1875rem; z-index:2; position:static;}
#main-navigation>ul>li.main:nth-child(2){margin-left:0;}
#main-navigation>ul>li.main>a{font-size:1.06255rem; line-height:1em; padding:21px; display:inline-block; position:relative; transition:color .3s ease-out; color:#FFF;}
#main-navigation>ul>li.main:hover>a{color:#014785;}

body.neyaptik .mainmenu{background:#CCC;}
body.neyaptik #main-navigation>ul{padding-left:80px;}
body.neyaptik #main-navigation>ul>li.main>a{color:#014785;}
body.neyaptik #main-navigation>ul>li.main:hover>a{color:#014785;}

#main-navigation>ul>li.main.hassub2{position:relative;}
#main-navigation>ul>li.main.hassub>.sub{position:absolute; max-height:0; top:59px; left:0; right:0; padding:30px; transition:all .3s ease-out; opacity:0; overflow:hidden; visibility:hidden; min-width:241px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+49,efefef+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #EEE 49%, #DDD 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#EEE 49%,#DDD 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#EEE 49%,#DDD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DDD',GradientType=0 ); /* IE6-9 */}
#main-navigation>ul>li.main.hassubright>.sub{left:auto; right:0;}
#main-navigation>ul>li.main.hassub>.sub:before{position:absolute; left:0; right:0; height:0; display:block; top:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494949+0,969696+60,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(73,73,73,1) 0%, rgba(150,150,150,0.4) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(73,73,73,1) 0%,rgba(150,150,150,0.4) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(73,73,73,1) 0%,rgba(150,150,150,0.4) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
#main-navigation>ul>li.main.hassub:hover>.sub{max-height:600px; opacity:1; visibility:visible;}
#main-navigation>ul>li.main.hassub:hover>a, #main-navigation>ul>li.main:hover>a{background: #FFF;}
#main-navigation>ul>li.main.hassub>.sub .owl-carousel{padding:0 40px;}
#main-navigation>ul>li.main.hassub>.sub .s-item2 header h4{color:#FFF; font-weight:300; font-size:1.0625rem; text-align:center;}
#main-navigation>ul>li.main.hassub>.sub .owl-prev{position:absolute; left:0; top:50%; margin-top:-32px;}
#main-navigation>ul>li.main.hassub>.sub .owl-next{position:absolute; right:0; top:50%; margin-top:-32px;}
#main-navigation>ul>li.main.hassub>.sub.sub2{padding:50px 40px 40px 254px; color:#60656c;}
#main-navigation>ul>li.main.hassub2>.sub.sub2{padding:30px 20px 20px 20px;}
#main-navigation>ul>li.main.hassub>.sub.sub2 h4{position:absolute; left:10px; top:40px; padding-left:33px; font-size:1.5625rem; font-weight:400;}
#main-navigation>ul>li.main.hassub>.sub.sub2 h4:before{content:""; height:2px; background:#60656c; position:absolute; left:0; top:14px; width:25px; display:block;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol{list-style:none; max-width:241px; margin:0 auto; padding:15px 0 0 0; border-top:solid 8px #ff6100;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li{display:block;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a{display:block; color:#60656c; font-size:1.0625rem; padding:10px;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a:hover{background:#CCC;}

#showcase .container{padding-right:340px; position:relative;}
#showcase .baskan{ position:absolute; right:0; top:0; width:320px;}
#showcase .baskan ul{display:flex; justify-content:center; align-items:center; list-style:none; margin:20px 0 0 0; padding:0;}
#showcase .baskan ul li{margin:0 10px; padding:0;}
#showcase .baskan ul li a{font-size:1.3rem; color:#23408f;}
#showcase .baskan ul li a span{display:none;}
}
@media (max-width: 61.95em){
body{padding:70px 0 0 0; background:#FFF;}
.amblem{display:none;}
#topmenu{position:fixed; bottom:0; left:0; right:0; padding:15px 0; display:none; z-index:100;}
#topmenu ul{margin-left:0;}
#topmenu ul.quicklinks{display:none;}
#topmenu ul.callcenter{display:block; margin-right:auto; margin-left:0;}
#topmenu ul.callcenter li a{line-height:33px;}
#topmenu ul.social li{margin-left:10px;}
#topmenu ul.social li a{font-size:1.25rem; width:33px; height:33px; line-height:33px; background:#FFF; border-radius:50%; text-align:center;}

#mainheader{background:#23408f; z-index:100; min-height:70px; position:fixed; top:0; left:0; right:0;}
#mainheader .container.head{height:70px; position:fixed; top:0; left:0; right:0; padding:15px 5px 5px 5px;overflow:hidden; max-width:100%;}
#mainheader .hamburger{border:none; outline:none; background:none; width:60px; height:60px; position:absolute; left:0; top:5px; z-index:100; overflow:hidden;}
#mainheader .hamburger:before, #mainheader .hamburger:after, #mainheader .hamburger span{width:30px; height:3px; position:absolute; left:15px; content:""; background:#FFF; -webkit-transition: none 0.3s ease 0.3s;transition: none 0.3s ease 0.3s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity;}
#mainheader .hamburger i{position:absolute; top:38px; left:15px; opacity:0; font-size:9px; color:#FFF; -webkit-transition: none 0.3s ease 0.3s;transition: none 0.3s ease 0.3s; font-style:normal; transition-property: transform, top, bottom, left, opacity;}
#mainheader .hamburger i:before{content:"KAPAT"}
#mainheader .hamburger:before{top:21px;}
#mainheader .hamburger span{top:29px;}
#mainheader .hamburger:after{top:37px}
#mainheader .logo{display:block; width:180px; margin:0 auto; position:relative; transition:all .3s ease-out;}
#mainheader .logo svg .a, #mainheader .logo svg .b{fill:#FFFFFF;}
#mainheader .search{padding:0 5px 5px 5px; margin:10px 15px 0 65px; position:relative; opacity:0; transition:all .3s ease-out; border-bottom:solid 1px rgba(255,255,255,.8);}
#mainheader .search input{display:block; width:100%; border:none; background:none; outline:none; box-shadow:none; color:#FFF; padding-right:27px; line-height:1.5;}
#mainheader .search input::placeholder{color:#FFF;}
#mainheader .search button{position:absolute; border:none; background:none; outline:none; box-shadow:none; color:#FFF; font-weight:600; right:0; top:0; font-size:1.2em;}
#mainheader .container.head .ataturk{}

body.neyaptik #mainheader{background:#CCC;}
body.neyaptik #mainheader .logo svg .a, body.neyaptik #mainheader .logo svg .b{fill:#23408f;}
body.neyaptik #mainheader .hamburger:before, body.neyaptik #mainheader .hamburger:after, body.neyaptik #mainheader .hamburger span{background:#23408f;}
body.neyaptik #mainheader .hamburger i{color:#23408f;}
body.neyaptik #mainheader .neyaptiklogo{width:50px; position:absolute; top:10px; left:70px; z-index:2;}
body.neyaptik #mainheader .neyaptiklogo img{width:100%; height:auto; display:block;}
body.neyaptik #mainheader .search{margin-left:135px; border-bottom-color:#23408f;}
body.neyaptik #mainheader .search input{color:#23408f;}
body.neyaptik #mainheader .search input::placeholder{color:#23408f;}
body.neyaptik #mainheader .search button{color:#23408f;}

#neyaptiklist{padding-top:40px;}

.mainmenu{display:none; position:fixed; top:70px; bottom:63px; left:0; right:0; padding:10px 20px; overflow-y:scroll; background:#FFF;}
#main-navigation ul, #main-navigation ol{list-style:none; margin:0; padding:0;}
#main-navigation ul li, #main-navigation ol li{display:block; position:relative; border-bottom:solid 2px #e3e3e3; transition:all .3s ease-out; height:54px; overflow:hidden;}
#main-navigation ul li a, #main-navigation ol li a{display:block; position:relative; font-size:.9375rem; padding:15px 30px 15px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main-navigation ul li a:after, #main-navigation ol li a:after{position:absolute; content:"\f107"; font-family:"Font Awesome 5 Free"; font-weight:900; right:15px; top:50%; margin-top:-11px; transition:all .3s ease-out;}
#main-navigation>ul>li.main:after{top:0; bottom:0; left:0; right:0; z-index:2; position:absolute; content:"";}
#main-navigation>ul>li.main>.sub{z-index:3; position:relative;}
#main-navigation>ul>li.main:not(.hassub):after{display:none;}
#main-navigation>ul>li.main:not(.hassub)>a:after{display:none;}
#main-navigation>ul>li.main>a{font-weight:600; z-index:1;transition:all .3s linear;}
#main-navigation>ul>li.main.passive a{color:#e3e3e3;}
#main-navigation>ul>li.main.active>a{padding-bottom:0;}
#main-navigation>ul>li.main.active>a:after{transform:rotate(180deg); margin-top:-5px;}
#main-navigation>ul>li.main ol{opacity:0; transition:all .3s ease-out; padding-left:20px;}
#main-navigation>ul>li.main ol>li{border-bottom:none;border-top:solid 1px #e3e3e3;}
#main-navigation>ul>li.main ol:first-child>li:first-child{border-top:none;}
#main-navigation>ul>li.main ol>li>a:after{transform:rotate(270deg);}
#main-navigation>ul>li.main.active{height:auto;}
#main-navigation>ul>li.main.active ol{opacity:1;}
#main-navigation>ul>li.mainlast{height:auto;}
#main-navigation>ul>li.mainlast:after{display:none;}
#main-navigation>ul>li.mainlast>a{display:none;}
#main-navigation>ul>li.mainlast ol{opacity:1; transition:all .3s ease-out; padding-left:0;}
#main-navigation>ul>li.mainlast ol>li{border-top-width:2px;}
#main-navigation>ul>li.mainlast ol>li>a{font-weight:600; text-transform:uppercase;}
#main-navigation>ul>li.mainlast ol>li>a:after{display:none;}

body.menu-opened #mainheader .hamburger:before, body.menu-opened #mainheader .hamburger:after{top: 25px;}
body.menu-opened #mainheader .hamburger i{opacity:1}
body.menu-opened #mainheader .hamburger span{left:-60px; opacity:0;}
body.menu-opened #mainheader .hamburger:before{transform: rotate( 45deg );}
body.menu-opened #mainheader .hamburger:after{transform: rotate( -45deg );}
body.menu-opened #mainheader .logo{margin-top:-58px; opacity:0;}
body.menu-opened #mainheader .search{margin-bottom:0; opacity:1;}
body.menu-opened #topmenu{display:block;}
body.menu-opened .mainmenu{display:block;}

#mobilestory {padding:20px;}
#mobilestory ul{list-style:none; padding:0; margin:0}
#mobilestory ul li{padding:0; margin:0}
#mobilestory a{display:block;}
#mobilestory a .img{display:block; border-radius:50%; border:solid 3px #a6a6a7; overflow:hidden;}
#mobilestory a .img img{display:block; width:100%; height:auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}
#mobilestory a .title{display:block; display: -webkit-box; max-width: 100%; line-height:21px; height:42px; font-size:15px; color:#747474;-webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; text-align:center;}

#mobileataturk{padding:13px 0;}
.ataturk{min-width:280px;}

#showcase{padding:0 0 20px 0;}
#showcase .owl-nav {opacity: 1;}
#showcase .container{padding:0; max-width:100%;}
#showcase ul li header{bottom:0; left:15%; right:15%; padding:20px; background:#23408f; color:#FFF; min-width:0; border-left:none; text-align:center;}
#showcase .baskan{display:none;}
#showcase ul li header:before{display:none;}

#showcaseneyaptik{padding-top:40px;}
#showcaseneyaptik .owl-carousel{padding:0 10px 0 0;}
#showcaseneyaptik ul li header h4{font-size:1.125rem;}
#showcaseneyaptik .owl-nav {display: flex; justify-content:center;}
#showcaseneyaptik .owl-next, #showcaseneyaptik .owl-prev {position:static;}


#quicklinks ul li a:nth-child(2){margin-left:0;}

.grid-sizer, .grid-item { width: calc(50% - 10px); }
.grid-item--width2 { width: 100%; }

#quicklinks{padding:35px 0 60px 0;}

#breadcrumb{background:none; padding:10px 0;}
#breadcrumb .container{padding-left:15px;}
#breadcrumb .breadcrumb{color:#000; font-size:11px;}
#breadcrumb .breadcrumb li a{font-size:11px; color:#000;}
#breadcrumb .breadcrumb>.active{color:#000; font-size:11px;}

.icerik{font-size:.9375rem;}
.newsdetail h1.title, .contact h1.title{font-size:20px; color:#23408f; margin-top:10px; margin-bottom:20px; text-align:left;}
.newsdetail .contentimg{margin-bottom:20px;}
.newsdetail .contentimg img{height:auto;}
.newsdetail .icerik{}
.newsdetail .galeri{margin-top:30px; margin-bottom:20px;}
.newsdetail #news{padding-top:40px; margin-top:20px;}

.contentdetail h1.title, .category h1.title{font-size:20px; color:#23408f; margin-top:10px; margin-bottom:20px; padding:0; border:none;}
.contentdetail .contentimg{margin-bottom:20px;}
.contentdetail .icerik{padding:0;}
.contentdetail .icerik .table{ overflow:scroll; display:block;}
.contentdetail .galeri{margin-top:30px; margin-bottom:20px;}
.contentdetail #sidebar{margin-top:20px;}
.contentdetail #sidebar .links{padding:15px;}
.contentdetail #sidebar .links a{padding:10px 10px 10px 20px; font-size:.9375rem;}
.contentdetail #sidebar .links a:before{top:20px; left:10px;}

/*** *****/

.s-item2.std header {padding: 15px 12px 18px 12px;}
.s-item2.std header h3 {font-size: 1rem; line-height: 20px; height: 40px;}
.s-item2.std2 header h3 {font-size: 1rem; line-height: 20px; height: 40px;}
.owl-theme .owl-dots {bottom: -50px;}
.sectiontitle {font-size: 1.5rem;}

/********************************/
div.orgChart {
    width:auto;
    overflow-x:hidden;
}
div.orgChart div.node:first-child {
    border                : 1px solid white;
    background: #2059a3;
	background: -moz-linear-gradient(left,  #2059a3 0%, #02a5ea 50%, #2059a3 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2059a3), color-stop(50%,#02a5ea), color-stop(100%,#2059a3));
	background: -webkit-linear-gradient(left,  #2059a3 0%,#02a5ea 50%,#2059a3 100%);
	background: -o-linear-gradient(left,  #2059a3 0%,#02a5ea 50%,#2059a3 100%);
	background: -ms-linear-gradient(left,  #2059a3 0%,#02a5ea 50%,#2059a3 100%);
	background: linear-gradient(to right,  #2059a3 0%,#02a5ea 50%,#2059a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2059a3', endColorstr='#2059a3',GradientType=1 );
    font-size             : 16px;
    color:#FFF;
}
div.orgChart ul.stack > li {
    font-size: 15px;
}
div.orgChart ul.stack > li > ul > li {
    font-size: 13px;
}
.title-serit{ background:none;}
.title-serit h2{display:block; background:#676b73; padding:5px 10px; color:#FFF; font-size:15px; text-align:center;}
.title-serit h2 a{color:#FFF;}
	
.title-serit2{ background:url(../img/title-bg2.html) left center repeat-x; position:relative; margin-bottom:10px; text-align:center;}
.title-serit2 h2{display:inline-block; background:#FFF; padding:0 10px; margin:0; color:#676b73; font-size:17px; font-weight:600;}
.title-serit2 h2 a{color:#676b73;}
	
.title-serit3{ background:url(../img/title-bg3.html) left center repeat-x; position:relative; margin-bottom:20px;}
.title-serit3 h2{display:inline-block; background:#033365; padding-right:10px; margin:0; color:#f9fafb; font-size:17px; font-weight:600;}
.title-serit3 h2 a{color:#f9fafb;}
.title-serit3 .slidercontrol{ position:absolute; right:5px; top:5px;}
.title-serit3 .slidercontrol span{color:#688099; font-size:11px; float:left; margin-left:5px; cursor:pointer;}
.title-serit3 .slidercontrol a{color:#688099;}
.title-serit3 .slidercontrol a:hover{color:#CCC;}
.kcekmecetv{margin-bottom:0;}
.etkinliktakvimi{background:#CCC; padding-top:20px; padding-bottom:20px;margin-bottom:0;}
	
.catlist a{font-size:15px;}
#paging .pagination>li>a, #paging .pagination>li>span{padding:7px 12px;}
#paging .pagination>li>a>i, #paging .pagination>li>span>i{line-height:21px;}
.title-serit2 h2{margin:0;}
.content-img{margin-left:-15px; margin-right:-15px;}
.fotogaleriwrp, .fotogaleriwrp2{background:#2b2b2b; margin:0 -20px; padding:15px; margin-bottom:0 !important;}
.fotogaleriwrp .title-serit2, .fotogaleriwrp2 .title-serit2{background:none; margin-bottom:0;}
.fotogaleriwrp .title-serit2 h2, .fotogaleriwrp2 .title-serit2 h2{background:none; color:#FFF;}
.fotogaleriwrp .fotogaleri, .fotogaleriwrp2 .fotogaleri{border:none; margin-bottom:0; padding-bottom:0;}
.fotogaleriwrp .fotogaleri div, .fotogaleriwrp2 .fotogaleri div{margin-bottom:0;}
.fotogaleriwrp .fotogaleri a, .fotogaleriwrp2 .fotogaleri a{color:#FFF;}
.catlist h1{background:#2b2b2b; margin:0 10px; padding:5px 0; color:#FFF; background:#676b73; font-size:17px; font-weight:600; text-align:center;}
.catlist .row { margin-top: 8px; margin-bottom:0;}
.catlist a span.title {border: none;padding: 0;}
.catlist a span.date {display: none;}
.catlist .col-sm-4{margin-bottom:30px; text-align:center;}
.contact-address li a{display:block;}

.contact-social{padding:15px 0;}
.contact-social .row{margin:0 -5px;}
.contact-social .col-sm-2{padding:0 5px;}
.contact-social .col-sm-5{line-height:61px; font-size:17px;}
.istek-sikayet{margin-bottom:20px;}
.istek-sikayet-formu-buton span.ico, .sorgulama-buton span.ico, .iletisim-formu-buton span.ico{font-size:20px; line-height:35px; width:35px; height:35px;}
.istek-sikayet-formu-buton span.txt, .sorgulama-buton span.txt, .iletisim-formu-buton span.txt{font-size:13px; line-height:35px;}
.contact-address li{font-size:12px;}
.catlist.video .col-sm-4 a:after{top:30%; left:45%; padding:8px 11px 8px 14px;border:solid 2px #FFF;}
.vplayerlist{ padding:10px; margin-bottom:20px;}
.vplayerlist li{margin-top:10px;}
.vplayerlist li:first-child{margin-top:0;}
.vplayerlist li a {padding:5px;}
.vplayerlist li a span.img{width:77px;}
.vplayerlist li a span.txt{width:178px;}
.vplayerlist li a span.txt span{width:178px; height:50px; font-size:13px; line-height:15px;}
.vplayerlist li a span.img:after{top:10px; left:25px; padding:3px 6px 3px 8px;}
.wideimg, .wideimg2{margin-bottom:5px;}
.wideimg .maintitle{font-size:21px; height:125px; padding-left:10px;}
.wideimg2 .maintitle{font-size:21px; height:80px; padding-left:10px;}
.videoicerik h1{font-size:17px;}
.videoicerik p{font-size:14px;}
.catlist a span.img{height:auto; overflow:hidden; background:none; width:auto;}
.catlist.catlist2 a span.img{height:auto;}
.fotogaleriwrp .catlist a span.img{ height:auto;}
.anket .cevapwrp{padding-right:0; height:auto; overflow:visible;}
.anket .cevapwrp2{height:auto;}
.anket .cevapwrp .cevapscroll{ position:relative; width:100%;}

.googlemap{display:none;}
.pazaryeri .col-md-7{padding:20px 15px;}

#headerstories{margin-top:20px; margin-bottom:20px;}

#projectsnew .row { flex-wrap: wrap; position:static;padding-right:0; margin:0;}
#projectsnew .projectsslider {padding:0;}
#projectsnew .projectsmenu {position:static; width:100%; padding:0; margin-top:30px;}
#projectsnew .projectsmenu ul { width:100%;}

.vergi-ode { padding-top:70px;}
.vergi-ode a { z-index:10; display:flex; justify-content:center; align-items:center; position:fixed; bottom:0; left:0; right:0; color:#FFF; font-size:15px; font-weight:600; line-height:45px; padding:0; outline:none; text-decoration:none; transform:none; writing-mode:unset;}
.vergi-ode i { transform:none;}

.mdr img{ margin:0 auto; display:block; width:60%; height:auto; margin-bottom:30px;}
}

@media (max-width: 47.95em){
#footer {padding-top:0;}
#footer .footer2 {position:relative; padding-top:90px;}
body.neyaptik #footer .footer2 {height:60px; padding:0;}
#footer .container {padding: 0 15px;}
#footer .footer2 .social{padding:10px 0; background:#cfd2d5; position:absolute; top:0; left:0; right:0; overflow:hidden;}
#footer .footer2 .social h4{display:none;}
#footer .footer2 .social ul li{padding:0 10px; display:block;}
#footer .footer2 .social ul li a{color:#23408f; width:40px; height:40px; line-height:40px; display:block; text-align:center; background:#FFF; border-radius:50%; font-size:1.4rem;}
#footer .footer2 .social ul li a:hover{opacity:1;}
#footer .footer2 .menu{margin-bottom:30px;}
#footer .footer2 .menu ul{padding:0 20px;}
#footer .footer2 .callcenter{padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #CCC; width:100%; text-align:center;}
#footer .footer2 .callcenter a{color:#23408f; font-size:1.7rem; font-weight:600;}

.org-sema li.main{padding-top:0; padding-right:0; padding-bottom:40px; background:none;}
.org-sema li.main.baskan{padding-top:0;}
.org-sema li.main .orgfoto{position:static; padding:0; margin-bottom:20px; background:none; text-align:center;}
.org-sema li.main .orgfoto img{ width:97px; border:solid 3px #132349; border-radius:97px;}
.org-sema li.main.baskan .orgfoto img{ width:117px; border:solid 4px #132349; border-radius:117px;}
.org-sema li.main h4{font-size:17px; text-align:center;}
.org-sema li.main h4 span{font-size:15px;}
.org-sema li.main .orgdept{ padding:20px 20px 10px 20px; background-color:#004a95;}
.org-sema li.main .orgdept ul{margin:0 -5px !important;}
.org-sema li.main .orgdept li{padding:0 5px !important; margin-bottom:10px;}
.org-sema li.main .orgdept li a{ font-size:13px; padding:5px 10px;}
.org-sema li.main .orgdept li a.ybox{ font-size:16px; padding:5px 10px;}
.org-sema li.main .orgdept li a span.box{ width:auto; height:auto; display:block;}

.mobilestory{position:fixed; top:0; left:0; bottom:0; right:0; z-index:10000; background:#000;}
.mobilestory .close{position:absolute; top:10px; right:10px; color:#FFF; background:none; border:none; outline:none; text-shadow:1px 1px 1px rgba(0,0,0,.85); z-index:2;}
.mobilestory .owl-carousel{position:absolute;top:0; left:0; bottom:0; right:0;z-index:1; list-style:none; margin:0; padding:0;}
.mobilestory .owl-stage-outer, .mobilestory .owl-stage, .mobilestory .owl-item, .mobilestory li {height:100%;}
.mobilestory a{display:block; color:#FFF; height:100%;}
.mobilestory a .swipe{position:absolute; bottom:30px; left:0; right:0; text-align:center; font-size:1rem; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,.85);}
.mobilestory a .swipe i{animation: bounce 1s ease infinite;}
.mobilestory a img{display:block; position:absolute;top:0; left:0; bottom:0; right:0;background-position:center top; background-repeat:no-repeat; background-size:cover; height:100%;}
.mobilestory iframe{display:block; position:absolute;top:0; left:0; bottom:0; right:0; border:none; overflow:hidden; margin:0; padding:0; background:none; height:100%;}

#kultursanat .container{padding:0; overflow:hidden;}
.kulturtitle{font-size:1.7rem; margin-right:15px; margin-left:15px;}
.kulturcol{padding-top:20px; padding-bottom:20px;}
.kulturcol h3{position:relative; z-index:2; font-size:1.3rem;}
.kulturcol .eventlist{padding:0;}
.kulturcol .eventlist:before{display:none;}
.kulturcol .eventlist a{padding:15px; margin-bottom:20px;}
.kulturmerkezleri{padding:20px 0 10px 0;}
.kulturmerkezleri .owl-carousel{padding:0 60px;}
.kulturmerkezleri .owl-next img, .kulturmerkezleri .owl-prev img{width:20px !important; height:auto;}

.timeline {margin: 30px 0 30px 120px;padding: 30px;}
.timeline h2,.timeline h3 {letter-spacing: 0.5px;font-size: 1.2em;}
.timeline .event {padding-bottom: 20px;margin-bottom: 20px;}
.timeline .event:after {left:-37.85px;}
.timeline .event:before {padding-right:60px;}
.timeline .event img{max-width:100%;}

#projectsnew h2 { font-size:1.7rem; margin-right:15px; margin-left:15px;}
#projectsnew .projectsslider .owl-carousel .owl-item img { height:auto;}
#selectedbanner .owl-carousel .owl-item img {height:auto;}

.cultural-centers {padding:0;}
.cultural-centers .owl-thumbs button { display:none;}
}
@media (max-width: 35.95em){
.s-item2.searchresult{padding-left:0;}
.s-item2.searchresult .img{position:static; width:auto;}
.col-6 .videox2 .img:after, .col-6 .photox2 .img:after{margin-left:-15px; margin-top:-15px; width:30px; height:30px; font-size:30px; line-height:30px;}
#showcase ul li header h4{font-size:0.9rem;}
#showcase ul li img{height:300px;}
#showcase .owl-next, #showcase .owl-prev{width:45px;}
#showcase .owl-next img, #showcase .owl-prev img{width:20px;}
.sectiontitle {font-size: 1.3rem;}
#showcaseneyaptik .owl-next img, #showcaseneyaptik .owl-prev img{max-width:20px; height:auto;}
}
@media (max-width: 32.875em){
.contact-social .col-sm-5 {line-height: 41px; font-size: 15px;}
.timeline {margin: 20px 0 20px 90px;padding: 20px;}
.timeline h2,.timeline h3 {letter-spacing: 0;font-size: 1em;}
.timeline .event:after {left:-27.85px;}
.timeline .event:before {padding-right:40px; font-size:.75em;}
}
@media (max-width: 25em){
body.neyaptik #mainheader .logo{margin:0 0 0 auto;}
.grid-sizer, .grid-item { width: 100%; }
.ataturk h4{font-size:1rem;}
.mobileshowcase{width:100% !important; height:auto !important;}
#footer .footer2 .social ul li a{width:30px; height:30px; line-height:30px; font-size:1rem;}
}

@media (min-width: 33.75em) and (max-width: 47.95em){
}
@media (min-width: 48em) and (max-width: 61.95em){
#footer .container {padding: 0 15px;}
#footer .footer1 .ebulletin label {max-width: 150px;}

.s-item2.searchresult p{height: 48px; -webkit-line-clamp: 2;}
.htitle{font-size:2.5rem;}

/*** *****/
#showcase ul li header h4 {font-size: 1.1rem;}
.sectiontitle {font-size: 1.8rem;}

/*************************/
.catlist a{font-size:15px;}
#paging .pagination>li>a, #paging .pagination>li>span{padding:7px 12px;}
#paging .pagination>li>a i{line-height:27px;}

.contact-social{padding:15px 0;}
.contact-social .row{margin:0 -5px;}
.contact-social .col-sm-2{padding:0 5px;}
.contact-social .col-sm-5{line-height:51px; font-size:17px;}
.istek-sikayet-formu-buton span.ico, .sorgulama-buton span.ico, .iletisim-formu-buton span.ico{font-size:25px; line-height:40px; width:40px; height:40px;}
.istek-sikayet-formu-buton span.txt, .sorgulama-buton span.txt, .iletisim-formu-buton span.txt{font-size:15px; line-height:40px;}
.contact-address li{font-size:12px;}
.catlist.video .col-sm-4 a:after{top:20%; left:41%; padding:8px 11px 8px 14px;border:solid 2px #FFF;}
.vplayerlist li a span.txt{width:510px;}
.vplayerlist li a span.txt span{width:510px;}
.wideimg .maintitle{font-size:29px; height:155px;}
.wideimg2 .maintitle{font-size:29px; height:100px;}
.catlist a span.img{height:140px; width:210px;}
.catlist.catlist2 a span.img{height:120px;}
.fotogaleriwrp .catlist a span.img{height:137px; width:206px;}
.solkurumsalhaberler ul li a span.img, #footer .populer ul li a span.img{ height:57px;}

.org-sema li.main{padding-top:95px; padding-right:125px; padding-bottom:60px; background:url(../img/orgsema-v-line2.png) right top no-repeat;}
.org-sema li.main.baskan{padding-top:90px; background-position:right 100px;}
.org-sema li.main .orgfoto{right:0; top:30px; padding-right:50px;}
.org-sema li.main.baskan .orgfoto{padding-right:0; right:0;}
.org-sema li.main .orgfoto img{ width:127px; height:auto; border:solid 3px #132349; border-radius:127px;}
.org-sema li.main.baskan .orgfoto img{ width:157px; border:solid 4px #132349; border-radius:157px;}
.org-sema li.main h4{font-size:19px;}
.org-sema li.main h4 span{font-size:16px;}
.org-sema li.main .orgdept{ padding:20px 20px 10px 20px;}
.org-sema li.main .orgdept ul{margin:0 -5px !important;}
.org-sema li.main .orgdept li{padding:0 5px !important; margin-bottom:10px;}
.org-sema li.main .orgdept li a{ font-size:13px;}
.org-sema li.main .orgdept li a.ybox{ font-size:16px; padding:7px 0;}
#videoplayer.main {margin-bottom:0;}
}
@media (min-width: 62em) and (max-width: 74.95em){
.amblem{font-size:56px;}
.s-item2.searchresult p{height: 48px; -webkit-line-clamp: 2;}
#main-navigation>ul>li.main {margin: 0;}
#main-navigation>ul>li.main>a {font-size:0.9375rem;}
#main-navigation>ul>li.main.hassub>.sub.sub2 h4 {font-size: 1.3rem;}
#main-navigation>ul>li.main.hassub>.sub.sub2 ol li a {font-size: 0.85rem;}
#main-navigation ul li.search form#frmSearchTop input {right: 30px;}
.htitle{font-size:2.5rem;}

/*** *****/
#showcase ul li header h4 {font-size: 1.1rem;}
.sectiontitle {font-size: 1.8rem;}

/*******************/
.iletisim-merkezi a{height:38px; margin-left:5px;}
.iletisim-merkezi a i{width:38px; height:38px; background-position:-4px center;}
.callcenter{font-size:9px;}
.callcenter span {font-size:9px;}
.callcenter span b{font-size:15px; font-weight:600; line-height:19px;}
.iletisim-merkezi a.login, .iletisim-merkezi a.chat{}
.iletisim-merkezi a.login i{ background-position:-52px center;}
.iletisim-merkezi a.chat i{ background-position:-100px center;}
.kcekmecetv .col-sm-4 a:after{ top:25%; left:30%; padding:3px 7px; font-size:11px;}
#paging .pagination>li>a, #paging .pagination>li>span{padding:7px 12px;}
#paging .pagination>li>a i{line-height:27px;}

.contact-social{padding:15px 0;}
.contact-social .row{margin:0 -15px;}
.contact-social .col-sm-2, .contact-social .col-sm-5{padding:0 13px;}
.contact-social .col-sm-5{line-height:61px; font-size:22px; text-align:left;}
.istek-sikayet-formu-buton span.ico, .sorgulama-buton span.ico, .iletisim-formu-buton span.ico{font-size:30px; line-height:45px; width:45px; height:45px;}
.istek-sikayet-formu-buton span.txt, .sorgulama-buton span.txt, .iletisim-formu-buton span.txt{font-size:19px; line-height:45px;}
.contact-address li{font-size:14px;}
.catlist.video .col-sm-4 a:after{top:21%; left:40%; padding:10px 14px 10px 20px;border:solid 3px #FFF;}

.vplayerlist{ padding:17px 20px;}
.vplayerlist li a span.img{float:left; width:77px; position:relative;}
.vplayerlist li a span.txt{float:left; width:150px; margin-left:15px;}
.vplayerlist li a span.txt span{width:150px; height:50px; font-size:17px; line-height:19px;}
.vplayerlist li a span.img:after{top:14px; left:25px; padding:3px 6px 3px 8px;}

.wideimg .maintitle{font-size:35px; height:195px;}
.wideimg2 .maintitle{font-size:35px; height:126px;}
.kcekmecetv .vlist li a span.txt{width:111px;}
.kcekmecetv .vlist li a span.txt span{font-size:10px;}
.catlist a span.img{height:188px; width:283px;}
.catlist.catlist2 a span.img{height:120px;}
.fotogaleriwrp .catlist a span.img{height:113px; width:171px;}
.onecikanlar .sliderimg{height:132px;}
.solkurumsalhaberler ul li a span.img, #footer .populer ul li a span.img{ height:35px;}
.solkurumsalhaberler ul li a span.title, #footer .populer ul li a span.title{font-size:14px;}

.org-sema li.main{padding-top:85px; padding-right:105px; padding-bottom:60px; background:url(../img/orgsema-v-line2.png) right top no-repeat;}
.org-sema li.main.baskan{padding-top:60px; background-position:right 100px;}
.org-sema li.main .orgfoto{right:0; top:30px; padding-right:50px;}
.org-sema li.main.baskan .orgfoto{padding-right:0; right:0;}
.org-sema li.main .orgfoto img{ width:117px; height:auto; border:solid 3px #132349; border-radius:117px;}
.org-sema li.main.baskan .orgfoto img{ width:127px; border:solid 4px #132349; border-radius:127px;}
.org-sema li.main h4{font-size:19px;}
.org-sema li.main h4 span{font-size:16px;}
.org-sema li.main .orgdept{ padding:20px 20px 10px 20px;}
.org-sema li.main .orgdept ul{margin:0 -5px !important;}
.org-sema li.main .orgdept li{padding:0 5px !important; margin-bottom:10px;}
.org-sema li.main .orgdept li a{ font-size:13px;}
.org-sema li.main .orgdept li a.ybox{ font-size:16px; padding:7px 0;}
.org-sema li.main .orgdept li a span.box{ width:136px;}
}
@media (min-width: 75em){
#showcase .videox2 .img:after, #showcase .photox2 .img:after{margin-left:-45px; margin-top:-45px; width:90px; height:90px; font-size:90px; line-height:90px;}
#footer .footer2 .menu ul:first-child{padding-left:10px;}
}
@media print
{
  #header, #footer, .scroll-top, #preloader, .topbarmenu, .share{display:none !important;}
  #content ol.breadcrumb, #sidebar, .sharecontent, .fotogaleriwrp, .addthis_toolbox, .mobile-share{display:none !important;}
}