@media (max-width: 1681px) {
    .header .container .row .w80 .twolink .dropdown-menu {
        width: 70%;
    }
    .optimaslide .owl-slideone .item.active::before {
        background-size: contain;
        width: 111%;
        height: 100%;
    }
    .haberler .container .row .habercard .haberdesc p {
        height: 75px;
    }
    .haberler .container .row .habercard .haberimage {
        height: 210px;
    }
    .hakkimizdatab .container .row .linkkutu a img {
        height: 60px;
        width: 60px;
    }
    .hakkimizdatab .container .row .linkkutu a {
        padding: 5px 2px;
    }
    .kmtaslari .row .w40 img {
        position: absolute;
        right: -255px;
        top: 0;
    }
    .header.navbar-takip .container .row .w80 .twolink {
        transform: translate(0, -10px);
    }
}
@media (max-width: 1550px) {
    .pt-96 {
        padding-top: 72px;
    }
    .pb-96 {
        padding-bottom: 72px;
    }
    .pt-48 {
        padding-top: 36px;
    }
    .pb-48 {
        padding-bottom: 36px;
    }
    .mt-96 {
        margin-top: 72px;
    }
    .mb-96 {
        margin-bottom: 72px;
    }
    .mt-48 {
        margin-top: 36px;
    }
    .mb-48 {
        margin-bottom: 36px;
    }
    h1 {
        font-size: 60px;
    }
    h2 {
        font-size: 40px;
    }
    h2.desen {
        font-size: 28px;
    }
    h3 {
        font-size: 35px;
    }
    h4 {
        font-size: 28px;
    }
    h5 {
        font-size: 23px;
    }
    h6 {
        font-size: 21px;
    }
    p,
    li,
    a,
    td,
    th {
        font-size: 18px;
    }
    .satissonrasi .absole {
        position: absolute;
        left: 5%;
        top: 9%;
    }
    .hakkimizdatab .container .row .linkkutu a p {
        font-size: 70%;
    }
    .kmtaslari .row .w40 img {
        right: -230px;
    }
    .ik .w50 .desenimage {
        bottom: -73px;
        width: 100%;
    }
    .haberler .container .row .habercard .haberdesc p {
        font-size: 15px;
    }
    .accordion button.toggle {
        font-size: 30px;
    }
      .tanitimfilmi .owl-slideone .item img {
    width: 60px;
    height: 60px; 
    margin-bottom: .3rem;
}
.tanitimfilmi .owl-slideone .item { 
    height: 175px; 
    width: 175px; 
}
   .uruncard .urunimage {
    height: 210px;
    overflow: hidden;
}  
    .owlpart .aracplaka .item .cardarac .ikon img {
    width: 40px;
}
.owlpart .aracplaka .item .cardarac .ikon { 
    margin-bottom: 10px;
    margin-top: 20px;
}
.owlpart .aracplaka .item .cardarac { 
    min-height: 330px;
}




}
@media (max-width: 1500px) {
    .header .container .row .w80 .firstlink ul li a {
        font-size: 14px;
    }
    .header .container .row .w80 .firstlink ul li a img {
        width: 20px;
    }
    .header .container .row .w80 .firstlink ul li {
        margin-left: 10px;
    }
    .carpmatestleri .row .imga {
        height: 260px;
    }
    .carpmatestleri .row .carpmatestcard .texts {
        padding: 20px;
    }
    .satissonrasi .absole ul li img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
    .destek .row .w50 input,
    .destek .row .w50 textarea {
        height: 50px;
    }
    .destek .row .w50 textarea {
        height: 240px;
    }
    .optimabanner .izlencetext ul li {
        margin-bottom: 0;
    }
    .hakkimizdatab .container .row .linkkutu a img {
        height: 50px;
        width: 50px;
    }
    .guvenlikkonfor .bgs {
        height: 470px;
    }
    .mukemmellik .row .w50 ul.image li img {
        width: 70px;
        height: 70px;
        object-fit: contain;
    }
    .optimabanner h1 {
        font-size: 45px;
        font-weight: 700;
    }
    .iletisim .w50 ul li {
        width: 80%;
    }
    .iletisimformu .row .w50 input,
    .iletisimformu .row .w50 textarea {
        height: 50px;
    }
    .iletisimformu .row .w50 textarea {
        height: calc(100% - 2.8rem);
    }
    .optimaslide .backgroundparent .tabiamge .desc h1 {
        font-size: 45px;
    }
    .optimaslide .owl-slideone .item {
        height: 155px;
        width: 155px;
        padding-top: 30px;
    }
    .optimaslide .backgroundparent .tabiamge a.optimabtn {
        width: 200px;
        height: 50px;
        font-size: 15px;
        padding-left: 20px;
    }
    .hakkimizda .container .row {
        margin-bottom: -2rem;
    }
    .uruncard .urunimage {
        height: 210px;
    }
    .galeri .row .galericard {
        height: 350px;
    }
    a.optimabtn {
        width: 170px;
        height: 50px;
        font-size: 15px;
        padding-left: 20px;
    }
    .haberler .container .row .habercard .haberdesc {
        padding: 20px 15px;
    }
    .footer .container .row .w25 {
        width: 23%;
    }
    .footer .container .row .w25 ul li a {
        font-size: 15px;
    }
    .footer .container .row .w100 a {
        font-size: 13px;
        margin-right: 10px;
        padding-right: 10px;
    }
    .hakkimizdatab .container .row .linkkutu {
        border-radius: 10px;
    }
    .ik .w50 .desenimage {
        width: 80%;
    }
    .ik .w50 img {
        width: 100%;
    }
    .satissonrasi .absole h2 {
        color: #fff;
        margin-bottom: 1rem;
    }
    .satissonrasi .absole p {
        margin-bottom: 1rem;
    }
    .satissonrasi .absole {
        top: 16%;
    }
    .kmtaslari .row.kmsagbos .w40 img {
        width: 170px;
    }
    .kmtaslari .row .w40 img {
        right: -190px;
        top: 40px;
    }
    .kmtaslari .row.kmsolbos .w40 img {
        left: -240px;
        width: 170px;
    }
    .optimabanner {
        min-height: 420px;
    }
    .kmtaslari .desenimage {
        width: 40%;
    }
    .urunlerparts .row .width20 .dropdown-menulink span {
        font-size: 15px;
    }
    .izlenceurun ul li a {
        font-size: 13px;
    }
    .urundiv .container .row .w50 img.ikonlar {
        height: 60px;
    }
    .urundiv .container .row .w50 h1 {
        font-size: 30px;
        margin-bottom: 1rem;
    }
    .urunlerimiz.urundetay .uruncard .catdest .w80 p {
        font-size: 15px;
    }
    .uruncard .catdest .w80 img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    .dropdown-menulink span img:first-child {
        width: 40px;
    }
  .satissonrasi
 { 
    height: 580px; 
}
.hakkimizda .container .row .w60 ul li a img {
    width: 50px;
    height: 50px; 
}
.carpmatestleri .row .imga {
        height: 170px;
    }
    .carpmatestleri .row .imga .play img {
    width: 70px;
    height: max-content;
}
#countries { 
    width: 85%; 
}


