body { overflow-x: hidden; overflow-y: scroll; }
body * {font-family: "Roboto", sans-serif;}
body>*{ overflow-x: hidden; }
a:hover,a:active,a:focus { text-decoration: none; opacity: .8; }

ul {padding: 0;list-style: none;margin: 0;}

header {padding-top: 25px;padding-bottom: 25px;position: fixed;z-index: 1000;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);left: 50%;transition: .3s padding-top padding-bottom ease;-webkit-transition: .3s padding-top padding-bottom ease;-moz-transition: .3s padding-top padding-bottom ease;-o-transition: .3s padding-top padding-bottom ease;}
header.fixed {padding-top: 0;padding-bottom: 0;background: rgba(45,73,157,.5);width: 100%;}
header.fixed .logo { margin-top: 10px; transition: .3s all ease; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; }
header img { max-width: 100%; }
header ul {text-align: right;}
header ul li {display: inline-block;}
header div.menu-div>ul>li {padding-top: 15px;padding-bottom: 15px;position: relative;}
header div.menu-div>ul>li>a { display: inline-block; }
header div.menu-div>ul>li ul {}
header div.menu-div>ul>li ul>svg { position: absolute; top: 0; margin-top: -10px; left: 50%; margin-left: -5px; }
header div.menu-div>ul>li ul>li { position: relative; }
header div.menu-div>ul>li ul>li:hover>a {font-weight: 400;color: rgb(45,73,157);}
header div.menu-div>ul>li ul>li>a {color: rgb(153,153,153);}
/*header div.menu-div>ul>li>ul>li>ul { left: 100%; top: 0; margin-top: 0px; background: rgb(29,51,117); width: 240px; border-bottom: 5px solid rgb(180,202,237); }
header div.menu-div>ul>li>ul>li>ul>li>a { color: rgb(203,219,245); }
header div.menu-div>ul>li>ul>li>ul>li:hover>a { color: white; opacity: 1; }*/
header ul li a {font-size: 17px;color: white;font-weight: 300;padding-left: 30px;padding-right: 30px;}
header ul li a:hover,header ul li a:active,header ul li a:focus { color:  white; }
header ul li a img { display: block; margin: auto; margin-bottom: 5px; }
header ul li ul {/* position: absolute; */z-index: 2;text-align: left;padding: 10px 0px;/*box-shadow: 0 0 15px rgba(0,0,0,.3);*/margin-top: 0;border-right: 1px solid rgb(225,225,225);margin-top: 20px;margin-bottom:20px;padding: 0;min-height: 275px;}
header ul li ul li { display: block; padding-left: 25px; padding-right: 25px; }
header ul li ul li ul li:not(:last-child)>a { border-bottom: 1px solid rgb(44,69,111); }
header ul li ul li a { color: rgb(170,170,170);padding: 13px 0; display: block; font-size: 15px }
header ul li ul li a:hover { font-weight: 300; color: black }
header .mobile-btn { display: none; position: absolute; right: 30px; top: 20px; cursor: pointer; z-index: 5; }
header .mobile-btn .fa { font-size: 30px; color: rgb(13,53,117); }
header div>ul.active { display: block !important; }

header ul li:hover .alt-menu { display: block; }
header .alt-menu {display: none;position: absolute;width: 470px;transform: translate(-50%);left: 50%;background: white;border-radius: 3px;top: 100%;box-shadow: 0 0 10px rgba(50,50,50,.3);min-height: 315px;}
header .alt-menu .half-menu { float: left; width: 50%; }
header .alt-menu .half-menu:nth-child(2) {text-align: center;padding: 15px;}
header .alt-menu .half-menu:nth-child(2) p { color: rgb(170,170,170); font-weight: 300; }
header .alt-menu .half-menu:nth-child(2) img {max-width: 100%;margin-bottom: 20px;margin-top: 20px;}
header .alt-menu .half-menu:nth-child(2) div { display: none; }
header .alt-menu-list { display: none; }

