@import "pikare.css";
@font-face{font-family:ZWFont1;src:url(MangoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ZWFont1;src:url(MangoSans-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:ZWFont2;src:url(SaolDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* @font-face{font-family:ZWFont3;src:url(times.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap} */

body{margin:0;background-color:#fff;color:#000;font-family:ZWFont1,Arial;font-size:13px;line-height:1.42857;-webkit-font-smoothing:antialiased}
input[type="checkbox"],input[type="radio"]{position:absolute;overflow:hidden;clip:rect(0px,0px,0px,0px);height:1px;margin:-1px;padding:0;border:0;width:1px!important}
input[type="checkbox"] + label,input[type="radio"] + label{padding-left:30px;padding-right:10px;height:20px;font-family:'ZWFont1';margin:2px;display:inline-block;line-height:25px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer;background-image:url(../img/toolCheck.png);color:#000;background-size:20px;font-size:10px;letter-spacing:0}
input[type="checkbox"]:checked + label,input[type="radio"]:checked + label{background-image:url(../img/toolCheck.png);background-position:0 -19px}
select{border:1px solid #545759;padding:5px 10px;height:35px;font-family:ZWFont1;font-size:11px;border-radius:0;appearance:none;background:url(../img/icoDDOk.png) right center / 20px no-repeat;max-width:100%}
::-webkit-scrollbar{width:3px;background-color:#eee}
::-webkit-scrollbar-track{background-color:#ccc;width:1px;border:1px solid #fff}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{background-color:#000}

/* genel */
.sayfa-pasif {position: fixed;top: 0px;width: calc(-4px + 100vw);height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(20px);z-index: 9;display: none;}
.banner-mobil {display: none;}

/*anasayfa*/
/* nav */
.nav-container {width: 100%;height: 80px;position: fixed;top: 0;z-index: 9;background-color: #fff;display: flex;justify-content: space-between;align-items: center;padding: 10px 50px;transition: all .7s;border-bottom: 1px solid #ededed;}
.nav-container.nav-giris {border-bottom: none;}
.logo {position: absolute;left: 50%;transform: translate(-50%, 0);top: 8px;width: 250px;height: 64px;background: url(../img/logo.png) center / 100% no-repeat;transition: all .7s;}
.fuar-logo {z-index: 2;width: 430px;height: 100px;top: 20px;}
.nav-giris {background-color: transparent;color: #fff;}
.nav-giris .logo {width: calc(250px * 2.5);height: calc(64px * 2.5);z-index: 10;margin: 0 auto;top: 0;background: url(../img/logo-beyaz.png) center / 100% no-repeat;}
.nav-menu-container {display: none;padding: 40px 40px 100px;background-color: #fff;width: 100%;position: absolute;left: 0;z-index: 11;top: 80px;}
.nav-menu {display: flex;justify-content: space-around;}
.nav-column {display: flex;flex-direction: column;}
.nav-title {color: #000;margin-bottom: 15px;letter-spacing: 2px;font-size: 14px;}
.nav-links {display: flex;flex-direction: column;line-height: 27px;}
.nav-links a {color: #4c4c4c;text-decoration: none;margin-bottom: 8px;font-size: 14px;font-weight: 300;}
.nav-links a:hover {color: #000;}
.nav-links a::before {content: "";background: url(../img/link.png) left center / contain no-repeat;width: 7px;display: inline-block;height: 7px;margin-right: 20px;}

.nav-giris .nav-btn span {background:#fff}
.nav-btn{width:31px;height:20px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:999}
.nav-btn span{display:block;position:absolute;height:3px;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-btn span:nth-child(1){top:0}
.nav-btn span:nth-child(2),.nav-btn span:nth-child(3){top:9px;}
.nav-btn span:nth-child(4){top:18px}
.nav-btn.open span{background-color:#000}
.nav-giris .nav-btn.open span{background-color:#fff}
.nav-btn.open span:nth-child(1){top:18px;width:0;left:50%}
.nav-btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-btn.open span:nth-child(4){top:18px;width:0;left:50%}
.nav-btn > div:nth-of-type(2) {padding-left: 50px;}
.nav-dis-link {position: relative;}
.nav-dis-link::before {content: "";background: left center / contain no-repeat;background-image: url(../img/link.png);width: 7px;display: inline-block;height: 7px;margin-right: 10px;}
.nav-giris .nav-dis-link::before {background-image: url(../img/link-beyaz.png);}
.nav-menu-container .nav-dis-link {display: none;}

.degerler-container.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;border-radius: 50%;}
.degerler-container.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {width: 10px;height: 10px;}

/* slide */
.anasayfa-banner {position: relative;}
.slide-mobil-resim {display: none !important;}
.slide-yazi {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;text-align: center;font-size: 15px;width: 35%;font-weight: 300; line-height: 25px;letter-spacing: 1px;}
.slide-yazi span {font-weight: 400;display: block;margin-top: 40px;}

@keyframes drop {
0%{top:0;opacity:0}
100%{top:80%;opacity:1}
}
.mouse-icon{cursor:pointer;position:absolute;bottom:20%;left:0;height: 100px;width: 90px;display:block;z-index:1;right:0;margin:auto}
.mouse-icon::before{content:" ";position:absolute;top:0;left:0;right:0;margin:0 auto;width: 60px;height: 60px;background:url(../img/scroll.png) center center / cover no-repeat;animation-name:drop;animation-duration:1.2s;animation-timing-function:linear;animation-delay:0;animation-iteration-count:infinite;animation-play-state:running;opacity:0}

#owl-slide .owl-prev, #owl-slide .owl-next {position: absolute;top: 45%;width: 25px;height: 25px;}
#owl-slide .owl-prev{background: url(../img/navL4.png) center center / contain no-repeat!important;left: 1%;}
#owl-slide .owl-next{background: url(../img/navR4.png) center center / contain no-repeat!important;right: 1%;}

.hakkimizda-container {display: flex;margin: 100px 0;}
.hakkimizda-detay1 {width: 62%;display: flex;justify-content: flex-end;}
.hakkimizda-detay1 > div {position: relative;}
.hakkimizda-detay1 > div > div {position: absolute;top: 21%;left: 2%;font-family: ZWFont2;font-size: 60px;line-height: 45px;}
.hakkimizda-detay1 > div > div > h1 {font-family: 'ZWFont1';font-weight: 100;font-size: 17px;}
.hakkimizda-detay2 {width: 38%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0px 5% 11.5% 2%;}
.hakkimizda-detay2 > div {font-family: Times;font-style: italic;font-size: 25px;margin-bottom: 20px;}
.hakkimizda-detay2 > p {font-weight: 300;line-height: 25px;margin-bottom: 40px;}
.hakkimizda-detay2 > a {display: inline-block;width: fit-content;background: url(../img/icoOk2.png) right center / 10px no-repeat;padding-right: 20px;font-size: 12px;letter-spacing: 1px;}

#owl-banner .owl-dots {position: absolute;bottom: 24px;left: 0;right: 0;}
#owl-banner .owl-dots .owl-dot span {width: 50px;height: 1px;margin: 0px 4px;background: #dddddd;}
#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span {background: #fff;height: 1px;}
.banner-slide-yazi {position: absolute;z-index: 2;width: 70% !important;margin: 0 auto;left: 0;right: 0;bottom: 0%;opacity: 0;transition: all .7s;color: #fff;text-align: center;line-height: 25px;letter-spacing: 1px;}
.banner-slide-yazi > div:nth-of-type(1) {font-size: 20px;margin-bottom: 20px; letter-spacing: 1px;}
.banner-slide-yazi > div:nth-of-type(2) {font-size: 12px;font-weight: 300;}
.owl-item.center .banner-slide-yazi {bottom: 15%;opacity: 1;}

#owl-banner .owl-prev, #owl-banner .owl-next {position: absolute;top: 45%;width: 35px;height: 35px;}
#owl-banner .owl-prev{background: url(../img/navL4.png) center center / contain no-repeat!important;left: 1%;}
#owl-banner .owl-next{background: url(../img/navR4.png) center center / contain no-repeat!important;right: 1%;}

.degerler-container {display: flex;width: 80%;margin: 100px auto;}
.degerler-card {margin: 0 1.5%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.degerler-card > div:nth-of-type(1) {}
.degerler-card > div:nth-of-type(1) > img {max-width: 90px;}
.degerler-card > h3 {font-size: 25px;display: block;font-weight: 300;line-height: 35px;margin-top: 10px;}
.degerler-card > h3 > span {font-size: 35px;font-family: Times;font-style: italic; letter-spacing: -1px;}
.degerler-card > p {font-weight: 300;margin: 20px 0 40px;font-size: 12px;letter-spacing: 1px;line-height: 22px;}
.degerler-card > a {background: url(../img/icoOk2.png) right center / 10px no-repeat;padding-right: 20px;font-size: 12px;letter-spacing: 1px;}

.markalar-container {margin-bottom: 100px;}
.markalar-title {text-align: center;width: 40%;margin: 0 auto 40px;}
.markalar-title h3 {font-size: 25px;margin-bottom: 20px;}
.markalar-title p {font-weight: 300;letter-spacing: 1px;font-size: 12px;}
#owl-marka {width: 90%;margin: 0 auto;}
#owl-marka .owl-item {overflow: hidden;}
#owl-marka .owl-prev, #owl-marka .owl-next {position: absolute;top: 45%;width: 25px;height: 25px;}
#owl-marka .owl-prev{background: url(../img/navL4.png) center center / contain no-repeat!important;left: -10%;}
#owl-marka .owl-next{background: url(../img/navR4.png) center center / contain no-repeat!important;right: -10%;}
.markalar-card {position: relative;}
.markalar-card img {scale: 1}
.markalar-logo {position: absolute;bottom: 10%;left: 50%;transform: translate(-50%, 0);}

.footer-container{background-color: #000;padding-bottom: 5px;}
.footer-menu {display: flex;justify-content: space-between;padding: 40px 0;width: 90%;margin: 0 auto 30px;border-bottom: 1px solid #f7f5ee4d;}
.footer-column {display: flex;flex-direction: column;}
.footer-title {color: #fff;margin-bottom: 15px;letter-spacing:1px;font-size: 13px;}
.footer-links {display: flex;flex-direction: column;line-height: 27px;}
.footer-links a {color: #cbcbcb;text-decoration: none;margin-bottom: 8px;font-size: 14px;font-weight: 300;}
.footer-links a:hover {color: #fff;}
.footer-links a::before {content: "";background: url(../img/link-beyaz.png) left center / contain no-repeat;width: 7px;display: inline-block;height: 7px;margin-right: 20px;}
.footer-alt {color: #f7f5ee;width: 90%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.footer-sm {background: url(../img/link-beyaz.png) left center / 7px no-repeat;padding-left: 24px;display: flex;align-items: center;font-size: 13px;font-weight: 300;color: #f7f5ee;}
.footer-sm span {display: block;margin-right: 20px;}
.instagram, .facebook {display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: center / 20px no-repeat #fff;margin: 0 7px;}
.instagram {background-image: url(../img/icoInstagram.svg);}
.facebook {background-image: url(../img/icoFacebook.svg);}

.pikare,.pikare2{display:table;width:auto!important;margin:0 auto;color:#14294c!important;font-size:14px!important;line-height:30px;font-weight:700!important}
.pikare a,.pikare2 a{display:table;color:#14294c!important}
.pikare a img,.pikare2 a img{float:left;height:30px;margin-right:0!important}
.pikare a img:last-of-type,.pikare2 a img:last-of-type{width:0;height:15px;margin:6px 3px 0!important;transition:width .3s}
.pikare:hover img:last-of-type,.pikare2:hover img:last-of-type{width:56px;margin:6px 6px 0!important;transition:width .5s}
.pikare2,.pikare2 a{color:#fff!important}

/* kurumsal */
.kurumsal-slider {position: relative;}
.kurumsal-slider > div {position: absolute;top: 30%;left: 50%;width: 40%;transform: translate(-50%, 0);align-items: center;display: flex;flex-direction: column;color: #fff;text-align: center;}
.kurumsal-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.kurumsal-slider > div > p {font-size: 14px;font-weight: 300;line-height: 32px;letter-spacing:1px;}
.kurumsal-slider > div > p > b {font-weight: 600;}
.kurumsal-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.kurumsal-slider > div > div::before {content: '';display: block;display: inline-block;margin-right: 10px;width: 10px;height: 10px;background-color: #fff;}
.kurumsal-title {font-size: 20px;letter-spacing: 2px;margin-bottom: 60px;}
.kurumsal-text {font-weight: 300;line-height: 30px;font-size: 13px; letter-spacing: 1px;}
.kurumsal-tarihce-flex {width: 50%;margin: 20px auto 70px;background: url(../img/bg-acarlar2.png) center / contain no-repeat;padding: 40px 0 100px;}
.kurumsal-tarihce-content {position: relative;}
.kurumsal-tarihce-content .kurumsal-title {/* margin-bottom: 200px; */}
.kurumsal-tarihce-content > span {display: block;font-family: Times;font-style: italic;font-size: 35px;margin-bottom: 30px;}
.kurumsal-tarihce-content > div {line-height: 40px;width: fit-content;text-align: center;margin-bottom: 90px;font-size: 17px;font-weight: 300;}
.kurumsal-tarihce-content > div > span {font-family: ZWFont2;font-size: 50px;font-weight: 400;}
.kurumsal-tarihce-image {}
.kurumsal-degerler-flex {position: relative;}
.kurumsal-degerler-content {position: absolute;color: #fff;top: 25%;width: 60%;left: 50%;transform: translate(-50%, 0px);}
.kurumsal-yonetim-flex {flex-direction: column;width: 70%;margin: 80px auto 120px;}
.kurumsal-yonetim-content {background-color: #fff;width: 70%;margin: 0 auto;}
.kurumsal-yonetim-image {display: flex;margin: 100px 0;}
.kurumsal-yonetim-image > div {width: 49%;margin: 0 .5%;}
.kurumsal-yonetim-flex > div:last-of-type {width: 100%;}
.kurumsal-yonetim-flex .kurumsal-title {display: flex;justify-content: center;}
.kurumsal-kariyer-flex {display: flex;align-items: center;margin-bottom: 100px;}
.kurumsal-kariyer-image {width: 45%;}
.kurumsal-kariyer-content {width: 55%;padding: 0 5% 0 10%;}
.kurumsal-kariyer-content a {display: block;letter-spacing: 2px;padding: 15px 40px;border: 1px solid #d4d4d4;width: fit-content;margin-top: 50px;}
main#kurumsal-tarihce .kurumsal-tarihce-flex {padding-top: 130px;}
main#kurumsal-tarihce .kurumsal-tarihce-image {width: 80%;margin: 0 auto;display: flex;align-items: center;}
main#kurumsal-tarihce .kurumsal-tarihce-image > div {width: 32.3%;margin: 0 .5%;}
main#kurumsal-tarihce .kurumsal-tarihce-image > div:nth-of-type(2) {padding-bottom: 80px;}
main#kurumsal-degerler .kurumsal-degerler-flex {width: 80%;margin: 100px auto;display: flex;align-items: center;}
main#kurumsal-degerler .kurumsal-degerler-content {position: unset;transform: unset;color: #000;padding: 0 5%;}
main#kurumsal-degerler .kurumsal-degerler-content > span {font-family: Times;font-size: 20px;display: block;font-style: italic;margin-bottom: 60px;}
main#kurumsal-yonetim .kurumsal-yonetim-flex {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;width: 80%;}
main#kurumsal-yonetim .kurumsal-yonetim-flex > div:first-of-type {width: 70%;margin: 0 auto 100px;text-align: center;}
main#kurumsal-yonetim .kurumsal-yonetim-flex > div:nth-of-type(2) {width: 50%;background-color: #ededed;padding: 10% 5%;}
main#kurumsal-yonetim .kurumsal-yonetim-flex > div:last-of-type {width: 50%;margin: 0;}

/* markalar */
.marka-slider {position: relative;margin-bottom: 100px;}
.marka-slider > div {position: absolute;top: 35%;left: 5%;width: 30%;min-width: 30%;}
.marka-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.marka-slider > div > p {font-size: 13px;font-weight: 300; letter-spacing: 1px; line-height: 32px;}
.marka-container {margin-bottom: 200px;}
.marka-title {display: flex;flex-direction: column;align-items: center;margin-bottom: 150px;}
.marka-title > img {}
.marka-title > p {font-weight: 300;width: 40%;line-height: 30px;margin-top: 50px; letter-spacing: 1px; text-align: center;}
.marka-urun-container {}
.marka-urun-content {display: flex;align-items: center;}
.marka-urun-content > div {}
.marka-urun-container > a {display: block;letter-spacing: 2px;padding: 10px 10px 10px 15px;border: 1px solid;width: fit-content;margin: 50px auto 0;}
.marka-urun-container > a::before {content: '+';display: inline-block;margin-right: 10px;font-size: 15px;}
.marka-nautica {position: relative;z-index: 1;padding-top: 100px;}
.marka-nautica::before {content: "";display: block;width: 100%;height: 60%;background-color: #ededed;margin-bottom: 50px;position: absolute;top: 0;z-index: -1;}
.marka-urun-nautica {width: 80%;margin: 0 auto;gap: 48px;justify-content: center;}
.marka-urun-nautica > div {}
.marka-urun-nautica > div:nth-of-type(2) {padding-bottom: 80px;}

.marka-urun-container .owl-carousel {display: flex !important;}

/* strateji */
.strateji-slider {position: relative;margin-bottom: 100px;}
.strateji-slider > div {position: absolute;top: 30%;left: 10%;width: 30%;min-width: 30%;display: flex;flex-direction: column;}
.strateji-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.strateji-slider > div > p {font-size: 13px;font-weight: 300;line-height: 32px;letter-spacing:1px;}
.strateji-slider > div > p > b {font-weight: 600;}
.strateji-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.strateji-slider > div > div::before {content: '';display: block;display: inline-block;margin-right: 10px;width: 10px;height: 10px;background-color: #000;}
.strateji-number {display: block;font-size: 20px;margin-bottom: 80px;}
.strateji-title {font-size: 25px;letter-spacing: 2px;margin-bottom: 60px;}
.strateji-text {font-weight: 300;line-height: 35px;font-size: 13px; letter-spacing: 1px;}
.strateji-marka-flex {display: flex;width: 80%;margin: 80px auto;background-color: #f8f8f8;}
.strateji-marka-image {width: 45%;}
.strateji-marka-content {width: 55%;padding: 8% 4% 0;}
main#strateji-marka .strateji-slider > div {color: #fff;text-align: center;top: 45%;left: 50%;width: 35%;transform: translate(-50%, 0);align-items: center;}
main#strateji-marka .strateji-slider > div > div::before {background-color: #fff;}
main#strateji-marka .strateji-marka-flex {display: flex;flex-direction: column;align-items: center;width: 80%;margin: 0 auto;text-align: center;background-color: #fff;}
main#strateji-marka .strateji-marka-flex > div {margin-bottom: 40px;}
main#strateji-marka .strateji-marka-content {padding: 0;}
.strateji-uretim-flex {display: flex;flex-direction: column;align-items: center;width: 55%;margin: 80px auto 40px;}
.strateji-uretim-content {text-align: center;margin-bottom: 40px;padding: 0 50px;}
.strateji-uretim-image {margin-bottom: 40px;}
.strateji-uretim-detay-image > div > div:nth-of-type(2) {font-size: 25px;font-weight: 400;margin-bottom: 10px;margin-top: 40px;}
.strateji-uretim-detay-image > div > div:nth-of-type(3) {font-size: 25px;font-family: Times;font-style: italic; letter-spacing: 0px;}
.strateji-uretim-detay-flex {display: flex;flex-direction: column;width: 85%;margin: 0 auto 40px;}
.strateji-uretim-detay-flex > div {font-size: 13px;font-weight: 300;line-height: 30px;letter-spacing:1px;margin: 30px 0;}
.strateji-uretim-detay-flex > div:nth-of-type(1) {text-align: right;padding-left: 50%;}
.strateji-uretim-detay-flex > div:nth-of-type(2) {display: flex;align-items: center;justify-content: center;}
.strateji-uretim-detay-flex > div:nth-of-type(2) > div {width: 25%;text-align: center;}
.strateji-uretim-detay-flex > div:nth-of-type(3) {padding-right: 30%; font-size: 13px;}
.strateji-erisim-flex {display: flex;width: 78%;margin: 0px auto 40px;position: relative;padding-top: 100px;}
.strateji-erisim-flex::before {content: "";display: block;position: absolute;top: 0;background: url(../img/bg-acarlar.png) center / contain no-repeat;width: 606px;height: 576px;margin: 0 auto;left: -185px;margin: 0 auto;right: 0;}
.strateji-erisim-image {width: 45%;z-index: 1;}
.strateji-erisim-content {width: 55%;padding: 8% 4% 0;}
.strateji-musteri-container {position: relative;z-index: 1;padding-bottom: 40px;}
.strateji-musteri-container::before {content: "";display: block;width: 100%;height: 35%;background-color: #f7f7f7;position: absolute;bottom: 0;z-index: -1;}
.strateji-musteri-flex {display: flex;flex-direction: column;align-items: center;width: 55%;margin: 80px auto 0;}
.strateji-musteri-content {text-align: center;margin-bottom: 40px;padding: 0 50px;}
.strateji-musteri-image {margin-bottom: 40px;}

/* inovasyon */
.inovasyon-slider {position: relative;margin-bottom: 60px;}
.inovasyon-slider > div {position: absolute;top: 30%;left: 10%;width: 30%;min-width: 30%;display: flex;flex-direction: column;}
.inovasyon-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.inovasyon-slider > div > p {font-size: 13px;font-weight: 300;line-height: 32px;letter-spacing:1px;}
.inovasyon-slider > div > p > b {font-weight: 600;}
.inovasyon-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.inovasyon-slider > div > div::before {content: '';display: block;display: inline-block;margin-right: 10px;width: 10px;height: 10px;background-color: #000;}
.inovasyon-number {display: block;font-size: 20px;margin-bottom: 80px;}
.inovasyon-title {font-size: 20px;letter-spacing: 1px;margin-bottom: 30px;}
.inovasyon-text {font-weight: 300;line-height: 30px;font-size: 13px; letter-spacing: 1px;}
.inovasyon-tasarim-flex {display: flex;width: 60%;margin: 80px auto;flex-direction: column;align-items: center;text-align: center;}
.inovasyon-tasarim-image {margin-left: -120px;margin-bottom: 40px;}
.inovasyon-tasarim-content {width: 70%;margin-bottom: 40px;}
.inovasyon-malzeme-flex {display: flex;align-items: stretch;}
.inovasyon-malzeme-image {width: 43%;}
.inovasyon-malzeme-content {background-color: #ededed;padding-top: 10%;padding: 8% 5% 0;width: 57%;}
.inovasyon-malzeme-content > .inovasyon-text > span {font-family: Times;font-style: italic;font-size: 24px;}
.inovasyon-trend-container {width: 80%;margin: 100px auto 0;}
.inovasyon-trend-container > .inovasyon-trend-content {text-align: center;width: 50%;margin: 0 auto 60px;}
main#inovasyon-trend .inovasyon-trend-container {margin-bottom: 100px;}
.inovasyon-trend-flex {display: flex;align-items: center;}
.inovasyon-trend-image {}
.inovasyon-trend-flex .inovasyon-trend-content {border: 1.5px solid #ededed;border-left: none;padding: 10% 5%;}
.inovasyon-trend-content > .inovasyon-text > span {font-family: Times;font-style: italic;font-size: 24px; letter-spacing: 0px;}
.inovasyon-mutluluk-flex {display: flex;flex-direction: column;text-align: center;position: relative;z-index: 1;padding-top: 10px;margin:60px 0 100px;}
.inovasyon-mutluluk-flex::before {content: "";display: block;width: 100%;height: 80%;background-color: #f7f7f7;position: absolute;top: 0;z-index: -1;}
.inovasyon-mutluluk-image {}
.inovasyon-mutluluk-content {width: 50%;margin: 0 auto;}
main#inovasyon-mutluluk .inovasyon-mutluluk-flex::before {display: none;}
main#inovasyon-malzeme .inovasyon-title {text-align: center;padding: 0 20px;}
main#inovasyon-malzeme .inovasyon-malzeme-flex {flex-direction: column;width: 70%;margin: 0 auto 100px;}
main#inovasyon-malzeme .inovasyon-malzeme-content {background-color: #fff;padding: 0 0% 5%;width: 70%;margin: 0 auto;}
main#inovasyon-malzeme .inovasyon-malzeme-image {display: flex;width: 100%;}
main#inovasyon-malzeme .inovasyon-malzeme-image > div {width: 32.3%;margin: 0 .5%;}

/* sürdürülebilirlik */
.surdurulebilirlik-slider {position: relative;margin-bottom: 60px;}
.surdurulebilirlik-slider > div {position: absolute;top: 30%;left: 15%;width: 30%;min-width: 30%;display: flex;flex-direction: column;}
.surdurulebilirlik-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.surdurulebilirlik-slider > div > p {font-size: 13px;font-weight: 300;line-height: 32px;letter-spacing:1px;}
.surdurulebilirlik-slider > div > p > b {font-weight: 600;}
.surdurulebilirlik-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.surdurulebilirlik-slider > div > div::before {content: '';display: block;display: inline-block;margin-right: 10px;width: 10px;height: 10px;background-color: #000;}
.surdurulebilirlik-title {font-size: 20px;letter-spacing: 2px;margin-bottom: 60px; padding-top: 40px;}
.surdurulebilirlik-text {font-weight: 300;line-height: 35px;font-size: 13px; letter-spacing: 1px;}
.surdurulebilirlik-title {display: flex;justify-content: center;}
.surdurulebilirlik-uretim-flex {flex-direction: column;width: 70%;margin: 0 auto 100px;}
.surdurulebilirlik-uretim-content {background-color: #fff;width: 70%;margin: 0 auto;}
.surdurulebilirlik-uretim-image {display: flex;margin: 100px 0;}
.surdurulebilirlik-uretim-image > div {width: 32.3%;margin: 0 .5%;}
.surdurulebilirlik-doga-flex {position: relative;}
.surdurulebilirlik-doga-content {position: absolute;color: #fff;top: 25%;width: 40%;left: 50%;transform: translate(-50%, 0px);text-align: center;}
.surdurulebilirlik-insan-container {width: 80%;margin: 100px auto 0;}
.surdurulebilirlik-insan-container > .surdurulebilirlik-insan-content {text-align: center;width: 50%;margin: 0 auto 60px;}
.surdurulebilirlik-insan-flex {display: flex;align-items: center;position: relative;}
.surdurulebilirlik-insan-image {width: 60%;}
.surdurulebilirlik-insan-flex .surdurulebilirlik-insan-content {border: 1.5px solid #ededed;padding: 10% 8% 10% 40%;width: 75%;position: absolute;right: 0;z-index: 1;}
.surdurulebilirlik-sorumluluk-container {position: relative;z-index: 1;padding-top:0px; margin: 100px 0;}
.surdurulebilirlik-sorumluluk-container::before {content: "";display: block;width: 100%;height: 45%;background-color: #f7f7f7;position: absolute;top: 0;z-index: -1;}
.surdurulebilirlik-sorumluluk-flex {flex-direction: column;width: 70%;margin: 0 auto;position: relative;z-index: 1;}
.surdurulebilirlik-sorumluluk-content {padding: 0 40px;margin: 40px auto;text-align: center;}
.surdurulebilirlik-sorumluluk-image {display: flex;}
.surdurulebilirlik-sorumluluk-image > div {width: 32.3%;margin: 0 .5%;}
main#surdurulebilirlik-doga .surdurulebilirlik-slider > div {color: #fff;text-align: center;top: 30%;left: 50%;width: 35%;transform: translate(-50%, 0);align-items: center;}
main#surdurulebilirlik-doga .surdurulebilirlik-slider > div > div::before {background-color: #fff;}
main#surdurulebilirlik-doga .surdurulebilirlik-doga-flex {flex-direction: column;width: 70%;margin: 0 auto 100px;}
main#surdurulebilirlik-doga .surdurulebilirlik-doga-content {background-color: #fff;width: 70%;margin: 0 auto;position: unset;color:#000;top: unset;left: unset;transform: unset;}
main#surdurulebilirlik-doga .surdurulebilirlik-doga-image {display: flex;margin: 100px 0;}
main#surdurulebilirlik-doga .surdurulebilirlik-doga-image > div {width: 32.3%;margin: 0 .5%;}
main#surdurulebilirlik-uretim .surdurulebilirlik-slider {color: #fff;}
main#surdurulebilirlik-uretim .surdurulebilirlik-slider > div > div::before {background-color: #fff;}
main#surdurulebilirlik-insan .surdurulebilirlik-slider > div {color: #fff;text-align: center;top: 30%;left: 50%;width: 35%;transform: translate(-50%, 0);align-items: center;}
main#surdurulebilirlik-insan .surdurulebilirlik-slider > div > div::before {background-color: #fff;}
main#surdurulebilirlik-insan .surdurulebilirlik-insan-container {width: 60%;margin-bottom: 100px;}
main#surdurulebilirlik-insan .surdurulebilirlik-insan-container > .surdurulebilirlik-insan-content {width: 70%;}
main#surdurulebilirlik-sorumluluk .surdurulebilirlik-sorumluluk-container::before {display: none;}

/* haberler */
.haberler-slider {position: relative;}
.haberler-slider > div {position: absolute;top: 40%;left: 50%;width: 40%;transform: translate(-50%, 0);align-items: center;display: flex;flex-direction: column;color: #fff;text-align: center;}
.haberler-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.haberler-slider > div > p {font-size: 16px;font-weight: 300;line-height: 32px;letter-spacing:2px;}
.haberler-slider > div > p > b {font-weight: 600;}
.haberler-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.haberler-title {font-size: 25px;letter-spacing: 2px;margin-bottom: 60px;}
.haberler-text {font-weight: 300;line-height: 30px;font-size: 13px; letter-spacing: 1px;}
.haberler-marka-flex {display: flex;width: 80%;margin: 70px auto 0;align-items: center;}
.haberler-marka-content {padding: 0 5%;width: 60%;}
.haberler-marka-image {width: 40%;}
.haberler-ulke-flex {display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto;background: url(../img/bg-acarlar.png) center / contain no-repeat;padding: 100px 0;}
.haberler-ulke-flex > div:first-of-type {width: 100%;text-align: center;}
.haberler-ulke-flex > div {width: 33.3%;}
.haberler-ulke-flex > div:nth-of-type(2) {align-self: flex-end;padding: 0 40px 40px 0;}
.haberler-ulke-flex > div:nth-of-type(4) {padding: 40px 0 0 40px;}
.haberler-private-flex {display: flex;width: 80%;margin: 0 auto 150px;align-items: center;}
.haberler-private-content {padding: 0 5%;width: 60%;}
.haberler-private-image {width: 40%;}

/* iletisim */
.iletisim-slider {position: relative;margin-bottom: 100px;}
.iletisim-slider > div {position: absolute;top: 30%;left: 15%;width: 30%;min-width: 30%;display: flex;flex-direction: column;}
.iletisim-slider > div > h1 {font-size: 25px;margin-bottom: 30px;}
.iletisim-slider > div > p {font-size: 13px;font-weight: 300;line-height: 32px;letter-spacing:1px;}
.iletisim-slider > div > p > b {font-weight: 600;}
.iletisim-slider > div > div {margin-bottom: 40px;font-weight: 300;font-size: 16px;letter-spacing: 1px;}
.iletisim-slider > div > div::before {content: '';display: block;display: inline-block;margin-right: 10px;width: 10px;height: 10px;background-color: #000;}

.iletisim-detay-container {width: 60%;margin: 50px auto;border-bottom: 2px solid #e8e8e8;padding-bottom: 80px;}
.iletisim-detay-baslik {font-size: 20px;margin-bottom: 40px;}
.iletisim-detay-flex {display: flex;flex-wrap: wrap;width: 50%;line-height: 30px;justify-content: space-between;}
.iletisim-detay-flex > div {width: 48%;font-size: 13px;font-weight: 300; letter-spacing: 1px;}
.iletisim-detay-flex > div:last-of-type {width: 100%;margin-top: 50px;font-weight: 400;}
.iletisim-detay-flex > div:last-of-type a {border-bottom: 1px solid #000;}

.iletisim-form-container {width: 60%;margin: 80px auto;}
.iletisim-form-baslik {font-size: 20px;margin-bottom: 40px;}
.iletisim-form {display: flex;flex-wrap: wrap;}
.iletisim-form input::placeholder, .iletisim-form textarea::placeholder {color: #404040;}
.iletisim-form-bilgi {margin-bottom: 20px;width: 100%;background-color: #ededed;}
.iletisim-form-bilgi:nth-of-type(6) {background-color: transparent;}
.iletisim-form-bilgi input[type="text"], 
.iletisim-form-bilgi input[type="date"], 
.iletisim-form-bilgi select, 
.iletisim-form-bilgi textarea {padding: 20px 14px;width: calc(100% + 0px);background-color: transparent;border: none;color: #404040;font-size: 15px;font-weight: 300;height: auto;}
.iletisim-form-bilgi textarea {height: 100px;}
.iletisim-form-bilgi select {background-image: url("../img/icoSecim.png");background-size: auto;}
.iletisim-form-buton {margin-top: 40px;border-bottom: none !important;background-color: #000;color: #fff;font-size: 15px;width: 170px;text-align: center;padding: 15px 0;}


/* fuar */
.iletisim-fuar-container {position: relative;}
.iletisim-fuar {position: absolute;top: 25%;left: 15%;border-bottom: none;padding: 0;}
.fuar-slider > div {top: 30% !important;}


/* responsive */
@media screen and (max-width: 1600px) {
.surdurulebilirlik-doga-content {top: 5%;}
}

@media screen and (max-width: 1400px) {
    .strateji-slider > div {top: 10%;left: 5%;width: 40%;}
    main#strateji-marka .strateji-slider > div {top: 25%;}
    .surdurulebilirlik-doga-content {width: 60%;}
}

@media screen and (max-width: 1280px) {
    .kurumsal-slider > div {top: 20%;}
    .kurumsal-tarihce-flex {width: 70%;}
    .marka-slider > div {top: 15%;width: 40%;}
}

@media screen and (max-width: 1000px) {
    .mouse-icon {bottom: 15%;height: 60px;}
    .mouse-icon::before {width: 50%;height: 50px;}
    .banner-mobil {display: block;}
    .banner-web {display: none;}
    .nav-container {position: unset;padding: 10px 20px;}
    .nav-btn {width: 24px;height: 15px;}
    .nav-btn span:nth-child(2), .nav-btn span:nth-child(3) {top: 7px;}
    .nav-btn span:nth-child(4) {top: 14px;}
    .nav-menu > div:last-of-type > a {background: none;}
    .fuar-logo {width: 450px !important;left: 50% !important;transform: translate(-50%, 0) !important;height: 110px !important;}
    .nav-container, .nav-giris {background-color: #fff;color: #000;height: 80px;}
    .logo, .nav-giris .logo {width: 250px;height: 64px;background: url(../img/logo.png) center / 100% no-repeat;top: 1%;}
    .nav-container.nav-giris {border-bottom: 1px solid #ededed;}
    .nav-giris .nav-btn span {background-color: #000;}
    .nav-btn > div:nth-of-type(2) {display: none;}
    .nav-menu-container {height: 100%;top: 0;left: -100%;display: block;position: fixed;width: 100%;}
    .nav-menu {flex-wrap: wrap;padding-top: 50px;}
    .nav-column {width: 100%;}
    .nav-links {display: none;padding-left: 20px;line-height: 40px;}
    .nav-giris .nav-dis-link::before {background-image: url(../img/link.png);}
    .nav-title {margin-bottom: 0;line-height: 50px;background: url(../img/icoOkDown.svg) right center / 15px no-repeat;}
    .nav-menu-container .nav-dis-link {display: block;font-size: 14px;line-height: 50px;letter-spacing: 2px;}
    .nav-menu-container .nav-dis-link::before {display: none;}
    .nav-menu-sag .nav-dis-link {display: none;}

    .slide-resim {display: none !important;}
    .slide-mobil-resim {display: block !important;}
    .slide-yazi {width: 90%;}

    .hakkimizda-container {flex-direction: column-reverse;margin: 40px 0;}
    .hakkimizda-detay1 {width: 95%;margin: 0 auto}
    .hakkimizda-detay2 {width: 85%;margin: 0 auto 20px;padding: 0;}
    .hakkimizda-detay2 > a {padding-left: 0;font-size: 12px;}

    .banner-slide-yazi {width: 90% !important;}
    .banner-slide-yazi > div:nth-of-type(1) {font-size: 15px;}
    .banner-slide-yazi > div:nth-of-type(2) {font-size: 10px;line-height: 20px;}
    #owl-banner .owl-prev, #owl-banner .owl-next {width: 20px;height: 20px;}

    .degerler-container {width: 90%;flex-wrap: wrap;margin: 40px auto  75px;}
    .degerler-card {width: 85%;margin: 0 auto;}
    .degerler-container.owl-theme .owl-dots, .owl-theme .owl-nav {margin-top: 20px;}
    .markalar-title h3 {font-size: 18px;}


    .markalar-container {width: 80%;margin: 0 auto 40px;}
    .markalar-title, #owl-marka {width: 100%;}

    .kurumsal-text, .inovasyon-text, .strateji-text, .surdurulebilirlik-text {font-size: 11px;line-height: 25px;}

    /* kurumsal */
    .kurumsal-slider > div {top: 20%;width: 90%;}
    .kurumsal-slider > div > h1 {font-size: 20px;}
    .kurumsal-slider > div > div {font-size: 14px;}
    .kurumsal-slider > div > p {font-size: 11px;line-height: 25px;}
    .kurumsal-tarihce-flex, .kurumsal-yonetim-flex {width: 90%;}
    .kurumsal-tarihce-flex {padding: 40px 0 0;}
    .kurumsal-title {font-size: 16px;margin-bottom: 30px;letter-spacing: 1px;}
    .kurumsal-tarihce-content > div {line-height: 30px;margin-bottom: 40px;font-size: 14px;}
    .kurumsal-tarihce-content > div > span {font-size: 35px;}
    .kurumsal-tarihce-content > span {font-size: 20px;}
    .kurumsal-yonetim-content {width: 100%;}
    .kurumsal-yonetim-image {margin: 40px 0;}
    main#kurumsal-tarihce .kurumsal-tarihce-image {width: 100%;}
    main#kurumsal-degerler .kurumsal-degerler-flex {flex-direction: column-reverse;margin: 50px auto;width: 100%;}
    main#kurumsal-degerler .kurumsal-degerler-content {width: 100%;margin-bottom: 40px;}
    main#kurumsal-degerler .kurumsal-degerler-content > span {font-size: 16px;margin-bottom: 40px;}
    main#kurumsal-yonetim .kurumsal-yonetim-flex > div:nth-of-type(2) {width: 100%;}
    main#kurumsal-yonetim .kurumsal-yonetim-flex > div:last-of-type {width: 100%;}
    main#kurumsal-yonetim .kurumsal-yonetim-flex {width: 100%;}
    main#kurumsal-yonetim .kurumsal-yonetim-flex > div:first-of-type {width: 90%;margin: 0 auto 40px;}
    .kurumsal-degerler-image {height: 600px;width: 90%;}
    .kurumsal-degerler-image img {object-fit: cover;height: 100%;}
    .kurumsal-degerler-content {top: 5%;width: 90%;}
    main#kurumsal-tarihce .kurumsal-tarihce-flex {padding-top: 30px;}

    /* markalar */
    .marka-slider {margin-bottom: 50px;}
    .marka-slider > div {top: 7%;width: 85%;}
    .marka-slider > div > h1 {font-size: 15px;}
    .marka-slider > div > div {font-size: 14px;}
    .marka-slider > div > p {font-size: 11px;line-height: 20px;}
    .marka-title > img {width: 50%;}
    section#uspa .marka-title > img {width: 80%;}
    .marka-title > p {font-weight: 300;width: 90%;font-size: 12px;}
    .marka-title {margin-bottom: 50px;}
    .marka-container {margin-bottom: 50px;}
    .marka-urun-container {}
    .marka-urun-content {display: flex;align-items: center;}
    .marka-urun-content > div {}
    .marka-urun-container > a {display: block;letter-spacing: 2px;padding: 10px 10px 10px 15px;border: 1px solid;width: fit-content;margin: 50px auto 0;}
    .marka-urun-container > a::before {content: '+';display: inline-block;margin-right: 10px;font-size: 15px;}
    .marka-nautica {position: relative;z-index: 1;padding-top: 100px;}
    .marka-nautica::before {content: "";display: block;width: 100%;height: 60%;background-color: #ededed;margin-bottom: 50px;position: absolute;top: 0;z-index: -1;}
    .marka-urun-nautica {width: 100%;margin: 0 auto;gap: 0;}
    .marka-urun-nautica > div:nth-of-type(2) {padding-bottom: 0px;}
    .marka-urun-container .owl-carousel {display: block !important;}
    #owl-marka-1, #owl-marka-2 {}
    #owl-marka-3 {width: 60%;margin: 0 auto;}

    #owl-marka-1 .owl-prev, #owl-marka-1 .owl-next,
    #owl-marka-2 .owl-prev, #owl-marka-2 .owl-next {position: absolute;top: 45%;width: 25px;height: 25px;}
    #owl-marka-1 .owl-prev, #owl-marka-2 .owl-prev {background: url(../img/navL4.png) center center / contain no-repeat!important;left: 1%;}
    #owl-marka-1 .owl-next, #owl-marka-2 .owl-next {background: url(../img/navR4.png) center center / contain no-repeat!important;right: 1%;}
    #owl-marka-3 .owl-prev, #owl-marka-3 .owl-next {position: absolute;top: 35%;width: 25px;height: 25px;}
    #owl-marka-3 .owl-prev {background: url(../img/navL4.png) center center / contain no-repeat!important;left: -25%;}
    #owl-marka-3 .owl-next {background: url(../img/navR4.png) center center / contain no-repeat!important;right: -25%;}
    #owl-marka-1 .owl-item, #owl-marka-2 .owl-item {padding:25px;transition:all .7s}
    #owl-marka-1 .owl-item.active.center, #owl-marka-2 .owl-item.active.center {padding:0}


    /* strateji */
    .strateji-slider > div {top: 10%;width: 90%;}
    .strateji-slider > div > h1 {font-size: 16px; margin-bottom: 20px;}
    .strateji-slider > div > div {font-size: 14px;}
    .strateji-slider > div > p {font-size: 10px;line-height: 18px;}
    main#strateji-marka .strateji-slider > div {top: 25%;width: 80%;}
    .strateji-slider {margin-bottom: 50px;}
    .strateji-marka-flex {width: 100%;flex-direction: column-reverse;}
    .strateji-marka-image {width: 100%;}
    .strateji-marka-content {width: 100%;padding: 8% 4%;}
    .strateji-number {font-size: 16px;margin-bottom: 30px;}
    .strateji-title {font-size: 20px;margin-bottom: 40px;}
    .strateji-uretim-flex {width: 100%;}
    .strateji-erisim-flex {width: 100%;flex-direction: column-reverse;padding-top: 0;}
    .strateji-erisim-content {width: 100%;padding: 8% 4%;}
    .strateji-erisim-image {width: 100%;padding: 0 4%;}
    .strateji-musteri-flex {width: 100%;margin-top: 40px;}
    .strateji-musteri-content {padding: 0 30px;}
    .strateji-musteri-image {width: 95%;}
    .strateji-uretim-detay-flex {width: 100%;}
    .strateji-uretim-detay-flex > div > p {font-size: 11px;}
    .strateji-uretim-detay-flex > div:nth-of-type(1), .strateji-uretim-detay-flex > div:nth-of-type(3) {padding: 0 5%;line-height: 25px;}
    .strateji-uretim-detay-flex > div:nth-of-type(2) {flex-wrap: wrap;}
    .strateji-uretim-detay-flex > div:nth-of-type(2) > div {width: 50%;}
    .strateji-uretim-detay-flex > div {margin: 10px 0;}
    .strateji-uretim-detay-image > div > div:nth-of-type(2) {font-size: 15px;margin: 0;}
    .strateji-uretim-detay-image > div > div:nth-of-type(3) {font-size: 20px;}
    .strateji-erisim-flex::before {width: 100%;height: 100%;left: 0;}

    /* inovasyon */
    .inovasyon-slider > div {top: 6%;width: 90%;left: 5%;}
    .inovasyon-slider > div > h1 {font-size: 15px;}
    .inovasyon-slider > div > div {font-size: 14px;}
    .inovasyon-slider > div > p {font-size: 10px;line-height: 25px;}
    .inovasyon-title {font-size: 18px;margin-bottom: 20px;}
    .inovasyon-tasarim-flex {width: 100%;margin: 40px auto;}
    .inovasyon-tasarim-content {width: 85%;}
    .inovasyon-tasarim-image {margin-left: 0;width: 80%;}
    .inovasyon-malzeme-flex {flex-direction: column-reverse;}
    .inovasyon-malzeme-image {width: 100%;}
    .inovasyon-malzeme-content {padding: 8% 4%;width: 100%;}
    .inovasyon-malzeme-content > .inovasyon-text > span {font-size: 18px;}
    .inovasyon-trend-container {width: 100%;margin: 60px auto 40px;}
    .inovasyon-trend-flex {flex-direction: column-reverse;}
    .inovasyon-trend-image {width: 100%;padding: 0 5%;}
    .inovasyon-trend-image img {width: 100%;height: auto;}
    .inovasyon-trend-container > .inovasyon-trend-content {width: 80%;margin: 0 auto 40px;}
    .inovasyon-mutluluk-flex {margin: 0px auto 40px;padding-top: 0;}
    .inovasyon-mutluluk-image img {width: 100%;height: auto;}
    .inovasyon-mutluluk-content {width: 90%;}
    main#inovasyon-malzeme .inovasyon-malzeme-flex {width: 100%;}
    main#inovasyon-malzeme .inovasyon-malzeme-content {width: 90%;margin-top: 0;}
    main#inovasyon-trend .inovasyon-trend-container {margin-top: 40px;}
    .inovasyon-slider {margin-bottom: 20px;}
    .inovasyon-trend-flex .inovasyon-trend-content {border: none;padding-top: 0;}

    /* sürdürülebilirlik */
    .surdurulebilirlik-slider > div {top: 20%;width: 90%;left: 5%;}
    .surdurulebilirlik-slider > div > h1 {font-size: 20px;}
    .surdurulebilirlik-slider > div > div {font-size: 14px;}
    .surdurulebilirlik-slider > div > p {font-size: 11px;line-height: 25px;}
    main#surdurulebilirlik-doga .surdurulebilirlik-slider > div {top: 25%;width: 90%;}
    main#surdurulebilirlik-insan .surdurulebilirlik-slider > div {top: 25%;width: 90%;}
    .surdurulebilirlik-slider {margin-bottom: 40px;}
    main#surdurulebilirlik-insan .surdurulebilirlik-insan-container {width: 95%;margin-top: 40px;}
    main#surdurulebilirlik-insan .surdurulebilirlik-insan-container > .surdurulebilirlik-insan-content {width: 90%;}
    .surdurulebilirlik-sorumluluk-container {margin: 40px 0;}
    .surdurulebilirlik-uretim-flex {width: 100%;margin: 0 auto 60px;}
    .surdurulebilirlik-uretim-content {width: 90%;}
    .surdurulebilirlik-title {margin-bottom: 30px;font-size: 16px;padding-top: 0;letter-spacing: 1px;}
    .surdurulebilirlik-uretim-image {margin: 30px 0;}
    .surdurulebilirlik-insan-container {width: 100%;margin: 60px auto 0;}
    .surdurulebilirlik-insan-container > .surdurulebilirlik-insan-content {width: 90%;margin: 0 auto 30px;}
    .surdurulebilirlik-insan-flex {flex-direction: column;}
    .surdurulebilirlik-insan-flex .surdurulebilirlik-insan-content {position: unset;width: 100%;padding: 4%;border: none}
    .surdurulebilirlik-insan-image {width: 100%;margin-bottom: 30px;}
    .surdurulebilirlik-sorumluluk-flex {width: 100%;}
    .surdurulebilirlik-sorumluluk-content {margin: 0 auto;padding: 0px 30px 25px;}
    .surdurulebilirlik-sorumluluk-image {justify-content: space-between;flex-wrap: wrap;}
    .surdurulebilirlik-sorumluluk-image > div {width: 49%;margin: 0 .5%;margin-bottom: 4px;}
    main#surdurulebilirlik-doga .surdurulebilirlik-doga-flex {width: 100%;}
    main#surdurulebilirlik-doga .surdurulebilirlik-doga-content {width: 90%;}
    main#surdurulebilirlik-doga .surdurulebilirlik-doga-image {margin: 40px 0;}
    

    /* haberler */
    .haberler-slider > div {top: 35%;width: 90%;}
    .haberler-slider > div > h1 {font-size: 20px;}
    .haberler-slider > div > div {font-size: 14px;}
    .haberler-slider > div > p {font-size: 12px;line-height: 25px;}
    .haberler-title {margin-bottom: 20px;font-size: 16px;letter-spacing: 1px;}
    .haberler-text {font-size: 11px;line-height: 25px;}
    .haberler-marka-flex {width: 100%;flex-direction: column-reverse;margin-top: 40px;}
    .haberler-marka-content {width: 100%;}
    .haberler-marka-image {width: 95%;margin-top: 20px;}
    .haberler-ulke-flex {width: 100%;flex-direction: column;padding: 60px 0;}
    .haberler-ulke-flex > div:first-of-type {}
    .haberler-ulke-flex > div {width: 95%;margin: 0 auto;}
    .haberler-ulke-flex > div:nth-of-type(2) {padding: 20px;}
    .haberler-ulke-flex > div:nth-of-type(4) {padding: 20px;}
    .haberler-private-flex {width: 100%;flex-direction: column-reverse;}
    .haberler-private-content {width: 100%;}
    .haberler-private-image {width: 95%;margin-top: 20px;}

    .iletisim-slider {margin-bottom: 20px;}
    .iletisim-slider > div {top: 10%;width: 90%;left: 5%;}
    .iletisim-slider > div > h1 {font-size: 15px;}
    .iletisim-slider > div > div {font-size: 14px;}
    .iletisim-slider > div > p {font-size: 10px;line-height: 22px;}
    .iletisim-detay-container, .iletisim-form-container {width: 90%;}
    .iletisim-detay-flex {width: 100%;}
    .iletisim-detay-flex > div {width: 100%;margin-bottom: 20px;}

    .iletisim-fuar {position: unset;}
    .iletisim-fuar-container {width: 90%;margin: 0 auto;}

    .footer-menu {flex-wrap: wrap;border-bottom: none;padding-bottom:0px;}
    .footer-column {width: 100%;border-bottom: 1px solid #666666;}
    .footer-title {margin: 0;padding: 15px 0;font-size: 13px;background: url(../img/icoUzat.png) right 10px center / 10px no-repeat;}
    .footer-links {display: none;padding-bottom: 20px;padding-left: 20px;line-height: 40px;}
    .footer-alt {flex-wrap: wrap;justify-content: center;margin-bottom: 20px;}
    .footer-sm {font-size: 12px;margin-bottom: 14px;}
    .instagram, .facebook {width: 25px;height: 25px;background-size: 15px;}
    .footer-alt > div:last-of-type {font-size: 11px;}
    .footer-menu > div:last-of-type > a {background: none;}
}

@media screen and (max-width: 768px) {
    .hakkimizda-detay1 > div > div {top: 19.5%;left: 5%;}
    .hakkimizda-detay2 > div {font-size: 20px;}
    .hakkimizda-detay2 > p {font-size: 11px;line-height: 22px;}
}

@media screen and (max-width: 500px) {
    .logo, .nav-giris .logo {width: 180px;}
    .fuar-logo {width: 300px !important;height: 66px !important;}
    .slide-yazi {font-size: 12px;line-height: 20px;top: 55%;}
    .hakkimizda-detay1 > div > div {font-size: 30px;line-height: 22px;}
    .hakkimizda-detay1 > div > div > h1 {font-size: 12px;}
    .hakkimizda-detay2 > div {font-size: 18px;}
}