.urundiv .container .row .w50 img.urunimage {
    width: 100%;
    height: 300px;
    object-fit: contain;
    margin-bottom: 2rem;
}



}
@media (max-width: 1420px) {
    .pt-96 {
        padding-top: 60px;
    }
    .pb-96 {
        padding-bottom: 60px;
    }
    .pt-48 {
        padding-top: 24px;
    }
    .pb-48 {
        padding-bottom: 24px;
    }
    .mt-96 {
        margin-top: 60px;
    }
    .mb-96 {
        margin-bottom: 60px;
    }
    .mt-48 {
        margin-top: 24px;
    }
    .mb-48 {
        margin-bottom: 24px;
    }
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 30px;
    }
    h2.desen {
        font-size: 23px;
    }
    h3 {
        font-size: 30px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 19px;
    }
    p,
    li,
    a,
    td,
    th {
        font-size: 16px;
    }
    p,
    a,
    td,
    th {
        margin-bottom: 1rem;
    }
    .header .container .row .w20 a {
        margin: 0;
    }
    .header .container .row .w80 .twolink {
        margin-top: 2rem;
        transition: 0.5s;
    }
    .header .container .row .w80 .twolink ul li a.katalog img {
        margin-right: 10px;
        height: 30px;
        object-fit: contain;
    }
    .header .container .row .w80 .twolink ul li a.search img {
        width: 20px;
        height: 20px;
    }
    .header .container .row .w80 .twolink ul li {
        margin: 0;
        padding-bottom: 5px;
    }
    .header .container .row .w80 .twolink ul li .dropdown-col a {
        font-size: 14px;
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .header .container .row .w80 .twolink ul li .dropdown-col a img {
        width: 40px;
        height: 40px;
    }
    .urunlerparts.takip {
        position: fixed;
        top: 80px;
    }
    .izlenceurun {
        background: #fafafa;
        padding-top: 120px;
    }
    .kmtaslari .row .w40 img {
        right: -175px;
    }
    .kmtaslari .row.kmsolbos .w40:last-child:after {
        height: 400%;
    }
    .ik .w50 h2 {
        margin-bottom: 1rem;
    }
    h2.desen::before {
        transform: translate(-10px, 0);
    }
    .iletisim .w50 ul li img {
        width: 50px;
        height: 50px;
    }
    .accordion {
        margin-top: 1rem;
        width: 100%;
    }
    .haberdetay img {
        height: 400px;
        margin-bottom: 2rem;
    }
    .haberdetay h2 {
        margin-bottom: 2rem;
    }
    .galeri .galeriimage {
        height: 240px;
    }
    .carpmatestleri .row .imga .play img {
        width: 70px;
        height: 70px;
    }
    
        .owlpart .aracplaka .item .cardarac {
        min-height: 270px;
    }
    
    
}
@media (max-width: 1300px) {
    .pt-96 {
        padding-top: 48px;
    }
    .pb-96 {
        padding-bottom: 48px;
    }
    .mt-96 {
        margin-top: 48px;
    }
    .mb-96 {
        margin-bottom: 48px;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 25px;
    }
    h2.desen {
        font-size: 20px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 21px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 17px;
    }
    p,
    li,
    a,
    td,
    th {
        font-size: 15px;
    }
    .optimaslide .backgroundparent .tabiamge .desc h1 strong {
        display: inline;
    }
    .optimaslide .backgroundparent .tabiamge .desc ul {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .optimaslide .owl-slideone .item img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-bottom: 0.5rem;
    }
    .optimaslide .owl-slideone .item p {
        font-size: 14px;
    }
    .optimaslide .owl-slideone .item.active::before {
        background-size: contain;
        width: 100%;
        height: 80%;
        top: 6%;
        left: 6%;
    }
    .optimaslide .owl-slideone {
        bottom: 0;
    }
    .optimaslide .backgroundparent .tabiamge .desc {
        top: 29%;
    }
    .hakkimizda .container .row .w60 ul li {
        margin-bottom: 1rem;
        margin-top: 0;
    }
    .hakkimizda .container .row .w60 ul li a img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-bottom: 1rem;
    }
    .uruncard .catdest .w20 .btn {
        width: 40px;
        height: 40px;
    }
    .uruncard .urunimage {
        height: 180px;
    }
    .galeri .row .galericard {
        height: 310px;
    }
    .galeri .row .galericard .images {
        height: 310px;
    }
      .haberler .container .row .habercard .haberdesc p {
        font-size: 12px;
        margin-bottom: 0.5rem;
    }
    .haberler .container .row .habercard .haberdesc h6 {
        font-size: 13px;
        margin-bottom: 0.5rem;
    }
    .haberler .container .row .habercard .haberdesc a {
        width: 160px;
        height: 40px;
    }
    .optimabanner {
        min-height: 350px;
        height: 350px;
    }
    .destek .desenko {
        width: 30%;
        top: 2%;
    }
    .header {
        padding-bottom: 5px;
    }
    .haberler .container .row .habercard .haberimage {
        height: 180px;
    }
    .accordion button.toggle {
        font-size: 25px;
    }
    .ik .w50 .desenimage {
        width: 80%;
        bottom: -49px;
    }
    .kmtaslari .row .w40 img {
        right: -156px;
    }
    .kmtaslari .row .w40 img {
        top: 0;
    }
    .kmtaslari .row .w40 p {
        width: 90%;
    }
    .kmtaslari .row.kmsolbos .w40:last-child:after {
        height: 410%;
        top: -103%;
    }
    .hakkimizdatab .container .row .linkkutu {
        width: 18%;
        margin-bottom: 1rem;
    }
    h2.desen::before {
        width: 20px;
        height: 20px;
        bottom: 4px;
    }
    .header .container .row .w80 .twolink {
        margin-top: 1rem;
        transition: 0.5s;
    }
    .header.urundetay .container .row .w80 .twolink ul li a {
        font-size: 15px;
    }
    .izlenceurun {
        background: #fafafa;
        padding-top: 90px;
    }
    .urunlerparts .row .width20 {
        height: 50px;
    }
    .urunlerparts .row .width80 .owl-pages .owl-item .item .flexible {
        height: 50px;
    }
    .urunlerparts .row .width80 .owl-pages {
        height: 50px;
    }
    .urunlerparts .row .width80 {
        height: 50px;
    }
    .urundiv .container .row .w50 h1 {
        font-size: 24px;
    }
    .urundiv .container .row .w50 p {
        color: #515151;
        margin-bottom: 2rem;
    }
    .urundiv .container .row .w50 img.country {
        display: block;
        margin-left: auto;
        width: 100px;
    }
    .urunlerparts .row .width80 .owl-pages .owl-nav .owl-next {
        position: absolute;
        right: -7%;
        top: -3px;
    }
    .header.navbar-takip .container .row .w80 .twolink ul li a {
        color: #000;
        font-size: 14px;
    }
    .footer .container .row .w25 ul.social li {
        margin-right: 10px;
        margin-bottom: 0;
    }
    .footer .container .row .w25 ul li.cloud img {
        height: 50px;
        width: 50px;
    }
    .footer .container .row .w25 ul li a img {
        margin-right: 5px;
        width: 20px;
    }
    .footer .container .row .w25 ul.social li a {
        font-size: 12px;
    }
    .footer .container .row .w25 p {
        font-size: 13px;
        width: 90%;
    }
    .footer .container .row .w25 p a {
        font-size: 13px;
    }
    .footer .container .row .w25:nth-child(2) {
        width: 28%;
        padding-left: 5%;
    }
    .footer .container .row .w25:nth-child(3) {
        padding-left: 3%;
    }
    .footer .container .row .w25:nth-child(4) {
        padding-left: 5%;
    }
    .footer .container .row .w25 ul li a {
        font-size: 13px;
    }
    .uruncard .catdest {
        height: 120px;
    }
    
        .tanitimfilmi .owl-slideone .item img {
        width: 40px;
        height: 40px;
        margin-bottom: .3rem;
    }
    .tanitimfilmi .owl-slideone { 
    bottom: 0px;
    left: 0; 
}
    .cta-fixed-wrap.cta1 {
    bottom: 20%;
}
.tanitimfilmi .owl-slideone .item p { 
    font-size: 14px;
}
.tanitimfilmi .owl-slideone .item { 
    padding-top: 30px; 
}
.tanitimfilmi .owl-slideone .item {
        height: 145px;
        width: 165px;
    }