section.sec-slider { overflow-x: hidden; }
section.sec-slider .filter {position: relative;top: -2px;width: 1920px;position: absolute;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);z-index: 5;}
section.sec-slider #myCarousel { height: 625px; overflow: hidden; width: 1920px; left: 50%; transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%); }
section.sec-slider .slide-content { display: none; }
section.sec-slider .text-container { width: 1170px; transform: translate(-50%); left: 50%; position: absolute; z-index: 200; color: white; top: 200px; padding-left: 15px; padding-right: 15px; }
section.sec-slider .slide-text { text-align: right; float: right }
section.sec-slider .slide-text p { font-size: 24px; font-weight: 300; width: 600px; text-align: right; padding-left: 200px; }
section.sec-slider .slide-text .slide-header { font-size: 44px; width: 600px; font-weight: 700; padding-left: 0; }

section.sec-onecikan {position: relative;z-index: 2;padding-top: 60px;}
section.sec-onecikan .filter {height:0;margin-top: -162px;position: relative;top: 0;width: 1920px;position: absolute;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);}
section.sec-onecikan .img-onecikan {padding-top: 0; }
section.sec-onecikan .img-onecikan div {width: 370px;height: 370px;position: relative;border-radius: 200px;overflow: hidden;z-index: 2;float: right;}
section.sec-onecikan .img-onecikan img {height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
section.sec-onecikan .text-onecikan {padding-top: 30px;text-align: left;padding-right: 0;}
section.sec-onecikan .text-onecikan .header { font-size: 34px; font-weight: 900; line-height: 1.2; }
section.sec-onecikan .text-onecikan .aciklama {font-size: 20px;font-weight: 300;}
section.sec-onecikan .text-onecikan a { padding: 12px 30px; background: rgb(45,73,157); color: white; font-size: 18px; border-radius: 30px; display: inline-block; margin-top: 10px; }

section.sec-onecikan .filter .carousel-control.left,section.sec-onecikan .filter .carousel-control.right { background-image: none; }
section.sec-onecikan .filter .controls { position: absolute; top: 105px; left: 408px; width: 110px; z-index: 250; }
section.sec-onecikan .filter .controls .carousel-control {background: rgb(45,73,157);display: inline-block;width: 50px;height: 50px;line-height: 46px;border-radius: 30px;border: 1px solid white;opacity: .8;font-size: 34px;z-index: 250;}

section.sec-onecikan .item-list { display: none; }
section.sec-onecikan .news-heading { font-size: 20px; font-weight: 500; color: rgb(45,73,157); margin-bottom: 0; }
section.sec-onecikan .news-sum { font-size: 16px; font-weight: 400; }
section.sec-onecikan .item>div { margin-bottom: 20px; padding-bottom: 20px; }
section.sec-onecikan .item>div a {}
section.sec-onecikan #newsCarousel { height: 280px; }
section.sec-onecikan #newsCarousel .controls {position: absolute;width: 50px;left: 50%;margin-left: -25px;bottom: 25px;}
section.sec-onecikan #newsCarousel .news-img img { max-width: 100%; box-shadow: -5px 5px 15px rgb(55,55,55); }
section.sec-onecikan #newsCarousel .item>div:last-child { border-left: 1px solid rgba(0,174,239,.99); }
section.sec-onecikan h2 { margin-top: -10px; margin-bottom: 20px; font-size: 36px; text-align: center; color: rgb(45,73,157); font-weight: 600; }
section.sec-onecikan #newsCarousel2 .controls {position: absolute;width: 75px;left: 69%;bottom: 80px;}
section.sec-onecikan #newsCarousel2 .carousel-control.left { background-image: none; color: rgb(180,180,180); opacity: 1; font-size: 24px; width: 35px; height: 35px }
section.sec-onecikan #newsCarousel2 .carousel-control.right { background-image: none; color: rgb(180,180,180); opacity: 1; font-size: 30px;  width: 45px; height: 45px;  }
section.sec-onecikan #newsCarousel2 .controls .carousel-control { background: white; display: inline-block; border-radius: 40px; color: black; }
section.sec-onecikan #newsCarousel2 .item .col-sm-6 { padding-left: 80px; }
section.sec-onecikan #newsCarousel2 .item .col-sm-6.img-onecikan { padding-right: 80px; padding-left: 15px; }

#newsCarousel2 .carousel-inner .item { transition-property: opacity; }
#newsCarousel2 .carousel-inner .item, #newsCarousel2 .carousel-inner .active.left, #newsCarousel2 .carousel-inner .active.right { opacity: 0; }
#newsCarousel2 .carousel-inner .active, #newsCarousel2 .carousel-inner .next.left, #newsCarousel2 .carousel-inner .prev.right { opacity: 1; }
#newsCarousel2 .carousel-inner .next,#newsCarousel2 .carousel-inner .prev,#newsCarousel2 .carousel-inner .active.left,#newsCarousel2 .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
#newsCarousel2 .carousel-inner .carousel-control { z-index: 2; }

section.sec-urunler {height: 730px;position: relative;padding-top: 50px;overflow: hidden;margin-top: -120px;}
section.sec-urunler a:hover { opacity: 1; }
section.sec-urunler .urun-bg { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
section.sec-urunler .urun-item {transition: .3s top ease;-webkit-transition: .3s top ease;-moz-transition: .3s top ease;-o-transition: .3s top ease;color: white;padding: 0 35px;text-align: center;position: absolute;width: 100%;left: 50%;top: 45%;overflow: hidden;transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);-moz-transform: translate(-50%,0%);-o-transform: translate(-50%,0%);}
section.sec-urunler .urun-item img {margin-bottom: 20px;margin-left: auto;margin-right: auto;}
section.sec-urunler .urun-item .header {font-weight: 500;font-size: 22px;line-height: 1.2;}
section.sec-urunler .urun-item .desc { font-size: 17px; font-weight: 300; line-height: 1.2; display: none;;transition: .3s opacity ease;-webkit-transition: .3s opacity ease;-moz-transition: .3s opacity ease;-o-transition: .3s opacity ease; }
section.sec-urunler .container>.row>div {height: 700px;position: relative;overflow: hidden;transition: .3s background ease;-webkit-transition: .3s background ease;-moz-transition: .3s background ease;-o-transition: .3s background ease;}
section.sec-urunler .container>.row>div:hover { background: rgba(45,73,157,.5); }
section.sec-urunler .container>.row>div:hover .urun-item { top: 35%; }
section.sec-urunler .container>.row>div:hover .desc { display: block; }

section.sec-ref { background: white; }
section.sec-ref .container-fluid {margin-top: 50px;border-top: 1px solid rgb(153,153,153);padding-top: 90px;padding-bottom: 80px;}
section.sec-ref .ref-item {border: 1px solid rgb(204,204,204);height: 120px;border-radius: 20px;position: relative;}
section.sec-ref .ref-item img {position: absolute;top: 50%;left: 50%;max-width: 90%;filter: grayscale(80%);-webkit-filter: grayscale(80%);-moz-filter: grayscale(80%);-o-filter: grayscale(80%);transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
section.sec-ref h2 { text-align: center; font-weight: 800; font-size: 36px; margin-bottom: 5px; }
section.sec-ref .ref-line { width: 65px; height: 7px; background: rgb(45,73,157); left: 50%; position: relative; margin-left: -32.5px;margin-bottom: 40px }
section.sec-ref .carousel-control { background-image: none; -webkit-background-image: none; -moz-background-image: none; color: rgb(153,153,153); font-size: 45px; line-height: 110px; width: 10% }

section.content-header { height: 220px; position: relative; overflow: hidden; }
section.content-header h1 {position: absolute;top: 125px;left: 26.5%;color: white;font-size: 24px;font-weight: 500;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);}
section.content-header h1 a { color: white;font-size: 24px;font-weight: 500; }
section.content-header .filter { position: relative; width: 1920px; left: 50%; transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%); }
section.content-header .filter img:first-child { position: absolute; top: 0; }
section.content-header .filter img:nth-child(2) { position: absolute; top: 0; }

