:root {
    --textColor: #30323a;
    --textOrange: #f18209;
    --textGray: #46484e;
    --porcitblue: #081b53;
    --porcitorange: #f18209;
    --lightBlue: #b5b9cf;
    --background: #f7faff;
    --fillColor: #f4f7fc;
    --language-button-height: 31px;
    --textBabyBlue: #9ba6c3;
    --search-padding: 20px;
    --search-lineheight: 16px;
    --search-product-height: 88px;
    --search-product-gap: 30px;
    --navbarHeight: 98px;
    --contactOffsetHeight: 206px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--porcitorange);
}

.container {
    /*max-width: 1658px;*/
    width: 86.6% !important;
    margin: 0 auto;
}

.container-lg {
    /*max-width: 1811px;*/
    width: 94.6% !important;
    margin: 0 auto;
}

.container-m {
    /*max-width: 1776px;*/
    width: 92.75% !important;
    margin: 0 auto;
}

.visibility-hidden {
    visibility: hidden;
}

.text-orange {
    color: var(--porcitorange);
}

.text-blue {
    color: var(--porcitblue);
}

.cursor-pointer {
    cursor: pointer;
}

.required {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: "Roboto Medium";
    font-size: 16px;
    color: red;
}

    .required.kvkk-required {
        top: -5px;
        right: -10px;
    }

.position-relative {
    position: relative;
}

.error-stars {
    position: absolute;
    top: 5px;
    right: 10px;
    font-family: "Roboto";
}

.kvkk-stars {
    top: -20px;
}

body {
    background-color: var(--background);
}