.hakkimizda .container .row .w60 ul li { 
    width: 23.5%; 
}
.galeri .row .galericard .topbg img {
    filter: brightness(0) invert(1);
    width: 50px;
    height: 70px;
    object-fit: contain;
}
.header .container .row .w80 .twolink ul li .dropdown-col a {
        font-size: 13px;
        margin-bottom: 0.3rem;
        padding-bottom: 0.3rem;
    }
        .header .container .row .w80 .twolink ul li .dropdown-col a img {
        width: 30px;
        height: 30px;
    }
    .uruncard .catdest .w80 img {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }
    .uruncard .catdest .w80 p { 
    width: 95%;
}
.urunlerparts .row .width20 .dropdown-menulink span {
        font-size: 13px;
    }
    .urunlerparts .row .width20 {
    width: 25%; 
}
.urunlerparts .row .width80 {
    width: 75%; 
}
.urundiv .container .row .w50 img.urunimage {
    width: 100%;
    height: 190px;
    object-fit: contain;
    margin-bottom: 2rem;
}
    .owlpart .aracplaka .item .cardarac p {
        font-size: 13px;
    }
        .hakkimizdatab .container .row .linkkutu { 
        padding: 10px 0px;
    }
    .hakkimizdatab .container .row .linkkutu a img {
        height: 40px;
        width: 40px;
    }
    .iletisimformu .row .w50 label { 
	    font-size: 90%;
	}
	.iletisimformu .row .w50 input, .iletisimformu .row .w50 textarea {
        height: 40px;
    }
    a.optimabtn { 
        height: 40px; 
    }
        .satissonrasi {
        height: 470px;
    }
}
@media (min-width: 1200px) {
    .header-mobile {
        display: none;
    }
    .header {
        display: block;
    }
}
@media (max-width: 1200px) {
    .search-box {
        width: 90%;
    }
    .mobile-menu-links ul li a.active {
        font-weight: 700;
        text-decoration: underline;
        color: #f3cb12 !important;
    }
    .mobile-menu-links ul li a.dil {
        display: inline-block;
        margin-right: 15px;
    }
    .tanitimfilmi .video video {
        height: 42vh;
    }
    .header {
        display: none;
    }
    .header-mobile {
        display: block;
    }
    .pt-96 {
        padding-top: 48px;
    }
    .pb-96 {
        padding-bottom: 48px;
    }
    .pt-48 {
        padding-top: 24px;
    }
    .pb-48 {
        padding-bottom: 24px;
    }
    .mt-96 {
        margin-top: 48px;
    }
    .mb-96 {
        margin-bottom: 48px;
    }
    .mt-48 {
        margin-top: 24px;
    }
    .mb-48 {
        margin-bottom: 24px;
    }
    .optimaslide .backgroundparent .tabiamge {
        height: 45vh;
    }
    .optimaslide .backgroundparent {
        height: 45vh;
    }
    .optimaslide {
        height: 45vh;
    }
    .hakkimizda .container .row .w60 ul li {
        width: 23.5%;
    }
    .hakkimizda .container .row {
        margin-bottom: 0;
    }
    .uruncard {
        width: 31%;
    }
    .galeri .row .galericard {
        height: 260px;
        width: 24%;
    }
    .galeri .row .galericard .topbg {
        transform: translate(0, 0);
    }
    .satissonrasi .absole {
        top: 8%;
        width: 84%;
    }
    a.optimabtn {
        width: 160px;
        height: 40px;
        font-size: 14px;
    }
    .galeri .row .galericard .topbg a {
        opacity: 1;
    }
    .satissonrasi .absole ul li {
        margin: 0;
    }
    .haberler .container .row .habercard .haberdesc p {
        height: 95px;
    }
    .carpmatestleri .row .imga {
        height: 190px;
    }
    .carpmatestleri .row .carpmatestcard .texts a.optimabtn {
        width: 120px;
    }
    .optimabanner {
        margin-top: 80px;
    }
    .optimabanner {
        background-image: none !important;
    }
    .optimabanner img {
        height: 230px;
        filter: blur(0);
        object-fit: cover;
    }
    .optimabanner .film {
        height: 230px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .optimabanner {
        min-height: 230px;
        height: 230px;
    }
    .galeri .galeriimage {
        width: 32%;
    }
    .haberler.detay .container .row .habercard {
        margin-bottom: 2.5%;
        width: 32%;
    }
    #countries {
        width: 100%;
    }
    .kmtaslari .row.kmsolbos .w40 img {
        left: -200px;
    }
    .kmtaslari .row.kmsolbos .w40:last-child:after {
        left: -120px;
    }
    .urundiv .container .row .w50 a.optimabtn.brosur img {
        margin-right: 10px;
        transition: 0.5s;
        width: 25px;
    }
    .urunlerparts.takip {
        position: fixed;
        top: 90px;
    }
    .tanitimfilmi h1 { 
	    top: -30px;
	}
	.hakkimizda .container .row .w40 {
    width: 50%;
}

.hakkimizda .container .row .w60 {
    width: 50%;
}
    .hakkimizda .container .row .w60 ul li {
        width: 31.5%;
    }
    .haberler .container .row .habercard {
    width: 48%; 
}
}
@media (max-width: 900px) {
    .pt-96 {
        padding-top: 36px;
    }
    .pb-96 {
        padding-bottom: 36px;
    }
    .pt-48 {
        padding-top: 18px;
    }
    .pb-48 {
        padding-bottom: 18px;
    }
    .mt-96 {
        margin-top: 36px;
    }
    .mb-96 {
        margin-bottom: 36px;
    }
    .mt-48 {
        margin-top: 18px;
    }
    .mb-48 {
        margin-bottom: 18px;
    }
    .masaustu {
        display: none;
    }
    .mobil {
        display: block;
    }
    .urunlerparts.takip {
        position: fixed;
        top: 86px;
    }
    .satissonrasi .absole p {
        color: #fff;
        width: 90%;
    }
    .satissonrasi .absole h2 strong {
        display: inline;
    }
    .footer .container .row .w25 {
        width: 50%;
    }
    .footer .container .row .w25:nth-child(2) {
        width: 50%;
        padding-left: 0;
    }
    .footer .container .row .w25:nth-child(3) {
        padding-left: 0;
    }
    .footer .container .row .w25:nth-child(4) {
        padding-left: 0;
    }
    .satissonrasi .bg::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #00000080;
    }
    .izlenceurun ul li {
        display: inline-block;
        margin: 0;
    }
    .izlenceurun ul {
        display: inline;
    }
    .urundiv .container .row .w50 img.ikonlar {
        height: 50px;
    }
    .urunlerimiz.urundetay .uruncard .catdest .w80 p {
        font-size: 13px;
    }
    .kmtaslari .row.kmsolbos .w40 img {
        left: -160px;
        width: 140px;
    }
    .kmtaslari .row.kmsagbos .w40 img {
        width: 140px;
        right: -130px;
    }
    .kmtaslari .row.kmsolbos .w40:last-child:after {
        left: -95px;
    }
    .kmtaslari .row.kmsolbos .w40:last-child:after {
        top: -130%;
    }
    .optimaslide .backgroundparent .tabiamge .desc h1 {
        font-size: 35px;
    }
    .optimaslide .backgroundparent .tabiamge a.optimabtn {
        width: 180px;
        height: 40px;
        font-size: 13px;
        padding-left: 15px;
    }
    .optimaslide .backgroundparent .tabiamge a.optimabtn .arrow {
        width: 30px;
        height: 30px;
        right: 20px;
    }
    .hakkimizda .container .row .w60 ul li a img {
        margin-bottom: 0.5rem;
    }
    .hakkimizda .container .row .w60 ul li {
        width: 32%;
    }
    .hakkimizda .container .row .w40 {
        margin-top: auto;
        margin-bottom: auto;
    }
    .galeri .row .galericard {
        height: 260px;
        width: 48%;
        margin-bottom: 4%;
    }
    .haberler .container .row .habercard {
        width: 49%;
        margin-bottom: 2%;
    }
    .iletisim .w50 ul li {
        width: 90%;
        font-size: 15px;
    }
    .iletisim .w50 iframe {
        min-height: 300px;
    }
    h2.desen {
        padding-left: 25px;
    }
    .haberler.detay .container .row .habercard {
        margin-bottom: 2.5%;
        width: 48.5%;
    }
    .carpmatestleri .row .carpmatestcard {
        width: 49%;
    }
    .urundiv .container .row .w50 img.urunimage {
        height: 250px;
    }
    
        .urunlerparts .row .width20 {
        width: 100%;
    }
    .urunlerparts .row .width80 {
        width: 100%;
    }
    
}
@media (max-width: 800px) {
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 20px;
    }
    h2.desen {
        font-size: 16px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 16px;
    }
    h5 {
        font-size: 15px;
    }
    h6 {
        font-size: 14px;
    }
    p,
    li,
    a,
    td,
    th {
        font-size: 13px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    a {
        margin-bottom: 0.5rem;
    }
    .satissonrasi .absole ul li img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }
    .optimabanner h1 {
        font-size: 30px;
        font-weight: 700;
    }
    .argeinovasyon .container .row .w50 h2.desen {
        margin-bottom: 1rem;
    }
    .header-mobile .header-mobile-katalog a img {
        margin-right: 10px;
        width: 28px;
        object-fit: contain;
    }
    .destek .row .w50 input,
    .destek .row .w50 textarea {
        height: 40px;
    }
    .destek .row .w50 textarea {
        height: 210px;
    }
    .galeri .galeriimage {
        height: 180px;
    }
    .w50 {
        width: 100%;
        position: relative;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        margin-right: 0;
        margin-left: 0;
    }
    .guvenlikkonfor .bgs {
        height: 270px;
    }
    .w50:last-child {
        margin-left: 0;
    }
    .w50:first-child {
        margin-right: 0;
    }
    .haberler h2 {
        margin-bottom: 1rem;
    }
    .haberler.detay .tabs {
        margin-bottom: 1rem;
    }
    .iletisimformu .row .w50 input,
    .iletisimformu .row .w50 textarea {
        height: 40px;
    }
    .iletisimformu .row .w50 textarea {
        height: 140px;
    }
    .iletisimformu .row .w50 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .iletisimformu h2 {
        margin-bottom: 1rem;
    }
    .header-mobile .header-mobile-logo img {
        width: 60%;
        filter: brightness(0) invert(1);
    }
    .optimaslide .backgroundparent .tabiamge .desc h1 {
        font-size: 30px;
    }
    .optimaslide .backgroundparent .tabiamge .desc {
        top: 22%;
    }
    .optimabanner {
        margin-top: 70px;
    }
    .ik .w50 .desenimage {
        width: 50%;
        bottom: 0;
        top: 0;
        right: 0;
        left: inherit;
    }
    .kmtaslari .row.kmsagbos .w40 img {
        width: 140px;
        right: -120px;
    }
    .ilkelerimiz img {
        width: 100%;
    }
    .mukemmellik .row .w50 h2 {
        margin-bottom: 1rem;
    }
    .ilkelerimiz p {
        margin-top: 1rem;
    }
    .ceomesaj .row {
        flex-wrap: wrap-reverse;
    }
    .hakkimizdafirst.ters .row {
        flex-wrap: wrap-reverse;
    }
    .izlenceurun ul li a {
        font-size: 12px;
    }
    .izlenceurun {
        background: #fafafa;
        padding-top: 70px;
    }
    .urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a {
        padding-left: 30px;
    }
    .urunlerparts .row .width20 .dropdown-menulink span {
        font-size: 13px;
    }
    .dropdown-menulink span img {
        margin-right: 5px;
        margin-left: 5px;
    }
    .dropdown-menulink span img:first-child {
        width: 30px;
        filter: none;
    }
    .kategoriozellikler .container .row .w50 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .kategoriozellikler .container .row .w50 ul {
        margin-bottom: 0;
        margin-top: 0;
    }
    .kategoriozellikler h2 {
        margin-bottom: 1rem;
    }
    .teknikozellikler table {
        margin-top: 1rem;
    }
    .uruncard .urunimage {
        height: 150px;
    }
    .urunlerparts.takip {
        position: fixed;
        top: 70px;
    }
}
@media (min-width: 600px) {
    .masaustu {
        display: block;
    }
    .mobil {
        display: none;
    }
}
@media (max-width: 600px) { 
        .tabmenu > .container > ul {
            flex-direction: column;
            border-bottom: none;
            gap: 6px;
        }

        .tabmenu > .container > ul > .listtab {
            border: 1.5px solid #e8e8e8;
            border-radius: 8px;
            margin-bottom: 0;
            padding: 12px 18px;
            font-size: 14px;
        }

        .tabmenu > .container > ul > .listtab:hover {
            border-color: #e8e8e8;
        }

        .tabmenu > .container > ul > .listtab.active {
            border-color: #f5cd12;
            border-bottom-color: #f5cd12;
            background: #fffbea;
            color: #232324;
        }

        .tab-panel {
            flex-direction: column;
            padding-top: 32px;
        }

        .tab-panel .w60,
        .tab-panel .w40 {
            width: 100%;
        }

        .tab-panel .w60 {
            padding-right: 0;
            margin-bottom: 24px;
        } 
    .galeri .row .galericard .topbg img {
        width: 50px;
        height: 50px;
    }
    .satissonrasi {
        height: auto;
    }
    .footer .container .row .w25 ul li a {
        margin-left: auto;
        margin-right: auto;
    }
    .footer .container .row .w25 ul li a.optimabtn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .masaustu {
        display: none;
    }
    .mobil {
        display: block;
    }
    .w40 {
        width: 100%;
        position: relative;
    }
    .haberler.detay .tabs ul li a img {
        width: 25px;
        height: 25px;
    }
    .w50 {
        width: 100%;
        position: relative;
    }
    .w60 {
        width: 100%;
        position: relative;
    }
    .pt-96 {
        padding-top: 28px;
    }
    .pb-96 {
        padding-bottom: 28px;
    }
    .pt-48 {
        padding-top: 12px;
    }
    .pb-48 {
        padding-bottom: 12px;
    }
    .mt-96 {
        margin-top: 28px;
    }
    .mb-96 {
        margin-bottom: 28px;
    }
    .mt-48 {
        margin-top: 12px;
    }
    .mb-48 {
        margin-bottom: 12px;
    }
    .w50 {
        width: 100%;
        margin: 0;
    }
    .footer .container .row .w100 ul.social {
        flex-direction: row;
        justify-content: center;
    }
    .footer .container .row .w100 ul.social li a {
        font-size: 13px;
        padding-right: 5px;
    }
    .footer .container .row .w100 ul.social li {
        margin-right: 5px;
        margin-bottom: 0;
    }
    .header-mobile .header-mobile-katalog {
        padding-right: 15px;
    }
    .header-mobile .header-mobile-katalog a {
        font-size: 15px;
    }
    .mobile-menu-links ul li a,
    .mobile-menu-links ul li button a {
        font-size: 20px;
        color: #000 !important;
    }
    .mobile-menu-links ul li a img {
        margin-right: 5px;
        filter: brightness(0);
    }
    .mobile-menu-links ul li a {
        display: flex;
        align-items: center;
    }
    .header-mobile-hamburger span {
        width: 30px;
        height: 3px;
        margin-bottom: 6px;
        border-radius: 10px;
    }
    .header-mobile .header-mobile-katalog a img {
        margin-right: 5px;
        width: 20px;
        object-fit: contain;
    }
    .optimaslide .owl-slideone .item {
        height: 125px;
        width: 125px;
        padding-top: 30px;
    }
    .optimaslide .owl-slideone .item img {
        width: 30px;
        height: 30px;
        object-fit: contain;
        margin-bottom: 0.2rem;
    }
    .optimaslide .owl-slideone .item p {
        font-size: 12px;
    }
    .header-mobile .header-mobile-logo {
        padding-top: 0;
    }
    .header-mobile {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-mobile .header-mobile-logo img {
        margin-bottom: 4px;
    }
    .header-mobile.navbar-mobile-takip .header-mobile-logo img {
        width: 40%;
    }
    .urunlerimiz h2 {
        color: #fff;
        margin-bottom: 1rem;
    }
    .uruncard {
        width: 48%;
    }
    .galeri .row .galericard {
        height: 200px;
    }
    .galeri .row .galericard .images {
        height: 200px;
    }
    .satissonrasi {
        position: relative;
        background: #5f5f5f;
        overflow: hidden;
    }
    .satissonrasi .absole {
        top: inherit;
        width: 100%;
        position: relative;
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .haberler .container .row .habercard {
        width: 100%;
        margin-bottom: 2%;
    }
    .haberler .container .row .habercard .haberimage {
        height: 250px;
    }
    .footer .container .row .w25 {
        width: 100%;
    }
    .footer .container .row .w25 .logo {
        margin-bottom: 1rem;
        text-align: center;
    }
    .footer .container .row .w25 p {
        font-size: 13px;
        width: 100%;
        text-align: center;
    }
    .footer .container .row .w25:nth-child(2) {
        width: 100%;
        padding-left: 0;
    }
    .footer .container .row .w25 ul.links li a img {
        display: none;
    }
    .footer .container .row .w25 h6 {
        font-size: 15px;
        text-align: center;
    }
    .footer .container .row .w25 ul li a {
        font-size: 13px;
        display: block;
        text-align: center;
    }
    .footer .container .row .w100 span {
        color: #fff;
        font-size: 60%;
    }
    .footer .container .row .w100 a:last-child {
        border-right: none;
    }
    .footer .container .row .w100 a {
        font-size: 11px;
        margin-right: 5px;
        padding-right: 5px;
    }
    .footer .desen {
        width: 100%;
    }
    .satissonrasi .absole h2 strong {
        display: block;
    }
    .optimabanner {
        margin-top: 45px;
    }
    .optimabanner .izlencetext ul {
        display: inline-block;
    }
    .optimabanner .izlencetext ul li {
        margin-bottom: 0;
        width: max-content;
        display: inline-block;
    }
    .optimabanner .izlencetext {
        bottom: 10%;
    }
    .optimabanner .izlencetext ul {
        margin-top: 0;
        margin-bottom: 0;
    }
    .optimabanner::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00000020;
        z-index: 9;
    }
    .hakkimizdatab .container .row .linkkutu {
        width: 49%;
        margin-bottom: 1rem;
    }
    .hakkimizdatab .container .row .linkkutu a p {
        font-size: 100%;
    }
    .argeinovasyon.ters .row {
        flex-direction: column-reverse;
    }
    .tablethis ol {
        padding-left: 15px;
    }
    .carpmatestleri .row .carpmatestcard {
        width: 48%;
    }
    .carpmatestleri .row .imga {
        height: 130px;
    }
    .carpmatestleri .row .carpmatestcard .texts {
        padding: 10px;
    }
    .carpmatestleri .row .carpmatestcard .texts h5 {
        margin-bottom: 0.5rem;
    }
    .carpmatestleri .row .carpmatestcard .texts a.optimabtn {
        width: 110px;
        height: 30px;
    }
    .carpmatestleri .row .carpmatestcard .texts a.optimabtn .arrow {
        width: 25px;
        height: 25px;
    }
    .carpmatestleri .row .imga .play img {
        width: 50px;
        height: 50px;
    }
    .galeri h2 {
        margin-bottom: 1rem;
    }
    .galeri .galeriimage {
        width: 49%;
    }
    .haberdetay h2 {
        margin-bottom: 1rem;
    }
    .haberdetay img {
        height: 200px;
        margin-bottom: 2rem;
    }
    .haberdetay ul {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
        padding-left: 15px;
    }
    .haberler.detay .tabs ul {
        flex-direction: column;
    }
    .haberler.detay .tabs ul li {
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
    }
    .haberler.detay .tabs ul li a {
        height: 50px;
    }
    .haberler.detay .tabs ul li a {
        height: 50px;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .haberler.detay .container .row .habercard {
        margin-bottom: 2%;
        width: 100%;
    }
    .haberler .container .row .habercard .haberimage {
        height: 180px;
    }
    .hakkimizdafirst .w50 img {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 1rem;
    }
    .guvenlikkonfor .text h3 {
        color: #fff;
        width: 90%;
    }
    .guvenlikkonfor .bgs {
        height: 160px;
    }
    .ilkelerimiz img {
        margin-top: 1rem;
    }
    .mukemmellik .row .w50 ul.image li img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
    .mukemmellik .row .w50 img {
        max-height: 500px;
    }
    .iletisim .w50 ul li img {
        width: 40px;
        height: 40px;
    }
    .accordion button.toggle {
        font-size: 20px;
    }
    .kmtaslari .row .w40 {
        text-align: center;
    }
    .kmtaslari .row .w40 p {
        width: 100%;
    }
    .kmtaslari .row.kmsagbos .w40 img {
        width: 100px;
        right: inherit;
        top: inherit;
        position: relative;
    }
    .kmtaslari .row {
        margin-top: 3rem;
        margin-bottom: 3rem;
        justify-content: space-between;
    }
    .kmtaslari .row.kmsolbos .w40 img {
        width: 100px;
        position: relative;
        left: inherit;
        right: inherit;
        top: inherit;
    }
    .mukemmellik .row .w50 ul {
        padding-left: 15px;
    }
    .ceomesaj .row .w40 img {
        top: 0;
        margin-bottom: 1rem;
    }
    .ceomesaj .row .w60 p {
        width: 100%;
    }
    .hakkimizdafirst .w50 ul {
        padding: 0;
        padding-left: 15px;
    }
    .izlenceurun {
        padding-top: 60px;
    }
    .urundiv .container .row .w50 h1 {
        font-size: 20px;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .urundiv .container .row .w50 img.ikonlar {
        display: none;
    }
    .urundiv .container .row .w50 img.country {
        display: block;
        margin-left: auto;
        width: 70px;
        margin-right: auto;
    }
    .urunlerparts.takip {
        position: fixed;
        top: 40px;
    }
    .izlenceurun ul li a {
        font-size: 12px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .izlenceurun {
        background: #fafafa;
        padding-top: 60px;
        padding-bottom: 10px;
    }
    .teknikozellikler table tr td {
        padding-left: 0;
    }
    .teknikozellikler table tr td:last-child {
        padding-left: 15px;
        width: 100%;
    }
    .uruncard .catdest .w20 .btn {
        width: 30px;
        height: 30px;
    }
    .urunlerparts .row .width80 .owl-pages .owl-nav .owl-next {
        position: absolute;
        right: -12%;
        top: -4px;
    }
    .uruncard .catdest .w80 p {
        width: 100%;
    }
    .uruncard .catdest .w80 img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }
    .uruncard .urunimage {
        height: 110px;
    }
    .optimabanner .izlencetext ul li a {
        font-size: 12px;
    }
    .optimabanner h1 {
        font-size: 25px;
    }
    .kategoriozellikler .container .row .w50 ul {
        padding-left: 15px;
    }
    .haberler .container .row .habercard {
        width: 100%;
        margin-bottom: 2%;
    }
    .haberler .container .row .habercard .haberdesc a {
        width: 130px;
        height: 30px;
        font-size: 12px;
    }
    a.optimabtn .arrow {
        width: 20px;
        height: 20px;
    }
    .optimaslide .backgroundparent .tabiamge a.optimabtn {
        width: 140px;
        height: 30px;
        font-size: 13px;
        padding-left: 15px;
    }
    .optimaslide .backgroundparent .tabiamge a.optimabtn .arrow {
        width: 25px;
        height: 25px;
        right: 10px;
    }
    .footer .container .row .w100 ul li.cloud img {
        height: 50px;
    }
    .destek .row .w50 label {
        font-size: 13px;
    }
    .destek .row .w50 input,
    .destek .row .w50 textarea {
        height: 30px;
    }
    .destek .row .w50 textarea {
        height: 120px;
    }
    .optimabanner {
        background: #232324 !important;
    }
    .iletisim .w50 ul li {
        width: 100%;
        font-size: 12px;
    }
    h2.desen::before {
        bottom: 10px;
        top: 0;
    }
    .hakkimizdatab .container .row .linkkutu a img {
        height: 30px;
        width: 30px;
    }
    .ilkelerimiz img {
        display: none;
    }
    .optimabanner {
        margin-top: 30px;
    }
    .hakkimizda .container .row .w40 img {
        width: 100%;
        height: 340px;
    }
    .footer .container .row .w25 p a {
        font-size: 13px;
        text-align: center;
        width: 100%;
        margin: auto;
        width: max-content;
        margin-bottom: 1rem;
    }
    .owlpart .aracplaka .owl-nav .owl-next {
    position: absolute;
    right: -10px;
    top: 50%;
}
.owlpart .aracplaka .owl-nav .owl-prev {
    position: absolute;
    left: -10px;
    top: 50%;
}
.owlpart .aracplaka .item {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.cta-fixed-wrap.cta1 {
        bottom: 15%;
    }
    .tanitimfilmi .owl-slideone .item {
        height: 115px;
        width: 120px;
    }
    .tanitimfilmi h1 {
        top: -70px;
    }
    .tanitimfilmi .owl-slideone .item { 
    opacity: 1; 
}
    .hakkimizda .container .row .w40 {
        width: 100%;
    }
        .hakkimizda .container .row .w60 {
        width: 100%;
    }
    .tanitimfilmi .owl-slideone .item {
        padding-top: 10px;
    }
    .tanitimfilmi .owl-slideone .item p {
        font-size: 12px;
    }
    .owl-slideone .owl-nav{}
    .owl-slideone .owl-nav button img{
		width:40px
	}
	    .hakkimizda .container .row .w60 ul li {
        width: 48%;
    }
        #countries {
        width: 100%;
        display: none;
    }
        .carpmatestleri .row .carpmatestcard .texts h5 {
        margin-bottom: 0.5rem;
        font-size: 12px;
    }
        .optimabanner {
        min-height: 140px;
        height: 140px;
    }
    .optimabanner .film {
        height: 130px; 
    }
    .optimabanner {
        min-height: 130px;
        height: 130px;
    }
    .carpmatestleri .row .carpmatestcard .texts a.optimabtn .arrow {
        width: 20px;
        height: 20px;
    }
    .carpmatestleri .row .carpmatestcard .texts a.optimabtn .arrow img {
    width: 15px !important;
}
.urun .uruncard .urunimage img {
    object-fit: cover;
}
    .ozelliklerpart .row .widthparti p:after {
        font-size: 0!important; 
    }
        .teknikozellikler ul {
        padding: 0;
        padding-left: 5%;
    }
        .haberler.detay .tabs ul li a img {
        width: 35px;
        height: 35px;
    }
}
@media (max-width: 400px) {
    a.optimabtn {
        width: 140px;
        height: 30px;
        font-size: 13px;
    }
}
@media (max-width: 380px) {
    .optimaslide .backgroundparent .tabiamge .desc h1 {
        font-size: 25px;
    }
    .optimaslide {
        height: 55vh;
    }
    .optimaslide .backgroundparent .tabiamge {
        height: 55vh;
    }
    .optimaslide .backgroundparent {
        height: 55vh;
    }
    .optimaslide .owl-slideone .item {
        height: 115px;
        width: 115px;
        padding-top: 30px;
    }
    .haberler.detay .tabs ul li a {
        height: 40px;
    }
    .haberler.detay .tabs ul li a img {
        margin-right: 10px;
        height: 25px;
    }
    .optimabanner img {
        height: 110px;
        filter: blur(0);
    }
}
.country-buttons {
    display: none;
}

/* Mobilde göster */
@media (max-width: 768px) {
    .country-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
    }

      .country-btn {
        display: inline-block;
        padding: 8px 14px;
        background-color: #ffcc00;
        color: #000;
        text-decoration: none;
        border-radius: 20px;
        font-size: 13px;
        transition: all 0.3s ease;
    }
 
}