section.content { padding-top: 40px; padding-bottom: 50px; }
section.content .left-menu ul ul { display: none; }
section.content .left-menu ul ul.active {  }
section.content .left-menu>ul>li>a { font-size: 18px; font-weight: 300; color: rgb(51,51,51); display: block; padding: 8px 20px; }
section.content .left-menu>ul>li>a.active {color: rgb(45,73,157); font-weight: 500;}
/*section.content .left-menu>ul>li>a.active::after { content:'❯'; position: relative; display: inline-block; margin-left: 10px; font-weight: 900; font-size: 18px; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); }*/
section.content .left-menu>ul>li:not(:last-child) { border-bottom: 1px solid rgb(222,222,222); }
section.content .left-menu>ul>li>ul { padding-left: 30px; padding-right:20px; padding-bottom: 10px }
section.content .left-menu>ul>li>ul>li { padding-bottom: 3px }
section.content .left-menu>ul>li>ul>li>a { color: rgb(128,128,128); font-weight: 300; font-size: 16px; }
section.content .left-menu>ul>li>ul>li>a.active { color: rgb(102,102,102); font-weight: 500; }
/*section.content .left-menu>ul>li>ul>li>a.active::after { content:'❯'; position: relative; display: inline-block; margin-left: 10px; font-weight: 900; font-size: 14px; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); }*/
section.content .left-menu>ul>li>ul>li>ul { padding-left: 20px; }
section.content .left-menu>ul>li>ul>li>ul>li { margin-bottom: 3px; margin-top: 3px; }
section.content .left-menu>ul>li>ul>li>ul>li>a { color: rgb(136,136,136); font-style: italic; font-weight: 300; }
section.content .left-menu>ul>li>ul>li>ul>li>a.active { font-weight: 500; }
section.content .content-img {max-width: 100%;display: block;margin: auto;}
section.content h2 { text-align: right; font-weight: 900; margin-top: 0; margin-bottom: 20px; color: rgb(45,73,147); }
section.content .content-text { text-align: right; font-size: 17px; font-weight: 300; color: rgb(45,73,147); }
section.content .content-text p { font-weight: 300; }
section.content .content-galeri { text-align: right; margin-top: 80px; }
section.content .content-galeri .galeri-item { display: inline-block; width: 18%; margin-left: 1%; height: 128px; position: relative; overflow: hidden; border: 1px solid rgb(221,221,221); border-radius: 3px; box-shadow:1px 1px 1px #ccc; }
section.content .content-galeri .galeri-item img { opacity: .8; width: 100%; position: absolute; z-index:2; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); }