/*#region Fonts*/
@font-face {
    font-family: 'Roboto Condensed Extra Bold Italic';
    src: url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-ExtraBoldItalic.svg#RobotoCondensed-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Extra Light';
    src: url('/Assets/fonts/RobotoCondensed-ExtraLight.eot');
    src: url('/Assets/fonts/RobotoCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-ExtraLight.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-ExtraLight.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-ExtraLight.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-ExtraLight.svg#RobotoCondensed-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Bold Italic';
    src: url('/Assets/fonts/RobotoCondensed-BoldItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-BoldItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Extra Bold';
    src: url('/Assets/fonts/RobotoCondensed-ExtraBold.eot');
    src: url('/Assets/fonts/RobotoCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-ExtraBold.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-ExtraBold.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-ExtraBold.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-ExtraBold.svg#RobotoCondensed-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Semi Bold Italic';
    src: url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-SemiBoldItalic.svg#RobotoCondensed-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Thin Italic';
    src: url('/Assets/fonts/RobotoCondensed-ThinItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-ThinItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-ThinItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-ThinItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-ThinItalic.svg#RobotoCondensed-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Medium Italic';
    src: url('/Assets/fonts/RobotoCondensed-MediumItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-MediumItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-MediumItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-MediumItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-MediumItalic.svg#RobotoCondensed-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light Italic';
    src: url('/Assets/fonts/Roboto-LightItalic.eot');
    src: url('/Assets/fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-LightItalic.woff2') format('woff2'), url('/Assets/fonts/Roboto-LightItalic.woff') format('woff'), url('/Assets/fonts/Roboto-LightItalic.ttf') format('truetype'), url('/Assets/fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Light Italic';
    src: url('/Assets/fonts/RobotoCondensed-LightItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-LightItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-LightItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-LightItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('/Assets/fonts/Roboto-Italic.eot');
    src: url('/Assets/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Italic.woff2') format('woff2'), url('/Assets/fonts/Roboto-Italic.woff') format('woff'), url('/Assets/fonts/Roboto-Italic.ttf') format('truetype'), url('/Assets/fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Semi Bold';
    src: url('/Assets/fonts/RobotoCondensed-SemiBold.eot');
    src: url('/Assets/fonts/RobotoCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-SemiBold.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-SemiBold.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-SemiBold.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-SemiBold.svg#RobotoCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Thin';
    src: url('/Assets/fonts/RobotoCondensed-Thin.eot');
    src: url('/Assets/fonts/RobotoCondensed-Thin.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-Thin.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-Thin.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-Thin.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-Thin.svg#RobotoCondensed-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('/Assets/fonts/Roboto-Medium.eot');
    src: url('/Assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Medium.woff2') format('woff2'), url('/Assets/fonts/Roboto-Medium.woff') format('woff'), url('/Assets/fonts/Roboto-Medium.ttf') format('truetype'), url('/Assets/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Medium';
    src: url('/Assets/fonts/RobotoCondensed-Medium.eot');
    src: url('/Assets/fonts/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-Medium.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-Medium.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-Medium.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-Medium.svg#RobotoCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('/Assets/fonts/RobotoCondensed-Italic.eot');
    src: url('/Assets/fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-Italic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-Italic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-Italic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('/Assets/fonts/RobotoCondensed-Regular.eot');
    src: url('/Assets/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-Regular.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Light';
    src: url('/Assets/fonts/Roboto-Light.eot');
    src: url('/Assets/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Light.woff2') format('woff2'), url('/Assets/fonts/Roboto-Light.woff') format('woff'), url('/Assets/fonts/Roboto-Light.ttf') format('truetype'), url('/Assets/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Extra Light Italic';
    src: url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-ExtraLightItalic.svg#RobotoCondensed-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/Assets/fonts/Roboto-Regular.eot');
    src: url('/Assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Regular.woff2') format('woff2'), url('/Assets/fonts/Roboto-Regular.woff') format('woff'), url('/Assets/fonts/Roboto-Regular.ttf') format('truetype'), url('/Assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Black Italic';
    src: url('/Assets/fonts/RobotoCondensed-BlackItalic.eot');
    src: url('/Assets/fonts/RobotoCondensed-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-BlackItalic.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-BlackItalic.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-BlackItalic.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-BlackItalic.svg#RobotoCondensed-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black';
    src: url('/Assets/fonts/Roboto-Black.eot');
    src: url('/Assets/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Black.woff2') format('woff2'), url('/Assets/fonts/Roboto-Black.woff') format('woff'), url('/Assets/fonts/Roboto-Black.ttf') format('truetype'), url('/Assets/fonts/Roboto-Black.svg#Roboto-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Medium Italic';
    src: url('/Assets/fonts/Roboto-MediumItalic.eot');
    src: url('/Assets/fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-MediumItalic.woff2') format('woff2'), url('/Assets/fonts/Roboto-MediumItalic.woff') format('woff'), url('/Assets/fonts/Roboto-MediumItalic.ttf') format('truetype'), url('/Assets/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin';
    src: url('/Assets/fonts/Roboto-Thin.eot');
    src: url('/Assets/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Thin.woff2') format('woff2'), url('/Assets/fonts/Roboto-Thin.woff') format('woff'), url('/Assets/fonts/Roboto-Thin.ttf') format('truetype'), url('/Assets/fonts/Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Black Italic';
    src: url('/Assets/fonts/Roboto-BlackItalic.eot');
    src: url('/Assets/fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-BlackItalic.woff2') format('woff2'), url('/Assets/fonts/Roboto-BlackItalic.woff') format('woff'), url('/Assets/fonts/Roboto-BlackItalic.ttf') format('truetype'), url('/Assets/fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('/Assets/fonts/Roboto-Bold.eot');
    src: url('/Assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-Bold.woff2') format('woff2'), url('/Assets/fonts/Roboto-Bold.woff') format('woff'), url('/Assets/fonts/Roboto-Bold.ttf') format('truetype'), url('/Assets/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Thin Italic';
    src: url('/Assets/fonts/Roboto-ThinItalic.eot');
    src: url('/Assets/fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-ThinItalic.woff2') format('woff2'), url('/Assets/fonts/Roboto-ThinItalic.woff') format('woff'), url('/Assets/fonts/Roboto-ThinItalic.ttf') format('truetype'), url('/Assets/fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Bold Italic';
    src: url('/Assets/fonts/Roboto-BoldItalic.eot');
    src: url('/Assets/fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/Roboto-BoldItalic.woff2') format('woff2'), url('/Assets/fonts/Roboto-BoldItalic.woff') format('woff'), url('/Assets/fonts/Roboto-BoldItalic.ttf') format('truetype'), url('/Assets/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Black';
    src: url('/Assets/fonts/RobotoCondensed-Black.eot');
    src: url('/Assets/fonts/RobotoCondensed-Black.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/RobotoCondensed-Black.woff2') format('woff2'), url('/Assets/fonts/RobotoCondensed-Black.woff') format('woff'), url('/Assets/fonts/RobotoCondensed-Black.ttf') format('truetype'), url('/Assets/fonts/RobotoCondensed-Black.svg#RobotoCondensed-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Brands';
    src: url('/Assets/fonts/FontAwesome7Brands-Regular.eot');
    src: url('/Assets/fonts/FontAwesome7Brands-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/FontAwesome7Brands-Regular.woff2') format('woff2'), url('/Assets/fonts/FontAwesome7Brands-Regular.woff') format('woff'), url('/Assets/fonts/FontAwesome7Brands-Regular.ttf') format('truetype'), url('/Assets/fonts/FontAwesome7Brands-Regular.svg#FontAwesome7Brands-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome v4 Compatibility';
    src: url('/Assets/fonts/FontAwesomev4Compatibility-Regular.eot');
    src: url('/Assets/fonts/FontAwesomev4Compatibility-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/FontAwesomev4Compatibility-Regular.woff2') format('woff2'), url('/Assets/fonts/FontAwesomev4Compatibility-Regular.woff') format('woff'), url('/Assets/fonts/FontAwesomev4Compatibility-Regular.ttf') format('truetype'), url('/Assets/fonts/FontAwesomev4Compatibility-Regular.svg#FontAwesomev4Compatibility-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7';
    src: url('/Assets/fonts/FontAwesome7Free-Solid.eot');
    src: url('/Assets/fonts/FontAwesome7Free-Solid.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/FontAwesome7Free-Solid.woff2') format('woff2'), url('/Assets/fonts/FontAwesome7Free-Solid.woff') format('woff'), url('/Assets/fonts/FontAwesome7Free-Solid.ttf') format('truetype'), url('/Assets/fonts/FontAwesome7Free-Solid.svg#FontAwesome7Free-Solid') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Regular';
    src: url('/Assets/fonts/FontAwesome7Free-Regular.eot');
    src: url('/Assets/fonts/FontAwesome7Free-Regular.eot?#iefix') format('embedded-opentype'), url('/Assets/fonts/FontAwesome7Free-Regular.woff2') format('woff2'), url('/Assets/fonts/FontAwesome7Free-Regular.woff') format('woff'), url('/Assets/fonts/FontAwesome7Free-Regular.ttf') format('truetype'), url('/Assets/fonts/FontAwesome7Free-Regular.svg#FontAwesome7Free-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*#endregion*/

/*#region Font Awasome*/
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fa {
    --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7"));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
}

:is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before {
    content: var(--fa)/"";
}

@supports not (content: ""/"") {
    :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before {
        content: var(--fa);
    }
}

.fa-brands {
    --_fa-family: "Font Awesome 7 Brands"
}

.fa-solid {
    --_fa-family: "Font Awesome 7"
}

.fa-linkedin {
    --fa: "\f0e1";
}

.fa-search {
    --fa: "\f002";
}

.fa-caret-down {
    --fa: "\f0d7";
}

.fa-caret-up {
    --fa: "\f0de";
}

.fa-caret-right {
    --fa: "\f0da";
}

.fa-play {
    --fa: "\f04b";
}

.fa-location {
    --fa: "\f3c5";
}

.fa-phone {
    --fa: "\f095";
}

.fa-envelope {
    --fa: "\f0e0";
}

.fa-xmark {
    --fa: "\f00d";
}

.fa-squarexmark {
    --fa: "\f2d3";
}

.fa-arrow-left {
    --fa: "\f060";
}

.fa-arrow-right {
    --fa: "\f061";
}

.fa-angle-left {
    --fa: "\f104";
}

.fa-angle-right {
    --fa: "\f105";
}

.fa-circle-youtube {
    --fa: "\f144";
}

.fa-chevron-up {
    --fa: "\f077";
}

.fa-chevron-down {
    --fa: "\f078";
}

.fa-circle-arrow-up {
    --fa: "\f0aa";
}

.fa-bars {
    --fa: "\f0c9";
}
/*#endregion*/
/*#region Search*/
.search {
    width: 967px;
    height: 552px;
    position: absolute;
    top: 98px;
    left: 50%;
    transform: translateX(-50%);
    /*left: 25%;*/
    /*right: 25%;*/
    z-index: 10;
    background: white;
    border-radius: 0px 0px 39px 39px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

    .search .search-content {
        padding-top: 21px;
        width: 740px;
        height: 100%;
        margin: 0 auto;
        /*background: red;*/
    }

        .search .search-content .input-group {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 44.52px;
            border-radius: 22.26px;
            border: 1px solid #eceef2;
            padding-left: 18px;
            font-size: 16px;
            margin-bottom: 60px;
        }

            .search .search-content .input-group i {
                width: 14px;
                margin-right: 8px;
                color: #b5b9cf;
            }


            .search .search-content .input-group .search-button {
                background-color: var(--porcitorange);
                border-radius: 22.26px;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100%;
                width: 160px;
                font-family: inherit;
                color: white;
                font-size: 14px;
                text-decoration: none;
                font-family: "Roboto";
                cursor: pointer;
                border: 2px solid var(--porcitorange);
                transition: .3s ease-in-out all;
            }

                .search .search-content .input-group .search-button:hover {
                    background-color: white;
                    ;
                    color: var(--porcitorange);
                }

                .search .search-content .input-group .search-button i {
                    color: white;
                    transition: .3s ease-in-out all;
                }

                .search .search-content .input-group .search-button:hover i {
                    color: white;
                    color: var(--porcitorange);
                }

        .search .search-content input {
            border: none;
            outline: none;
            background-color: transparent;
            color: #30323a;
            width: 100%;
            font-family: "Roboto Medium";
            font-size: 14px;
            height: 100%;
            padding-bottom: 2px;
        }


            .search .search-content input::placeholder {
                color: #b5b9cf;
                width: 100%;
                font-family: "Roboto";
                font-size: 14px;
                line-height: 0;
            }

.search-products {
    --search-product-height: 88px;
    --search-product-gap: 30px;
    width: 100%;
    height: calc(3 * var(--search-product-height) + 2 * var(--search-product-gap));
    gap: var(--search-product-gap);
    overflow-y: visible;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    overflow-y: auto;
    --sb-track-color: #e5eaf2;
    --sb-thumb-color: #767e96;
    --sb-size: 6px;
}

.search-empty {
    height: 100%;
    /* background: green; */
    background-image: url(/Assets/Images/searchbg.png);
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: calc(3 * var(--search-product-height) + 2 * var(--search-product-gap) - 8px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 93px;
    font-family: "Roboto Black";
    color: #fbfbfd;
    position: absolute;
    top: -29px;
    pointer-events: none;
}

.search-products .product-item {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 17px;
    height: var(--search-product-height);
    width: 100%;
    text-decoration: none;
}

    .search-products .product-item .product-search-image {
        width: 79px;
        aspect-ratio: 79/88;
        overflow: hidden;
        border-radius: 7px;
        border: 1px solid #e0e2e7;
    }

        .search-products .product-item .product-search-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .search-products .product-item .product-search-title {
        font-family: "Roboto Medium";
        font-size: 16px;
        color: var(--textColor);
    }

.get-an-offer-top .search-close-button {
    margin-right: 27px;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

    .get-an-offer-top .search-close-button i {
        font-size: 28px;
        color: #ebebeb;
    }

.search-products::-webkit-scrollbar {
    /*width: calc(22px + var(--sb-size));*/
    width: var(--sb-size);
    background: transparent;
}


.search-products::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 3px;
}

.search-products::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
    border-left-width: 22px; /* Sol tarafa 22px şeffaf border ekle */
    border: 2px solid #e5eaf2;
    background-color: #767e96; /* Başlık rengi */
    border-radius: 6px;
}

@supports not selector(::-webkit-scrollbar) {
    .search-products {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}
/*#endregion*/

/*#region Get An Offer*/
.get-an-offer-modal {
    width: 926px;
    /*padding-left: 45px;*/
    padding-bottom: 66px;
    position: fixed;
    background: var(--background);
    z-index: 4;
    /*right: auto;
    left:auto;*/
    left: 50%;
    right: 50%;
    top: 71px;
    transform: translate(-50%, -0%);
    border-radius: 44px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

    .get-an-offer-modal#getAnOfferProductDetail {
        top: 21px;
    }

.get-an-offer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .get-an-offer-top .get-an-offer-title {
        width: 42%;
        height: 82px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        background-color: var(--porcitblue);
        border-radius: 0px 0px 31px 31px;
        font-size: 31.24px;
        color: var(--background);
        font-family: "Roboto Black";
        text-align: center;
        display: flex;
    }

    .get-an-offer-top .get-an-offer-close-button {
        margin-right: 27px;
        width: 28px;
        height: 28px;
        background-color: #b6b6b6;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        cursor: pointer;
    }

        .get-an-offer-top .get-an-offer-close-button i {
            font-size: 14px;
            color: var(--fillColor);
        }

.get-an-offer-content {
    margin: 56px auto 0;
    width: 739px;
    gap: 29px;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}

    .get-an-offer-content .form-items {
        gap: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative;
    }

.input-div {
    position: relative;
    width: 100%;
}

.get-an-offer-content .form-items .form-input {
    position: relative;
    width: 100%;
}

.get-an-offer-content .form-items .form-name {
    background-color: #cad0db;
    height: 56px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 31px;
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 6.01px;
    color: #5e6477;
}

.get-an-offer-content .form-items input {
    width: 100%;
    height: 55px;
    padding: 0 29px;
    border: none;
    outline: none;
    font-family: "Roboto";
    font-size: 14px;
    color: #cad0db;
    border: 1px solid #f4f7fc;
}

    .get-an-offer-content .form-items input::placeholder {
        color: #cad0db;
        font-family: "Roboto";
        font-size: 14px;
    }

.get-an-offer-content .form-items textarea {
    width: 100%;
    padding: 20px 29px;
    border: none;
    outline: none;
    font-family: "Roboto Medium";
    font-size: 14px;
    color: #cad0db !important;
    resize: none;
    border: 1px solid #f4f7fc;
}

    .get-an-offer-content .form-items textarea::placeholder {
        color: #cad0db;
        font-family: "Roboto Medium";
        font-size: 14px;
    }

.get-an-offer-bottom {
    margin: 32px auto 0;
    width: 739px;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 32px;
}

.get-an-offer-kvkk {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: start;
    position: relative;
}

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 22px;
        height: 18px;
    }

        .get-an-offer-kvkk .kvkk_button input {
            width: 18px;
            height: 18px;
            border: 1px solid var(--porcitblue);
            background-color: white;
            appearance: none;
            -webkit-appearance: none;
            border-radius: 0;
            transition: .3s ease-in-out all;
        }

            .get-an-offer-kvkk .kvkk_button input:checked {
                background-color: var(--porcitblue);
                box-shadow: inset 0 0 0 2px white;
            }

    .get-an-offer-kvkk .kvkk_title {
        font-family: "Roboto Medium";
        font-size: 14px;
        line-height: 14px;
    }

        .get-an-offer-kvkk .kvkk_title .kvkk-text {
            text-decoration: none;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
        }

.get-an-offer-bottom-first {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}



    .get-an-offer-bottom-first .error {
        text-align: right;
        font-family: "Roboto Medium";
        font-size: 14px;
        line-height: 14px;
        color: red;
    }

    .get-an-offer-bottom-first.success {
        color: green;
    }

    .get-an-offer-bottom-first.loading {
        color: #242847;
        animation: pulse ease-in-out 4s infinite;
    }

.get-an-offer-modal label.error {
    position: absolute;
    right: 15px;
    top: 15px;
    color: red;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0.7;
    }

    20% {
        opacity: 0.3;
    }

    30% {
        opacity: 0.7;
    }

    50% {
        opacity: 0.3;
    }

    60% {
        opacity: 0.7;
    }

    70% {
        opacity: 0.3;
    }

    80% {
        opacity: 0.7;
    }

    90% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.7;
    }
}


.get-an-offer-bottom-last {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 301px;
        height: 74px;
        background-color: var(--porcitorange);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-decoration: none;
        font-family: "Roboto Bold";
        font-size: 18px;
        color: white;
        border-radius: 5px;
        border: 2px solid var(--porcitorange);
        transition: .3s ease-in-out all;
        cursor: pointer;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button:hover {
            background-color: white;
            color: var(--porcitorange);
        }
/*#endregion*/
/*#region Offer Received*/
.offer-received {
    width: 546px;
    height: 390px;
    border-radius: 45px;
    background-color: var(--background);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    display: flex;
    justify-content: start;
    gap: 29px;
    align-items: center;
    flex-direction: column;
    padding: 34px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

.offer-received-icon {
    width: 110px;
    height: 110px;
}

    .offer-received-icon img {
        width: 100%;
        object-fit: fill;
    }

.offer-received-text {
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .offer-received-text .offer-received-text-first-text {
        font-family: "Roboto Black";
        font-size: 28px;
        line-height: 28px;
        color: var(--porcitblue);
        text-align: center;
        margin-bottom: 8px;
    }

    .offer-received-text .offer-received-text-second-text {
        font-family: "Roboto";
        font-size: 14px;
        line-height: 14px;
        color: var(--porcitblue);
        text-align: center;
        margin-bottom: 23px;
    }

    .offer-received-text .offer-received-text-last-text {
        font-family: "Roboto Bold";
        font-size: 16px;
        line-height: 16px;
        color: var(--porcitblue);
        text-align: center;
    }

.offer-received-send {
    width: 168px;
    height: 48px;
    background-color: var(--porcitorange);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Roboto Bold";
    font-size: 16px;
    color: white;
    border-radius: 24px;
    cursor: pointer;
}
/*#endregion*/

/*#region KVKK*/
.kvkk {
    width: 926px;
    height: 737px;
    padding: 28px 25px 70px 70px;
    position: fixed;
    background: var(--background);
    z-index: 6;
    left: 50%;
    right: 50%;
    top: 71px;
    transform: translate(-50%, -0%);
    border-radius: 44px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

    .kvkk .get-an-offer-close-button {
        margin-right: 5px;
    }

    .kvkk .kvkk-title {
        display: block;
        font-size: 28px;
        line-height: 28px;
        margin-top: -13px;
        font-family: "Roboto Black";
        color: var(--porcitblue);
        margin-bottom: 35px;
    }

.kvkk-content {
    position: relative;
    background: white;
    height: 568px;
    padding: 35px 90px 25px 18px;
    border-radius: 12px;
    overflow-y: auto;
    line-height: 24.01px;
    font-size: 16px;
    color: #46484e;
    font-family: "Roboto";
    --sb-track-color: #e5eaf2;
    --sb-thumb-color: #767e96;
    --sb-size: 6px;
    margin-bottom: 37px;
}

    .kvkk-content::after {
        content: "";
        display: block;
        width: 24px;
        height: 100%;
        background: #f8faff;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
    }

    .kvkk-content::-webkit-scrollbar {
        /*width: calc(22px + var(--sb-size));*/
        width: var(--sb-size);
        background: transparent;
    }


    .kvkk-content::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 3px;
    }

    .kvkk-content::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
        border-left-width: 22px; /* Sol tarafa 22px şeffaf border ekle */
        border: 2px solid #e5eaf2;
        background-color: #767e96; /* Başlık rengi */
        border-radius: 6px;
    }

@supports not selector(::-webkit-scrollbar) {
    .kvkk-content {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

.kvkk-content strong {
    font-family: "Roboto Bold";
    line-height: 16px;
    margin-bottom: 25px;
    display: block;
}
/*#endregion*/

/*#region Header*/

.hori-selector {
    position: absolute;
    background-color: var(--porcitblue);
    height: 6px;
    bottom: -1px;
    border-radius: 6.12px 6.12px 0px 0px;
    transition: all 0.4s ease-in-out;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

    .hori-selector i {
        color: var(--porcitblue);
        position: relative;
        font-size: 21px;
        line-height: 0;
    }

.navbar {
    --navbarHeight: 98px;
    height: var(--navbarHeight);
    width: 100%;
    background: rgba(255, 255, 255, 0.7); /* hafif transparan görünümlü */
    color: var(--textColor);
    position: relative;
    z-index: 2;
    transition: .3s ease-in-out all;
}

.nav-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    opacity: 0%;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
}

    .nav-overlay.active {
        opacity: .7;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

.overlay-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 3;
    transition: all 0.3s ease;
    pointer-events: none;
    opacity: 0;
    transform: translateY(0);
    transition: opacity .3s ease, visibility .3s ease;
    --sb-track-color: #e5eaf2;
    --sb-thumb-color: #767e96;
    --sb-size: 10px;
    --sarch-product-gap: 110px;
    max-height: 100vh;
    overflow-y: auto !important;
}

    .overlay-popup#popupOverlayGetAnOfferProductDetail {
        top: 0;
        --sb-track-color: #e5eaf2;
        --sb-thumb-color: #767e96;
        --sb-size: 10px;
        --sarch-product-gap: 110px;
    }

    .overlay-popup::-webkit-scrollbar {
        /*width: calc(22px + var(--sb-size));*/
        width: var(--sb-size);
        background: transparent;
    }


    .overlay-popup::-webkit-scrollbar-track {
        background: var(--sb-track-color);
        border-radius: 3px;
    }

    .overlay-popup::-webkit-scrollbar-thumb {
        background: var(--sb-thumb-color);
        border-radius: 3px;
        border-left-width: 22px; /* Sol tarafa 22px şeffaf border ekle */
        border: 2px solid #e5eaf2;
        background-color: #767e96; /* Başlık rengi */
        border-radius: 6px;
        margin-bottom: 50px;
    }

    .overlay-popup#popupOverlayKvkk {
        z-index: 5;
        overflow: hidden;
    }

.navbar .navbar-content {
    display: flex;
    align-items: start;
    height: 98px;
}

.navbar .navbar-logo {
    position: relative;
    width: 171px;
    aspect-ratio: 171/161;
    background: #FFFFFF;
    background: linear-gradient(0deg,rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .7) 39.13043%, rgba(255, 255, 255, 0) 39.13043%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
}

.header-nav {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    /*justify-content: center;*/
    align-items: center;
    gap: 44px;
    height: 100%;
    /*position: relative;*/
    margin-right: 8.3%;
}

.footer .header-nav {
    margin-right: unset;
    justify-content: center;
}

.header-nav > li {
    list-style-type: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /*position: relative;*/
}

    .header-nav > li.active-li:not(:first-child) > a {
        color: var(--porcitorange);
    }

    .header-nav > li > a {
        font-family: "Roboto";
        text-decoration: none;
        font-size: 16px;
        color: inherit;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        transition: .3s ease-in-out all;
    }

    .header-nav > li:hover > a {
        color: var(--porcitorange);
    }



.navbar-content .other-navs {
    display: flex;
    width: auto;
    justify-content: center;
    align-items: start;
    height: 100%;
}

.other-navs .otherButton {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 71px;
    padding: 0px 17px 7.5px;
    color: white;
    text-decoration: none;
    font-family: "Roboto Medium";
    font-size: 14px;
    cursor: pointer;
}

.other-navs .getAnOfferButton {
    background-color: var(--porcitblue);
    border-bottom-left-radius: 22px;
}

    .other-navs .getAnOfferButton .getAnOffer-icon {
        width: 23px;
        height: 29px;
        background: url('/Assets/Images/GetAnOfferIcon.png') no-repeat center center / 23px 29px;
    }

.other-navs .catalogButton {
    background-color: var(--porcitorange);
    border-bottom-right-radius: 22px;
}

    .other-navs .catalogButton .catalog-icon {
        width: 21px;
        height: 21px;
        background: url('/Assets/Images/CatalogIcon.png') no-repeat center center / 22px 22px;
    }

.other-navs .linkedinButton {
    height: 71px;
    padding: 0px 14px 14px;
    text-decoration: none;
    color: white;
    font-size: 16px;
    margin-left: 12px;
    border-radius: 0px 0px 22px 22px;
    display: flex;
    justify-content: center;
    align-items: end;
    background-color: #476eae;
}

.other-navs .searchButton {
    margin: auto 0 auto 40px;
    width: 112px;
    height: 37px;
    background-color: var(--porcitblue);
    border: 3px solid var(--porcitblue);
    border-radius: 18.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    text-decoration: none;
    color: white;
    font-size: 16px;
    transition: .3s ease-in-out all;
}

    .other-navs .searchButton:hover {
        -webkit-box-shadow: -2px 2px 0px 0px #2A4AAA;
        box-shadow: -2px 2px 0px 0px #2A4AAA;
    }

    .other-navs .searchButton span {
        background-color: white;
        border-radius: 18.5px;
        width: calc(100% - 27px);
        height: 100%;
        font-family: "Roboto Medium";
        color: #b5b9cf;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        line-height: 0;
        font-size: 14px;
    }

.other-navs .languageButton {
    --language-button-height: 31px;
    margin: auto 0 auto 25px;
    width: 70px;
    height: var(--language-button-height);
    border-radius: 15.49px;
    border: 5px solid white;
    text-decoration: none;
    background: white url('/Assets/Images/flag.png') no-repeat left center / 22px 22px;
    display: inline-flex;
    justify-content: end;
    color: #b5b9cf;
    font-size: 16px;
    font-family: "Roboto Medium";
    position: relative;
    cursor: pointer;
}

    .other-navs .languageButton i {
        margin: 0;
        padding: 0;
        width: 16px;
        height: 16px;
    }

.language-dropdown {
    position: absolute;
    z-index: 2;
    bottom: calc(var(--language-button-height) * -2.5 );
    width: 100%;
    padding: 10px;
    border-radius: 9px;
    background: white;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .language-dropdown a {
        text-decoration: none;
        color: inherit;
    }

    .language-dropdown .language-dropdown-item {
        list-style-type: none;
        text-align: center;
        transition: all 0.15s ease;
    }

        .language-dropdown .language-dropdown-item:hover {
            color: #888eb2;
        }

li.divider {
    margin: 5px 0;
    border-bottom: 1px solid #cccccc;
}

.nav-product {
    --search-padding: 20px;
    --search-lineheight: 16px;
    position: absolute;
    background: white;
    top: 100%;
    padding: 38px 37px 24px 0px;
    z-index: 2;
    opacity: 0;
    transform: translateY(0px);
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    border-radius: 0px 0px 19px 19px;
    left: 50%;
    transform: translateX(-50%);
}

    .nav-product .product-content {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: var(--sarch-product-gap);
        height: calc(((var(--search-padding) * 2) + 1px + var(--search-lineheight)) * 7);
        overflow-y: auto;
        position: relative;
        z-index: 0;
        padding-left: 57px;
        --sb-track-color: #e5eaf2;
        --sb-thumb-color: #767e96;
        --sb-size: 6px;
        --sarch-product-gap: 110px;
    }

        .nav-product .product-content::after {
            content: '';
            display: block;
            width: 30px;
            height: 100%;
            margin-left: calc(-1 * var(--sarch-product-gap));
        }


        .nav-product .product-content::-webkit-scrollbar {
            /*width: calc(22px + var(--sb-size));*/
            width: var(--sb-size);
            background: transparent;
        }


        .nav-product .product-content::-webkit-scrollbar-track {
            background: var(--sb-track-color);
            border-radius: 3px;
        }

        .nav-product .product-content::-webkit-scrollbar-thumb {
            background: var(--sb-thumb-color);
            border-radius: 3px;
            border-left-width: 22px; /* Sol tarafa 22px şeffaf border ekle */
            border: 2px solid #e5eaf2;
            background-color: #767e96; /* Başlık rengi */
            border-radius: 6px;
        }

@supports not selector(::-webkit-scrollbar) {
    .nav-product .product-content {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}


.nav-product.active {
    opacity: 1;
    visibility: visible;
    /*transform: translateY(0);*/
    pointer-events: auto;
}

.nav-product .product-border {
    border-left: 1px solid #d0ddfe;
    height: auto;
    margin-top: 2.32%;
    -webkit-box-shadow: 1px 0px 0px 0px #b9c8f1;
    box-shadow: 1px 0px 0px 0px #b9c8f1;
}


.nav-product .product-list {
    display: flex;
    flex-wrap: wrap;
    width: 809px;
    gap: 0 111px;
}

    .nav-product .product-list li {
        padding: var(--search-padding) 0;
        width: 156px;
        list-style-type: none;
        display: flex;
        justify-content: start;
        align-items: center;
        position: relative;
        border-bottom: 1px solid #f4f4fa;
    }

        .nav-product .product-list li:nth-last-child(-n + 3) {
            border-bottom: none;
        }



        .nav-product .product-list li a {
            color: #6b748f;
            display: inline-block;
            text-wrap: nowrap;
            text-decoration: none;
            transition: all 0.25s ease;
            font-family: "Roboto";
            font-size: 16px;
            width: 100%;
            line-height: var(--search-lineheight);
        }

        .nav-product .product-list li:hover a {
            color: #24325c;
            font-family: "Roboto Bold";
            padding-left: 12px;
        }

        .nav-product .product-list li .product-menu-icon {
            position: absolute;
            font-size: 0px;
            width: 0px;
            height: 31px;
            background-size: auto;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url('/Assets/Images/product-menu.svg');
            left: -16px;
            /*left: -36.65%;*/
            transition: all 0.25s ease;
        }

        .nav-product .product-list li:hover .product-menu-icon {
            width: 16px;
        }
/*#endregion*/

/*#region Footer*/
.footer {
    margin-top: 71px;
    margin-bottom: 65px;
    background-color: white;
    padding: 57px 0 51px;
    border-radius: 69px;
}

.top-menu {
    background-color: #f4f5f7;
    width: 100%;
    height: 84px;
    border-radius: 42px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 4px;
}

    .top-menu .footer-logo {
        width: 88px;
        height: 80px;
        border-radius: 50%;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto 0;
    }

        .top-menu .footer-logo img {
            width: 68px;
            aspect-ratio: 1;
            object-fit: contain;
        }

    .top-menu .footer-menu {
        width: 86.188%;
        background-color: var(--porcitblue);
        color: #f6f7fa;
        border-radius: 42px;
    }

.bottom-menu {
    margin-top: 39px;
    padding-left: 27px;
    display: grid;
    grid-template-columns: 1053fr 300fr 305fr;
}

.footer-world-icon {
    background-image: url('/assets/images/footer-empty-image.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: calc(100% - 42px) 0px;
}
/*.bottom-menu .footer-help {
    }*/

.bottom-menu .footer-title {
    font-family: "Roboto Bold";
    color: var(--porcitblue);
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 14px;
    display: block;
}

.bottom-menu .footer-help a {
    font-family: "Roboto";
    color: var(--textBabyBlue);
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 16px;
    display: block;
    text-decoration: none;
}

.bottom-menu .footer-categories {
    /*display: flex;
        max-height: 120px;
        flex-wrap: wrap;
        flex-direction: column;*/

    display: flex;
    max-height: 120px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: start;
    gap: 0 100px;
}

    .bottom-menu .footer-categories li,
    .bottom-menu .footer-help li {
        list-style-type: none;
    }

        .bottom-menu .footer-categories li a {
            font-family: "Roboto";
            color: var(--textBabyBlue);
            font-size: 14px;
            line-height: 14px;
            padding-bottom: 10px;
            display: block;
            text-decoration: none;
            transition: .15s ease-in-out all;
        }

    .bottom-menu .footer-categories a:hover {
        color: var(--porcitorange);
    }

.footer-adress {
    padding-top: 23px;
}

    .footer-adress .footer-adress-title {
        font-family: "Roboto Medium";
        font-size: 16px;
        color: var(--porcitblue);
        line-height: 16px;
    }

    .footer-adress .adress-column {
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 13px;
        margin-top: 17px;
        font-size: 14px;
    }

        .footer-adress .adress-column:not(:nth-child(2)) {
            margin-top: 13px;
        }

        .footer-adress .adress-column i {
            font-size: inherit;
            color: #b3b6bd;
            width: 11px;
        }

        .footer-adress .adress-column div,
        .footer-adress .adress-column span,
        .footer-adress .adress-column a {
            color: var(--textBabyBlue);
            font-size: inherit;
            font-family: "Roboto";
            text-decoration: none;
        }

        .footer-adress .adress-column .adress-social-media {
            background-color: #476eae;
            width: 27px;
            height: 27px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }

            .footer-adress .adress-column .adress-social-media i {
                font-size: 16px;
                width: 16px;
                color: #fff;
            }

.copyright {
    margin-top: 17px;
    width: 100%;
    height: 56px;
    padding: 0 17px 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #8991a0;
    font-size: 16px;
    background-color: #f4f5f7;
    border-radius: 12px;
}

    .copyright span,
    .copyright a {
        font-family: "Roboto";
        color: inherit;
        font-size: inherit;
        text-decoration: none;
    }

        .copyright span.copyright-bold {
            font-family: "Roboto Bold";
        }
/*#endregion*/

/*#region Home*/
.careousel-splide {
    height: calc(100vh - 20px);
    margin-top: calc(var(--navbarHeight) * -1);
}

    .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 20px);
        width: 100%;
    }

    .careousel-splide .splide__track .splide__list .splide__slide video {
        width: 100%;
        height: calc(100vh - 20px);
        object-fit: cover;
    }

    .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay {
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: #28396C;
        background: linear-gradient(100deg, rgba(40, 57, 108, 0.92) 0%, rgba(255, 255, 255, 0) 73%);
        display: flex;
        justify-content: start;
        align-items: end;
        color: white;
        padding-left: 96px;
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: 400px;
            width: 454px;
            pointer-events: auto;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                font-family: "Roboto Bold";
                color: white;
                font-size: 29.88px;
                line-height: 29.88px;
                margin-bottom: 21px;
                display: block;
                animation-duration: 1.25s;
                animation-delay: .25s;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                font-family: "Roboto";
                font-size: 16px;
                color: white;
                overflow-wrap: break-word;
                margin-bottom: 42px;
                animation-duration: 1.25s;
                animation-delay: .5s;
                text-wrap: pretty;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-link {
                width: 141px;
                height: 37px;
                text-align: center;
                text-decoration: none;
                color: white;
                font-family: "Roboto Medium";
                font-size: 16px;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--porcitorange);
                border-radius: 18.5px;
                cursor: pointer;
                animation-duration: 1.25s;
                animation-delay: .75s;
            }

.carousel-button-overlay {
    position: absolute;
    bottom: 0;
    left: 85px;
    width: 188px;
    height: 94px;
    background: var(--background);
    z-index: 0;
    display: flex;
    justify-content: end;
    align-items: end;
    border-radius: 25px 25px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 17px;
    align-items: center;
}

    .carousel-button-overlay .right {
        position: absolute;
        width: 25px;
        height: 25px;
        /*background-color: var(--background);*/
        overflow: hidden;
        right: -25px;
        bottom: 0;
        justify-content: end;
        background-image: url('/Assets//Images/right.png');
        background-repeat: no-repeat;
        background-size: auto auto;
        background-position: bottom left;
    }

    /*.carousel-button-overlay .right::before {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #404c6f;
        }*/

    .carousel-button-overlay .left {
        position: absolute;
        width: 25px;
        height: 25px;
        overflow: hidden;
        left: -25px;
        bottom: 0;
        justify-content: start;
        background-image: url('/Assets//Images/left.png');
        background-repeat: no-repeat;
        background-size: auto auto;
        background-position: bottom right;
    }


    .carousel-button-overlay .careousel-arrows {
        border-radius: 50%;
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: end;
    }

        .carousel-button-overlay .careousel-arrows i {
            transition: all .3s ease;
            font-size: 30px;
            margin-bottom: 20px;
            color: #bec6d7;
            position: relative;
        }

        .carousel-button-overlay .careousel-arrows:hover i {
            color: var(--porcitblue);
        }

        .carousel-button-overlay .careousel-arrows i::after {
            content: "";
            display: inline-block;
            width: 55px;
            height: 4px;
            position: absolute;
            top: 42%;
            background: #bec6d7;
            border-radius: 2px;
            transition: all .3s ease;
        }

        .carousel-button-overlay .careousel-arrows.left-arrow {
            justify-content: start;
        }

        .carousel-button-overlay .careousel-arrows.right-arrow {
            justify-content: end;
        }

        .carousel-button-overlay .careousel-arrows:hover i::after {
            background-color: var(--porcitblue);
        }

        .carousel-button-overlay .careousel-arrows.left-arrow i::after {
            right: -30px;
        }

        .carousel-button-overlay .careousel-arrows.right-arrow i::after {
            left: -30px;
        }

.home-product {
    margin-top: 71px;
    border-radius: 53px;
    padding: 42px 154px 44px;
    background: white;
}

    .home-product .home-product-title {
        font-size: 24px;
        line-height: 24px;
        display: block;
        text-align: center;
        font-family: "Roboto Bold";
        color: var(--porcitblue);
        margin-bottom: 53px;
    }

    .home-product .product-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 59px 54px;
    }

        .home-product .product-list .product-item a {
            text-decoration: none;
        }

        .home-product .product-list .product-item .product-image {
            height: 332px;
            border: 1px solid #b1b5be;
            border-radius: 23px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 36px 14px 35px;
            position: relative;
        }

            .home-product .product-list .product-item .product-image img {
                width: 100%;
                height: 100%;
                max-width: 272px;
                max-height: 265px;
                object-fit: contain;
                overflow: hidden;
            }

        .home-product .product-list .product-item .product-name {
            font-size: 16px;
            line-height: 16px;
            font-family: "Roboto Medium";
            color: var(--textColor);
            display: block;
            text-align: center;
            margin: 23px auto;
            text-align: center;
        }

.product-item .product-image .product-examine {
    width: 141px;
    height: 37px;
    border-radius: 18.5px;
    background-color: var(--porcitorange);
    color: white;
    font-family: "Roboto Medium";
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    left: 50%;
    transform: translateX(-50%);
    /*right: 25%;*/
}

.product-item:hover .product-image .product-examine {
    opacity: 1;
    visibility: visible;
    bottom: 33px;
}


.who-are-we {
    margin: 71px auto 98px;
    background-color: white;
    padding: 46px 117px 0px;
    border-radius: 53px;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 147px;
    background-image: url(/Assets/Images/aboutusbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left center;
}

    .who-are-we .who-are-we-title {
        font-family: "Roboto Bold";
        font-size: 24px;
        line-height: 24px;
        color: var(--porcitblue);
        margin-bottom: 34px;
    }

    .who-are-we .who-are-we-content {
        flex: 553 1 0;
    }

        .who-are-we .who-are-we-content .who-are-we-text {
            font-family: "Roboto";
            font-size: 16px;
            color: var(--textGray);
            text-align: justify;
        }

    /*filter: drop-shadow(0px 24px 13px rgba(0, 0, 0, 0.5));*/
    .who-are-we .who-are-we-image {
        flex: 559 1 0;
        margin-top: -7.5%;
        position: relative;
        bottom: -25px;
    }

        .who-are-we .who-are-we-image::after {
            content: "";
            position: absolute;
            bottom: -51px;
            right: 8.5%;
            width: 100%;
            height: 126px;
            background-image: url(/Assets/Images/shadow.png);
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center center;
            opacity: .85;
        }

        .who-are-we .who-are-we-image img {
            max-width: 559px;
            max-height: 481px;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .who-are-we .who-are-we-button {
        margin-top: 62px;
        display: flex;
        justify-content: start;
        gap: 43px;
    }

        .who-are-we .who-are-we-button .who-are-we-button-item {
            width: 141px;
            height: 37px;
            border: 1px solid var(--porcitblue);
            border-radius: 18.5px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: "Roboto Medium";
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            transition: .3s ease-in-out all;
        }

            .who-are-we .who-are-we-button .who-are-we-button-item.aboutus-link-button {
                background: var(--porcitblue);
                color: white;
            }

                .who-are-we .who-are-we-button .who-are-we-button-item.aboutus-link-button:hover {
                    background: white;
                    color: var(--porcitblue);
                }

            .who-are-we .who-are-we-button .who-are-we-button-item.contact-link-button {
                background: white;
                color: var(--porcitblue);
            }

                .who-are-we .who-are-we-button .who-are-we-button-item.contact-link-button:hover {
                    background: var(--porcitblue);
                    color: white;
                }

.home-referances .home-referances-title {
    display: block;
    text-align: center;
    color: var(--porcitblue);
    font-family: "Roboto Bold";
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 22px;
}

.home-referances-content {
    background-color: white;
    border-radius: 53px;
}

    .home-referances-content .home-referances-content-top {
        border: 3px solid var(--background);
        background-color: white;
        border-radius: 53px;
        height: 123px;
        padding: 0 106px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 80px;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            cursor: pointer;
        }

            .home-referances-content .home-referances-content-top .home-referance-image.active img {
                opacity: 1;
            }

            .home-referances-content .home-referances-content-top .home-referance-image img {
                max-width: 180px;
                max-height: 70px;
                object-fit: contain;
                width: 100%;
                height: 100%;
                opacity: .58;
                transition: .3s ease-in-out;
            }

                .home-referances-content .home-referances-content-top .home-referance-image img:hover {
                    opacity: 1;
                }

    .home-referances-content .home-referances-content-bottom {
        padding: 62px 0 92px;
        margin: 0 auto;
        max-width: 1256px;
        width: 75.75%;
        display: none;
        gap: 52px;
    }

        .home-referances-content .home-referances-content-bottom.active {
            display: flex;
            animation: fadeIn 0.5s ease;
        }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: 697 1 0;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            font-family: "Roboto Bold";
            font-size: 24px;
            line-height: 24px;
            color: var(--porcitblue);
            margin-bottom: 50px;
            display: block;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            font-family: "Roboto";
            font-size: 16px;
            color: var(--porcitblue);
            width: 90%;
            text-align: justify;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            width: 183.46px;
            height: 48.28px;
            border-radius: 24.14px;
            border: 1px solid var(--porcitblue);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            background-color: white;
            font-family: "Roboto Medium";
            color: var(--porcitblue);
            font-size: 16px;
            margin: 46px 0 55px;
            text-decoration: none;
            transition: .3s ease-in-out;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 23px;
            width: 100%;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                overflow: hidden;
                border-radius: 21px;
                width: 157px;
                height: 143px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 157px;
                    max-height: 143px;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: .3s ease-in-out;
                }

                    .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img:hover {
                        transform: scale(1.2);
                    }

        .home-referances-content .home-referances-content-bottom .home-referance-images:hover {
            background-color: var(--porcitblue);
            color: white;
        }

.home-referances-content-image {
    flex: 508 1 0;
    width: 508px;
    height: auto;
    overflow: hidden;
    border-radius: 51px;
    height: 463px;
}

    .home-referances-content-image img {
        max-width: 508px;
        max-height: 463px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .3s ease-in-out;
    }

        .home-referances-content-image img:hover {
            transform: scale(1.2);
        }

.all-products {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

    .all-products a {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: var(--porcitorange);
        height: 45px;
        width: 188px;
        border-radius: 225px;
        border: 1px solid var(--porcitorange);
        font-family: "Roboto Bold";
        font-size: 16px;
        text-decoration: none;
        color: white;
        transition: .3s ease-in-out all;
    }

        .all-products a i {
            padding-left: 10px;
        }

        .all-products a:hover {
            color: var(--porcitorange);
            background-color: white;
        }
/*#endregion*/
/*#region BreadCrumb*/
.breadcrumb {
    width: 100%;
    height: 76px;
    background-image: url('/assets/images/breadcrumb-image.png');
    background-size: cover;
    /*background-size: 100%;*/
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}

    .breadcrumb .breadcrumb-content-overlay {
        background-color: rgba(08, 27, 83, .58);
        /*background-image: url('/Assets/Images/breadcrumb-image-overlay.png');*/
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .breadcrumb .breadcrumb-content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 1;
    }


        .breadcrumb .breadcrumb-content h1,
        .breadcrumb .breadcrumb-content span {
            margin-left: 135px;
            font-family: "Roboto Bold";
            font-size: 24px;
            line-height: 24px;
            color: #fefeff;
        }

        .breadcrumb .breadcrumb-content.breadcrumb-content-lg h1,
        .breadcrumb .breadcrumb-content.breadcrumb-content-lg span {
            margin-left: 206px;
        }

        .breadcrumb .breadcrumb-content ul {
            display: flex;
        }

            .breadcrumb .breadcrumb-content ul li {
                display: inline-block;
            }

                .breadcrumb .breadcrumb-content ul li a {
                    font-size: 14px;
                    font-family: "Roboto Light";
                    color: #768ab5;
                    text-decoration: none;
                }

                .breadcrumb .breadcrumb-content ul li:not(:last-of-type) a::after {
                    content: "\f054";
                    padding: 0 7px;
                    font-family: "Font Awesome 7";
                    color: #767ea7;
                    font-size: 14px;
                }

                .breadcrumb .breadcrumb-content ul li:last-of-type a {
                    color: #fefeff;
                }
/*#endregion*/

/*#region Gallery*/
.gallery {
    margin-top: 53px;
    position: relative;
}

    .gallery .gallery-item {
        overflow: hidden;
        border-radius: 40px;
        position: relative;
    }


        .gallery .gallery-item img {
            aspect-ratio: 1;
            max-width: 311px;
            width: 100%;
            object-fit: cover;
            transition: .3s ease-in-out;
            border-radius: 40px;
        }

            .gallery .gallery-item img:hover {
                transform: scale(1.2);
            }

    .gallery .gallery-arrows {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        opacity: 0;
        pointer-events: none;
        transition: .3s ease-in-out;
    }

    .gallery:hover .gallery-arrows {
        opacity: 1;
        pointer-events: auto;
    }

    .gallery .gallery-arrow {
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--background);
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translate(0%, -50%);
        cursor: pointer;
    }

        .gallery .gallery-arrow i {
            font-size: 30px;
            color: var(--porcitblue);
        }

        .gallery .gallery-arrow.gallery-left-arrow {
            margin-left: -20px;
            left: 0;
        }

        .gallery .gallery-arrow.gallery-right-arrow {
            margin-right: -20px;
            right: 0;
        }
/*#endregion*/

/*#region Avout Us*/
.aboutus {
    margin-top: 36px;
}

.aboutus-first-content {
    padding-left: 65px;
    /*gap: 56px;
    display: flex;*/
    background-color: white;
    border-radius: 53px;
    /*min-height: 636px;*/
}

    .aboutus-first-content.no-image {
        /* padding-right: 65px;
        padding-bottom: 50px;*/
    }

    .aboutus-first-content .aboutus-first-content-text {
        flex: 599 1 0;
    }



    .aboutus-first-content .aboutus-first-content-title {
        font-family: "Roboto Bold";
        font-size: 37.54px;
        line-height: 37.54px;
        color: var(--porcitblue);
        /*margin: 50px 0 44px;*/
        padding: 50px 0 44px;
        display: block;
    }

    .aboutus-first-content .aboutus-first-content-text {
        font-family: "Roboto";
        font-size: 16px;
        color: var(--textGray);
        text-align: justify;
        line-height: 21.01px;
        letter-spacing: -0.07px;
        padding-bottom: 35px;
        padding-right: 65px;
    }

        .aboutus-first-content .aboutus-first-content-text p {
            margin-top: -5px;
        }


    .aboutus-first-content .aboutus-first-content-image {
        /*flex: 937 1 0;*/
        border-radius: 46px;
        float: right;
        width: 58.9%;
        margin-left: 56px;
        margin-bottom: 20px;
    }

        .aboutus-first-content .aboutus-first-content-image img {
            border-radius: 46px;
            max-height: 636px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.aboutus-second-content {
    border-radius: 53px;
    margin-top: 22px;
    background-color: white;
    padding: 39px 65px;
    width: 100% !important;
}

    .aboutus-second-content .aboutus-second-content-text {
        font-family: "Roboto";
        color: var(--textGray);
        font-size: 16px;
        text-align: justify;
        line-height: 21.01px;
    }
/*#endregion*/

/*#region Products*/
/*İkiden fazla Ürünler İçin Ürünler Css Kodu*/
.left-product {
    width: 378px;
}

.products {
    margin-top: 52px;
    border-radius: 35px;
    background-color: white;
    padding: 47px 46px 71px;
    display: grid;
    gap: 48px;
    grid-template-columns: 390fr 1284fr;
}

.products-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 47px;
}

    .products-content .product-item {
        text-decoration: none;
    }

        .products-content .product-item .product-image {
            width: 285px;
            aspect-ratio: 285/320;
            max-width: 285px;
            max-height: 320px;
            border-radius: 23px;
            overflow: hidden;
            border: 1px solid #e8ebf1;
            position: relative;
        }

            .products-content .product-item .product-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: .3s ease-in-out;
            }

                .products-content .product-item .product-image img:hover {
                    transform: scale(1.1);
                }

        .products-content .product-item .product-name {
            display: flex;
            width: 100%;
            height: 50px;
            justify-content: center;
            align-items: end;
            font-family: "Roboto Medium";
            font-size: 16px;
            text-decoration: none;
            color: var(--textColor);
        }

/*İki Tane Ürün İçin Ürünler Css Kodu*/
.few-products-content {
    display: flex;
    gap: 44px;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-right: 61px;
}

    .few-products-content .few-product-item {
        display: grid;
        gap: 44px;
        grid-template-columns: 369fr 837fr;
    }

        .few-products-content .few-product-item .few-product-image {
            width: 369px;
            height: 100%;
            aspect-ratio: 369/246;
            border-radius: 23px;
            overflow: hidden;
            border: 1px solid #e8ebf1;
            background-color: red;
            max-height: 246px;
        }

            .few-products-content .few-product-item .few-product-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: .3s ease-in-out;
            }

                .few-products-content .few-product-item .few-product-image img:hover {
                    transform: scale(1.1);
                }

        .few-products-content .few-product-item .few-product-content {
            display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
            justify-content: center;
            align-items: start;
        }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                font-family: "Roboto Bold";
                font-size: 16px;
                line-height: 16px;
                color: var(--textColor);
                margin-bottom: 16px;
                margin-top: 8%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-family: "Roboto Medium";
                font-size: 16px;
                line-height: 23.01px;
                color: var(--textColor);
                text-align: justify;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: end;
                align-items: center;
            }

                .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                    padding: 43px 0 5px;
                }

                .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                    display: flex;
                    -webkit-justify-content: center;
                    justify-content: center;
                    align-items: center;
                    -webkit-align-items: center;
                    width: 115px;
                    height: 39px;
                    border-radius: 19.07px;
                    background-color: white;
                    border: 1px solid var(--porcitorange);
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    color: var(--porcitblue);
                    font-family: "Roboto Medium";
                    font-size: 16px;
                    transition: .3s ease-in-out;
                    background-color: white;
                }

                    .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button:hover {
                        background-color: var(--porcitorange);
                        color: white;
                    }
/*#endregion*/

/*#region Product Detail*/
.product-detail {
    margin-top: 52px;
    border-radius: 35px;
    background-color: white;
    padding: 47px 10px 71px 46px;
    display: grid;
    gap: 48px;
    grid-template-columns: 379fr 1284fr;
}

    .product-detail .product-detail-content-top {
        display: grid;
        gap: 49px;
        grid-template-columns: 623fr 619fr;
    }

        .product-detail .product-detail-content-top .product-detail-image {
            width: 100%;
            aspect-ratio: 623/513;
            border-radius: 35px;
            overflow: hidden;
        }

            .product-detail .product-detail-content-top .product-detail-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .product-detail .product-detail-content-top .product-detail-text {
            display: flex;
            -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
        }

            .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top {
                display: flex;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                align-items: center;
            }

                .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
                    margin-left: 24px;
                    height: 69px;
                    display: inline-flex;
                    justify-content: start;
                    align-items: center;
                    font-family: "Roboto Bold";
                    font-size: 18px;
                    line-height: 18px;
                    color: var(--porcitblue);
                }

                    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title::before {
                        content: "";
                        display: inline-block;
                        width: 9px;
                        height: 100%;
                        border-radius: 4.5px;
                        background-color: var(--porcitblue);
                        margin-right: 12px;
                    }

                .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
                    padding-left: 10px;
                    margin-right: 15px;
                    height: 39px;
                    width: 142px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-radius: 20.55px;
                    border: 2px solid white;
                    outline: 1px solid var(--porcitorange);
                    color: var(--porcitorange);
                    font-family: "Roboto Medium";
                    font-size: 14px;
                    line-height: 14px;
                    cursor: pointer;
                }

                    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price .product-detail-text-get-price-icon {
                        background-color: var(--porcitorange);
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 33px;
                        height: 33px;
                        justify-content: center;
                        align-items: center;
                        border-radius: 50%;
                        background-image: url('/Assets/Images/envelopeIcon.png');
                        background-size: 19px 20px;
                        background-position: center center;
                        background-repeat: no-repeat;
                    }



.product-detail-table {
    width: 100%;
}

    .product-detail-table table {
        margin-top: 25px;
        border-spacing: 0px;
        border-collapse: collapse;
        width: 100% !important;
    }

        .product-detail-table table td {
            border-bottom: 3px solid var(--background);
            height: 45px !important;
            color: #7e8ca3;
            font-family: "Roboto";
            font-size: 16px;
            line-height: 16px;
            width: auto !important;
        }

        .product-detail-table table tr td:first-child {
            color: var(--porcitblue);
            font-size: 16px;
            line-height: 16px;
            font-family: "Roboto Bold";
            padding-left: 45px;
            width: 43% !important;
            /*width: 37% !important;*/
        }

        .product-detail-table table tr td:nth-child(3) {
            color: #7e8ca3;
            font-family: "Roboto";
            font-size: 16px;
            line-height: 16px;
            width: auto !important;
        }

        .product-detail-table table tr td:nth-child(2) {
            font-size: 16px;
            line-height: 16px;
            font-family: "Roboto Bold";
            color: var(--porcitblue);
            width: 15px !important;
            display: flex;
            align-items: center;
        }

.product-detail-bottom-content {
    padding: 0px 66px 63px;
    background-color: var(--fillColor);
    border-radius: 35px;
    margin: 30px 52px 0 0;
}

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 104px;
        gap: 12px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 26px;
            height: 50px;
            font-size: 18px;
            line-height: 18px;
            color: #07072a;
            display: flex;
            font-family: "Roboto Light";
            justify-content: center;
            align-items: center;
            border-radius: 25px;
            transition: .3s ease-in-out;
            cursor: pointer;
        }

            .product-detail-bottom-content .product-detail-tabs .product-detail-tab:hover {
                background-color: white;
            }

            .product-detail-bottom-content .product-detail-tabs .product-detail-tab.active-tab {
                background-color: white;
                font-family: "Roboto Bold";
                color: var(--porcitblue);
            }

.product-content-tab {
    display: none;
}

    .product-content-tab.active-content-tab {
        display: block;
        animation: fadeIn 0.5s ease;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
            display: block;
            background-color: white;
            padding: 48px 37px 60px 50px;
            border-radius: 25px;
            font-family: "Roboto";
            font-size: 18px;
            line-height: 22.01px;
            color: #07072a;
            text-align: justify;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 15px;
        }

            .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item {
                width: 171px;
                aspect-ratio: 171/158;
                border-radius: 21px;
                overflow: hidden;
                position: relative;
            }

                .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: .3s ease-in-out all;
                }

                .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item:hover img {
                    transform: scale(1.1);
                }

.product-detail-image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    z-index: 1;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .product-detail-image-overlay i {
        font-size: 45px;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #bbbcba;
        border: 3px solid #bbbcba;
        border-radius: 50%;
        transition: .3s ease-in-out all;
        line-height: 20px;
    }



.product-detail-image-item:hover .product-detail-image-overlay i,
.gallery .gallery-item:hover .product-detail-image-overlay i {
    color: var(--porcitorange);
    border: 3px solid var(--porcitorange);
}

.product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
    width: 100%;
    background-color: white;
    height: 76px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 45px;
    border-radius: 25px;
    padding: 0 25px;
    text-decoration: none;
}

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item:not(:last-of-type) {
        margin-bottom: 14px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
        width: 37px;
        height: 40px;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
        font-family: "Roboto Bold";
        font-size: 18px;
        line-height: 18px;
        color: var(--porcitblue);
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon.word-icon {
        background-image: url('/Assets/Images/icon-word.png');
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon.jpg-icon {
        background-image: url('/Assets/Images/icon-jpg.png');
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon.pdf-icon {
        background-image: url('/Assets/Images/icon-pdf.png');
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon.excel-icon {
        background-image: url('/Assets/Images/icon-excel.png');
    }


.product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

    .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
        width: 171px;
        aspect-ratio: 171/158;
        border-radius: 21px;
        overflow: hidden;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 21px;
            transition: .3s ease-in-out all;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item:hover img {
            transform: scale(1.1);
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-title {
        display: block;
        text-align: center;
        font-family: "Roboto Light";
        font-size: 18px;
        line-height: 18px;
        margin-top: 19px;
    }


/*#endregion*/

/*#region Referances*/
.referances {
    margin-top: 77px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

    .referances .referance-item {
        width: 100%;
        aspect-ratio: 1;
        background-color: white;
        border-radius: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        background: white;
        /*z-index: 2;*/
    }

        .referances .referance-item .referancebottom {
            bottom: 0;
            right: 0%;
            width: 100%;
            height: 5px; /* Çizgi kalınlığı */
            transform: scaleX(0);
            border-radius: 35px;
            position: absolute;
            display: block;
            background: var(--porcitorange);
            transition: all .3s ease-in;
            border-radius: 35px;
        }

        .referances .referance-item:hover .referancebottom {
            transform: scaleX(1);
        }


        .referances .referance-item img {
            max-width: 200px;
            max-height: 190px;
            width: auto;
            height: auto;
            object-fit: contain;
        }
/*#endregion*/

/*#region Referance Detail*/
.referance-detail {
    margin-top: 49px;
    display: grid;
    gap: 17px;
    grid-template-columns: 423fr 1362fr;
}

    .referance-detail .referance-detail-list {
        background-color: white;
        border-radius: 35px;
        padding-bottom: 60px;
    }

        .referance-detail .referance-detail-list .referance-detail-list-title {
            margin: 0 auto;
            width: auto;
            width: 216px;
            height: 77px;
            border-radius: 0px 0px 22px 22px;
            background-color: var(--background);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-family: "Roboto Bold";
            color: var(--porcitblue);
            font-size: 24px;
            line-height: 24px;
            margin-bottom: 9px;
        }

        .referance-detail .referance-detail-list .referance-detail-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 41px 0 34px;
            margin-left: 38px;
            text-decoration: none;
            transition: all 0.3s ease;
            height: 54px;
            position: relative;
        }

            .referance-detail .referance-detail-list .referance-detail-item:not(.referance-detail-item.active-referance-item) {
                height: 48px !important;
            }

                .referance-detail .referance-detail-list .referance-detail-item:not(.referance-detail-item.active-referance-item)::before {
                    content: '';
                    position: absolute;
                    width: 0%;
                    height: 100%;
                    background: var(--background);
                    top: 0;
                    right: 0;
                    border-radius: 27px 0px 0px 27px;
                    z-index: 0;
                    transition: .5s .1s ease-in-out all;
                }

                .referance-detail .referance-detail-list .referance-detail-item:not(.referance-detail-item.active-referance-item):hover::before {
                    width: 100%;
                }

            .referance-detail .referance-detail-list .referance-detail-item .referance-detail-title {
                font-family: "Roboto";
                font-size: 18px;
                line-height: 18px;
                color: #7e8ca3;
                transition: all 0.3s ease;
                position: relative;
                z-index: 51
            }

            .referance-detail .referance-detail-list .referance-detail-item i {
                font-size: 16px;
                width: 16px;
                color: #d6dae1;
                position: relative;
                transition: all 0.3s ease;
            }

                .referance-detail .referance-detail-list .referance-detail-item i::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 72%;
                    display: block;
                    width: 0px;
                    height: 2px;
                    transform: translate(-50%, -50%);
                    background-color: #d6dae1;
                    transition: all 0.3s ease;
                }

            .referance-detail .referance-detail-list .referance-detail-item:hover .referance-detail-title {
                color: var(--porcitblue);
                font-family: "Roboto Bold";
            }

            .referance-detail .referance-detail-list .referance-detail-item:hover i {
                color: var(--porcitorange);
            }

                .referance-detail .referance-detail-list .referance-detail-item:hover i::after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: -100%;
                    display: block;
                    width: 47px;
                    height: 2px;
                    transform: translate(-50%, -50%);
                    background-color: var(--porcitorange);
                }

            .referance-detail .referance-detail-list .referance-detail-item.active-referance-item {
                background-color: var(--background);
                border-radius: 27px 0px 0px 27px;
            }

                .referance-detail .referance-detail-list .referance-detail-item.active-referance-item .referance-detail-title {
                    color: var(--porcitblue);
                    font-family: "Roboto Bold";
                }

                .referance-detail .referance-detail-list .referance-detail-item.active-referance-item i {
                    color: var(--porcitorange);
                }

                    .referance-detail .referance-detail-list .referance-detail-item.active-referance-item i::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        right: -100%;
                        display: block;
                        width: 47px;
                        height: 2px;
                        transform: translate(-50%, -50%);
                        background-color: var(--porcitorange);
                    }

.referance-detail-content {
    background-color: white;
    border-radius: 35px;
    padding: 74px 62px 114px 66px;
}

    .referance-detail-content .referance-detail-content-top {
        display: grid;
        grid-template-columns: 292fr 908fr;
        gap: 40px;
        margin-bottom: 39px;
    }

        .referance-detail-content .referance-detail-content-top .referance-detail-image {
            width: 292px;
            aspect-ratio: 292/241;
            overflow: hidden;
            border-radius: 35px;
            transition: .5s ease-in-out all;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image img {
                width: 100%;
                height: 100%;
                transition: .3s ease-in-out all;
                /*object-fit: cover;*/
                object-fit: contain;
            }

        .referance-detail-content .referance-detail-content-top .referance-detail-title {
            display: flex;
            flex-direction: column;
            gap: 29px;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                color: var(--porcitorange);
                font-family: "Roboto Bold";
                font-size: 24px;
                line-height: 24px;
                height: 69px;
                display: flex;
                justify-content: start;
                align-items: center;
                gap: 14px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1::before {
                    content: '';
                    width: 9px;
                    height: 100%;
                    border-radius: 4.5px;
                    background-color: var(--porcitorange);
                }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                font-family: "Roboto";
                font-size: 18px;
                line-height: 24.01px;
                color: #07072a;
                padding-right: 13%;
            }

    .referance-detail-content .referance-detail-images {
        padding: 40px 66px 66px;
        background-color: var(--fillColor);
        border-radius: 35px;
    }

        .referance-detail-content .referance-detail-images .referance-detail-images-title {
            font-size: 24px;
            font-family: "Roboto Bold";
            color: #021176;
            line-height: 24px;
            margin-bottom: 44px;
            letter-spacing: 1px;
            display: block;
        }

        .referance-detail-content .referance-detail-images .referance-detail-image-list {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-auto-rows: auto;
            gap: 15px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item {
                height: 100%;
                aspect-ratio: 171/155;
                border-radius: 21px;
                overflow: hidden;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    transition: .3s ease-in-out all;
                }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:hover img {
                    transform: scale(1.1);
                }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(3) {
                    grid-column: span 2;
                    grid-row: span 2;
                    aspect-ratio: 356/327;
                }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    grid-column: span 2;
                    grid-row: span 3;
                    aspect-ratio: 356/498;
                }
/*#endregion*/

/*#region Certificate*/
.certificate {
    padding: 62px 59px 102px;
    margin-top: 75px;
    background-color: white;
    border-radius: 53px;
}

    .certificate .certificate-title {
        display: block;
        text-align: center;
        font-family: "Roboto Bold";
        font-size: 24px;
        line-height: 24px;
        color: var(--porcitblue);
        margin-bottom: 68px;
    }

.certificate-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 28px;
}

    .certificate-list .certificate-item {
        text-decoration: none;
    }

        .certificate-list .certificate-item .certificate-image {
            height: 390px;
            aspect-ratio: 283/390;
            border-radius: 26px;
            overflow: hidden;
            border: 1px solid #a0aaba;
        }

            .certificate-list .certificate-item .certificate-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .certificate-list .certificate-item .certificate-name {
            font-family: "Roboto Bold";
            font-size: 16px;
            line-height: 16px;
            max-height: 16px;
            overflow: hidden;
            display: block;
            text-align: center;
            color: var(--porcitblue);
            margin: 33px 0 5px;
        }

        .certificate-list .certificate-item .certificate-description {
            text-align: center;
            display: block;
            font-family: "Roboto";
            color: var(--porcitblue);
            font-size: 16px;
            line-height: 20px;
            max-height: max-content;
            /*max-height: 20px;
            overflow: hidden;*/
        }
/*#endregion*/

/*#region Contact*/
.contact {
    --contactOffsetHeight: 206px;
    padding: 57px 72px 0 77px;
    background-color: white;
    border-radius: 35px;
    margin-top: 65px;
    position: relative;
    margin-bottom: var(--contactOffsetHeight);
    margin-bottom: calc(var(--contactOffsetHeight) + 123px + 10px);
}

main.contact.container-lg::after {
    display: block;
    content: '';
    width: 100%;
    height: var(--contactOffsetHeight);
    background-color: var(--background);
    margin: 0;
    position: absolute;
    bottom: calc(var(--contactOffsetHeight) * -1);
    left: 0;
    z-index: 1;
}

.contact-top {
    display: grid;
    gap: 57px;
    grid-template-columns: 1124fr 473fr;
    align-items: start;
    margin-bottom: 49px;
}

    .contact-top .contact-map iframe {
        height: 371px;
        width: 100%;
        border-radius: 35px;
        border: none;
    }

    .contact-top .contact-info-main {
        background-image: url('/Assets/Images/contact-bg.png');
        height: 229px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 35px;
        padding: 0 35px;
    }

        .contact-top .contact-info-main .contact-info {
            background-color: var(--fillColor);
            border-radius: 35px;
            padding: 43px 29px 54px 31px;
            position: relative;
            top: 61px;
        }

            .contact-top .contact-info-main .contact-info .contact-info-two-line {
                display: flex;
                justify-content: start;
                align-items: center;
                width: 100%;
                gap: 12px;
                margin-bottom: 16px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 31px;
                }

            .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                display: flex;
                gap: 12px;
                justify-content: start;
                align-items: center;
                width: 162px;
            }

            .contact-top .contact-info-main .contact-info i {
                font-size: 16px;
                width: 16px;
                color: var(--porcitblue);
            }

            .contact-top .contact-info-main .contact-info a {
                text-decoration: none;
                font-family: "Roboto";
                font-size: 16px;
                color: var(--porcitblue);
                display: flex;
                justify-content: start;
                align-items: center;
            }

        .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
            width: 100%;
        }

        .contact-top .contact-info-main .contact-info .contact-adress {
            font-family: "Roboto";
            font-size: 16px;
            color: var(--porcitblue);
        }

        .contact-top .contact-info-main .contact-info .contact-info-two-line .border-left {
            height: 27px;
            border-left: 2px solid #dbdbdb;
        }

.contact-form {
    border-radius: 35px;
    background-color: var(--fillColor);
    margin: 0 auto;
    max-width: 1438px;
}

    .contact-form .form-title {
        height: 85px;
        font-family: "Roboto";
        font-size: 28px;
        line-height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        letter-spacing: 44px;
        color: #cad0db;
        height: 85px;
        border-bottom: 1px solid white;
        box-shadow: 0px 1px #c8d1df;
    }

    .contact-form .contact-form-input {
        border-radius: 35px;
        background-color: white;
        padding: 62px 62px 68px 50px;
        margin: 37px 82px 0;
        display: grid;
        grid-template-columns: 421fr 740fr;
        z-index: 2;
        position: relative;
    }

        .contact-form .contact-form-input .contact-form-bg {
            background-image: url('/Assets/Images/contact-form-bg.png');
            background-size: 85%;
            background-repeat: no-repeat;
            background-position: left 81px;
        }

.contact-form-content {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

    .contact-form-content .form-one-col,
    .contact-form-content .form-two-col {
        position: relative;
    }

        .contact-form-content .form-one-col input,
        .contact-form-content .form-two-col input {
            width: 100%;
            border: 1px solid var(--fillColor);
            border-radius: 0;
            outline: none;
            background-color: transparent;
            height: 54px;
            padding-left: 30px;
            padding-right: 10px;
            font-family: "Roboto";
            font-size: 14px;
            color: #cad0db;
        }

        .contact-form-content .form-one-col textarea {
            width: 100%;
            border: 1px solid var(--fillColor);
            border-radius: 0;
            outline: none;
            background-color: transparent;
            padding-left: 30px;
            font-family: "Roboto";
            font-size: 14px;
            color: #cad0db;
            resize: none;
            padding: 15px 31px;
        }

            .contact-form-content .form-one-col input::placeholder,
            .contact-form-content .form-two-col input::placeholder,
            .contact-form-content .form-one-col textarea::placeholder {
                color: #cad0db;
            }

    .contact-form-content .form-two-col {
        display: flex;
        gap: 31px;
        justify-content: space-between;
    }
/*#endregion*/

/*#region Deneme*/
.deneme-top {
    margin-top: 53px;
}
/*#endregion*/

/*#region ErrorPages*/
.linkedinButton.error-linkedin-button {
    margin-right: 252px;
}

.bottom-menu.error-page-bottom-menu {
    display: flex;
    justify-content: start;
}

    .bottom-menu.error-page-bottom-menu .footer-adress {
        max-width: 25%;
    }

.error-page-content {
    margin-top: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    gap: 10px;
}

    .error-page-content .error-page-content-image {
        aspect-ratio: 837/621;
        width: 600px;
    }

        .error-page-content .error-page-content-image.error-page-content-image-500 {
            width: 540px;
        }

        .error-page-content .error-page-content-image img {
            object-fit: contain;
            width: 100%;
            height: 100%;
        }

        .error-page-content .error-page-content-image .error-500-text {
            position: relative;
            top: -17%;
            font-size: 21px;
            font-family: "Roboto Condensed";
            color: var(--porcitblue);
            text-wrap: nowrap;
            text-align: center;
        }

            .error-page-content .error-page-content-image .error-500-text .error-500-text-bold {
                font-family: "Roboto Condensed Semi Bold";
            }

    .error-page-content .error-page-content-title {
        color: var(--porcitblue);
        font-size: 22px;
        font-family: "Roboto Medium";
        text-align: center;
    }

    .error-page-content .error-page-content-text {
        color: var(--porcitblue);
        font-size: 16px;
        font-family: "Roboto";
        text-align: center;
    }

        .error-page-content .error-page-content-text.error-page-content-text-500 {
            margin-top: -27px;
        }

        .error-page-content .error-page-content-text span {
            display: block;
        }

/*#endregion*/
/*#region Extra*/
.fade-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.color-success {
    color: #28a745;
}

.margin-top-10 {
    margin-top: 10px;
}

.background-white {
    background: white !important;
}

/*background-white ı toogle yaptığım için diğer sayfalarda sabit o yüzden kullnıldı. Main js de 'Aktif olan sayfaya activeLi classını ekleyen fonksiyon' yorum satırı kullnıyor*/
.background-white2 {
    background: white !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}
/* Geçiş Animasyonu (Anasayfa için kullanıldı) */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*#endregion*/


/* Hatalı input için stil */
.input-error {
    border: 1px solid red !important;
    background-color: #fff0f0; /* Hafif kırmızımsı arka plan */
}

/* Hata mesajı alanı */
.error-message-area {
    color: red;
    font-size: 14px;
    display: none; /* Başlangıçta gizli */
    margin-top: 5px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.opacity-0 {
    opacity: 0;
}

@keyframes spin {
    0% {
        /* Dönme: 0 derece */
        /* Sol ve Üst Kenarlık: Tamamen ŞEFFAF */
        border-top-color: rgba(255, 127, 0, 0);
        border-left-color: rgba(255, 127, 0, 0);
    }
    /* 50%: Animasyonun Ortası */
    50% {
        /* Dönme: 180 derece */
        /* Sol ve Üst Kenarlık: Tamamen TURUNCU */
        border-top-color: rgb(255, 127, 0);
        border-left-color: rgb(255, 127, 0);
    }
    /* 100%: Bitiş */
    100% {
        /* Dönme: 360 derece (tam tur) */
        /* Tüm Kenarlıklar: Tamamen TURUNCU */
        /* Animasyonun tamamlanıp durduğu anda tüm çemberin turuncu görünmesini sağlar. */
        border-color: rgb(255, 127, 0);
    }
}

.search-text {
    font-family: "Roboto Bold";
    font-size: 24px;
    line-height: 24px;
    color: var(--porcitblue);
    margin-bottom: 40px;
}

    .search-text.search-val {
        font-size: 20px;
        text-decoration: underline;
        color: var(--porcitorange);
        margin: 20px 0;
    }

.products-content.search-page {
    grid-template-columns: repeat(5, 1fr);
}

.search-results-boxes {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.search-box {
    width: 31.9%;
    border-radius: 33px;
    padding: 20px;
    background: white;
}

    .search-box a {
        text-decoration: none;
    }

.search-title-val {
    font-family: "Roboto Bold";
    font-size: 18px;
    margin-bottom: 15px;
    min-height: 35px;
    color: var(--porcitorange);
}

.search-text-val {
    font-family: "Roboto";
    font-size: 16px;
    color: var(--textGray);
    text-align: justify;
    line-height: 21.01px;
    letter-spacing: -0.07px;
}

.null-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-family: "Roboto Bold";
    margin: 20px 0;
    font-size: 20px;
    text-align: center;
}

.top-scroll {
    position: fixed;
    right: 10px;
    bottom: -6px;
    cursor: pointer;
    display: none;
    z-index: 99;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
}

    .top-scroll i {
        color: var(--porcitorange);
        position: relative;
        font-size: 24px;
    }

nav:not(.mm-menu) {
    display: none;
}

#header {
    display: none;
}

#page {
    padding-bottom: 1px;
}

.referances.search-page {
    margin-top: unset;
}
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .header-nav {
        margin-right: 4%;
    }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .search {
        top: 97px;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 83.75%;
        gap: 35px;
    }

    .home-product .product-list {
        gap: 45px 35px;
    }

        .home-product .product-list .product-item .product-image {
            height: 280px;
        }

    .products-content .product-item .product-image {
        width: 100%;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
        width: 141px;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 337px;
    }

    .contact-top {
        grid-template-columns: 1084fr 567fr;
    }

    .products-content.search-page .product-item .product-image {
        width: 253px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .header-nav {
        margin-right: 2.5%;
    }

    .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 21px);
    }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .search {
        top: 97px;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 87.65%;
    }

    .home-product .product-list {
        gap: 45px 35px;
    }

        .home-product .product-list .product-item .product-image {
            height: 265px;
        }

    .products-content .product-item .product-image {
        width: 100%;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
        width: 128px;
    }

    .product-detail .product-detail-content-top {
        gap: 35px;
        grid-template-columns: 623fr 668fr;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 318px;
    }

    .contact-top {
        grid-template-columns: 1083fr 618fr;
    }

    .search-box {
        width: 31.8%;
    }

    .products-content.search-page .product-item .product-image {
        width: 239px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .header-nav {
        gap: 30px;
        margin-right: 3%;
    }

    .home-product .product-list .product-item .product-image {
        height: 280px;
    }

    .who-are-we .who-are-we-button {
        margin-top: 45px;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 91.75%;
    }

    .bottom-menu .footer-categories {
        gap: 0 82px;
    }

    .aboutus-first-content {
        /*min-height: 565px;*/
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 49.8%;
        }

    .products-content .product-item .product-image {
        width: 197px;
    }

    .few-products-content .few-product-item .few-product-image {
        width: 330px;
    }

    .few-products-content .few-product-item .few-product-content .few-product-title {
        margin-top: 5%;
    }

    .product-detail .product-detail-content-top {
        gap: 30px;
        grid-template-columns: 522fr 690fr;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
        width: 118px;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 302px;
    }

    .contact-top {
        grid-template-columns: 905fr 560fr;
    }

    .get-an-offer-bottom {
        width: 680px;
    }

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 260px;
    }

    .search-box {
        width: 31.8%;
    }

    .products-content.search-page .product-item .product-image {
        width: 227px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .header-nav {
        gap: 30px;
        margin-right: 3%;
    }

    .other-navs .searchButton {
        margin-left: 15px;
        width: 100px;
    }

    .other-navs .languageButton {
        margin-left: 15px;
    }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .search {
        top: 97px;
    }

    .nav-product .product-list {
        width: 750px;
    }

    .home-product {
        padding: 42px 100px 44px;
    }

        .home-product .product-list {
            gap: 45px 35px;
        }

            .home-product .product-list .product-item .product-image {
                height: 280px;
            }

    .who-are-we {
        padding: 46px 100px 0px;
        gap: 100px;
    }

        .who-are-we .who-are-we-button {
            margin-top: 45px;
        }

    .home-referances-content .home-referances-content-top {
        padding: 0 85px;
        gap: 65px;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-text {
        width: 100%;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 94%;
    }

    .container {
        width: 92.6% !important;
    }

    .aboutus-second-content.container {
        width: 100% !important;
    }

    .bottom-menu .footer-categories {
        gap: 0 82px;
    }

    .aboutus-first-content {
        /*min-height: 565px;*/
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 49.8%;
        }

    .left-product {
        width: 360px;
    }

    .products, .products-content {
        gap: 35px;
    }

        .products-content .product-item .product-image {
            width: 100%;
        }

    .few-products-content .few-product-item .few-product-image {
        width: 330px;
    }

    .few-products-content .few-product-item .few-product-content .few-product-title {
        margin-top: 5%;
    }

    .product-detail .product-detail-content-top {
        gap: 25px;
        grid-template-columns: 522fr 690fr;
    }

    .product-detail-table table tr td:first-child {
        padding-left: 30px;
        width: 35%;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 131px;
        }

    .product-detail-image-overlay i {
        font-size: 35px;
        width: 50px;
        height: 50px;
    }

    .referances .referance-item img {
        max-width: 180px;
        max-height: 150px;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 302px;
    }

    .contact-top {
        gap: 30px;
        grid-template-columns: 914fr 637fr;
    }

    .get-an-offer-bottom {
        width: 600px;
    }

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 230px;
    }

    .search-box {
        width: 31.8%;
    }

    .products-content.search-page .product-item .product-image {
        width: 238px;
    }
}
/* width 1440 mac fix */
@media only screen and (min-width:1367px) and (max-width:1423px) {
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .header-nav {
        gap: 25px;
        margin-right: 2.5%;
    }

    .other-navs .searchButton {
        margin-left: 15px;
        width: 100px;
    }

    .other-navs .languageButton {
        margin-left: 15px;
    }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .search {
        width: 860px;
    }

    .nav-product .product-list {
        width: 650px;
        gap: 0 80px;
    }

    .home-product {
        padding: 42px 70px 44px;
    }

        .home-product .product-list {
            gap: 35px 25px;
        }

            .home-product .product-list .product-item .product-image {
                height: 280px;
            }

    .who-are-we {
        padding: 46px 100px 0px;
        gap: 100px;
    }

        .who-are-we .who-are-we-button {
            margin-top: 45px;
        }

    .home-referances-content .home-referances-content-top {
        padding: 0 85px;
        gap: 65px;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-text {
        width: 100%;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 94%;
    }

    .container {
        width: 92.6% !important;
    }

    .aboutus-second-content.container {
        width: 100% !important;
    }

    .bottom-menu {
        grid-template-columns: 1053fr 300fr 323fr;
    }

        .bottom-menu .footer-categories {
            gap: 0 70px;
        }

    .footer-world-icon {
        background-position: center;
    }

    .aboutus-first-content {
        /*min-height: 565px;*/
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 49.8%;
        }

    .left-product {
        width: 360px;
    }

    .products {
        gap: 35px;
    }

    .products-content {
        gap: 35px;
        grid-template-columns: repeat(3, 1fr);
    }

        .products-content .product-item .product-image {
            width: 100%;
        }

    .few-products-content {
        padding-right: 0;
    }

        .few-products-content .few-product-item .few-product-image {
            width: 330px;
        }

        .few-products-content .few-product-item .few-product-content .few-product-title {
            margin-top: 5%;
        }

    .product-detail .product-detail-content-top {
        gap: 20px;
        grid-template-columns: 430fr 710fr;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 117px;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .referances .referance-item img {
        max-width: 180px;
        max-height: 150px;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 285px;
    }

    .contact-top {
        gap: 30px;
        grid-template-columns: 914fr 637fr;
    }

        .contact-top .contact-info-main .contact-info {
            padding: 43px 22px 54px 20px;
        }

    .get-an-offer-bottom {
        width: 560px;
    }

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 200px;
    }

    .search-box {
        width: 31.7%;
    }

    .products-content.search-page .product-item .product-image {
        width: 224px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .header-nav {
        gap: 20px;
        margin-right: 2%;
    }

    .other-navs .searchButton {
        margin-left: 10px;
        width: 95px;
    }

    .other-navs .languageButton {
        margin-left: 10px;
    }

    .navbar .navbar-logo {
        width: 145px;
        aspect-ratio: 171 / 190;
    }

    .navbar-logo img {
        width: 110px;
    }

    .search {
        width: 850px;
    }

        .search .search-content {
            width: 700px;
        }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .nav-product .product-list {
        width: 650px;
        gap: 0 80px;
    }

    .home-product {
        padding: 42px 60px 44px;
    }

        .home-product .product-list {
            gap: 45px 35px;
        }

            .home-product .product-list .product-item .product-image {
                height: 270px;
            }

    .who-are-we {
        padding: 46px 72px 0px;
        gap: 71px;
    }

        .who-are-we .who-are-we-button {
            margin-top: 45px;
        }

    .home-referances-content .home-referances-content-top {
        padding: 0 70px;
        gap: 50px;
    }

    .home-referances-content .home-referances-content-bottom .home-referances-content-text {
        min-width: 60.4%;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-images-list {
        gap: 10px;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-text {
        width: 90%;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 96%;
        gap: 25px;
    }

    .container {
        width: 92.6% !important;
    }

    .aboutus-second-content.container {
        width: 100% !important;
    }

    .bottom-menu {
        grid-template-columns: 1036fr 310fr 351fr;
    }

        .bottom-menu .footer-categories {
            gap: 0 45px;
        }

    .footer-world-icon {
        background-position: center;
    }

    .aboutus-first-content {
        /*min-height: 565px;*/
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 49.8%;
        }

    .product-detail {
        gap: 25px;
    }

    .left-product {
        width: 340px;
    }

    .products {
        gap: 35px;
    }

    .products-content {
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

        .products-content .product-item .product-image {
            width: 100%;
        }

    .few-products-content {
        padding-right: 0;
    }

        .few-products-content .few-product-item {
            gap: 20px;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 330px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin-top: 3%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 25px;
            }

    .product-detail .product-detail-content-top {
        gap: 20px;
        grid-template-columns: 430fr 710fr;
    }

        .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
            margin-left: 10px;
        }

    .product-detail-table table tr td:first-child {
        padding-left: 15px;
        width: 33%;
    }

    .product-detail-bottom-content {
        padding: 0px 27px 63px;
        margin: 30px 20px 0 0;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 131px;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .referances .referance-item img {
        max-width: 180px;
        max-height: 150px;
    }

    .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
        padding-right: 0;
    }

    .certificate-list .certificate-item .certificate-image {
        height: 263px;
    }

    .contact-top {
        gap: 30px;
        grid-template-columns: 914fr 637fr;
    }

        .contact-top .contact-info-main .contact-info {
            padding: 43px 22px 54px 20px;
        }

        .contact-top .contact-info-main {
            padding: 0 18px;
        }

    .get-an-offer-bottom {
        width: 500px;
    }

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 160px;
    }

    .search-box {
        width: 31.6%;
    }

    .products-content.search-page .product-item .product-image {
        width: 229px;
    }
}
/*1278*/
@media only screen and (min-width:1025px) and (max-width:1278px) {
    .search {
        height: 510px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .get-an-offer-modal {
        width: 879px;
        padding-bottom: 60px;
    }

    .container-lg {
        width: 98% !important;
    }

    .header-nav {
        gap: 15px;
        margin-right: 4.3%;
    }

        .header-nav > li > a {
            font-size: 14px;
        }

    .other-navs .searchButton {
        margin: 50px 0 0 10px;
        width: 90px;
    }

    .other-navs .languageButton {
        margin: unset;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .navbar .navbar-logo {
        width: 145px;
        aspect-ratio: 171 / 190;
    }

    .navbar-logo img {
        width: 110px;
    }

    .search {
        width: 660px;
    }

        .search .search-content {
            width: 570px;
        }

    .search-empty {
        font-size: 70px;
    }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .nav-product .product-list {
        width: 530px;
        gap: 0 30px;
    }

    .home-product {
        padding: 42px 40px 44px;
    }

        .home-product .product-list {
            gap: 25px;
        }

            .home-product .product-list .product-item .product-image {
                height: 230px;
            }

    .who-are-we {
        padding: 35px 35px 0;
        gap: 30px;
    }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
        }

    .home-referances-content .home-referances-content-top {
        padding: 0 50px;
        gap: 35px;
    }

    .home-referances-content-image {
        height: 300px;
    }

    .home-referances-content .home-referances-content-bottom .home-referances-content-text {
        min-width: 60.4%;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-images-list {
        gap: 10px;
    }

    .home-referances-content .home-referances-content-bottom .home-referance-text {
        width: 95%;
    }

    .home-referances-content .home-referances-content-bottom {
        width: 94%;
        padding: 35px 0 50px;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px 0;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
            width: 130px;
            height: 120px;
        }

    .container {
        width: 95% !important;
    }

    .aboutus-second-content.container {
        width: 100% !important;
    }

    .bottom-menu {
        grid-template-columns: 885fr 316fr 455fr;
    }

        .bottom-menu .footer-categories {
            gap: 0 40px;
            max-height: 170px;
        }

    .footer-world-icon {
        background-position: center;
        background-size: 75%;
    }

    .breadcrumb .breadcrumb-content.breadcrumb-content-lg h1, .breadcrumb .breadcrumb-content.breadcrumb-content-lg span {
        margin-left: 165px;
    }

    .aboutus-first-content {
        /*min-height: 565px;*/
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 49.8%;
        }

    .product-detail {
        gap: 15px;
    }

    .left-product {
        width: 310px;
    }

    .treeview > li:not(.open) a, .treeview li.open > a {
        padding-right: 20px !important;
    }

    .treeview > li:not(.open) i, .treeview li i {
        right: 25px !important;
    }

    .products {
        gap: 15px;
        padding: 47px 15px 71px;
    }

    .products-content {
        gap: 30px 10px;
        grid-template-columns: repeat(3, 1fr);
    }

        .products-content .product-item .product-image {
            width: 100%;
        }

    .few-products-content {
        padding-right: 0;
        gap: 25px;
    }

        .few-products-content .few-product-item {
            gap: 15px;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 225px;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin-top: 2%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

    .product-detail {
        padding-left: 10px;
    }

        .product-detail .product-detail-content-top {
            gap: 10px;
            grid-template-columns: 380fr 710fr;
        }

            .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
                margin-left: 5px;
            }

    .product-detail-table table tr td:first-child {
        padding-left: 5px;
        width: 34%;
        font-size: 15px;
    }

    .product-detail-table table tr td:nth-child(2) {
        font-size: 15px;
        margin-right: 10px;
    }

    .product-detail-bottom-content {
        padding: 0px 15px 63px;
        margin: 30px 0 0 0;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 113px;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .referance-detail .referance-detail-list .referance-detail-item {
        padding: 0 25px 0 5px;
        margin-left: 25px;
    }

    .referances .referance-item img {
        max-width: 140px;
        max-height: 120px;
    }

    .referance-detail-content {
        padding: 40px 15px;
    }

        .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
            padding-right: 0;
        }

        .referance-detail-content .referance-detail-content-top .referance-detail-image {
            width: 220px;
        }

        .referance-detail-content .referance-detail-content-top .referance-detail-title, .referance-detail-content .referance-detail-content-top {
            gap: 20px;
        }

        .referance-detail-content .referance-detail-images {
            padding: 40px 35px 50px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate-list {
        grid-template-columns: repeat(4, 1fr);
    }

        .certificate-list .certificate-item .certificate-image {
            height: 263px;
        }

    .contact {
        padding: 57px 15px 0;
    }

    .contact-top {
        gap: 15px;
        grid-template-columns: 914fr 720fr;
    }

        .contact-top .contact-info-main .contact-info {
            padding: 43px 22px 54px 20px;
        }

        .contact-top .contact-info-main {
            padding: 0 18px;
        }

    .contact-form .contact-form-input {
        margin: 37px 50px 0;
    }

    .get-an-offer-bottom {
        width: 500px;
    }

    .get-an-offer-bottom-last .get-an-offer-send-button {
        width: 160px;
    }

    .search-results-boxes {
        gap: 15px;
    }

    .search-box {
        width: 32.3%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(4, 1fr);
    }

        .products-content.search-page .product-item .product-image {
            width: 235px;
        }
}
/* 999px => mobil */
@media only screen and (max-width: 999px) {
    .product-detail-table {
        overflow: scroll;
    }

        .product-detail-table table {
            width: unset;
        }

    .header-nav, .other-navs .linkedinButton, .top-menu .footer-menu, .bottom-menu div:first-child, .left-product, .referance-detail-list {
        display: none;
    }

    #header {
        display: block;
        position: absolute;
        top: 56px;
        left: 15px;
        font-size: 25px;
        z-index: 10;
        transition: all ease .3s;
    }

        #header a {
            color: var(--porcitorange);
        }

    .navbar .navbar-logo {
        width: unset;
        background: unset;
    }

    .search {
        width: 90%;
        height: 400px;
        top: 137px;
    }

        .search .search-content {
            width: 90%;
        }

    .search-empty {
        font-size: 46px;
    }

    .search .search-content .input-group {
        margin-bottom: 30px;
    }

    .search-products {
        height: calc(2 * var(--search-product-height) + 2 * var(--search-product-gap));
        gap: 20px;
    }

    .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay {
        padding-left: 10px;
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
            font-size: 22px;
        }

    .footer {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 20px 0;
        border-radius: 35px;
    }

    #page {
        padding-bottom: 1px;
    }

    .top-menu {
        justify-content: center;
        border-radius: 30px;
    }

    .bottom-menu {
        margin-top: 15px;
        padding-left: 0;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        gap: 15px;
    }

    .footer-adress .adress-column {
        display: flex;
        justify-content: center;
        align-items: start;
        gap: 10px;
        margin-top: 17px;
        font-size: 14px;
    }

    .aboutus-first-content.no-image {
        padding: unset;
    }

    .breadcrumb {
        height: auto;
        padding: 10px 0;
    }

        .breadcrumb .breadcrumb-content {
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            gap: 10px;
        }

            .breadcrumb .breadcrumb-content.breadcrumb-content-lg h1, .breadcrumb .breadcrumb-content.breadcrumb-content-lg span {
                margin-left: 0;
            }

            .breadcrumb .breadcrumb-content ul {
                flex-wrap: wrap;
                justify-content: flex-end;
                width: 100%;
            }
}
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    #header {
        top: 46px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 30px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 70px;
        }


    .navbar-content .other-navs {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .searchButton {
        margin: 0 0 15px 0;
        width: 90px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 90px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 80px;
        }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 500px;
        padding: 20px;
        top: 30px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 400px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            flex-direction: column;
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 91%;
        height: 300px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
        }

            .home-product .product-list .product-item .product-image {
                height: 260px;
            }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px 20px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 47%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 115px;
            }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .footer-world-icon {
        background-size: 40%;
        background-position: center;
        height: 150px;
    }

    .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 124px;
        }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 42%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 100px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 90%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    aspect-ratio: 356 / 320;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

        .certificate-list .certificate-item .certificate-image {
            height: 355px;
        }

        .certificate-list .certificate-item .certificate-name {
            margin-top: 20px;
        }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 70px;
    }

        .contact-top .contact-info-main {
            padding: 10px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 15px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    flex-direction: column;
                }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line .border-left {
                        display: none;
                    }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                        margin-bottom: 16px;
                    }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                text-align: center;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 15px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            flex-direction: column;
            gap: 20px;
        }

    .get-an-offer-bottom {
        margin: 20px auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 0;
    }

    .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 100%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: 1fr;
    }

        .products-content.search-page .product-item .product-image {
            width: 278px;
        }
}
/* iphone 4 dikey fix */
@media (max-width: 359px) and (max-height: 481px) {
    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 50px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            margin-bottom: 65px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }
}
/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    #header {
        top: 46px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 45px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 70px;
        }


    .navbar-content .other-navs {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .searchButton {
        margin: 0 0 15px 0;
        width: 90px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 170px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 80px;
        }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 560px;
        padding: 20px;
        top: 30px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 460px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            flex-direction: column;
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 91%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
        }

            .home-product .product-list .product-item .product-image {
                height: 260px;
            }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px 20px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 47%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 115px;
            }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .footer-world-icon {
        background-size: 40%;
        background-position: center;
        height: 150px;
    }

    .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: 1fr;
        gap: 30px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
            width: 95%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        padding-left: 5px;
        margin-right: 0;
        height: 39px;
        width: 110px;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 144px;
        }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 38%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 100px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 90%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    aspect-ratio: 356 / 320;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: 1fr;
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 95%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 355px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 10px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 15px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    flex-direction: column;
                }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line .border-left {
                        display: none;
                    }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                        margin-bottom: 16px;
                    }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                text-align: center;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            flex-direction: column;
            gap: 20px;
        }

    .get-an-offer-bottom {
        margin: 20px auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 0;
    }

    .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 100%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: 1fr;
    }

        .products-content.search-page .product-item .product-image {
            width: 278px;
        }
}
/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    #header {
        top: 46px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 50px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 80px;
        }


    .navbar-content .other-navs {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .searchButton {
        margin: 0 0 15px 0;
        width: 90px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 205px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 80px;
        }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
        top: 30px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            flex-direction: column;
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 91%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
        }

            .home-product .product-list .product-item .product-image {
                height: 260px;
            }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px 20px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 47%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 115px;
            }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .footer-world-icon {
        background-size: 40%;
        background-position: center;
        height: 150px;
    }

    .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: 1fr;
        gap: 30px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
            width: 90%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        padding-left: 5px;
        margin-right: 0;
        height: 39px;
        width: 110px;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 151px;
        }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 36%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 100px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 90%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    aspect-ratio: 356 / 320;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: 1fr;
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 95%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 355px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 10px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 15px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    flex-direction: column;
                }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line .border-left {
                        display: none;
                    }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                        margin-bottom: 16px;
                    }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                text-align: center;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            flex-direction: column;
            gap: 20px;
        }

    .get-an-offer-bottom {
        margin: 20px auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 0;
    }

    .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 76%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: 1fr;
    }

        .products-content.search-page .product-item .product-image {
            width: 278px;
        }
}
/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    #header {
        top: 46px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 50px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 80px;
        }


    .navbar-content .other-navs {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .searchButton {
        margin: 0 0 15px 0;
        width: 90px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .search {
        top: 136px;
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 385px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 80px;
        }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            flex-direction: column;
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 91%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
        }

            .home-product .product-list .product-item .product-image {
                height: 260px;
            }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px 20px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 47%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 115px;
            }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .footer-world-icon {
        background-size: 40%;
        background-position: center;
        height: 150px;
    }

    .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: 1fr;
        gap: 30px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
            width: 90%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        padding-left: 5px;
        margin-right: 0;
        height: 39px;
        width: 110px;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 157px;
        }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 36%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 100px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 90%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    aspect-ratio: 356 / 320;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: 1fr;
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 90%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 355px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 10px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 15px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    flex-direction: column;
                }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line .border-left {
                        display: none;
                    }

                    .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                        margin-bottom: 16px;
                    }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                text-align: center;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            flex-direction: column;
            gap: 20px;
        }

    .get-an-offer-bottom {
        margin: 20px auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 0;
    }

    .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 100%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: 1fr;
    }

        .products-content.search-page .product-item .product-image {
            width: 278px;
        }
}
/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    #header {
        top: 46px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 65px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 80px;
        }


    .navbar-content .other-navs {
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .searchButton {
        margin: 0 0 15px 0;
        width: 90px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .search {
        top: 136px;
    }

    .search-empty {
        font-size: 56px;
        top: -10px;
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 300px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 80px;
        }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            flex-direction: column;
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 91%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 85%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 260px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px 20px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 47%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 140px;
            }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .footer-world-icon {
        background-size: 37%;
        background-position: center;
        height: 170px;
    }

    .copyright {
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: 1fr;
        gap: 30px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
            width: 90%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 109px;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 34%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(2, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 100px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 80%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item:nth-of-type(4) {
                    aspect-ratio: 356 / 320;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: 1fr;
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 90%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 355px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 10px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 15px 12px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            flex-direction: column;
            gap: 20px;
        }

    .get-an-offer-bottom {
        margin: 20px auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 70%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 174px;
        }
}
/* iphone 14 pro max dikey fix */
@media only screen and (min-width:388px) and (max-width: 431px) and (min-height: 914px) and (max-height: 933px) {
    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 490px);
    }
}
/* iphone x dikey fix */
@media only screen and (min-width:374px) and (max-width: 431px) and (min-height: 800px) and (max-height: 812px) {
    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 360px);
    }
}
/* iphone xr dikey fix */
@media only screen and (min-width:413px) and (max-width: 431px) and (min-height: 800px) and (max-height: 897px) {
    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 460px);
    }
}
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    #header {
        top: 70px;
        left: 6px;
    }

    .navbar {
        --navbarHeight: 137px;
        padding-top: 39px;
    }

        .navbar .navbar-content {
            justify-content: flex-end;
            gap: 23px;
            align-items: center;
        }

        .navbar .navbar-logo img {
            width: 75px;
        }

    .navbar-content .other-navs {
        flex-direction: row;
        align-items: center;
        gap: 7px;
    }

    .other-navs .searchButton {
        margin: 0;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0;
        width: 50%;
        justify-content: center;
        padding: 9px 5px;
        flex-direction: row;
        gap: 4px;
        height: auto;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        left: 0;
        top: 0;
        padding: 5px;
        flex-direction: row;
        gap: 5px;
        height: auto;
        border-radius: 0;
        width: 50%;
        justify-content: center;
    }

    .other-navs .languageButton {
        margin: auto 0;
    }

    .search {
        top: 136px;
        height: 300px;
    }

    .search-empty {
        font-size: 50px;
        top: -10px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh + 30px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
            margin-top: 15px;
        }

    .offer-received {
        width: 75%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 200px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 31.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 160px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 160px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 250px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 90%;
        background-position: center;
        width: 80%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 100%;
            margin-left: unset;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 30px;
            text-align: center;
            padding-bottom: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 10px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 10px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 1fr;
            width: 90%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 20px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                aspect-ratio: 662 / 360;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        display: flex;
        justify-content: flex-start;
        height: auto;
        gap: 7px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 10px;
            font-size: 15px;
            width: 48.2%;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 29%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 5px;
    }

        .referance-detail-content .referance-detail-content-top {
            grid-template-columns: 1fr;
            gap: 20px;
            margin-bottom: 20px;
            place-items: center;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 80%;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 20px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 6px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item {
                    border-radius: 15px;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 258px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-titles {
                min-height: 81px;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 210px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 27px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 0 auto;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 60%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.8);
        }

    .search-results-boxes {
        gap: 20px;
    }

    .search-box {
        width: 100%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 60px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 0 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 18%;
        top: 0;
        height: auto;
        width: 19%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 18%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 98px;
        height: 300px;
    }

    .search-empty {
        font-size: 58px;
        top: 5px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh + 30px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 66%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 240px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        flex-direction: column;
        gap: 25px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 100%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 31.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 90%;
        gap: 20px;
        flex-direction: column-reverse;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            width: 100%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 190px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 190px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 250px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 90%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 10px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                aspect-ratio: 620 / 360;
                width: 80%;
                margin: 0 auto;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 26%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(3, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 100%;
                border-radius: 20px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
                font-size: 15px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 10px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

                .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item {
                    border-radius: 15px;
                }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 258px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 190px;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 60px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px;
            display: flex;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 100%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 90px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 10px 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 18%;
        top: 0;
        height: auto;
        width: 19%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 18%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 98px;
        height: 300px;
    }

    .search-empty {
        font-size: 66px;
        top: 15px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 5px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 60%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 90%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 240px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        gap: 20px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 54%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 23.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 95%;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
            min-height: 100px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            width: 186%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 110px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 190px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 200px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 80%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 10px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .gallery .gallery-arrow {
        width: 40px;
        height: 40px;
    }

        .gallery .gallery-arrow i {
            font-size: 23px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                aspect-ratio: 620 / 360;
                width: 65%;
                margin: 0 auto;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 23%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(4, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 100%;
                border-radius: 20px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
                font-size: 15px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 10px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 280px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 60px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 190px;
            width: 86%;
            margin: 0 auto;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 54px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px auto;
            display: flex;
            width: 90%;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 100%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 110px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 3px 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 16%;
        top: 0;
        height: auto;
        width: 17%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 16%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 98px;
        height: 300px;
    }

    .search-empty {
        font-size: 66px;
        top: 15px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 40px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
        top: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 60%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 195px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        gap: 20px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 54%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 23.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 95%;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
            min-height: 100px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            width: 186%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 120px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 190px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 200px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 80%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 10px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .gallery .gallery-arrow {
        width: 40px;
        height: 40px;
    }

        .gallery .gallery-arrow i {
            font-size: 23px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr 2fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                width: 100%;
                margin: 0 auto;
                border-radius: 20px;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 31%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(4, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
        }

        .referance-detail-content .referance-detail-images .referance-detail-image-list .referance-detail-image-item {
            border-radius: 15px;
        }

        .referance-detail-content .referance-detail-content-top .referance-detail-image {
            width: 100%;
            border-radius: 20px;
        }

        .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
            padding: unset;
            font-size: 15px;
        }

        .referance-detail-content .referance-detail-content-top .referance-detail-title {
            gap: 10px;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                height: 50px;
            }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 300px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-titles {
                min-height: 61px;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 60px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 190px;
            width: 80%;
            margin: 0 auto;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 46px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px auto;
            display: flex;
            width: 90%;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 35%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 140px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 3px 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 14%;
        top: 0;
        height: auto;
        width: 15%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 14%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 98px;
        height: 300px;
    }

    .search-empty {
        font-size: 66px;
        top: 15px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 75px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 97%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
        top: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 60%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 225px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        gap: 20px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 54%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 23.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 95%;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
            min-height: 120px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px auto;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            width: 186%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 120px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 190px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 230px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 65%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 15px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .gallery .gallery-arrow {
        width: 40px;
        height: 40px;
    }

        .gallery .gallery-arrow i {
            font-size: 23px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr 2fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                width: 100%;
                margin: 0 auto;
                border-radius: 20px;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 29%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(4, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
            grid-template-columns: 292fr 672fr;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 100%;
                border-radius: 20px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
                font-size: 15px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 10px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 330px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-titles {
                min-height: 61px;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 60px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 190px;
            width: 72%;
            margin: 0 auto;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 46px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px auto;
            display: flex;
            width: 90%;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 35%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 140px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 3px 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 14%;
        top: 0;
        height: auto;
        width: 15%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 14%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 97px;
        height: 400px;
    }

    .search-empty {
        font-size: 76px;
        top: 15px;
    }

    .search-products {
        height: calc(2 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 465px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            margin-bottom: 100px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                font-size: 29px;
            }

    .carousel-button-overlay .left {
        left: -24px;
    }

    .carousel-button-overlay .right {
        right: -24px;
    }

    .carousel-button-overlay {
        height: 45px;
        width: 144px;
        bottom: -1px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 52%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 225px;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        gap: 20px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 54%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 23.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 95%;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
            min-height: 120px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px 0;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            width: 186%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 140px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 230px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 65%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 15px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .gallery .gallery-arrow {
        width: 40px;
        height: 40px;
    }

        .gallery .gallery-arrow i {
            font-size: 23px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 160px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1fr 2fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                width: 100%;
                margin: 0 auto;
                border-radius: 20px;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 29%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
        grid-template-columns: repeat(4, 1fr);
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
            grid-template-columns: 292fr 672fr;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 100%;
                border-radius: 20px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
                font-size: 15px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 10px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 330px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-titles {
                min-height: 61px;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1fr;
        margin-bottom: 60px;
    }

        .contact-top .contact-info-main {
            padding: 28px;
            height: 190px;
            width: 69%;
            margin: 0 auto;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px 46px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px auto;
            display: flex;
            width: 90%;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 35%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}
/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
    #header {
        top: 35px;
        left: 15px;
    }

    .navbar .navbar-content {
        justify-content: flex-end;
        gap: 180px;
        align-items: center;
    }

    .navbar .navbar-logo img {
        width: 80px;
    }

    .other-navs .searchButton {
        margin: auto 0 10px;
        width: 95px;
        padding-left: 5px;
    }

    .other-navs .languageButton {
        margin: auto 3px 13px 10px;
    }

    .other-navs .otherButton {
        padding: 0px 10px 7.5px;
    }

    .other-navs .getAnOfferButton {
        position: absolute;
        right: 14%;
        top: 0;
        height: auto;
        width: 15%;
        flex-direction: row;
        padding: 3px 6px !important;
        border-radius: 0;
        border-bottom-left-radius: 15px;
    }

    .other-navs .catalogButton {
        position: absolute;
        right: 0;
        top: 0;
        width: 14%;
        flex-direction: row;
        height: auto;
        padding: 7px !important;
        border-radius: 0;
        border-bottom-right-radius: 15px;
    }

    .search {
        top: 98px;
        height: 300px;
    }

    .search-empty {
        font-size: 84px;
        top: 22px;
    }

    .search-products {
        height: calc(1 * var(--search-product-height) + 2 * var(--search-product-gap));
    }

    .careousel-splide, .careousel-splide .splide__track .splide__list .splide__slide img {
        height: calc(100vh - 25px);
    }

        .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text {
            height: auto;
            width: 57%;
            margin-bottom: 60px;
        }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .carousel-title {
                margin-bottom: 10px;
            }

            .careousel-splide .splide__track .splide__list .splide__slide .carousel-overlay .carousel-text .careousel-description {
                margin-bottom: 20px;
            }

    .carousel-button-overlay {
        height: 45px;
        left: 50%;
        transform: translateX(-50%);
        width: 144px;
    }

        .carousel-button-overlay .careousel-arrows i {
            font-size: 14px;
            margin-bottom: unset;
        }

            .carousel-button-overlay .careousel-arrows i::after {
                width: 44px;
                top: 34%;
            }

    .kvkk {
        width: 95%;
        height: 580px;
        padding: 20px;
        top: 20px;
    }

        .kvkk .kvkk-title {
            font-size: 20px;
            margin-top: -15px;
            margin-bottom: 15px;
        }

    .kvkk-content {
        height: 480px;
        padding: 15px;
    }

        .kvkk-content::after {
            width: 9px;
        }

    .get-an-offer-modal {
        width: 95%;
        padding-bottom: 10px;
        border-radius: 30px;
    }

    .get-an-offer-top .get-an-offer-title {
        width: 53%;
        height: 60px;
        font-size: 21px;
    }

    .get-an-offer-content {
        margin: 20px auto 0;
        width: 90%;
        gap: 10px;
    }

        .get-an-offer-content .form-items {
            gap: 10px;
        }

    .get-an-offer-bottom-first {
        flex-direction: column-reverse;
        gap: 10px;
    }

        .get-an-offer-bottom-first .error {
            text-align: center;
        }

    .offer-received {
        width: 60%;
        height: 275px;
        border-radius: 35px;
        padding-top: 15px;
        gap: 15px;
    }

    .offer-received-icon {
        width: 75px;
        height: 75px;
    }

    .offer-received-text .offer-received-text-first-text {
        font-size: 22px;
        line-height: 22px;
    }

    .home-product {
        margin-top: 30px;
        border-radius: 30px;
        padding: 25px 15px;
    }

        .home-product .home-product-title {
            margin-bottom: 20px;
        }

        .home-product .product-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            place-items: center;
        }

            .home-product .product-list .product-item {
                width: 100%;
            }

                .home-product .product-list .product-item .product-image {
                    height: 185px;
                }

                .home-product .product-list .product-item .product-name {
                    font-size: 15px;
                    margin: 0;
                    min-height: 55px;
                    padding: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

    .all-products {
        margin-top: 15px;
    }

    .who-are-we {
        margin: 30px auto;
        padding: 25px 15px;
        gap: 20px;
        border-radius: 30px;
    }

        .who-are-we .who-are-we-title {
            margin-bottom: 20px;
            text-align: center;
            flex-direction: column;
        }

        .who-are-we .who-are-we-content {
            flex: unset;
            width: 54%;
        }

        .who-are-we .who-are-we-button {
            margin-top: 30px;
            gap: 20px;
            justify-content: center;
        }

        .who-are-we .who-are-we-image {
            width: 80%;
            margin: -7.5% auto 0;
        }

    .home-referances-content .home-referances-content-top {
        border-radius: 30px;
        height: auto;
        padding: 10px;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

        .home-referances-content .home-referances-content-top .home-referance-image {
            width: 23.5%;
        }

    .home-referances-content .home-referances-content-bottom {
        padding: 20px 0;
        width: 95%;
        gap: 20px;
    }

        .home-referances-content .home-referances-content-bottom .home-referances-content-text {
            flex: unset;
            width: 100%;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-text {
            width: 100%;
            min-height: 120px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-title {
            text-align: center;
            margin-bottom: 20px;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images {
            margin: 25px 0;
        }

        .home-referances-content .home-referances-content-bottom .home-referance-images-list {
            grid-template-columns: repeat(4, 1fr);
            gap: 10px;
            width: 186%;
            justify-items: center;
        }

            .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item {
                width: 100%;
                height: 145px;
            }

                .home-referances-content .home-referances-content-bottom .home-referance-images-list .home-referance-image-item img {
                    max-width: 100%;
                    max-height: 190px;
                }

    .home-referances-content {
        border-radius: 30px;
    }

    .home-referances-content-image {
        flex: unset;
        width: 80%;
        height: auto;
        max-height: 230px;
        margin: 0 auto;
    }

    .bottom-menu {
        text-align: unset;
        flex-direction: row-reverse;
    }

    .footer-world-icon {
        background-size: 55%;
        background-position: center;
        width: 55%;
    }

    .footer-adress .adress-column {
        justify-content: start;
    }

    .aboutus-first-content {
        border-radius: 30px;
        min-height: auto;
        padding: unset;
    }

        .aboutus-first-content .aboutus-first-content-image {
            width: 50%;
            margin-left: 15px;
            margin-bottom: 10px;
        }

            .aboutus-first-content .aboutus-first-content-image img {
                border-radius: 30px;
            }

        .aboutus-first-content .aboutus-first-content-title {
            font-size: 27px;
            text-align: center;
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .aboutus-first-content .aboutus-first-content-text {
            padding: 0 15px 20px;
        }

    .aboutus-second-content {
        border-radius: 30px;
        padding: 20px 15px;
    }

    .gallery .gallery-item, .gallery .gallery-item img {
        border-radius: 30px;
    }

    .gallery .gallery-arrow {
        width: 40px;
        height: 40px;
    }

        .gallery .gallery-arrow i {
            font-size: 23px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item {
        gap: 10px;
        padding: 0 10px;
        height: 60px;
        border-radius: 20px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-title {
            font-size: 15px;
            line-height: 15px;
            width: 84%;
        }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_documents .product-document-item .product-document-icon {
            width: 30px;
            height: 35px;
        }

    .deneme-top, .gallery {
        margin-top: 30px;
    }

    .products {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        grid-template-columns: 1fr;
    }

    .products-content {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        place-items: center;
    }

        .products-content .product-item .product-image {
            aspect-ratio: 285 / 285;
            width: 100%;
        }

        .products-content .product-item .product-name {
            align-items: center;
        }

    .few-products-content {
        padding: unset;
        gap: 20px;
        align-items: center;
    }

        .few-products-content .few-product-item {
            gap: 10px;
            grid-template-columns: 386fr 780fr;
            width: 100%;
        }

            .few-products-content .few-product-item .few-product-image {
                width: 100%;
                height: 180px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-title {
                margin: 10px 0;
            }

            .few-products-content .few-product-item .few-product-content .few-product-text {
                font-size: 14px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail.few-product-detail-padding {
                padding-top: 15px;
            }

            .few-products-content .few-product-item .few-product-content .few-product-detail .few-product-detail-button {
                width: 100px;
                height: 34px;
                font-size: 15px;
            }

    .product-detail {
        margin-top: 20px;
        border-radius: 30px;
        padding: 20px 10px;
        gap: 20px;
        grid-template-columns: 1fr;
    }

        .product-detail .product-detail-content-top {
            gap: 20px;
            grid-template-columns: 1.3fr 2fr;
        }

            .product-detail .product-detail-content-top .product-detail-image {
                width: 100%;
                margin: 0 auto;
                border-radius: 20px;
            }

    .product-detail-bottom-content {
        padding: 20px 10px;
        border-radius: 35px;
        margin: 0 auto;
        width: 100%;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-title {
        margin-left: 0;
        height: 50px;
    }

    .product-detail .product-detail-content-top .product-detail-text .product-detail-text-top .product-detail-text-get-price {
        margin-right: 0;
    }

    .product-detail-bottom-content .product-detail-tabs {
        height: auto;
        gap: 7px;
        margin-bottom: 20px;
    }

        .product-detail-bottom-content .product-detail-tabs .product-detail-tab {
            padding: 0 24px;
            font-size: 15px;
        }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_explain {
        padding: 20px 10px;
        font-size: 16px;
    }

    .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails {
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

        .product-content-tab.active-content-tab#ContentPlaceHolder1_gallery .product-detail-image-item, .product-content-tab.active-content-tab#ContentPlaceHolder1_panelDetails .product-panel-detail-image-item {
            width: 100%;
        }

    .product-detail-image-overlay i {
        font-size: 30px;
        width: 45px;
        height: 45px;
    }

    .product-detail-table table tr td:first-child {
        font-size: 14px;
        padding-left: 0;
        width: 29%;
    }

    .product-detail-table table tr td:nth-child(2) {
        margin-right: 5px;
        font-size: 14px;
        width: 6px;
    }

    .product-detail-table table tr td:nth-child(3) {
        font-size: 14px;
    }

    .referances {
        margin-top: 20px;
    }

        .referances .referance-item {
            border-radius: 20px;
        }

            .referances .referance-item img {
                max-width: 75%;
                max-height: 90px;
            }

    .referance-detail {
        margin-top: 20px;
        grid-template-columns: 1fr;
    }

    .referance-detail-content {
        padding: 15px 10px;
    }

        .referance-detail-content .referance-detail-content-top {
            gap: 10px;
            margin-bottom: 20px;
            grid-template-columns: 292fr 672fr;
        }

            .referance-detail-content .referance-detail-content-top .referance-detail-image {
                width: 100%;
                border-radius: 20px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title .referance-detail-description {
                padding: unset;
                font-size: 15px;
            }

            .referance-detail-content .referance-detail-content-top .referance-detail-title {
                gap: 10px;
            }

                .referance-detail-content .referance-detail-content-top .referance-detail-title h1 {
                    height: 50px;
                }

        .referance-detail-content .referance-detail-images {
            padding: 20px 10px;
        }

            .referance-detail-content .referance-detail-images .referance-detail-images-title {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px;
            }

            .referance-detail-content .referance-detail-images .referance-detail-image-list {
                gap: 7px;
            }

    .certificate {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
    }

        .certificate .certificate-title {
            margin-bottom: 20px;
        }

    .certificate-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        place-items: center;
    }

        .certificate-list .certificate-item {
            width: 100%;
        }

            .certificate-list .certificate-item .certificate-image {
                height: 330px;
                margin: 0 auto;
            }

            .certificate-list .certificate-item .certificate-titles {
                min-height: 61px;
            }

            .certificate-list .certificate-item .certificate-name {
                margin-top: 20px;
            }

    .contact {
        padding: 20px 10px;
        margin-top: 20px;
        border-radius: 30px;
        margin-bottom: 0;
    }

    main.contact.container-lg::after {
        display: none;
    }

    .contact-top {
        gap: 20px;
        grid-template-columns: 1.7fr 2fr;
        margin-bottom: 25px;
    }

        .contact-top .contact-info-main {
            padding: 28px 15px;
            height: 190px;
            width: 100%;
            margin: 0 auto;
        }

            .contact-top .contact-info-main .contact-info {
                padding: 20px;
                top: 30px;
            }

                .contact-top .contact-info-main .contact-info .contact-info-two-line:nth-child(2) {
                    margin-bottom: 16px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-two-line {
                    gap: 4px;
                }

                .contact-top .contact-info-main .contact-info .contact-info-icon-col {
                    gap: 6px;
                    width: 158px;
                }

            .contact-top .contact-info-main .contact-info-icon-col.contact-info-one-line {
                width: 100%;
            }

        .contact-top .contact-map iframe {
            height: 250px;
        }

    .contact-form {
        max-width: 100%;
        padding-bottom: 10px;
    }

        .contact-form .form-title {
            font-size: 20px;
            letter-spacing: 21px;
            justify-content: space-around;
            padding-left: 25px;
        }

        .contact-form .contact-form-input {
            padding: 20px;
            margin: 10px auto;
            display: flex;
            width: 90%;
        }

    .contact-form-content {
        gap: 20px;
        width: 100%;
    }

        .contact-form-content .form-two-col {
            gap: 20px;
        }

        .contact-form-content .form-one-col textarea {
            height: 170px;
        }

    .get-an-offer-bottom {
        margin: 10px auto 0;
        width: 90%;
        gap: 20px;
    }

    .get-an-offer-kvkk .kvkk_button {
        margin-right: 10px;
    }

    .contact .get-an-offer-kvkk {
        align-items: flex-start;
    }

    .get-an-offer-bottom-last {
        gap: 10px;
        align-items: center;
    }

        .get-an-offer-bottom-last .get-an-offer-send-button {
            width: 35%;
            height: 50px;
        }

        .get-an-offer-bottom-last .g-recaptcha {
            transform: scale(0.85);
        }

    .search-results-boxes {
        gap: 10px;
    }

    .search-box {
        width: 48.9%;
    }

    .products-content.search-page {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px 10px;
    }

        .products-content.search-page .product-item .product-image {
            width: 100%;
        }
}