section.content.one-col h2 { text-align: left; }
section.content.one-col .content-text { text-align: left; }

section.content.referans .ref-item {height: 150px;overflow: hidden;position: relative;border: 2px solid rgba(45,73,157,.4); border-radius: 3px}
section.content.referans .ref-item img { position: absolute; max-width: 80%; max-height: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
section.content.referans .ref-heading {color: rgb(45,73,147);font-size: 17px;font-weight: 600;letter-spacing: 2px;padding-top: 10px;padding-bottom: 20px;text-align: center;margin:0;height: 80px;}

section.content.galeri-sayfasi .galeri-item { height: 200px; position: relative; margin-bottom: 30px }
section.content.galeri-sayfasi .galeri-item img { height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transition: .3s all ease;  -webkit-transition: .3s all ease;  -moz-transition: .3s all ease;  -o-transition: .3s all ease;      }
section.content.galeri-sayfasi .galeri-item a:hover { opacity: 1; }
section.content.galeri-sayfasi .galeri-item a:hover img { height: 110%; border: 1px solid rgb(45,73,147); border-radius: 3px; z-index: 10; }
section.content.news .content-text { text-align: left; }
section.content.news h2 { text-align: left; }
section.content.news .content-galeri { text-align: left; }

section.content.news .news-item:not(:last-child) { border-bottom: 2px solid rgba(45,73,147,.2); margin-bottom: 25px; padding-bottom: 25px }
section.content.news .news-item h2 { transition: .3s all ease; }
section.content.news .news-item h2:hover { text-shadow: 1px 1px 2px rgba(45,73,147,.4) }

section.content.galeri-sayfasi h2,section.content.referans h2 { text-align: center; }

footer { overflow-x: hidden; }
footer .filter { position: relative; width: 1920px; left: 50%; transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%); }
footer .filter img { position: absolute; }
footer .filter span { display: inline-block; position: absolute; right: 26%; top: 60px; font-size: 40px; color: white; cursor:pointer; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); }
footer .container {margin-top: 200px; position:relative;}
footer .footer-section a { color: rgb(153,153,153); font-size: 14px; }
footer .footer-section a:hover { opacity: 1; color: rgb(220,220,220); }
footer .footer-section>a { font-weight: 700; font-size: 14px }
footer .footer-section ul a { color: rgb(109,109,109); }
footer .footer-section li { margin-top: 6px; }
footer .footer-right { padding-top: 30px;  }
footer .container .atolye14{position:absolute; right:30px; bottom:6px;}
footer .footer-right img { display: block; margin: auto; }
footer .footer-right .copy { color: rgb(83,83,83); text-align: center; padding-top: 15px; padding-bottom: 20px; }
footer .footer-right .social { font-size: 26px; text-align: center; }
footer .footer-right .social i { color: rgb(83,83,83); padding-left: 5px; padding-right: 5px }
footer .footer-right .social a:hover { opacity: 1; }
footer .footer-right .social a:hover i { color: rgb(153,153,153); }

section.sec-ref .item-list { display: none; }

.communication-form label { display: none; }
.communication-form .mesaj { display: none; }
.communication-form .form-sonuc { display: inline-block; margin-left: 5px; }
.communication-form .form-gonder { background: rgb(45,73,157); padding: 10px 25px;  }
.communication-form .form-gonder:hover { opacity: .8; }
.communication-form input, .communication-form textarea { border-radius: 0; }

section.content.contact .content-text p:nth-child(odd) { margin-bottom: 0; }
section.content.contact .content-text p strong { font-weight: 500; }
.text-left { text-align: left !important; }

@media (min-width: 1200px) and (max-width: 1400px) {

}

@media (min-width: 992px) and (max-width: 1199px) { 
    section.content-header h1 { left: 30%; top: 125px; }
    section.sec-onecikan .filter .controls { left: 470px; }
    section.sec-slider .text-container { width: 970px; }
    section.sec-slider .slide-text p { font-size: 20px; width: 450px; }
    section.sec-slider .slide-text .slide-header { font-size: 30px; width: 450px }
    section.content .content-galeri .galeri-item { height: 110px }

    section.sec-onecikan #newsCarousel2 .controls { left: 70% }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6 { padding-left: 0px; padding-right:0 }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6.img-onecikan { padding-right: 0px; padding-left: 0px; }

}
@media (max-width: 992px) { 
    header div.menu-div>ul>li { border-right: none !important; }
    header div.menu-div>ul>li>a { font-size: 16px; padding-left: 8px; padding-right: 8px; }
    section.sec-urunler .urun-item { padding:0 15px; top: 40% }
    section.sec-urunler { height: 600px }
    section.sec-urunler .container>.row>div { height: 550px; }
    section.sec-urunler .container>.row>div:hover .urun-item { top: 30%; }
    section.sec-slider .text-container { width: 750px; top: 130px }
    section.sec-slider .slide-text p { font-size: 18px; width: 320px; }
    section.sec-slider .slide-text .slide-header { font-size: 24px; width: 320px }

    section.sec-slider #myCarousel { width: 1200px; height: 395px }
    section.sec-slider .filter { top: -205px ; width: 2100px}
    section.sec-onecikan .filter { width: 1500px; }
    section.sec-onecikan .filter .controls { top: 110px }

    section.sec-onecikan .text-onecikan .header { font-size: 26px; }
    section.sec-onecikan .text-onecikan .aciklama {font-size: 18px;padding-left: 0;font-weight: 300; line-height: 1.2;}
    section.sec-onecikan .text-onecikan a { font-size: 16px }
    footer .filter span { right: 32%; }

    header.fixed .logo { margin-top: 18px }
    section.content .content-galeri .galeri-item { height: 80px; }
    section.content-header .filter { width: 1300px; }
    section.content-header h1 { left: 40% }

    section.sec-onecikan #newsCarousel2 .controls { left: 64% }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6 { padding-left: 15px; padding-right:15px }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6.img-onecikan { padding-right: 15px; padding-left: 15px; }
    section.sec-onecikan .img-onecikan div { width: 330px; height: 330px }
}
@media (max-width: 768px) { 
    header .mobile-btn { display: block; }
    header { position: absolute; width: 100%; }
    header div.menu-div>ul {margin-top: -15px; display: none;position: absolute;background: rgba(45,73,157,.9);;width: 100%;left: 0;top: 0;text-align: center;padding-top: 10px;padding-bottom: 10px;z-index: 4;}
    header div.menu-div>ul>li { display: block; }
    header div.menu-div>ul>li>a { font-weight: 400; }
    header div.menu-div>ul>li:not(:last-child) { border-bottom: 2px solid #ccc }
    header div.menu-div>ul>li ul { display: block; position: relative; text-align: center; box-shadow: none; margin-top: 20px; }
    header div.menu-div>ul>li ul li { padding-top: 5px; padding-bottom: 5px; }
    header div.menu-div>ul>li ul li:hover ul { display: none; }
    header div.menu-div>ul>li ul li ul { display: none; }
    header img { margin-top: 0px; }

    section.sec-slider #myCarousel { width: 970px; height: 300px }
    section.sec-slider .filter { display: none; }

    section.sec-onecikan .img-onecikan img { margin-left:auto; margin-right: auto; }
    section.sec-onecikan .text-onecikan { padding-top: 40px; text-align: center }
    section.sec-onecikan .text-onecikan .header { font-size: 24px; }
    section.sec-onecikan .text-onecikan .aciklama { font-size: 18px; padding-left: 0;  }
    section.sec-onecikan { padding-bottom: 40px }
    section.sec-onecikan .filter img { display: none; }

    section.sec-slider .text-container {width: 100%;position: relative;color: white;top: 0px;padding-top: 20px;padding-bottom: 20px;text-align: center;min-height: 250px;background: rgba(45,73,157,.7);height: auto;}
    section.sec-slider .text-container p { text-align: center; padding: 0; width: auto !important; }
    section.sec-urunler {height: auto;padding-top: 0;margin-top: 0;padding-bottom: 40px;}
    section.sec-urunler .urun-item { padding:0 15px; top: 20px;position: relative; height: auto; }
    section.sec-urunler .urun-item img { width: 80px }
    section.sec-urunler .urun-item .header {  }
    section.sec-urunler .urun-item .desc { display: block; }
    section.sec-urunler .container>.row>div { height: auto; padding-bottom: 30px }
    section.sec-urunler .container>.row>div:hover .urun-item { top: 20px; }

    section.sec-ref .carousel-control { line-height: 0; top: 50%; margin-top: -10px }
    section.sec-ref .ref-item { margin-bottom: 20px; }

    section.sec-ref .container-fluid { padding-top: 20px; padding-bottom: 0; }

    footer .container { background: rgb(21,21,21); }
    footer .footer-section { margin-bottom: 30px; text-align: center; }
    footer .filter { right: 0; left: initial; }
    footer .filter span { right: 26%; }
    header .mobile-btn .fa { color: white; text-shadow: 0 0 3px rgb(45,73,157); }
    header { padding-top: 10px; padding-bottom: 10px; background: rgba(45,73,157,.5); }
    header .container { position: relative; }
    header .menu-div { position: static; }

    section.content { padding-top: 10px; padding-bottom: 0px; }
    section.content .content-text { text-align: justify; }
    section.content h2 { text-align: center; }
    section.content .content-img { margin-bottom: 20px }
    section.content .content-galeri { margin-top: 20px; margin-bottom: 20px; text-align: center; }
    section.content .content-galeri .galeri-item { width: 45%; height: 200px }

    section.content-header .filter { width: 1200px; }
    section.content-header h1 { left: 43% }
    section.sec-onecikan  { z-index: 200; }
    section.sec-onecikan .filter { z-index: 250; }
    section.sec-onecikan .filter .controls { left: 50%; top: 140px; transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%); }
    section.sec-slider .slide-text {text-align: center;position: relative;height: auto;float: none;}

    section.sec-onecikan #newsCarousel2 .controls { left: 50%; width: 84px; margin-left: -42px; bottom: 55px }
    section.sec-onecikan #newsCarousel2 .controls .carousel-control.left { font-size: 30px; width: 45px; height: 45px; }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6 { padding-left: 15px; padding-right:15px }
    section.sec-onecikan #newsCarousel2 .item .col-sm-6.img-onecikan { padding-right: 15px; padding-left: 15px; }
    section.sec-onecikan .img-onecikan div {width: 330px;height: 330px;float: none;margin: auto;}
    section.sec-onecikan .img-onecikan {height: 330px;}

header div.menu-div>ul .alt-menu { display: none; }
}
@media (max-width: 600px) { 
    section.content .content-galeri .galeri-item { height: 180px }
}
@media (max-width: 500px) { 
    footer .filter span { right: 35%; }
    section.content .content-galeri .galeri-item { height: 150px; }
    section.content-header .filter { width: 1000px; }
    section.content-header h1 { left: 51% }
}
@media (max-width: 400px) { 
    section.sec-onecikan .img-onecikan div {width: 280px;height: 280px;float: none;margin: auto;}
    section.sec-onecikan .img-onecikan {height: 280px;}
}
@media (max-width: 340px) { 
    section.sec-onecikan .img-onecikan div {width: 260px;height: 260px;float: none;margin: auto;}
    section.sec-onecikan .img-onecikan {height: 260px;}
}