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

html, body {
    height: 100%;
    margin: 0;
}

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

#form1 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-wrapper {
    flex: 1;
}

@import url("https://api.fontshare.com/v2/css?f[]=archivo@100,200,300,400,500,600,700,800,900&f[]=clash-display@200,300,400,500,600,700&display=swap");

:root {
    --nikelPurple: #1e2656;
    --nikelBlue: #1f3a8e;
    --nikelRed: #ed0a15;
    --nikelLightRed: #e30712;
    --nikelDarkBlue: #081c4c;
    --nikelPlato: #485386;
    --navbarHeight: 111px;
    --nikelNavyBlue: #212b5c;
    --nikelWhite: #f8f8f8;
    --nikelDeepIndigo: #242b58;
    --slide-width: min(25vw, 285px);
    --slide-aspect: 2 / 3;
    --slide-transition-duration: 800ms;
    --slide-transition-easing: ease;
    --font-archivo: "Archivo", sans-serif;
    --font-clash-display: "Clash Display", sans-serif;
    --container-left-margin: 31.88%;
    --image-max-height: 590px;
}

.both {
    clear: both;
}

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

    .top-scroll i {
        color: var(--nikelBlue);
        text-shadow: 0 0 0 white, 2px 0 white, -2px 0 white, 0 2px white, 0 -2px white;
        position: relative;
        font-size: 24px;
    }
/*#region Errors*/
.error-stars {
    font-family: Poppins-Regular;
    position: absolute;
    top: 10px;
    right: 10px;
}

.error-message {
    font-family: Poppins-Regular;
    font-size: 14px;
}

.error-color {
    color: var(--nikelRed);
}

.success-color {
    color: #15ed0a;
}

label.error {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--nikelRed);
}
/*#endregion*/

/*#region Fonts*/
@font-face {
    font-family: 'Bebas Neue';
    src: url('/Assets/Fonts/BebasNeueBold.eot');
    src: url('/Assets/Fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/BebasNeueBold.woff2') format('woff2'), url('/Assets/Fonts/BebasNeueBold.woff') format('woff'), url('/Assets/Fonts/BebasNeueBold.ttf') format('truetype'), url('/Assets/Fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    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 Free 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;
}

@font-face {
    font-family: 'Font Awesome 7 Free Solid';
    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: 'Poppins-Light';
    src: url('/Assets/Fonts/Poppins-Light.eot');
    src: url('/Assets/Fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('/Assets/Fonts/Poppins-Light.woff2') format('woff2'), url('/Assets/Fonts/Poppins-Light.woff') format('woff'), url('/Assets/Fonts/Poppins-Light.ttf') format('truetype'), url('/Assets/Fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*#endregion*/

/*#region Bootstrap Maniplation*/
.modal-backdrop.show {
    opacity: .77;
    background-color: rgba(27, 31, 67);
}

/* Modal'ın her zaman en üstte olduğundan emin olun */
.modal {
    z-index: 1060 !important;
}

/* Karartmanın modalın altında kalmasını sağlayın */
.modal-backdrop {
    z-index: 1050 !important;
}

/* Menü panelinin kendisini ekrana sabitleyelim */
.mm-menu_offcanvas {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important; /* Ekran boyu kadar */
    z-index: 9999 !important;
}

/* Sayfa mmenu ile kaydığında içeriğin bozulmasını engellemek için */
.mm-wrapper_opened .mm-page {
    position: relative !important;
    /* Eğer transform yüzünden sayfa içeriği kayboluyorsa aşağıdakini deneyin */
    transform: none !important;
    margin-left: 80% !important; /* Menü genişliği kadar (varsayılan genelde %80'dir) */
}
/*#endregion*/

/*#region Containers*/
.nikel-container-lg {
    width: 93.38%;
    margin: 0 auto;
}

.nikel-container {
    width: 86.35%;
    margin: 0 auto;
}

.home-blog-container {
    width: 93.19%;
    margin: 0 auto;
}

.nikel-container-m {
    width: 79.11%;
    margin: 0 auto;
}

.nikel-container-sm {
    width: 75.72%;
    margin: 0 auto;
}

.nikel-container-sectors-sm {
    width: 75.43%;
    margin: 0 auto;
}

.nikel-container-xs {
    width: 71.35%;
    margin: 0 auto;
}

.nikel-container-xxs {
    width: 58.59%;
    margin: 0 auto;
}

.nikel-container-xl {
    width: 94.16%;
    margin: 0 auto;
}

.map-container {
    width: 75%;
    margin: 0 auto;
}
/*#endregion*/

/*#region Containers AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .nikel-container {
        width: 88.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sectors-sm {
        width: 78.43%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .nikel-container {
        width: 88.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 78.43%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .nikel-container {
        width: 88.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 80%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .nikel-container {
        width: 88.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 85%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .nikel-container {
        width: 92.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 90%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .nikel-container {
        width: 92.72%;
    }

    .nikel-container-m {
        width: 83.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 90%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .nikel-container {
        width: 97.72%;
    }

    .nikel-container-m {
        width: 87.11%;
    }

    .nikel-container-sm {
        width: 78.72%;
    }

    .nikel-container-sectors-sm {
        width: 95%;
    }

    .nikel-container-xs {
        width: 76.35%;
    }
}
/*#endregion*/

/*#region Containers Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .nikel-container {
        width: 96.72%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 85.72%;
    }

    .nikel-container-sectors-sm {
        width: 96.72%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}
/*#endregion*/

/*#region Containers Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .nikel-container {
        width: 96%;
    }

    .nikel-container-m {
        width: 90.11%;
    }

    .nikel-container-sm {
        width: 96%;
    }

    .nikel-container-sectors-sm {
        width: 96%;
    }

    .nikel-container-xs {
        width: 85.35%;
    }
}
/*#endregion*/

/*#region Header*/
.header {
    width: 100%;
    height: var(--navbarHeight);
    background-color: var(--nikelPurple);
}

.header-catalog-mobile {
    background-color: var(--nikelRed) !important;
    color: white !important;
}

.header-main {
    display: flex;
    height: 100%;
}

.header-mobile-catalog {
    width: 100%;
    display: block;
}

    .header-mobile-catalog .header-product-catalog {
        display: inline;
    }

.header-logo {
    width: 20.24%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-right: 11px;
}

    .header-logo img {
        width: 100%;
        object-fit: contain;
        object-position: left center;
    }

.header-right {
    width: 79.76%;
    height: 100%;
}

.header-actions {
    width: 100%;
    height: 45.94%;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 34px;
}

.header-link, .header-link a {
    color: white;
    font-family: Poppins-Regular;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: -0.4px;
}

    .header-link i {
        margin-right: 8px;
    }

.header-buttons {
    height: 54.06%;
    width: 98%;
    background: var(--nikelBlue);
    position: relative;
    margin-left: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    -webkit-box-shadow: 200px 0px 0px 0px var(--nikelBlue);
    box-shadow: 200px 0px 0px 0px var(--nikelBlue);
    position: relative;
}

    .header-buttons ul {
        height: 100%;
        display: flex;
        gap: 26px;
        justify-content: end;
        align-items: center;
        margin: 0;
    }

    .header-buttons::before {
        content: '';
        width: 2.5%;
        height: 100%;
        background-color: var(--nikelBlue);
        display: block;
        position: absolute;
        left: -2.5%;
        top: 0;
        clip-path: polygon(75% 0, 100% 0, 100% 100%, 0 100%);
    }

    .header-buttons ul li {
        list-style-type: none;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        text-align: center;
        height: 100%;
    }

        .header-buttons ul li::after {
            content: '';
            width: 12px;
            height: 10px;
            position: absolute;
            display: block;
            background-color: transparent;
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
            transform: translate(-50%, 0%);
            bottom: 0;
            left: 50%;
            pointer-events: none;
            transition: .2s ease-in-out all;
        }

        .header-buttons ul li.active::after {
            background-color: white;
            transform: rotate(0deg);
        }

        .header-buttons ul li a {
            text-decoration: none;
            font-family: Poppins-Light;
            font-size: 16px;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .header-buttons ul li:hover::after {
            background-color: white;
        }

.header-buttons-actions {
    display: flex;
    margin-left: 1.7%;
    gap: 14px;
}

.header-product-catalog {
    display: flex;
    border-radius: 3px;
    gap: 10px;
    justify-content: end;
    align-items: center;
    padding: 9.5px 11px 9.5px 35px;
    text-decoration: none;
    color: white;
    font-family: Poppins-Light;
    font-size: 14px;
    background: var(--nikelRed) url(/Assets/Images/urun_katalog.png) no-repeat 10px 41%;
}

.header-search {
    width: 42px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-color: var(--nikelDarkBlue);
    color: white;
    border-radius: 3px;
    margin-top: 2px;
    padding-left: 3px;
    border: none !important;
    outline: none !important;
    cursor: pointer;
}

    .header-search:active, .header-search:focus, .header-search:focus-visible, .header-search:hover, .header-search:focus-within, .header-search:target {
        border: none !important;
        outline: none !important;
    }

.header-language {
    height: 100%;
    width: 20px;
    background: url(/Assets/Images/tr.png) no-repeat left center / 20px 20px;
    margin-left: 10px;
    padding-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: white;
    margin-right: 7px;
}

.header-language-options {
    position: absolute;
    top: 80%;
    right: 1%;
    transform: translate(50%, 0%);
    pointer-events: none;
    opacity: 0;
    transition: ease-in-out .25s all;
    z-index: 0;
}

    .header-language-options.show {
        top: 100%;
        pointer-events: auto;
        opacity: 1;
        z-index: 2;
    }

.header-language-item {
    display: flex;
    justify-content: end;
    gap: 8px;
    padding: 5px 12px 12px 39px;
    background: var(--nikelBlue) no-repeat 28% 31% / 18px 18px;
    color: white;
    font-size: 14px;
    font-family: Poppins-Regular;
    line-height: 20px;
    position: relative;
}

.language-tr {
    background-image: url('/Assets/Images/tr.png');
}

.language-en {
    background-image: url('/Assets/Images/en.png');
}

.language-ru {
    background-image: url('/Assets/Images/ru.svg');
}

.language-pt {
    background-image: url('/Assets/Images/pt.svg');
}

.header-language-item:first-child {
    /*padding: 0px 12px 9px 39px;
    background-position: 28% 0%;*/
}

.header-language-item:last-child {
    border-bottom-right-radius: 19px;
}

    .header-language-item:last-child::after {
        display: none;
    }

.header-language-item::after {
    content: '';
    width: 79%;
    height: 1px;
    background-color: #1b3587;
    position: absolute;
    transform: translate(-50%, 0%);
    bottom: 1px;
    left: 50%;
    right: 50%;
    z-index: 1;
}

/*#endregion*/

/*#region Header AltSayfa*/
/*width 1680*/
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .header-buttons ul {
        gap: 19px;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .header-buttons ul {
        gap: 17px;
    }

        .header-buttons ul li a {
            font-size: 15px;
        }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .header-buttons-actions {
        margin-left: 1.7%;
        gap: 7px;
    }

    .header-buttons ul {
        gap: 11px;
    }


        .header-buttons ul li a {
            font-size: 15px;
        }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .header-buttons-actions {
        margin-left: 10px;
        gap: 10px;
    }

    .header-buttons ul {
        gap: 10px;
    }

        .header-buttons ul li a {
            font-size: 14px;
        }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .header-buttons-actions {
        margin-left: 1.7%;
        gap: 8px;
    }

    .header-buttons ul {
        gap: 9px;
    }

        .header-buttons ul li a {
            font-size: 14px;
        }

    .header-right {
        width: 80.76%;
    }

    .header-logo {
        width: 19.24%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .header-buttons-actions {
        margin-left: .9%;
        gap: 10px;
    }

    .header-buttons ul {
        gap: 9px;
    }

        .header-buttons ul li a {
            font-size: 14px;
        }

    .header-language {
        height: 59%;
        top: -42%;
    }

    .header-search {
        position: absolute;
        top: -76%;
        right: 0;
    }

    .header-actions {
        padding-right: 52px;
    }

    .header-right {
        width: 80.76%;
    }

    .header-logo {
        width: 19.24%;
    }

    .header-language-options {
        right: 14%;
    }

        .header-language-options.show {
            top: 51px;
        }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .header-buttons-actions {
        margin-left: 1.7%;
        gap: 10px;
        padding-right: 48px;
    }

    .header-buttons ul {
        gap: 10px;
    }

        .header-buttons ul li a {
            font-size: 14px;
        }

    .header-language {
        height: 59%;
        top: -69%;
        margin-left: 6px;
        position: absolute;
    }

    .header-buttons-actions {
        position: absolute;
        top: -76%;
        right: 0;
    }

    .header-actions {
        padding-right: 251px;
    }


    .header-language-options {
        right: 59%;
    }

        .header-language-options.show {
            top: 51px;
        }

    .contact-stick-container {
        padding-top: 117px;
    }
}
/*#endregion*/

/*#region Header Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 245px;
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 38%;
        padding-right: 2%;
        position: relative;
        left: 2%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {

    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 225px;
        }


    .header-right {
        width: 99%;
    }

    .header-buttons {
        width: 57%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 27.24%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 256px;
        }


    .header-right {
        width: 95.76%;
    }

    .header-buttons {
        width: 69%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 27.24%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 256px;
        }


    .header-right {
        width: 82.76%;
    }

    .header-buttons {
        width: 77%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 27.24%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 256px;
        }


    .header-right {
        width: 72.76%;
    }

    .header-buttons {
        width: 80%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .header {
        --navbarHeight: 60px;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 32.24%;
    }

    .header-right {
        width: 67.76%;
    }

    .header-buttons ul {
        display: none;
    }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 32.24%;
    }

    .header-right {
        width: 67.76%;
    }

    .header-buttons ul {
        display: none;
    }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 32.24%;
    }

    .header-right {
        width: 67.76%;
    }

    .header-buttons ul {
        display: none;
    }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-mobile-catalog {
        display: none;
    }

    .header-logo {
        width: 32.24%;
    }

    .header-right {
        width: 67.76%;
    }

    .header-buttons ul {
        display: none;
    }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}
/*#endregion*/

/*#region Header Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 165px;
            transform: translate(2%, 0%);
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 45%;
        padding-right: 2%;
        position: relative;
    }

        .header-buttons ul {
            display: none;
        }

    .header-search {
        width: 36px;
        height: 33px;
    }

    .mobile-menu-button {
        display: flex !important;
        width: 36px;
        height: 33px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(-6%, 0);
    }

    .header-actions {
        display: none;
    }

    .header-main {
        width: 100%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 200px;
            transform: translate(2%, 0%);
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 43%;
        padding-right: 2%;
        position: relative;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(-6%, 0);
    }

    .header-actions {
        display: none;
    }

    .header-main {
        width: 100%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 210px;
            transform: translate(2%, 0%);
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 40%;
        padding-right: 2%;
        position: relative;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(-5%, 0);
    }

    .header-actions {
        display: none;
    }

    .header-main {
        width: 100%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 210px;
            transform: translate(2%, 0%);
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 41%;
        padding-right: 2%;
        position: relative;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }

    .header-main {
        width: 100%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .header {
        --navbarHeight: 60px !important;
    }

    .header-buttons {
        height: 100%;
    }

    .header-product-catalog {
        display: none;
    }

    .header-logo {
        width: 1%;
        position: relative;
    }

        .header-logo img {
            position: absolute;
            width: 230px;
        }


    .header-right {
        width: 99%;
    }


    .header-actions {
        gap: 5px;
    }

    .header-buttons {
        width: 40%;
        padding-right: 2%;
        position: relative;
        left: 2%;
    }

        .header-buttons ul {
            display: none;
        }

    .mobile-menu-button {
        display: flex !important;
        width: 42px;
        height: 38px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-color: var(--nikelDarkBlue);
        color: white;
        border-radius: 3px;
        margin: 2px 5px 0;
        border: none !important;
        outline: none !important;
        cursor: pointer;
        text-decoration: none;
    }

    .header-language {
        position: relative;
        z-index: 1;
        transform: translate(0,0);
        margin-left: 5px;
    }

    .header-language-options {
        right: -50%;
        transform: translate(0%, 0);
    }

    .header-actions {
        display: none;
    }
}
/*#endregion*/

/*#region Footer*/
.footer {
    width: 100%;
    background-color: var(--nikelPurple);
    padding-top: 35px;
    position: relative;
}

    .footer::after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        background: Red;
        top: 0;
        clip-path: polygon(59% 0, 100% 0, 100% 100%, 42% 100%);
        background-color: rgba(254, 254, 254, 0.04);
        pointer-events: none;
    }

.footer-logo {
    margin-left: 10px;
    width: 23.94%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-right: 11px;
    margin-bottom: 52px;
}

    .footer-logo img {
        width: 100%;
        object-fit: contain;
    }

.footer-top-content {
    display: flex;
    margin-bottom: 53px;
}

.footer-top-adress {
    width: 29.89%;
}

.footer-top-contact {
    width: 20.83%;
}

.footer-top-pages {
    width: 23.83%;
}

.footer-top-services {
    width: 20.83%;
}

.footer-top-contact-pages {
    width: 10.6%;
}

.footer-top-unit {
    display: flex;
    flex-direction: column
}

.footer-top-title {
    font-size: 16px;
    font-family: Poppins-Bold;
    color: white;
    margin-bottom: 17px;
}

    .footer-top-title.first-contact-title {
        margin-bottom: 14px;
    }

.footer-top-unit.footer-top-adress .footer-top-title {
    padding-left: 15px;
}

.footer-adress-item {
    display: flex;
}

    .footer-adress-item:first-of-type {
        margin-bottom: 22px;
    }

.footer-adress-counter {
    font-family: Poppins-Medium;
    font-size: 92.77px;
    line-height: 92.77px;
    color: rgba(255, 255, 255, 0.08);
    display: block;
    width: 14.5%;
}

.footer-adress-item:first-of-type .footer-adress-counter {
    padding-left: 15px;
}


.footer-adress-text {
    font-family: Poppins-Light;
    font-size: 14px;
    line-height: 23.01px;
    color: white;
    width: 45%;
}

    .footer-adress-text span {
        display: block;
    }

.footer-first-adress {
    width: 37%;
}

.footer-top-contact-first-phone {
    font-family: Poppins-Bold;
    font-size: 16px;
    color: white;
    text-decoration: none;
    margin-bottom: 22px;
    margin-top: -1px;
}

.footer-first-contact-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

    .footer-first-contact-list li {
        list-style-type: none;
        display: block;
        cursor: pointer;
    }

        .footer-first-contact-list li a {
            font-family: Poppins-Light;
            font-size: 14px;
            color: white;
            text-decoration: none;
        }

.footer-outside-link {
    margin-top: 40px;
    font-family: Poppins-Bold;
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.footer-page-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .footer-page-list li {
        display: block;
        list-style-type: none;
    }

        .footer-page-list li a {
            font-family: Poppins-Light;
            font-size: 14px;
            color: white;
            text-decoration: none;
        }

.copyright {
    background-color: var(--nikelNavyBlue);
    display: flex;
    justify-content: space-between;
}

.copyright-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 14px 0;
}

.copyright span, .copyright a {
    font-family: Poppins-Light;
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-align: center;
}
/*#endregion*/

/*#region Footer Altsayfa*/
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .footer-adress-text {
        width: 63%;
    }

    .footer-first-adress {
        width: 47%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {

    .footer-adress-text {
        width: 67%;
    }

    .footer-first-adress {
        width: 51%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {

    .footer-adress-text {
        width: 70%;
    }

    .footer-first-adress {
        width: 53%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {

    .footer-adress-text {
        width: 74%;
    }

    .footer-first-adress {
        width: 56%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .footer-adress-text {
        width: 79%;
    }

    .footer-first-adress {
        width: 59%;
    }

    .footer-adress-item {
        gap: 10px;
    }

    .footer-top-pages {
        width: 20.83%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .footer-top-services {
        width: 18.51%;
    }

    .footer-top-pages {
        width: 16.44%;
    }

    .footer-top-contact {
        width: 21.56%;
    }

    .footer-top-contact-pages {
        width: 12.6%;
    }

    .footer-top-adress {
        width: 33.89%;
    }

    .footer-adress-text {
        width: 79%;
    }

    .footer-first-adress {
        width: 59%;
    }

    .footer-adress-item {
        gap: 14px;
    }
}
/*#endregion*/

/*#region Footer Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .footer-top-contact {
        width: 40%;
    }


    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 60%;
    }

    .footer-adress-text {
        width: 73%;
    }

    .footer-first-adress {
        width: 71%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .footer-top-contact {
        width: 35%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-adress-text {
        width: 58%;
    }

    .footer-first-adress {
        width: 46%;
    }


    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-adress-text {
        width: 50%;
    }

    .footer-first-adress {
        width: 46%;
    }


    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .footer-top-contact {
        width: 30%;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 70%;
    }

    .footer-logo {
        width: 43%;
        margin-bottom: 25px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}
/*#endregion*/

/*#region Footer Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .footer {
        padding-top: 20px;
    }

    .footer-top-content {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }

    .footer-top-contact {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .footer-top-contact-first-phone {
        margin-bottom: 5px;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 100%;
    }

    .footer-adress-text {
        width: 100%;
    }

    .footer-first-adress {
        width: 100%;
    }

    .footer-logo {
        width: 60%;
        margin: 0 auto 15px;
        padding: 0;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .footer {
        padding-top: 20px;
    }

    .footer-top-content {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }

    .footer-top-contact {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .footer-top-contact-first-phone {
        margin-bottom: 5px;
    }

    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 100%;
    }

    .footer-adress-text {
        width: 100%;
    }

    .footer-first-adress {
        width: 100%;
    }

    .footer-logo {
        width: 60%;
        margin: 0 auto 15px;
        padding: 0;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .footer {
        padding-top: 20px;
    }

    .footer-top-content {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }

    .footer-top-contact {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .footer-top-contact-first-phone {
        margin-bottom: 5px;
    }


    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 100%;
    }

    .footer-adress-text {
        width: 100%;
    }

    .footer-first-adress {
        width: 100%;
    }

    .footer-logo {
        width: 60%;
        margin: 0 auto 15px;
        padding: 0;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .footer {
        padding-top: 20px;
    }

    .footer-top-content {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }

    .footer-top-contact {
        width: 100%;
        align-items: center;
        text-align: center;
    }


    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-first-phone {
        margin-bottom: 5px;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-adress {
        width: 100%;
    }

    .footer-adress-text {
        width: 100%;
    }

    .footer-first-adress {
        width: 100%;
    }

    .footer-logo {
        width: 60%;
        margin: 0 auto 15px;
        padding: 0;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }

    .footer-top-content {
        margin-bottom: 20px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .footer {
        padding-top: 25px;
    }

    .footer-top-content {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 0;
    }

    .footer-top-contact {
        width: 100%;
        align-items: center;
        text-align: center;
    }


    .footer-top-pages {
        display: none;
    }

    .footer-top-services {
        display: none;
    }

    .footer-top-contact-pages {
        display: none;
    }

    .footer-top-contact-first-phone {
        margin-bottom: 5px;
    }

    .footer-top-adress {
        width: 100%;
    }

    .footer-adress-text {
        width: 100%;
    }

    .footer-first-adress {
        width: 100%;
    }

    .footer-logo {
        width: 60%;
        margin: 0 auto 15px;
        padding: 0;
    }

    .footer-adress-item {
        gap: 20px;
    }

    .footer-outside-link {
        margin-top: 0;
    }

    .copyright-content {
        justify-content: center;
    }


    .footer-top-content {
        margin-bottom: 20px;
    }
}
/*#endregion*/

/*#region Teklif Al*/
.get-an-offer-modal {
    /*width: 37.13%;*/
    width: 704px;
    background-color: white;
    max-width: auto;
    margin-top: 47px;
}

.get-an-offer-modal-header {
    padding: 11px 0 25px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 2px -21px 59px 0px rgba(23, 30, 69, 0.27);
    width: 100%
}

    .get-an-offer-modal-header img {
        width: 50px;
    }

.get-an-offer-moda-title {
    margin-top: 15px;
    font-size: 39.42px;
    line-height: 29.95px;
    color: var(--nikelRed);
    text-align: center;
    font-family: Poppins-Black;
}

.get-an-offer-modal-body {
    margin: 12px 0 0;
    padding: 20px 0px 0px;
    background: url('/Assets/Images/teklifalbg.png') left bottom / auto 99% no-repeat;
}

.get-an-offer-modal-form {
    width: 85.69%;
    margin: 2px auto 15px;
    display: flex;
    flex-direction: column;
    gap: 27px;
}

.modal-form-main-input {
    display: flex;
    gap: 29px;
    width: 100%;
}

.modal-form-input {
    position: relative;
    width: 100%;
    background-color: rgba(233, 234, 240, .85);
    padding: 22px 17px 20px;
}

    .modal-form-input input,
    .modal-form-input textarea {
        width: 100%;
        border: 0;
        outline: 0;
        background-color: transparent;
        font-family: Poppins-Light;
        font-size: 14px;
        color: #acb0c7;
    }

        .modal-form-input input::placeholder,
        .modal-form-input textarea::placeholder {
            color: #acb0c7;
        }

    .modal-form-input textarea {
        resize: none;
    }

.modal-form-checkbox-content {
    width: 81.34%;
    margin-left: 51px;
    display: flex;
    gap: 11px;
    justify-content: start;
    align-items: start;
}

    .modal-form-checkbox-content input {
        margin-top: 6px;
    }

    .modal-form-checkbox-content a, .modal-form-checkbox-content span {
        font-family: Poppins-Regular;
        font-size: 14px;
        color: var(--nikelDeepIndigo);
        line-height: 16px;
    }

    .modal-form-checkbox-content a {
        color: var(--nikelRed);
        font-family: Poppins-Bold;
    }

.get-an-offer-modal-footer {
    width: 85.69%;
    margin: 0 auto;
    border: none;
    padding: 43px 0 31px;
    justify-content: space-between;
}

.form-recapcha {
    width: 0px;
    height: 55px;
    transform: scale(.71);
    display: flex;
    align-items: center;
}

.modal-form-button {
    color: var(--nikelPurple);
    font-size: 18px;
    font-family: Poppins-Bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 55px;
    background-color: #eaeaed;
    border: none;
    margin: 0;
    padding: 14px 72px;
    cursor: pointer;
    outline: none;
}
/*#endregion*/

/*#region Teklif Al Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .modal-form-button {
        padding: 11px 59px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/*#endregion*/

/*#region Teklif Al Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .get-an-offer-modal-form {
        width: 93.69%;
    }

    .modal-form-checkbox-content {
        width: 93%;
        margin: 0 auto;
    }

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .get-an-offer-modal-form {
        width: 93.69%;
    }

    .modal-form-checkbox-content {
        width: 93%;
        margin: 0 auto;
    }

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .get-an-offer-modal-form {
        width: 93.69%;
    }

    .modal-form-checkbox-content {
        width: 93%;
        margin: 0 auto;
    }

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .get-an-offer-modal-form {
        width: 93.69%;
    }

    .modal-form-checkbox-content {
        width: 93%;
        margin: 0 auto;
    }

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .get-an-offer-modal-form {
        width: 93.69%;
    }

    .modal-form-checkbox-content {
        width: 93%;
        margin: 0 auto;
    }

    .modal-form-main-input {
        flex-direction: column;
    }

    .get-an-offer-modal {
        width: 88%;
        margin: 20px auto 20px;
    }

    .modal-form-button {
        font-size: 16px;
        padding: 10px 47px;
    }

    .get-an-offer-modal-footer {
        flex-direction: column;
        padding: 10px 0;
        gap: 10px;
    }

    .form-recapcha {
        justify-content: center;
    }
}
/*#endregion*/

/*#region Teklif Onay*/
.modal-success {
    margin: 99px auto 0;
    width: 439px;
    background-color: white;
}

.modal-success-body {
    padding: 0;
}

.modal-success-check-image {
    aspect-ratio: 1;
    width: 25%;
    margin: 53px auto 28px;
    background-image: url(/Assets/Images/success.png);
    background-size: contain;
    background-position: center;
}

.modal-success-title {
    font-family: Poppins-Black;
    font-size: 30px;
    color: var(--nikelPurple);
    text-align: center;
    margin: 0 auto;
    width: 75%;
    display: block;
    line-height: 36px;
}

.modal-success-text {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: var(--nikelPurple);
    text-align: center;
    display: block;
    margin: 9px auto 0;
}

.modal-success-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 25px auto 34px;
    border: 0;
    background-color: var(--nikelPurple);
    font-family: Poppins-Regular;
    font-size: 16px;
    color: white;
    border-radius: 22px;
    padding: 9px 46.5px;
    cursor: pointer;
}
/*#endregion*/

/*#region Teklif Onay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 22px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 26px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 26px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 26px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 26px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .modal-success {
        margin: 10px auto;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
    }
}
/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .modal-success {
        margin: 10px auto;
    }
}
/*#endregion*/

/*#region Teklif Onay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .modal-success {
        margin: 10px auto;
        width: 90%;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-text {
        font-size: 14px;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .modal-success {
        margin: 10px auto;
        width: 90%;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-text {
        font-size: 14px;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .modal-success {
        margin: 10px auto;
        width: 90%;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-text {
        font-size: 14px;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .modal-success {
        margin: 10px auto;
        width: 90%;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .modal-success {
        margin: 10px auto;
        width: 90%;
    }

    .modal-success-check-image {
        margin: 21px auto 28px;
        width: 21%;
    }

    .modal-success-title {
        font-size: 22px;
    }

    .modal-success-button {
        margin: 18px auto 19px;
    }
}
/*#endregion*/

/*#region Search*/
.search-modal {
    background-color: #f2f3f8;
    width: 73.38%;
    margin: 168px auto 0;
}

.search-modal-close-button {
    font-size: 31px;
    color: #e2e2e2;
    margin: 20px 20px -52px auto !important;
}

    .search-modal-close-button:hover {
        color: #c2bdbd;
    }

.search-modal-body {
    padding: 6.82% 9.8%;
}

.search-modal-content {
    background: white;
    width: 100%;
    border: 2px solid #f2eeee;
    margin: 0 auto;
    padding: 3.62% 5.92% 3.35%;
    display: flex;
}

    .search-modal-content input {
        width: 95.86%;
        background-color: transparent;
        font-family: Poppins-Light;
        font-size: 18px;
        color: #d0d2dc;
    }

        .search-modal-content input,
        .search-modal-content input:-webkit-autofill,
        .search-modal-content input:-webkit-autofill:hover,
        .search-modal-content input:-webkit-autofill:focus,
        .search-modal-content input:-webkit-autofill:active,
        .search-modal-content input:-internal-autofill-selected {
            -webkit-background-clip: text;
            -webkit-text-fill-color: #d0d2dc !important;
            caret-color: #d0d2dc !important;
            border: none;
            outline: none;
            background-color: transparent;
        }

            .search-modal-content input::placeholder {
                font-family: Poppins-Light;
                font-size: 18px;
                color: #d0d2dc !important;
                -webkit-text-fill-color: #d0d2dc !important;
                caret-color: #d0d2dc !important;
            }

    .search-modal-content i {
        font-size: 41px;
        width: 4.14%;
    }


/*#endregion*/

/*#region Search Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .search-modal-close-button {
        font-size: 25px;
        margin: 9px 8px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 23px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .search-modal-close-button {
        font-size: 25px;
        margin: 9px 8px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 23px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .search-modal-close-button {
        font-size: 25px;
        margin: 9px 8px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 23px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .search-modal-close-button {
        font-size: 25px;
        margin: 9px 8px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 23px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .search-modal-close-button {
        font-size: 25px;
        margin: 9px 8px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 25px;
    }
}
/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .search-modal-content i {
        font-size: 25px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
}


/*#endregion*/

/*#region Search Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .search-modal {
        background-color: #f2f3f8;
        width: 96.38%;
    }

    .search-modal-body {
        padding: 6%;
    }

    .search-modal-close-button {
        font-size: 16px;
        margin: 5px 5px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 22px;
        width: 10.14%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .search-modal-body {
        padding: 6%;
    }

    .search-modal {
        background-color: #f2f3f8;
        width: 96.38%;
    }

    .search-modal-close-button {
        font-size: 16px;
        margin: 5px 5px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 22px;
        width: 8.14%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .search-modal-body {
        padding: 6%;
    }

    .search-modal {
        background-color: #f2f3f8;
        width: 96.38%;
    }

    .search-modal-close-button {
        font-size: 16px;
        margin: 5px 5px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 20px;
        width: 6.14%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .search-modal-body {
        padding: 5%;
    }

    .search-modal {
        background-color: #f2f3f8;
        width: 96.38%;
    }

    .search-modal-close-button {
        font-size: 16px;
        margin: 5px 5px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 20px;
        width: 6.14%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .search-modal-body {
        padding: 5%;
    }

    .search-modal {
        background-color: #f2f3f8;
        width: 96.38%;
    }

    .search-modal-close-button {
        font-size: 16px;
        margin: 5px 5px -52px auto !important;
    }

    .search-modal-content i {
        font-size: 20px;
        width: 6.14%;
    }
}
/*#endregion*/

/*#region Anasayfa*/
.country-item {
    width: 30px;
    height: 30px;
}

.slider-splide {
    height: calc(100vh - var(--navbarHeight));
    position: relative;
    isolation: isolate;
}

.slider-splide-gradiant-top {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    pointer-events: none;
    background: linear-gradient( 180deg, rgba(48, 48, 89, 0.20) 0%, transparent 100% );
    z-index: 2;
}

.slider-splide-gradiant-bottom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient( 0deg, var(--nikelPurple) 0%, rgba(30, 38, 86, 0) 60% );
    z-index: 3;
}

.slider-splide .splide__list, .slider-splide .splide__slide {
    height: calc(100vh - var(--navbarHeight));
}

.slider-splide .splide__slide {
    position: relative;
}

    .slider-splide .splide__slide video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .slider-splide .splide__slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.slider-splide-content {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-splide-content-container {
    position: relative;
    z-index: 10;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}

.slider-title {
    font-family: Poppins-Bold;
    font-size: 60px;
    color: white;
    margin-bottom: 8px;
}

.slider-subtitle {
    font-family: Poppins-Bold;
    font-size: 30px;
    color: white;
    margin-bottom: 33px;
}

.slider-description {
    font-family: Poppins-Light;
    font-size: 14px;
    line-height: 22.01px;
    color: white;
    margin-bottom: 70px;
    width: 43%;
}

.slider-link {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: Poppins-Light;
    text-decoration: none;
    color: var(--nikelPurple);
    font-size: 14px;
    letter-spacing: 8.12px;
    background-color: white;
    border-radius: 4px;
    padding: 12.5px 14.5px;
    margin-bottom: 71px;
}

.slider-splide-right {
    position: absolute;
    width: 7.13%;
    height: 100%;
    top: 0;
    right: 0;
    padding-bottom: 9.79%;
    display: flex;
    align-items: end;
}

.slider-buttons {
    position: absolute;
    width: 12.86%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    gap: 32px;
    padding-bottom: 9.79%;
}

.slider-move-button {
    border: 1px solid white;
    border-radius: 50%;
    width: 72px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

    .slider-move-button i {
        font-size: 25px;
        color: var(--nikelRed);
    }

.slider-splide-counter {
    font-family: Poppins-Black;
    font-size: 92.02px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 68px;
}

.nikel-home-about {
    padding-top: 20px;
    background-color: var(--nikelPurple);
    position: relative;
}

    .nikel-home-about::before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #283058;
        pointer-events: none;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        clip-path: polygon(0 0, 43% 0, 65% 22%, 64.8% 47.3%, 20% 100%, 0% 100%)
    }

    .nikel-home-about::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #232b57;
        pointer-events: none;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        clip-path: polygon(0 0, 42.7% 0.2%, 65% 22.2%, 0 96%);
    }

.home-about-title {
    font-family: Poppins-Black;
    font-size: 164.7px;
    color: rgba(255, 255, 255, .04);
    display: block;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.home-about-subtitle {
    font-family: Poppins-Thin;
    font-size: 34.16px;
    letter-spacing: 34.84px;
    text-align: center;
    width: 100%;
    display: block;
    color: white;
    margin-top: -22px;
    position: relative;
    z-index: 2;
}

.nikel-home-about h1 {
    font-family: Poppins-Black;
    font-size: 48px;
    text-align: center;
    color: white;
    margin-top: 70px;
    position: relative;
    z-index: 2;
}

.home-about-slogan {
    font-family: Berkeley Tr;
    font-size: 18px;
    line-height: 18px;
    margin-top: -2px;
    letter-spacing: 9.8px;
    display: block;
    text-align: center;
    width: 100%;
    color: white;
    padding-left: 13px;
    position: relative;
    z-index: 2;
}

.home-about-description {
    display: block;
    font-family: Poppins-Light;
    font-size: 14px;
    margin: 32px auto 0;
    line-height: 22.01px;
    text-align: center;
    width: 32%;
    color: white;
    position: relative;
    z-index: 2;
    height: 66.03px;
    overflow: hidden;
}

.home-about-link {
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index: 2;
}

    .home-about-link a {
        text-decoration: none;
        font-family: Poppins-Light;
        color: white;
        font-size: 14px;
        display: inline-block;
        border: 1px solid #ec2027;
        background-color: var(--nikelPurple);
        padding: 5.5px 27px;
        margin: 39px 0 64px;
        position: relative;
        z-index: 2;
        transition: .25s ease-in-out all;
    }

        .home-about-link a:hover {
            border-color: white;
        }

.home-about-cards {
    width: 43.6%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 10px;
    padding-bottom: 130px;
    position: relative;
    z-index: 2;
}

.home-about-card {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #363e67;
    padding: 25px 0;
    position: relative;
    z-index: 2;
}

.home-about-card-top {
    font-family: Poppins-Bold;
    font-size: 30px;
    color: white;
    margin-bottom: -8px;
}

.home-about-card-bottom {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: white;
}

.home-product {
    background-color: var(--nikelNavyBlue);
    position: relative;
}

    .home-product:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.02;
        background-image: url('/Assets/Images/urun-bg.png');
        background-size: contain;
        background-position: left top;
        background-repeat: no-repeat;
    }

.home-product-title {
    font-family: Poppins-Black;
    font-size: 147.46px;
    line-height: 147.46px;
    color: rgba(255, 255, 255, .04);
    width: 100%;
    margin: 0px auto 0;
    padding-top: 30px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
}

.home-product-subtitle {
    font-family: Poppins-Black;
    font-size: 41px;
    display: block;
    text-align: center;
    width: 100%;
    color: white;
    margin: -63px auto 35px;
    position: relative;
    z-index: 2;
}

.home-product-container {
    display: flex;
    gap: 19px;
    justify-content: center;
    align-items: start;
    padding-bottom: 221px;
    position: relative;
    z-index: 2;
}

.home-product-card {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .25s ease-in-out all;
    cursor: pointer;
    text-decoration: none;
}

.product-card-title {
    font-family: Poppins-Medium;
    font-size: 18px;
    background-color: var(--nikelPlato);
    color: white;
    padding: 14px 42px 0;
    width: 69.2%;
    display: block;
    height: 102px;
    line-height: 18px;
    transition: .25s ease-in-out background-color;
}

.product-card-image {
    aspect-ratio: 1;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -40px;
    border: 1px solid #e1e1e1;
    position: relative;
}

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

.product-card-description {
    font-size: 14px;
    color: white;
    font-family: Poppins-Light;
    line-height: 21.01px;
    text-align: center;
    display: block;
    width: 81.6%;
    padding: 82px 12px 20px;
    margin-top: -65px;
    transition: .25s ease-in-out background-color;
    height: 207.05px;
    overflow: hidden;
}

.active .product-card-title {
    width: 81.6%;
    height: 142px;
    background-color: #e92329;
    font-family: Poppins-Black;
    padding: 13px 54px 0;
    line-height: 19px;
}

.active .product-card-image {
    margin-top: -80px;
}

.active .product-card-description {
    background-color: var(--nikelPlato);
    margin-top: -135px;
    padding: 152px 12px 20px;
    height: 277.05px;
}

.home-three {
    background-color: var(--nikelWhite);
    margin-top: -140px;
}

.home-three-container {
    background-color: var(--nikelPlato);
    padding: 52px 40px 45px;
    display: flex;
    justify-content: center;
    gap: 30px;
    position: relative;
    position: relative;
    z-index: 2;
}

.home-three-item {
    width: 33%;
    padding: 63px 0 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

    .home-three-item::before,
    .home-three-item::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        z-index: 2;
        border-color: transparent;
        transition: width .25s ease-in-out, height .25s ease-in-out, border-color .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, bottom .25s ease-in-out, right .25s ease-in-out;
        border: 1px solid transparent;
    }

    .home-three-item::before {
        top: 0;
        left: 0;
    }

    .home-three-item::after {
        bottom: 0;
        right: 0;
    }

    /* AKTİF HAL (Sadece değişen değerleri yaz) */
    .home-three-item.active::before {
        border-top-color: white;
        border-left-color: white;
        top: 18px;
        left: 18px;
        width: 43px;
        height: 36px;
    }

    .home-three-item.active::after {
        border-bottom-color: white;
        border-right-color: white;
        bottom: 18px;
        right: 18px;
        width: 43px;
        height: 36px;
    }


.three-item-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(30, 38, 86, .8);
    transition: all .25s ease-in-out;
}

.active .three-item-overlay {
    background-color: rgba(232, 0, 0, .79);
}

.three-item-text {
    font-family: Poppins-Medium;
    font-size: 26.53px;
    color: white;
    position: relative;
    z-index: 1;
}

.active .three-item-text {
    font-family: Poppins-Black;
}

.three-item-icon {
    width: 68px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    z-index: 1;
}

    .three-item-icon.play-icon {
        background-image: url(/Assets//Images/play.png);
        background-size: 48px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: white;
    }

    .three-item-icon.product-get-offer-icon {
        background-image: url(/Assets//Images/teklifalicon.png);
        background-size: 47px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: white;
    }

    .three-item-icon.product-catalog-icon {
        background-image: url(/Assets//Images/pdficon.png);
        background-size: 31px 45px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: white;
    }

.promotional-video {
    background-image: url('/Assets/Images/tanitim.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.promotional-get-offer {
    background-image: url('/Assets/Images/teklif-al-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.promotional-product-catalog {
    background-image: url('/Assets/Images/katalog-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.home-service-center {
    padding-top: 18px;
    background-color: var(--nikelWhite);
    width: 100%;
}

.home-service-center-title {
    font-family: Poppins-Black;
    font-size: 129px;
    color: rgba(39, 48, 95, 0.03);
    display: block;
    text-align: center;
}

.home-service-center-subtitle {
    font-family: Poppins-Black;
    font-size: 41px;
    color: #27305f;
    display: block;
    text-align: center;
    margin: -92px 0 47px;
}

.home-service-center-container {
    margin-top: 52px;
    padding-bottom: 93px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 49px;
}

.service-center-buttons {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 22px;
    width: 45.8%;
}


    .service-center-buttons li {
        list-style-type: none;
        width: 100%;
    }


        .service-center-buttons li a {
            justify-content: space-between;
            align-items: center;
            background-color: white;
            border-radius: 10px;
            padding: 0px 0 0px 47px;
            border: 1px solid #fbfbfb;
            width: 100%;
            display: flex;
            text-decoration: none;
        }

        .service-center-buttons li .service-center-button-name {
            color: #112c6c;
            font-size: 20px;
            font-family: Poppins-Medium;
        }

        .service-center-buttons li.active .service-center-button-name {
            font-family: Poppins-Bold;
        }

.service-center-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--nikelPlato);
    font-size: 28px;
    padding: 19px 26.5px;
    border-radius: 10px;
    transition: .25s ease-in-out all;
    position: relative;
    z-index: 10;
    transform-style: preserve-3d;
    top: 0px;
    right: 0px;
}

    .service-center-arrow::before {
        transition: .25s ease-in-out all;
        content: '';
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0;
        left: 0px;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    }

.service-center-buttons li.active .service-center-arrow {
    background-color: #e92329;
    top: -8px;
    right: -9px;
}

    .service-center-buttons li.active .service-center-arrow::before {
        content: '';
        width: 16px;
        height: 8px;
        position: absolute;
        top: 0;
        left: -8px;
        background-color: #971115;
        z-index: -1;
        transform: translateZ(-1px);
    }

.home-service-center-content-container {
    width: 51%;
    display: none;
    text-decoration: none;
}

    .home-service-center-content-container.active {
        display: block; /* veya flex, sayfa yapına göre */
    }

.home-service-center-content {
    background-color: var(--nikelPlato);
    width: 100%;
    padding: 0 92px 0 82px;
    border-radius: 10px;
    text-decoration: none;
    display: block;
}

.home-service-center-content-top {
    background-color: white;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

    .home-service-center-content-top img {
        height: 100%;
        max-height: 392px;
        aspect-ratio: 669/392;
        object-fit: cover;
        border-radius: 0px 0px 10px 10px;
    }

.home-service-center-top-texts {
    padding: 12px 37px 0;
}

.home-service-center-top-title {
    color: var(--nikelNavyBlue);
    font-family: Poppins-Bold;
    font-size: 18px;
    display: block;
}

.home-service-center-top-description {
    margin-top: 11px;
    padding-bottom: 26px;
    color: var(--nikelNavyBlue);
    font-family: Poppins-Medium;
    font-size: 18px;
    line-height: 31.01px;
    display: block;
}

.home-service-description {
    height: 62.02px;
    width: 100%;
    display: block;
    overflow: hidden;
}


.home-service-center-content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.home-service-center-link {
    text-decoration: none;
    font-family: Poppins-Medium;
    font-size: 14px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    transition: .25s ease-in-out all;
}

    .home-service-center-link:hover {
        color: #cecece;
    }

    .home-service-center-link i {
        color: #ed1c24;
        font-size: 15px;
    }

.home-service-center-slogan {
    font-family: Poppins-Light;
    font-size: 16px;
    letter-spacing: 10.5px;
    color: white;
    padding: 27.5px 0;
}


.home-sectors {
    background-color: var(--nikelNavyBlue);
}

.home-sectors-title {
    color: rgba(255, 255, 255, 0.03);
}

.home-sectors-subtitle {
    color: white;
}

.home-sectors-link {
    display: flex;
    justify-content: end;
    padding-top: 67px;
}

.home-policy {
    background-color: var(--nikelNavyBlue);
    padding-top: 136px;
}

.home-policy-container {
    margin: 85px auto 0;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 34px;
    width: 72%;
}

.home-policy-card {
    text-decoration: none;
    padding: 35px 0 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #485386;
    border-radius: 15px;
    width: 23.2%;
    transition: .25s ease-in-out all;
}

    .home-policy-card:hover {
        background-color: #3b4577;
    }



.home-policy-icon {
    width: 55.04%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--nikelNavyBlue);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .home-policy-icon img {
        max-width: 70px;
        max-height: 82px;
        object-fit: contain;
        width: auto;
    }

.home-policy-title {
    font-family: Poppins-Bold;
    font-size: 18px;
    color: white;
    margin-top: 21px;
    text-align: center;
}

.home-policy-description {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 18px;
    margin-top: 20px;
    color: white;
    text-align: center;
    padding: 0px 20px 0px;
    height: 36px;
    overflow: hidden;
}

.home-policy-detail {
    background-color: white;
    font-family: Poppins-Regular;
    color: #112d6e;
    font-size: 14px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 19px 5px 33px;
    margin-top: 29px;
    transition: .25s ease-in-out all;
}

.home-policy-card:hover .home-policy-detail {
    background-color: var(--nikelPurple);
    color: white;
}

.home-policy-detail i {
    margin-left: 10px;
}

.home-blog {
    background-color: var(--nikelNavyBlue);
}

.home-blog-title {
    color: rgba(255, 255, 255, 0.03);
    padding-top: 118px;
}

.home-blog-slide-main {
    height: auto;
    /*padding: 15px;*/
}

.home-blog-slide-item {
    display: block;
    border: 15px solid #1a234e;
    text-decoration: none;
    transition: .25s ease-in-out all;
}


    .home-blog-slide-item:hover {
        border-color: #485386;
    }

        .home-blog-slide-item:hover .home-blog-examine,
        .home-blog-slide-item:hover .home-blog-examine i {
            color: var(--nikelRed);
        }

.home-blog-slide-image {
    padding: 9px;
    width: 100%;
    background-color: white;
    aspect-ratio: 319/232;
}

    .home-blog-slide-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.home-blog-date {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: var(--nikelNavyBlue);
    padding: 3px 0 9px 9px;
    display: block;
    background-color: white;
}

.home-blog-content {
    border-top: 1px solid #f6f6f6;
    background-color: white;
}

.home-blog-splide-main {
    position: relative;
    padding-bottom: 54px;
}

.home-blog-name {
    display: block;
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #191a1c;
    padding: 14px 0 0 9px;
    line-height: 23.01px;
    height: 60.02px;
    overflow: hidden;
}

.home-blog-description {
    display: block;
    font-family: Poppins-Light;
    font-size: 14px;
    color: #191a1c;
    text-align: justify;
    line-height: 23.01px;
    padding: 0 9px 15px;
    margin: 0;
    background-color: white;
    height: 92.04px;
    overflow: hidden;
}

.home-blog-detail {
    display: flex;
    justify-content: end;
    align-items: center;
    border-top: 1px solid #f6f6f6;
    background-color: white;
    margin-top: 15px;
}

.home-blog-examine {
    font-family: Poppins-Medium;
    color: #9fa3b9;
    font-size: 14px;
    padding: 9px;
    transition: .075s ease-in-out all;
}

    .home-blog-examine i {
        padding-left: 10px;
        font-size: 15px;
        color: #9fa3b9;
        padding-left: 9px;
        transition: .075s ease-in-out all;
    }

.blog-splide-arrow-left {
    position: absolute;
    top: 46%;
    left: -2.5%;
    color: rgba(83, 93, 142, .25);
    transition: .25s ease-in-out all;
    transform: translate(00%, -50%);
    font-size: 61px;
    cursor: pointer;
}

    .blog-splide-arrow-left:hover, .blog-splide-arrow-right:hover {
        color: rgba(83, 93, 142, 1);
    }

.blog-splide-arrow-right {
    position: absolute;
    top: 46%;
    right: -2.5%;
    transform: translate(00%, -50%);
    font-size: 61px;
    color: rgba(83, 93, 142, .25);
    transition: .25s ease-in-out all;
    cursor: pointer;
}

.home-partners {
    width: 100%;
    background-color: var(--nikelWhite);
    padding-bottom: 7px;
}

.home-partners-subtitle {
    font-size: 45px;
    margin: -96px 0 10px;
}


.map-wrapper {
    position: relative;
    width: 100%;
    /* Haritanın orijinal en-boy oranını koru */
    aspect-ratio: 2 / 0.979;
}

.map-layer {
    position: absolute;
    inset: 0;
}

    .map-layer img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }


.tr-point {
    top: 34%;
    left: 46.5%;
}

.en-point {
    top: 27%;
    left: 37.2%;
}

.mk-point {
    top: 31%;
    left: 43%;
}

.az-point {
    top: 35%;
    right: 45.5%;
}

.kz-point {
    top: 32%;
    right: 39%;
}

/* Nokta Stilleri - Kapsayıcı Kutu */
.country-item {
    display: block;
    position: absolute;
    /* Başlangıçta koordinata alt ortasından hizala. */
    transform: translate(-50%, -100%);
    z-index: 5;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Kutuyu büyük ikonun sığabileceği kadar geniş tutuyoruz ama görünmez yapıyoruz */
    width: 55px;
    height: 55px;
    cursor: pointer;
}

.dot-icon {
    width: 100%;
    height: 100%;
    background-image: url('/Assets/Images/loc-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    /* BAŞLANGIÇTA KÜÇÜLTÜYORUZ: 
       Piksel değiştirmek yerine ölçekle oynuyoruz (örneğin 15px/60px = 0.25) */
    transform: scale(0.25);
    /* Büyüme merkezi alt orta */
    transform-origin: bottom center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Hover Efekti */
.country-item:hover {
    z-index: 10;
    /* Hem biraz yukarı kayıyor hem de tüm kutu ölçekleniyor */
    transform: translate(-50%, -110%);
}

    .country-item:hover .dot-icon {
        /* İkonu orijinal boyutuna (yani 60px'e) geri getiriyoruz */
        transform: scale(1);
        filter: drop-shadow(0 10px 15px rgba(0,0,0,0.2));
    }

.country-item.tr-point:hover .dot-icon {
    background-image: url('/Assets/Images/turkiye.svg');
}

.country-item.en-point:hover .dot-icon {
    background-image: url('/Assets/Images/ingiltere.svg');
}

.country-item.mk-point:hover .dot-icon {
    background-image: url('/Assets/Images/makedonya.svg');
}

.country-item.az-point:hover .dot-icon {
    background-image: url('/Assets/Images/azerbaycan.svg');
}

.country-item.kz-point:hover .dot-icon {
    background-image: url('/Assets/Images/kazakistan.svg');
}

.nikel-map-text {
    width: 13.5%;
    margin: -7.4% 28% 33px auto;
    border-left: 8px solid #ed1c24;
    padding: 17px 0 17px 14px;
    font-family: Poppins-Light;
    color: #1d2661;
    line-height: 22.01px;
}
/*#endregion*/

/*#region Anasayfa AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 139.7px;
    }

    .nikel-map-text {
        width: 15.5%;
    }

    .product-card-title {
        padding: 14px 29px 0;
    }

    .active .product-card-title {
        padding: 13px 40px 0;
    }

    .product-card-description {
        height: 186.04px;
    }

    .active .product-card-description {
        height: 256.04px;
    }

    .home-service-center-top-description {
        font-size: 17px;
        line-height: 28.01px;
    }

    .home-service-description {
        height: 56.02px;
    }

    .home-policy {
        padding-top: 120px;
    }
}

/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 139.7px;
    }

    .nikel-map-text {
        width: 15.5%;
    }

    .home-about-cards {
        width: 46.6%;
    }

    .product-card-title {
        padding: 14px 29px 0;
    }

    .active .product-card-title {
        padding: 13px 37px 0;
    }

    .product-card-description {
        height: 186.04px;
    }

    .active .product-card-description {
        height: 256.04px;
    }

    .home-service-center-top-description {
        font-size: 16px;
        line-height: 26.01px;
    }

    .home-service-description {
        height: 52.02px;
    }

    .home-policy {
        padding-top: 110px;
    }
}

/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 117.7px;
    }

    .home-about-card-top {
        font-size: 27px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 17.5%;
        margin: -7.4% 23% 33px auto;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }


    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-policy {
        padding-top: 93px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 117.7px;
    }

    .home-about-cards {
        width: 46.6%;
    }

    .home-policy-container {
        width: 79%;
    }

    .home-about-card-top {
        font-size: 27px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 17.5%;
        margin: -7.4% 23% 33px auto;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }



    .active .product-card-description {
        height: 297.06px;
    }

    .product-card-description {
        height: 228.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .home-service-center-content {
        padding: 0 82px 0 72px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-policy {
        padding-top: 83px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }
}

/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 117.7px;
    }

    .home-about-cards {
        width: 50.6%;
    }

    .home-about-card-top {
        font-size: 27px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .home-policy-container {
        width: 79%;
    }

    .nikel-map-text {
        width: 17.5%;
        margin: -7.4% 23% 33px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 18.8%;
    }

    .active .product-card-description, .product-card-description {
        width: 89.6%;
    }


    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }


    .home-service-center-content {
        padding: 0 67px 0 57px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-policy {
        padding-top: 73px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.2);
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .home-product-container {
        width: 96%;
    }

    .home-about-title {
        font-size: 83.7px;
    }

    .home-service-center-title {
        font-size: 102px;
    }

    .home-policy-container {
        gap: 20px;
        width: 85%;
    }

    .home-about-cards {
        width: 60.6%;
    }

    .home-policy-title {
        font-size: 16px;
    }

    .home-about-card-top {
        font-size: 24px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 21.5%;
        margin: -7.4% 19% 33px auto;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-product-container {
        width: 96%;
        gap: 9px;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }


    .service-center-buttons {
        width: 42.8%;
    }

    .home-service-center-content-container {
        width: 53%;
    }

    .home-service-center-content {
        padding: 0 50px 0 40px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-policy {
        padding-top: 63px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.18);
    }

    .az-point {
        right: 43.5%;
    }

    .kz-point {
        right: 37%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .home-product-container {
        width: 96%;
    }

    .slider-title {
        margin: 0;
    }

    .slider-subtitle {
        margin-bottom: 22px;
    }

    .slider-description {
        margin-bottom: 36px;
    }

    .home-about-title {
        font-size: 83.7px;
    }

    .home-service-center-title {
        font-size: 102px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 62.6%;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 26.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
    }

    .product-card-title, .active .product-card-title {
        padding: 14px 10px 0;
        width: 86.2%;
    }


    .home-product-card {
        width: 18.4%;
    }

    .active .product-card-description {
        height: 333.08px;
        width: 87.6%;
    }

    .product-card-description {
        width: 89.6%;
        height: 260.87px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 55px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 55px;
    }

    .service-center-buttons {
        width: 42.8%;
    }

    .home-service-center-content-container {
        width: 53%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 63px;
    }

    .home-policy-container {
        gap: 20px;
        width: 94%;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.18);
    }

    .az-point {
        right: 43.5%;
    }

    .kz-point {
        right: 37%;
    }
}
/*#endregion*/

/*#region Anasayfa Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .home-sectors-link {
        padding-top: 30px;
    }

    .home-sectors-link {
        padding-top: 30px;
    }

    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }


    .slider-title {
        font-size: 26px;
    }

    .slider-subtitle {
        font-size: 18px;
    }

    .slider-description {
        display: none;
    }

    .home-about-link a {
        margin: 25px 0 30px;
    }

    .slider-splide-right {
        display: none;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 40px;
    }

        .slider-move-button i {
            font-size: 16px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 40px;
    }

    .home-about-subtitle {
        font-size: 16.16px;
        letter-spacing: 16.16px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 34px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 6px;
    }

    .home-about-description {
        width: 93%;
    }

    .home-service-center-title {
        font-size: 51px;
        padding-top: 25px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -49px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 17px;
    }

    .service-center-arrow {
        padding: 14px 20.5px;
    }

    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .home-partners-subtitle {
        font-size: 33px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 25px;
    }

    .home-about-card {
        width: 48.91%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 86.19%;
    }

    .home-product-title {
        font-size: 89.46px;
        line-height: 89.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        padding-bottom: 175px;
        flex-wrap: wrap;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 47.44%;
    }

    .active .product-card-description {
        height: 294.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 30px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 30px;
    }

    .service-center-buttons {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .service-center-buttons li {
            width: 99%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 25px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 47.83%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 36%;
    }

    .kz-point {
        right: 30%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-counter
    {
        display:none;
    }
    .slider-buttons {
        width: 7.86%;
    }

    .home-about-link a {
        margin: 25px 0 30px;
    }


    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }


    .slider-title {
        font-size: 26px;
    }

    .slider-subtitle {
        font-size: 18px;
    }

    .slider-description {
        display: none;
    }

    .home-about-slogan {
        font-size: 15px;
        line-height: 15px;
        letter-spacing: 8.5px;
    }

    .slider-splide-right {
        display: none;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 40px;
    }

        .slider-move-button i {
            font-size: 16px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 45px;
    }

    .home-about-subtitle {
        font-size: 23.16px;
        letter-spacing: 23.16px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 41px;
        margin-top: 15px;
    }

    .home-about-description {
        width: 93%;
    }

    .home-service-center-title {
        padding-top: 25px;
        font-size: 57px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -49px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 25px;
    }

    .home-about-card {
        width: 49%;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-product-title {
        font-size: 105.46px;
        line-height: 105.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 36.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 185px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 47.44%;
    }

    .active .product-card-description {
        height: 273.05px;
        padding: 152px 7px 20px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .service-center-buttons li {
            width: 47.99%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 30.8%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 38%;
    }

    .kz-point {
        right: 32%;
    }

    .map-container {
        width: 93%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }
    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }

    .slider-splide-counter
    {
        font-size:60px;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .home-about-slogan {
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 8.5px;
    }


    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 45px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 53px;
    }

    .home-about-subtitle {
        font-size: 23.16px;
        letter-spacing: 23.16px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 44px;
        margin-top: 15px;
    }

    .home-about-description {
        width: 93%;
    }

    .home-service-center-title {
        padding-top: 25px;
        font-size: 70px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -49px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }



    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-link a {
        margin: 25px 0 30px;
    }

    .home-about-cards {
        width: 96%;
        padding-bottom: 30px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-product-title {
        font-size: 105.46px;
        line-height: 105.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 36.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 150px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 48.44%;
    }

    .active .product-card-description {
        height: 252.04px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .service-center-buttons li {
            width: 48.22%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 31.16%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 39%;
    }

    .kz-point {
        right: 33%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }
    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .slider-link {
        margin-bottom: 10px;
    }
    .slider-splide-counter {
        font-size: 60px;
    }
    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .slider-subtitle {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .home-about-slogan {
        font-size: 17px;
        line-height: 17px;
        letter-spacing: 8.5px;
    }

    .slider-title {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 45px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 53px;
    }

    .home-about-subtitle {
        font-size: 23.16px;
        letter-spacing: 23.16px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 44px;
        margin-top: 15px;
    }

    .home-about-description {
        width: 93%;
    }

    .home-service-center-title {
        font-size: 70px;
        padding-top: 25px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -49px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .service-center-arrow {
        padding: 14px 20.5px;
    }

    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 96%;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-product-title {
        font-size: 105.46px;
        line-height: 105.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 36.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 175px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 325.07px;
        padding: 152px 7px 20px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
    }

        .service-center-buttons li {
            width: 48.29%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 31.2%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 40%;
    }

    .kz-point {
        right: 33%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .home-sectors-link {
        padding-top: 30px;
    }

    .slider-splide-right {
        justify-content: center;
    }
    .slider-splide-counter {
        font-size: 60px;
    }
    .slider-link {
        margin-bottom: 10px;
    }

    .slider-splide-right
    {
        justify-content:center;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 45px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 63px;
    }

    .home-about-subtitle {
        font-size: 23.16px;
        letter-spacing: 17.84px;
    }

    .nikel-home-about h1 {
        margin-top: 15px;
    }

    .home-about-description {
        width: 84%;
    }

    .home-service-center-title {
        font-size: 70px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -73px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 25px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 90%;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 22.53px;
    }


    .home-product-title {
        font-size: 105.46px;
        line-height: 105.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 36.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 175px;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 12px;
    }

        .service-center-buttons li {
            width: 48.29%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 31.44%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .az-point {
        right: 41.5%;
    }

    .kz-point {
        right: 35%;
    }

    .map-container {
        width: 93%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }
    .slider-link {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 45px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 63px;
    }

    .home-about-subtitle {
        font-size: 23.16px;
        letter-spacing: 17.84px;
    }

    .nikel-home-about h1 {
        margin-top: 15px;
    }

    .home-service-center-title {
        font-size: 75px;
        padding-top: 25px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-about-description {
        width: 81%;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -73px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: 220px;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-container {
        gap: 10px;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 85%;
        padding-bottom: 40px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 22.53px;
    }


    .home-product-title {
        font-size: 105.46px;
        line-height: 105.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 31.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 175px;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 40px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 40px;
    }

    .service-center-buttons {
        width: 38.8%;
        gap: 12px;
    }

    .home-service-center-content-container {
        width: 57%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 94%;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .az-point {
        right: 41.5%;
    }

    .kz-point {
        right: 35%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }

    .slider-link {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .slider-buttons {
        gap: 15px;
    }

    .slider-move-button {
        width: 50px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 72px;
    }

    .home-about-subtitle {
        font-size: 30.16px;
        letter-spacing: 28.84px;
    }

    .nikel-home-about h1 {
        margin-top: 30px;
    }

    .home-service-center-title {
        font-size: 86px;
        padding-top: 25px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
    }

    .home-service-center-slogan {
        letter-spacing: 6.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -73px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: 234px;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 17px;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-about-description {
        width: 66%;
    }

    .home-service-center-container {
        margin-top: 30px;
        padding-bottom: 30px;
        gap: 15px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 80%;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 22.53px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 31.5%;
        margin: -3.4% 19% 16px auto;
        
    }

    .home-product-container {
        flex-wrap: wrap;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 40px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 40px;
    }

    .service-center-buttons {
        width: 38.8%;
        gap: 12px;
    }

    .home-service-center-content-container {
        width: 57%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 94%;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .az-point {
        right: 41.5%;
    }

    .kz-point {
        right: 35%;
    }

    .map-container {
        width: 93%;
    }

    .home-product-title {
        font-size: 90px;
        line-height: 90px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }
    .slider-link {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 80%;
    }

    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .slider-move-button {
        width: 50px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-description {
        margin-bottom: 10px;
    }

    .home-about-title {
        font-size: 72px;
    }

    .home-about-subtitle {
        font-size: 30.16px;
        letter-spacing: 28.84px;
    }

    .nikel-home-about h1 {
        margin-top: 50px;
    }

    .home-service-center-title {
        padding-top: 25px;
        font-size: 86px;
    }


    .home-service-center-slogan {
        letter-spacing: 6.5px;
    }

    .home-service-center-subtitle {
        font-size: 37px;
        margin: -73px 0 0;
    }


    .home-service-center-content-top img {
        max-height: 244px;
    }

    .home-about-description {
        width: 73%;
    }


    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-container {
        gap: 15px;
        margin-top: 30px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 80%;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 22.53px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 31.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 180px;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 40px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 40px;
    }

    .service-center-buttons {
        width: 38.8%;
        gap: 12px;
    }

    .home-service-center-content-container {
        width: 57%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 94%;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .az-point {
        right: 41.5%;
    }

    .kz-point {
        right: 37%;
    }

    .map-container {
        width: 93%;
    }

    .home-product-title {
        font-size: 90px;
        line-height: 90px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .home-sectors-link {
        padding-top: 30px;
    }
    .slider-splide-right {
        justify-content: center;
    }
    .home-product-title {
        font-size: 90px;
        line-height: 90px;
    }

    .slider-link {
        margin-bottom: 29px;
    }

    .slider-description {
        margin-bottom: 13px;
        width: 63%;
    }

    .slider-subtitle {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .slider-title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .slider-move-button {
        width: 50px;
    }

        .slider-move-button i {
            font-size: 18px;
        }

    .slider-subtitle {
        margin-bottom: 10px;
    }

    .slider-subtitle {
        margin-bottom: 22px;
    }

    .slider-description {
        margin-bottom: 36px;
    }

    .home-about-title {
        font-size: 72px;
    }

    .home-about-subtitle {
        font-size: 30.16px;
        letter-spacing: 28.84px;
    }

    .nikel-home-about h1 {
        margin-top: 50px;
    }

    .home-service-center-title {
        font-size: 86px;
        padding-top: 25px;
    }


    .home-service-center-subtitle {
        font-size: 37px;
        margin: -73px 0 0;
    }


    .home-service-center-content-top img {
        max-height: 277px;
    }

    .home-about-description {
        width: 66%;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 14px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }



    .service-center-arrow {
        padding: 14px 20.5px;
    }

    .home-service-center-container {
        gap: 15px;
        margin-top: 30px;
        padding-bottom: 30px;
    }


    .home-blog-description {
        height: 115.05px;
    }

    .home-partners-subtitle {
        font-size: 40px;
    }

    .home-about-cards {
        width: 77.6%;
        padding-bottom: 40px;
    }

    .home-about-link a {
        margin: 30px 0 35px;
    }

    .home-three-item {
        padding: 20px 0 22px;
    }

    .three-item-text {
        font-size: 22.53px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 26.5%;
        margin: -3.4% 19% 16px auto;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 185px;
    }

    .product-card-title {
        padding: 14px 24px 0;
    }

    .active .product-card-title {
        padding: 13px 31px 0;
    }

    .home-product-card {
        width: 31%;
    }

    .active .product-card-description {
        height: 291.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 40px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 40px;
    }

    .service-center-buttons {
        width: 38.8%;
        gap:12px;
    }

    .home-service-center-content-container {
        width: 57%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 46.02px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 0px;
    }

    .home-policy-container {
        margin: 25px auto 0;
        gap: 20px;
        width: 94%;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.15);
    }

    .az-point {
        right: 43.5%;
    }

    .kz-point {
        right: 37%;
    }

    .map-container {
        width: 93%;
    }
}
/*#endregion*/

/*#region Anasayfa Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {

    .home-blog-title {
        padding-top: 20px;
    }
    .home-sectors-link {
        padding-top: 30px;
    }

    .country-item {
        width: 30px;
        height: 30px;
    }

    .home-sectors-link {
        padding-top: 25px;
    }

    .slider-splide, .slider-splide .splide__list, .slider-splide .splide__slide {
        height: 50vh;
    }

    .slider-buttons {
        width: 18.86%;
        gap: 20px;
        align-items: end;
        margin-right: 5px;
    }

    .slider-title {
        font-size: 24px;
    }

    .slider-subtitle {
        font-size: 16px;
    }

    .slider-description {
        display: none;
    }

    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }

    .slider-splide-right {
        display: none;
    }

    .slider-move-button {
        width: 35px;
    }

        .slider-move-button i {
            font-size: 16px;
        }

    .home-product-subtitle {
        margin: -53px auto 31px;
    }

    .slider-subtitle {
        margin-bottom: 10px;
    }


    .home-about-title {
        font-size: 27px;
    }

    .home-about-subtitle {
        font-size: 14px;
        letter-spacing: 11px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 23px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        letter-spacing: 1.2px;
        line-height: 17px;
    }

    .home-about-description {
        width: 93%;
    }

    .product-card-description {
        height: 166.04px;
    }

    .home-service-center-title {
        font-size: 35px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
        padding: 8.5px 0;
    }

    .home-service-center-subtitle {
        font-size: 29px;
        margin: -32px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 15px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-content-bottom {
        flex-direction: column-reverse;
        padding: 0 0 5px;
    }


    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 25px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .home-about-link a {
        margin: 20px 0;
    }

    .home-about-card {
        width: 47.74%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 88.72%;
    }

    .home-product-title {
        font-size: 64.46px;
        line-height: 72.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
        line-height: 14px;
        padding: 0 10px;
        text-align: center;
        margin-top: 12px;
        height: 28px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 165px;
        margin: 20px auto 0;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 90%;
    }

    .product-card-title {
        height: 114px;
    }

    .product-card-image {
        margin-top: -54px;
    }

    .active .product-card-description {
        height: 278.06px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
        padding-bottom: 10px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 30px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 30px;
    }

    .service-center-buttons {
        width: 100%;
        gap: 10px;
    }

        .service-center-buttons li {
            width: 98%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 88.04px;
    }

    .home-service-center-top-texts {
        padding: 8px 10px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 20px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
    }

    .home-policy-card {
        width: 100%;
    }

    .home-policy-icon img {
        max-width: 59px;
        max-height: 65px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.12);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 39%;
    }

    .kz-point {
        right: 32%;
    }

    .map-container {
        width: 93%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .home-blog-title {
        padding-top: 20px;
    }
    .country-item {
        width: 30px;
        height: 30px;
    }

    .home-sectors-link {
        padding-top: 25px;
    }

    .slider-splide, .slider-splide .splide__list, .slider-splide .splide__slide {
        height: 50vh;
    }

    .slider-buttons {
        width: 15.86%;
    }

    .slider-buttons {
        width: 18.86%;
        gap: 20px;
        align-items: end;
        margin-right: 5px;
    }

    .slider-title {
        font-size: 26px;
    }

    .slider-subtitle {
        font-size: 18px;
    }

    .slider-description {
        display: none;
    }

    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }

    .slider-splide-right {
        display: none;
    }

    .slider-move-button {
        width: 38px;
    }

        .slider-move-button i {
            font-size: 16px;
        }

    .home-product-subtitle {
        margin: -53px auto 31px;
    }





    .home-about-title {
        font-size: 31px;
    }

    .home-about-subtitle {
        font-size: 14px;
        letter-spacing: 14px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 28px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        letter-spacing: 2.8px;
        line-height: 17px;
    }

    .home-about-description {
        width: 93%;
    }

    .product-card-description {
        height: 166.04px;
    }

    .home-service-center-title {
        font-size: 39px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
        padding: 8.5px 0;
    }

    .home-service-center-subtitle {
        font-size: 29px;
        margin: -32px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 16px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-content-bottom {
        flex-direction: column-reverse;
        padding: 0 0 5px;
    }


    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 25px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 25px 0;
    }

    .home-about-card {
        width: 47.74%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 88.72%;
    }

    .home-product-title {
        font-size: 72.46px;
        line-height: 72.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 170px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 90%;
    }

    .product-card-title {
        height: 114px;
    }

    .product-card-image {
        margin-top: -54px;
    }

    .active .product-card-description {
        height: 257.05px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
        padding-bottom: 10px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 30px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 30px;
    }

    .service-center-buttons {
        width: 100%;
        gap: 10px;
    }

        .service-center-buttons li {
            width: 98%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 84.04px;
    }

    .home-service-center-top-texts {
        padding: 8px 10px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 20px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
    }

    .home-policy-card {
        width: 100%;
    }

    .home-policy-icon img {
        max-width: 59px;
        max-height: 65px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.12);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 40%;
    }

    .kz-point {
        right: 29%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .home-blog-title {
        padding-top: 20px;
    }
    .country-item {
        width: 30px;
        height: 30px;
    }

    .home-sectors-link {
        padding-top: 25px;
    }

    .slider-splide, .slider-splide .splide__list, .slider-splide .splide__slide {
        height: 50vh;
    }

    .slider-buttons {
        width: 15.86%;
    }

    .slider-buttons {
        width: 18.86%;
        gap: 20px;
        align-items: end;
        margin-right: 5px;
    }

    .slider-title {
        font-size: 26px;
    }

    .slider-subtitle {
        font-size: 18px;
    }

    .slider-description {
        display: none;
    }

    .slider-link {
        margin-bottom: 10px;
        gap: 5px;
        padding: 8px 3px;
        letter-spacing: 5.12px;
    }

    .slider-splide-right {
        display: none;
    }


    .slider-move-button {
        width: 40px;
    }

        .slider-move-button i {
            font-size: 21px;
        }

    .home-about-title {
        font-size: 31px;
    }

    .home-about-subtitle {
        font-size: 14px;
        letter-spacing: 14px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 28px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        letter-spacing: 2.8px;
        line-height: 17px;
    }

    .home-about-description {
        width: 93%;
    }

    .product-card-description {
        height: 166.04px;
    }

    .home-service-center-title {
        font-size: 43px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
        padding: 8.5px 0;
    }

    .home-service-center-subtitle {
        font-size: 30px;
        margin: -32px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 16px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-content-bottom {
        flex-direction: column-reverse;
        padding: 0 0 5px;
    }


    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 33px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 25px 0;
    }

    .home-about-card {
        width: 47.74%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 88.72%;
    }

    .home-product-title {
        font-size: 72.46px;
        line-height: 72.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 175px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 90%;
    }

    .product-card-title {
        height: 114px;
    }

    .product-card-image {
        margin-top: -54px;
    }

    .active .product-card-description {
        height: 257.05px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
        padding-bottom: 10px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 30px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 30px;
    }

    .service-center-buttons {
        width: 100%;
        gap: 10px;
    }

        .service-center-buttons li {
            width: 98%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 20px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 47.22%;
    }

    .home-policy-icon img {
        max-width: 59px;
        max-height: 65px;
    }

    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.12);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 40%;
    }

    .kz-point {
        right: 29%;
    }

    .map-container {
        width: 93%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .home-blog-title {
        padding-top: 20px;
    }
    .country-item {
        width: 30px;
        height: 30px;
    }

    .home-sectors-link {
        padding-top: 25px;
    }

    .slider-splide, .slider-splide .splide__list, .slider-splide .splide__slide {
        height: 50vh;
    }

    .slider-buttons {
        width: 15.86%;
    }

    .slider-buttons {
        width: 18.86%;
        gap: 20px;
        align-items: end;
        margin-right: 5px;
    }

    .slider-title {
        font-size: 28px;
    }

    .slider-subtitle {
        font-size: 20px;
    }

    .slider-description {
        display: none;
    }

    .slider-link {
        margin-bottom: 15px;
        gap: 5px;
        padding: 8px 6px;
        letter-spacing: 6.12px;
    }

    .slider-splide-right {
        display: none;
    }


    .slider-move-button {
        width: 43px;
    }

        .slider-move-button i {
            font-size: 21px;
        }





    .home-about-title {
        font-size: 34px;
    }

    .home-about-subtitle {
        font-size: 14px;
        letter-spacing: 15px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 28px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        letter-spacing: 2.8px;
        line-height: 17px;
    }

    .home-about-description {
        width: 93%;
    }

    .product-card-description {
        height: 166.04px;
    }

    .home-service-center-title {
        font-size: 39px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
        padding: 8.5px 0;
    }

    .home-service-center-subtitle {
        font-size: 30px;
        margin: -32px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 16px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-content-bottom {
        flex-direction: column-reverse;
        padding-block: 5px;
    }


    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 33px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }

    .home-about-link a {
        margin: 39px 0 47px;
    }

    .home-about-card {
        width: 47.74%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 88.72%;
    }

    .home-product-title {
        font-size: 72.46px;
        line-height: 72.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 175px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 22px 0;
    }

    .home-product-card {
        width: 90%;
    }

    .product-card-title {
        height: 114px;
    }

    .product-card-image {
        margin-top: -54px;
    }

    .active .product-card-description {
        height: 257.05px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
        padding-bottom: 10px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        gap: 10px;
    }

        .service-center-buttons li {
            width: 98%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 25px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 32px;
    }

    .home-policy-card {
        width: 47.32%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.12);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 41%;
    }

    .kz-point {
        right: 29%;
    }

    .map-container {
        width: 93%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .home-blog-title {
        padding-top: 20px;
    }
    .country-item {
        width: 30px;
        height: 30px;
    }

    .home-sectors-link {
        padding-top: 25px;
    }

    .slider-splide-right {
        width: 11.13%;
    }

    .slider-splide, .slider-splide .splide__list, .slider-splide .splide__slide {
        height: 50vh;
    }

    .slider-buttons {
        width: 15.86%;
    }

    .home-about-link a {
        margin: 25px 0;
    }

    .slider-buttons {
        width: 18.86%;
        gap: 20px;
        align-items: end;
        margin-right: 5px;
    }

    .slider-title {
        font-size: 28px;
    }

    .slider-subtitle {
        font-size: 20px;
    }

    .slider-description {
        display: none;
    }

    .slider-link {
        margin-bottom: 15px;
        gap: 5px;
        padding: 8px 6px;
        letter-spacing: 6.12px;
    }

    .slider-splide-right {
        display: none;
    }


    .slider-move-button {
        width: 43px;
    }

    .home-about-title {
        font-size: 34px;
    }

    .home-about-subtitle {
        font-size: 14px;
        letter-spacing: 15px;
        margin: 0;
    }

    .nikel-home-about h1 {
        font-size: 28px;
        margin-top: 15px;
    }

    .home-about-slogan {
        font-size: 14px;
        letter-spacing: 2.8px;
        line-height: 17px;
    }

    .home-about-description {
        width: 93%;
        margin: 15px auto 0;
    }

    .product-card-description {
        height: 249.01px;
        padding: 82px 5px 20px;
    }

    .home-service-center-title {
        font-size: 43px;
    }

    .home-three-container {
        padding: 20px 20px;
        gap: 20px;
        flex-direction: column;
    }

    .home-service-center-slogan {
        letter-spacing: 3.5px;
        padding: 11.5px 0;
    }

    .home-service-center-subtitle {
        font-size: 32px;
        margin: -32px 0 0px;
    }


    .home-service-center-content-top img {
        max-height: max-content;
        max-width: 90vw;
    }

    .service-center-buttons li a {
        padding: 0px 0 0px 12px;
    }

    .service-center-buttons li .service-center-button-name {
        font-size: 16px;
    }

    .service-center-arrow {
        padding: 10px 11.5px;
        font-size: 21px;
    }

    .home-service-center-container {
        gap: 15px;
        flex-direction: column-reverse;
        margin-top: 25px;
        padding-bottom: 30px;
    }

    .home-partners-subtitle {
        font-size: 33px;
        margin: -40px 0 0px;
    }

    .home-about-cards {
        width: 96%;
        flex-wrap: wrap;
        padding-bottom: 35px;
    }

    .home-about-card {
        width: 48.74%;
    }

    .home-three-item {
        padding: 20px 0 22px;
        width: 100%;
    }

    .three-item-text {
        font-size: 18px;
    }


    .home-blog-container {
        width: 88.72%;
    }

    .home-product-title {
        font-size: 72.46px;
        line-height: 72.46px;
    }

    .home-about-card-top {
        font-size: 22px;
    }

    .home-about-card-bottom {
        font-size: 14px;
    }

    .nikel-map-text {
        width: 89.5%;
        margin: -3.4% auto 16px;
    }

    .home-product-container {
        flex-wrap: wrap;
        padding-bottom: 170px;
    }

    .product-card-title {
        padding: 14px 15px 0;
    }

    .active .product-card-title {
        padding: 13px 10px 0;
    }

    .home-product-card {
        width: 47.44%;
    }

    .active .product-card-description {
        height: 315.07px;
        padding: 152px 5px 10px;
    }

    .home-service-center-top-description {
        font-size: 14px;
        line-height: 21.01px;
        padding-bottom: 10px;
    }

    .blog-splide-arrow-left {
        left: -0%;
        font-size: 35px;
    }

    .blog-splide-arrow-right {
        right: -0%;
        font-size: 35px;
    }

    .service-center-buttons {
        width: 100%;
        gap: 10px;
    }

        .service-center-buttons li {
            width: 98%;
        }

    .home-service-center-content-container {
        width: 100%;
    }

    .home-service-center-content {
        padding: 0 30px 0 25px;
    }

    .home-service-description {
        height: 63.03px;
    }

    .home-service-center-top-texts {
        padding: 8px 15px 0;
    }

    .home-policy {
        padding-top: 20px;
    }

    .home-policy-container {
        gap: 20px;
        width: 96%;
        flex-wrap: wrap;
        margin: 25px auto 0;
    }

    .home-policy-title {
        font-size: 16px;
        display: block;
        height: 42px;
    }

    .home-policy-card {
        width: 47.47%;
    }


    .home-policy-description {
        padding: 0px 5px 0px;
    }

    .dot-icon {
        transform: scale(0.12);
    }

    .tr-point {
        top: 33%;
        left: 45.5%;
    }

    .az-point {
        right: 41%;
    }

    .kz-point {
        right: 29%;
    }

    .map-container {
        width: 93%;
    }
}
/*#endregion*/

/*#region Sectors Slider*/
.slider {
    width: calc(3 * var(--slide-width));
    height: calc(2 * var(--slide-height));
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 90.52%;
    margin-top: 41px;
}

.slider--btn {
    --size: 92px;
    aspect-ratio: 1;
    height: var(--size);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 999;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: transparent;
}

    .slider--btn i {
        font-size: 65px;
        color: rgba(83, 93, 142, 0.25);
    }

    .slider--btn:hover {
        opacity: 1;
        border: 1px solid var(--nikelRed);
    }

        .slider--btn:hover i {
            color: var(--nikelRed);
            stroke: var(--nikelRed) !important;
        }

.slides__wrapper {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

    .slides__wrapper > * {
        grid-area: 1 / -1;
    }

.slides,
.slides--infos {
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: grid;
    place-items: center;
}

    .slides > *,
    .slides--infos > * {
        grid-area: 1 / -1;
    }

/* -------------------- SLIDE --------------------- */

.slide {
    --slide-tx: 0px;
    --slide-ty: 0vh;
    --padding: 0px;
    --offset: 0;
    width: var(--slide-width);
    height: 280px;
    aspect-ratio: var(--slide-aspect);
    user-select: none;
    perspective: 800px;
    transform: perspective(1000px) translate3d(var(--slide-tx), var(--slide-ty), var(--slide-tz, 0)) rotateY(var(--slide-rotY)) scale(var(--slide-scale));
    transition: transform var(--slide-transition-duration) var(--slide-transition-easing), width var(--slide-transition-duration) var(--slide-transition-easing);
    position: relative;
}

.slide__overlay-text {
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    font-family: Poppins-Black;
    font-size: 20.42px;
    width: 75%;
}

.slide[data-current] {
    --slide-scale: 1.2;
    --slide-tz: 0px;
    --slide-tx: 0px;
    --slide-rotY: 0;
    height: 325px;
    pointer-events: auto;
}

    .slide[data-current] .slide__overlay-text {
        display: none;
    }

.slide[data-next] {
    --slide-tx: calc(1 * var(--slide-width) * 1.07);
    --slide-rotY: -45deg;
}

.slide[data-previous] {
    --slide-tx: calc(-1 * var(--slide-width) * 1.07);
    --slide-rotY: 45deg;
}

.slide:not([data-current]) {
    --slide-scale: 1;
    --slide-tz: 0;
    pointer-events: none;
}

.slide[data-current] .slide--image {
    filter: brightness(0.8);
}

.slide:not([data-current]) .slide--image {
    filter: brightness(0.76);
}

.slide__inner {
    --rotX: 0;
    --rotY: 0;
    --bgPosX: 0%;
    --bgPosY: 0%;
    position: relative;
    left: calc(var(--padding) / 2);
    top: calc(var(--padding) / 2);
    width: calc(100% - var(--padding));
    height: calc(100% - var(--padding));
    transform-style: preserve-3d;
    transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}

.slide--image__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slide--image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%) translate3d(var(--bgPosX), var(--bgPosY), 0);
    transition: filter var(--slide-transition-duration) var(--slide-transition-easing);
}

.slide__bg {
    position: fixed;
    inset: -20%;
    background-image: var(--bg);
    background-size: cover;
    background-position: center center;
    z-index: -1;
    pointer-events: none;
    transition: opacity var(--slide-transition-duration) ease, transform var(--slide-transition-duration) ease;
}

    .slide__bg::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(8px);
    }

    .slide__bg:not([data-current]) {
        opacity: 0;
    }

    .slide__bg[data-previous] {
        transform: translateX(-10%);
    }

    .slide__bg[data-next] {
        transform: translateX(10%);
    }

/* ------------ SLIDE INFO ---------------- */

.slide-info {
    --padding: 0px;
    position: relative;
    width: var(--slide-width);
    height: 100%;
    aspect-ratio: var(--slide-aspect);
    user-select: none;
    perspective: 800px;
    z-index: 100;
}

    .slide-info[data-current] .slide-info--text span {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition-delay: 250ms;
    }

    .slide-info:not([data-current]) .slide-info--text span {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
        transition-delay: 0ms;
    }

.slide-info__inner {
    position: relative;
    left: calc(var(--padding) / 2);
    top: calc(var(--padding) / 2);
    width: calc(100% - var(--padding));
    height: calc(100% - var(--padding));
    transform: rotateX(var(--rotX)) rotateY(var(--rotY));
}

.slide-info--text__wrapper {
    --z-offset: 45px;
    position: absolute;
    height: fit-content;
    left: 50%;
    bottom: 12%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    text-align: center;
}

.slide-info--text {
    font-family: var(--font-clash-display);
    color: #fff;
    overflow: hidden;
}

    .slide-info--text span {
        display: block;
        white-space: nowrap;
        transition: var(--slide-transition-duration) var(--slide-transition-easing);
        transition-property: opacity, transform;
    }

    .slide-info--text[data-title],
    .slide-info--text[data-subtitle] {
        white-space: nowrap;
        font-family: Poppins-Black;
        font-size: 20.42px;
        letter-spacing: 0;
    }

    .slide-info--text[data-subtitle] {
        margin-left: 2cqw;
        font-size: min(2.2cqw, 1.8rem);
        font-weight: 600;
    }

    .slide-info--text[data-description] {
        margin-left: 1cqw;
        font-size: min(1.5cqw, 0.95rem);
        font-family: var(--font-archivo);
        font-weight: 300;
    }

/* -------------------- LOADER --------------------- */

.loader {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: #000;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

    .loader .loader__text {
        font-family: var(--font-clash-display);
        font-size: clamp(2rem, 2vw, 5rem);
        font-weight: 800;
        color: #fff;
    }

/* ------------------------------------------- */

.support {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px;
    display: flex;
}

    .support a {
        margin: 0 10px;
        color: #fff;
        font-size: 1.8rem;
        backface-visibility: hidden;
        transition: all 150ms ease;
    }

        .support a:hover {
            transform: scale(1.1);
        }

.slide[data-next-2] {
    --slide-tx: calc(2 * var(--slide-width) * 1.02);
    --slide-rotY: -60deg;
    --slide-scale: 0.85;
    opacity: 0.6;
}

.slide[data-prev-2] {
    --slide-tx: calc(-2 * var(--slide-width) * 1.02);
    --slide-rotY: 60deg;
    --slide-scale: 0.85;
    opacity: 0.6;
}

/* ------------------ MEDIA QUERIES ------------------ */

@media only screen and (max-width: 399px) {
    .slide {
        width: 100% !important;
        margin: 0 auto;
    }



    .slide__inner {
        font-size: 14px;
    }

    .slide-info__inner {
        font-size: 12px;
    }

    .slide__overlay-text {
        font-size: 12px;
        bottom: 8%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 559px) {
    .slide {
        width: 50%;
    }

    .slide__inner {
        font-size: 15px;
    }

    .slide-info__inner {
        font-size: 13px;
    }

    .slide__overlay-text {
        font-size: 13px;
        bottom: 10%;
    }
}

@media only screen and (min-width: 560px) and (max-width: 699px) {
    .slide {
        width: 33.33%;
    }

    .slide__inner {
        font-size: 16px;
    }

    .slide-info__inner {
        font-size: 14px;
    }

    .slide__overlay-text {
        font-size: 14px;
        bottom: 10%;
    }
}

@media only screen and (min-width: 700px) and (max-width: 1024px) {
    .slide {
        width: 33.33%;
    }

    .slide__inner {
        font-size: 18px;
    }

    .slide-info__inner {
        font-size: 16px;
    }

    .slide__overlay-text {
        font-size: 16px;
        bottom: 12%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1278px) {


    .slide__inner {
        font-size: 18px;
    }

    .slide-info__inner {
        font-size: 16px;
    }

    .slide__overlay-text {
        font-size: 16px;
        bottom: 12%;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1366px) {

    .slide__inner {
        font-size: 20px;
    }

    .slide-info__inner {
        font-size: 18px;
    }

    .slide__overlay-text {
        font-size: 18px;
        bottom: 12%;
    }
}
/*#endregion*/

/*#region Sectors AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .slide[data-current] {
        --slide-scale: 1.1;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.9;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.75;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .92);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .92);
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .slide[data-current] {
        --slide-scale: 1.08;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.88;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.72;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .95);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .95);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .88);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .88);
    }

    .slider--btn {
        --size: 80px;
    }

        .slider--btn i {
            font-size: 65px;
        }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .slide[data-current] {
        --slide-scale: 1.02;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.85;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.67;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .9);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .9);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .82);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .82);
    }

    .slider--btn {
        --size: 80px;
    }

        .slider--btn i {
            font-size: 65px;
        }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .slide[data-current] {
        --slide-scale: 1;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.83;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.65;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .88);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .88);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .8);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .8);
    }

    .slider--btn {
        --size: 80px;
    }

        .slider--btn i {
            font-size: 65px;
        }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .slide[data-current] {
        --slide-scale: .95;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.78;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.60;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .82);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .82);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .75);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .75);
    }

    .slider--btn {
        --size: 75px;
    }

        .slider--btn i {
            font-size: 50px;
        }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .slide[data-current] {
        --slide-scale: .9;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.75;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.57;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .79);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .79);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .72);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .72);
    }

    .slider--btn {
        --size: 65px;
    }

        .slider--btn i {
            font-size: 55px;
        }

    .slide-info--text__wrapper {
        bottom: 20%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .slide[data-current] {
        --slide-scale: .85;
    }

    .slide:not([data-current]) {
        --slide-scale: 0.7;
    }

    .slide[data-next-2],
    .slide[data-prev-2] {
        --slide-scale: 0.52;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * .75);
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * .75);
    }

    .slide[data-next-2] {
        --slide-tx: calc(2 * var(--slide-width) * .65);
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-2 * var(--slide-width) * .65);
    }

    .slider--btn {
        --size: 55px;
    }

        .slider--btn i {
            font-size: 35px;
        }

    .slide-info--text__wrapper {
        bottom: 20%;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }
}
/*#endregion*/

/*#region Sectors Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide-info--text[data-title],
    .slide-info--text[data-subtitle] {
        white-space: nowrap;
        font-family: Poppins-Black;
        font-size: 16px;
        letter-spacing: 0;
    }

    .slide[data-current] {
        --slide-scale: 1;
        height: 280px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.75;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 40px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.2);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.2);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 15px;
    }

    .slide {
        height: 135px;
    }

        .slide[data-current] {
            height: 160px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.2);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.2);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 16px;
    }

    .slide {
        height: 135px;
    }

        .slide[data-current] {
            height: 160px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.2);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.2);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 135px;
    }

        .slide[data-current] {
            height: 160px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.22);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.22);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 150px;
    }

        .slide[data-current] {
            height: 180px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.22);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.22);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 170px;
    }

        .slide[data-current] {
            height: 200px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.22);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.22);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 180px;
    }

        .slide[data-current] {
            height: 200px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.2;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.22);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.22);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 210px;
    }

        .slide[data-current] {
            height: 240px;
        }

    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 18px;
        }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .slider {
        margin-top: 0px;
        width: 96.72%;
    }

    .slide[data-current] {
        --slide-scale: 1.15;
    }

    .slide[data-next] {
        --slide-tx: calc(1 * var(--slide-width) * 1.2);
        --slide-rotY: -35deg;
        --slide-scale: .9;
    }

    .slide[data-previous] {
        --slide-tx: calc(-1 * var(--slide-width) * 1.2);
        --slide-rotY: 35deg;
        --slide-scale: .9;
    }



    .slide:not([data-current]) .slide--image {
        filter: brightness(0.65);
    }


    .slide[data-next-2],
    .slide[data-prev-2] {
        width: 0;
        height: 0px;
        opacity: 0;
        pointer-events: none;
    }

    .slide[data-next-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: -50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slide[data-prev-2] {
        --slide-tx: calc(-1 * var(--slide-width) * 0);
        --slide-rotY: 50deg;
        --slide-scale: 0.75;
        --slide-tz: -300px;
    }

    .slider--btn {
        --size: 35px;
    }

    .slide-info[data-current] .slide-info--text span {
        font-size: 18px;
    }

    .slide {
        height: 230px;
    }

        .slide[data-current] {
            height: 260px;
        }

    .slider--btn {
        --size: 35px;
    }

        .slider--btn i {
            font-size: 22px;
        }
}
/*#endregion*/

/*#region Sectors Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .slider {
        width: 96%;
        margin-top: 10px;
    }

    .slide-info--text[data-title],
    .slide-info--text[data-subtitle] {
        white-space: nowrap;
        font-family: Poppins-Black;
        font-size: 16px;
        letter-spacing: 0;
    }

    .slide[data-current] {
        --slide-scale: .98;
        height: 230px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.7;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 20px;
        }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .slider {
        margin-top: 10px;
        width: 96%;
    }

    .slide[data-current] {
        --slide-scale: .98;
        height: 250px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.75;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 20px;
        }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .slider {
        margin-top: 15px;
        width: 96%;
    }

    .slide[data-current] {
        --slide-scale: .98;
        height: 280px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.75;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 30px;
    }

        .slider--btn i {
            font-size: 20px;
        }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .slider {
        margin-top: 15px;
        width: 96%;
    }

    .slide[data-current] {
        --slide-scale: .98;
        height: 280px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.75;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 35px;
    }

        .slider--btn i {
            font-size: 22px;
        }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .slider {
        margin-top: 20px;
        width: 96%;
    }

    .slide[data-current] {
        --slide-scale: .98;
        height: 280px;
    }

    .slide {
        width: 97%;
    }

        .slide[data-next],
        .slide[data-previous],
        .slide[data-next-2],
        .slide[data-prev-2] {
            width: 0;
            height: 0px;
            opacity: 0;
            pointer-events: none;
            --slide-tx: 0;
            --slide-rotY: -50deg;
            --slide-scale: 0.75;
            --slide-tz: -300px;
        }



    .slider--btn {
        --size: 35px;
    }

        .slider--btn i {
            font-size: 22px;
        }
}
/*#endregion*/

/*#region Breadcrumb*/
.nikel-breadcrumb {
    width: 100%;
    height: 19.79vw;
    background-position: center;
    background-size: cover;
    position: relative;
}

.nikel-breadcrumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(00deg, rgba(30, 38, 86, 1) 0%, rgba(30, 38, 86, 0.2) 100%);
}

.breadcrumb-container {
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 100%;
    padding-bottom: 45px;
}

    .breadcrumb-container h1, .breadcrumb-title {
        font-family: Poppins-Bold;
        font-size: 21px;
        color: white;
    }

.breadcrumb-menu {
    position: relative;
    display: flex;
    gap: 0 10px;
    margin: 0;
}

    .breadcrumb-menu li {
        list-style-type: none;
    }

        .breadcrumb-menu li a {
            font-size: 14px;
            text-decoration: none;
        }

        .breadcrumb-menu li:not(:last-child) a {
            font-family: Poppins-Light;
            color: #787fa0;
        }

        .breadcrumb-menu li:not(:last-child)::after {
            content: '\f105';
            font-family: "Font Awesome 7 Free Solid";
            padding-left: 8px;
            color: #787fa0;
            font-size: 14px;
        }

        .breadcrumb-menu li:last-child a {
            font-family: Poppins-Medium;
            color: white;
        }

/*#endregion*/

/*#region Breadcrumb Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
        align-items: normal;
    }

    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
        align-items: normal;
    }

    .breadcrumb-menu {
        position: relative;
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }

    .nikel-breadcrumb {
        height: 205px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .nikel-breadcrumb {
        height: 205px;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}
/*#endregion*/

/*#region Breadcrumb Dikey*/

/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .nikel-breadcrumb {
        height: 180px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .nikel-breadcrumb {
        height: 180px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .nikel-breadcrumb {
        height: 170px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .nikel-breadcrumb {
        height: 160px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .nikel-breadcrumb {
        height: 150px;
    }

    .breadcrumb-container {
        flex-direction: column;
        justify-content: end;
    }

    .breadcrumb-title {
        display: block;
        margin-right: auto;
    }

    .breadcrumb-menu {
        flex-wrap: wrap;
        justify-content: end;
    }
}
/*#endregion*/

/*#region Kurumsal*/
.cooparate-bg {
    position: relative;
}

    .cooparate-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(44, 51, 89, 0.74);
        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, 41% 0, 65.4% 17%, 65.4% 37%, 20.93% 78.4%, 0% 78.4%);
        pointer-events: none;
    }

    .cooparate-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(30, 38, 86, .46);
        width: 100%;
        height: 100%;
        clip-path: polygon(0% 0%, 41% 0.2%, 65.4% 17.2%, 0% 75.6%);
        pointer-events: none;
    }

.cooparate {
    padding-top: 101px;
    background-color: var(--nikelPurple);
    display: flex;
    gap: 7.8%;
}

.cooparate-aside {
    width: 22.78%;
    position: relative;
    z-index: 1;
}

.cooparate-container {
    width: 58.73%;
    position: relative;
    z-index: 1;
}

.aside-arrow {
    writing-mode: vertical-rl;
    position: absolute;
    top: 12.17%;
    left: 11%;
    font-family: Poppins-Black;
    font-size: 31.85px;
    color: #343b66;
}

    .aside-arrow i {
        position: relative;
        padding-top: 52px;
        color: white;
        animation: asideArrowAnimation 2s ease-in-out infinite;
    }



        .aside-arrow i::after {
            content: '';
            width: 5px;
            height: 62px;
            background-color: #fff;
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-39%, -34%);
            transform-origin: bottom;
            border-radius: 10px;
        }



@keyframes asideArrowAnimation {

    0% {
        bottom: 0;
        opacity: 0;
    }

    20% {
        opacity: .1;
    }

    75% {
        opacity: .1;
    }


    80% {
        opacity: .05;
    }

    100% {
        bottom: -20%;
        opacity: 0;
    }
}
/*Treeview*/
.cooparate-aside {
    padding: 92px 0 0;
    background-color: #272f5c;
    display: flex;
    flex-direction: column;
    align-items: normal;
    height: 100%;
}

.treeview {
    flex-direction: column;
    display: flex;
    gap: 18px;
    margin: 0;
}

    .treeview li {
        list-style-type: none;
    }

    .treeview a {
        text-decoration: none;
        text-align: right;
        display: block;
    }

    .treeview > li > a {
        font-size: 16px;
        color: white;
        padding: 0 32px 0 var(--container-left-margin);
        position: relative;
    }

        .treeview > li > a:not(.active) {
            font-family: Poppins-Light;
        }

            .treeview > li > a:not(.active)::after {
                content: '';
                display: block;
                width: 0;
                height: 3px;
                background-color: var(--nikelLightRed);
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(0%, -50%);
                transition: all 0.25s ease-in-out;
                transform-origin: right;
            }

            .treeview > li > a:not(.active):hover::after {
                width: 26px;
            }

        .treeview > li > a.active {
            font-family: Poppins-Medium;
        }

    .treeview > li a.active::after {
        content: '';
        display: block;
        width: 26px;
        height: 3px;
        background-color: var(--nikelLightRed);
        position: absolute;
        top: 38%;
        right: 0;
        transform: translate(0%, 50%);
    }

/*treeview end*/

.cooparate-top-title {
    margin-top: 15px;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 26px;
}

.cooparate-year {
    width: auto;
    display: block;
    font-size: 117.3px;
    line-height: 117.3px;
    font-family: Poppins-Black;
    color: var(--nikelBlue);
}

.cooparate-right-area {
    width: 73.61%;
    display: flex;
    flex-direction: column;
    margin-top: 13px;
    gap: 13px;
}

.cooparate-right-top-text {
    font-size: 34.16px;
    line-height: 34.16px;
    letter-spacing: 17.08px;
    font-family: Poppins-Thin;
    color: white;
    display: block;
}

.cooparate-content-title {
    font-size: 48px;
    line-height: 48px;
    font-family: Poppins-Black;
    color: white;
    display: inline;
}

.cooparate-content {
    margin-top: 31px;
    line-height: 30px;
    color: white;
    font-family: Poppins-Light;
    font-size: 16px;
    text-align: justify;
}

    .cooparate-content p {
        margin: 0;
    }

.cooparate-video {
    margin-top: 89px;
    padding-top: 30px;
    background-color: var(--nikelPurple);
    height: 12.5vw;
}

.cooparate-video-link {
    background-image: url('/Assets/Images/kurumsal-video-bg.png');
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.cooparate-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(30, 38, 86, 0.68);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cooparate-video-button {
    width: 68px;
    height: 60px;
    background-image: url(/Assets/Images/video-button-red.png);
    background-size: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border-radius: 4px;
}

.cooparate-title {
    font-family: Poppins-Bold;
    font-size: 24px;
    color: white;
    display: block;
    margin-top: 62px;
}


.cooparate-number-container {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 14px;
    margin-top: 34px;
}

.cooparate-number-item {
    width: 17.95%;
    background-color: #363e67;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 6px;
    padding: 32px 0;
}

.cooparate-top-text {
    font-family: Poppins-Bold;
    font-size: 30px;
    line-height: 30px;
    color: white;
    text-align: center;
}

.cooparate-bottom-text {
    font-family: Poppins-Regular;
    font-size: 16px;
    line-height: 16px;
    color: white;
    text-align: center;
}

.gallery-container {
    background-color: var(--nikelPurple);
}

.cooparate-title.gallery-title {
    text-align: center;
    margin: 0 0 41px;
    padding-top: 96px;
}

.gallery-splide {
    position: relative;
}

    .gallery-splide .splide__slide {
        position: relative;
    }

.gallery-video-overlay {
    background-color: rgba(30, 38, 86, .85);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.gallery-video-button {
    background-image: url(/Assets/Images/play.svg);
    background-size: contain;
    background-position: center;
    width: 70px;
    aspect-ratio: 1;
}

.splide-gallery-link {
    width: 100%;
    aspect-ratio: 1;
    display: block;
}

.splide-gallery-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-splide-arrow-left {
    position: absolute;
    top: 50%;
    left: -5%;
    font-size: 100px;
    color: rgba(255, 255, 255, 0.2);
    z-index: 1;
    transform: translate(0%, -50%);
    cursor: pointer;
    transition: ease-in-out all .25s;
}

.gallery-splide-arrow-right {
    position: absolute;
    top: 50%;
    right: -5%;
    font-size: 100px;
    color: rgba(255, 255, 255, 0.2);
    z-index: 1;
    transform: translate(0%, -50%);
    cursor: pointer;
    transition: ease-in-out all .25s;
}

    .gallery-splide-arrow-left:hover,
    .gallery-splide-arrow-right:hover {
        color: rgba(255, 255, 255, 0.7);
    }

.content-bottom-container {
    background-color: var(--nikelPurple);
    padding-top: 104px; /* 7 px textten gelen normalde 111px */
}

.content-bottom-title {
    font-size: 24px;
    font-family: Poppins-Light;
    color: white;
    letter-spacing: 19.64px;
    display: block;
    text-align: center;
}

.content-bottom-subtitle {
    display: block;
    font-family: Poppins-Black;
    font-size: 48px;
    line-height: 48px;
    color: white;
    text-align: center;
    margin-top: 29px;
}

.content-bottom-description {
    display: block;
    text-align: center;
    color: white;
    font-size: 14px;
    line-height: 22.01px;
    font-family: Poppins-Regular;
    margin: 30px auto 0;
    width: 42%;
}

.content-bottom-slogan {
    font-family: Bebas Neue;
    font-size: 33px;
    line-height: 33px;
    display: block;
    text-align: center;
    color: white;
    margin-top: 37px;
}

.bottom-stick-container {
    background-color: var(--nikelPurple);
    width: 100%;
    padding-top: 48px;
}

.bottom-stick {
    height: 22px;
    background-color: var(--nikelPlato);
    margin: 0 auto;
}
/*#endregion*/

/*#region Kurumsal Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .cooparate-container {
        width: 63.73%;
    }

    .content-bottom-description {
        width: 50%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .cooparate-container {
        width: 59.73%;
    }

    .content-bottom-description {
        width: 50%;
    }

    .cooparate-number-item {
        width: 19.5%;
    }


    .cooparate-aside {
        width: 25.78%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .cooparate {
        gap: 4.8%;
    }

    .cooparate-container {
        width: 63.73%;
    }

    .content-bottom-description {
        width: 55%;
    }

    .cooparate-number-item {
        width: 20%;
    }


    .cooparate-aside {
        width: 25.78%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .cooparate {
        gap: 4.8%;
    }

    .cooparate-container {
        width: 63.73%;
    }

    .content-bottom-description {
        width: 60%;
    }

    .cooparate-number-item {
        width: 21%;
    }


    .cooparate-aside {
        width: 25.78%;
    }

    .gallery-splide-arrow-left, .gallery-splide-arrow-right {
        font-size: 75px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .cooparate {
        gap: 4.8%;
    }

    .cooparate-container {
        width: 63.73%;
    }

    .content-bottom-description {
        width: 60%;
    }

    .cooparate-number-item {
        width: 22.5%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }



    .cooparate-aside {
        width: 25.78%;
    }

    .gallery-splide-arrow-left {
        left: -3%;
        font-size: 63px;
    }

    .gallery-splide-arrow-right {
        right: -3%;
        font-size: 63px;
    }
}
/*width 1280	*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .cooparate {
        gap: 4.8%;
    }

    .cooparate-container {
        width: 63.73%;
    }

    .cooparate-right-top-text {
        font-size: 30.16px;
        line-height: 30.16px;
    }

    .cooparate-content-title {
        font-size: 46px;
        line-height: 46px;
    }

    .content-bottom-description {
        width: 63%;
    }

    .cooparate-number-item {
        width: 22.95%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
    }

    .gallery-splide-arrow-left {
        left: -3%;
        font-size: 55px;
    }

    .gallery-splide-arrow-right {
        right: -3%;
        font-size: 55px;
    }

    .cooparate-aside {
        width: 25.78%;
    }
}
/*width 1024	*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .cooparate {
        gap: 4.8%;
    }

    .cooparate-container {
        width: 63.73%;
    }

    .cooparate-right-top-text {
        font-size: 30.16px;
        line-height: 30.16px;
    }

    .cooparate-content-title {
        font-size: 46px;
        line-height: 46px;
    }

    .cooparate-right-top-text {
        line-height: 42.16px;
    }

    .content-bottom-description {
        width: 78%;
    }

    .cooparate-number-item {
        width: 22.95%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
        height: 36px;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 50px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 50px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        width: 30.78%;
    }
}


/*#endregion*/

/*#region Kurumsal Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .cooparate {
        gap: 0;
        padding-top: 50px;
    }

    .cooparate-year {
        font-size: 85px;
        line-height: 85px;
    }

    .cooparate-right-top-text {
        font-size: 19.16px;
        line-height: 20.16px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 22px;
        line-height: 22px;
    }

    .cooparate-title {
        margin-top: 50px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 22.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 19px;
        line-height: 19px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 40px;
    }

    .gallery-splide-arrow-left {
        left: -3%;
    }

    .gallery-splide-arrow-right {
        right: -3%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 5.64px;
        font-size: 18px;
    }

    .content-bottom-subtitle {
        font-size: 25px;
        line-height: 25px;
        margin-top: 20px;
    }

    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .cooparate {
        gap: 0;
        padding-top: 50px;
    }

    .cooparate-year {
        font-size: 85px;
        line-height: 85px;
    }

    .cooparate-right-top-text {
        font-size: 20.16px;
        line-height: 20.16px;
        letter-spacing: 10px;
    }

    .cooparate-content-title {
        font-size: 29px;
        line-height: 29px;
    }

    .cooparate-title {
        margin-top: 50px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 23.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 22px;
        line-height: 22px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 40px;
    }

    .gallery-splide-arrow-left {
        left: -3%;
    }

    .gallery-splide-arrow-right {
        right: -3%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 8.64px;
        font-size: 18px;
    }

    .content-bottom-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin-top: 20px;
    }

    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .cooparate {
        gap: 0;
        padding-top: 50px;
    }

    .cooparate-year {
        font-size: 90px;
        line-height: 90px;
    }

    .cooparate-right-top-text {
        font-size: 21.16px;
        line-height: 21.16px;
        letter-spacing: 13px;
    }

    .cooparate-content-title {
        font-size: 33px;
        line-height: 33px;
    }

    .cooparate-title {
        margin-top: 50px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 40px;
    }

    .gallery-splide-arrow-left {
        left: -4%;
    }

    .gallery-splide-arrow-right {
        right: -4%;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }


    .content-bottom-title {
        letter-spacing: 9.64px;
        font-size: 19px;
    }

    .content-bottom-subtitle {
        font-size: 33px;
        line-height: 33px;
        margin-top: 20px;
    }


    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .cooparate {
        gap: 0;
        padding-top: 60px;
    }

    .cooparate-year {
        font-size: 100px;
        line-height: 100px;
    }

    .cooparate-right-top-text {
        font-size: 23.16px;
        line-height: 23.16px;
        letter-spacing: 12.2px;
    }

    .cooparate-content-title {
        font-size: 35px;
        line-height: 35px;
    }

    .cooparate-title {
        margin-top: 50px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 40px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 40px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }


    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 10.64px;
        font-size: 19px;
    }

    .content-bottom-subtitle {
        font-size: 34px;
        line-height: 34px;
        margin-top: 20px;
    }


    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .cooparate {
        gap: 0;
        padding-top: 60px;
    }

    .cooparate-year {
        font-size: 100px;
        line-height: 100px;
    }

    .cooparate-right-top-text {
        font-size: 25.16px;
        line-height: 25.16px;
        letter-spacing: 15px;
    }

    .cooparate-content-title {
        font-size: 40px;
        line-height: 40px;
    }

    .cooparate-title {
        margin-top: 50px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 40px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 40px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 11.64px;
        font-size: 21px;
    }

    .content-bottom-subtitle {
        font-size: 38px;
        line-height: 38px;
        margin-top: 20px;
    }


    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .cooparate {
        gap: 0;
        padding-top: 60px;
    }

    .cooparate-right-top-text {
        font-size: 25.16px;
        line-height: 25.16px;
        letter-spacing: 15px;
    }

    .cooparate-content-title {
        font-size: 40px;
        line-height: 40px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 40px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 40px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 11.64px;
        font-size: 21px;
    }

    .content-bottom-subtitle {
        font-size: 38px;
        line-height: 38px;
        margin-top: 20px;
    }


    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .cooparate {
        gap: 0;
        padding-top: 60px;
    }

    .cooparate-right-top-text {
        font-size: 29.16px;
        line-height: 29.16px;
        letter-spacing: 16px;
    }

    .cooparate-content-title {
        font-size: 44px;
        line-height: 44px;
    }

    .content-bottom-description {
        width: 78%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 23.95%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 40px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 40px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }


    .content-bottom-title {
        letter-spacing: 13.64px;
    }

    .content-bottom-subtitle {
        font-size: 42px;
        line-height: 42px;
        margin-top: 20px;
    }


    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .cooparate {
        gap: 0;
        padding-top: 80px;
    }

    .cooparate-right-top-text {
        font-size: 29.16px;
        line-height: 29.16px;
    }

    .cooparate-content-title {
        font-size: 44px;
        line-height: 44px;
    }

    .content-bottom-description {
        width: 95%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 45px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 45px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 13.64px;
    }

    .content-bottom-subtitle {
        font-size: 42px;
        line-height: 42px;
        margin-top: 20px;
    }

    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .cooparate {
        gap: 0;
    }

    .content-bottom-description {
        width: 78%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 24.95%;
    }

    .cooparate-top-text {
        font-size: 24px;
        line-height: 24px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-left {
        left: -4%;
        font-size: 50px;
    }

    .gallery-splide-arrow-right {
        right: -4%;
        font-size: 50px;
    }

    .gallery-container {
        width: 93%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 100%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 16.64px;
    }

    .content-bottom-subtitle {
        margin-top: 20px;
    }

    .content-bottom-slogan {
        margin-top: 15px;
    }

    .bottom-stick-container {
        padding-top: 30px;
    }
}
/*#endregion*/

/*#region Kurumsal Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .bottom-stick-container {
        padding-top: 25px;
    }

    .cooparate {
        gap: 0;
        padding-top: 25px;
    }

    .cooparate-top-title {
        gap: 10px;
    }

    .cooparate-year {
        font-size: 46px;
        line-height: 46px;
    }

    .cooparate-right-top-text {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 17px;
        line-height: 17px;
    }

    .cooparate-number-container {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 48.3%;
    }


    .cooparate-title.gallery-title {
        padding-top: 40px;
        margin: 0 0 30px;
    }

    .cooparate-top-text {
        font-size: 16px;
        line-height: 16px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 30px;
    }

    .gallery-splide-arrow-left {
        left: -2%;
    }

    .gallery-splide-arrow-right {
        right: -2%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-container {
        padding-top: 30px;
    }


    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 88%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 2px;
        font-size: 14px;
    }

    .content-bottom-subtitle {
        font-size: 17px;
        line-height: 17px;
        margin-top: 10px;
    }

    .content-bottom-slogan {
        font-size: 25px;
        line-height: 25px;
        margin-top: 15px;
    }

    .gallery-video-button {
        width: 40px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .bottom-stick-container {
        padding-top: 25px;
    }

    .cooparate {
        gap: 0;
        padding-top: 25px;
    }

    .cooparate-top-title {
        gap: 10px;
    }

    .cooparate-year {
        font-size: 60px;
        line-height: 60px;
    }

    .cooparate-right-top-text {
        font-size: 14px;
        line-height: 14px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 17px;
        line-height: 17px;
    }

    .cooparate-number-container {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 48.5%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 16px;
        line-height: 16px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 30px;
    }

    .gallery-splide-arrow-left {
        left: -2%;
    }

    .gallery-splide-arrow-right {
        right: -2%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-container {
        padding-top: 30px;
    }


    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 88%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 2px;
        font-size: 14px;
    }

    .content-bottom-subtitle {
        font-size: 19px;
        line-height: 19px;
        margin-top: 10px;
        margin-top: 15px;
    }

    .content-bottom-slogan {
        font-size: 25px;
        line-height: 25px;
    }

    .gallery-video-button {
        width: 40px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .bottom-stick-container {
        padding-top: 25px;
    }

    .cooparate {
        gap: 0;
        padding-top: 25px;
    }

    .cooparate-top-title {
        gap: 10px;
    }

    .cooparate-year {
        font-size: 60px;
        line-height: 60px;
    }

    .cooparate-right-top-text {
        font-size: 16.16px;
        line-height: 16.16px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 19px;
        line-height: 19px;
    }

    .cooparate-number-container {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 48.5%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 16px;
        line-height: 16px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 30px;
    }

    .gallery-splide-arrow-left {
        left: -2%;
    }

    .gallery-splide-arrow-right {
        right: -2%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-container {
        padding-top: 30px;
    }


    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 88%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 2px;
        font-size: 14px;
    }

    .content-bottom-subtitle {
        font-size: 19px;
        line-height: 19px;
        margin-top: 10px;
    }

    .content-bottom-slogan {
        font-size: 25px;
        line-height: 25px;
        margin-top: 15px;
    }

    .gallery-video-button {
        width: 40px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .bottom-stick-container {
        padding-top: 25px;
    }

    .cooparate {
        gap: 0;
        padding-top: 50px;
    }

    .cooparate-top-title {
        gap: 10px;
    }

    .cooparate-year {
        font-size: 60px;
        line-height: 60px;
    }

    .cooparate-right-top-text {
        font-size: 18.16px;
        line-height: 18.16px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 20px;
        line-height: 20px;
    }

    .cooparate-number-container {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-item {
        width: 48.67%;
    }


    .cooparate-title.gallery-title {
        padding-top: 75px;
    }

    .cooparate-top-text {
        font-size: 16px;
        line-height: 16px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 41px;
    }

    .gallery-splide-arrow-left {
        left: -2%;
    }

    .gallery-splide-arrow-right {
        right: -2%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .content-bottom-container {
        padding-top: 30px;
    }


    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 88%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 4.64px;
        font-size: 14px;
    }

    .content-bottom-subtitle {
        font-size: 21px;
        line-height: 21px;
        margin-top: 10px;
        margin-top: 15px;
    }

    .content-bottom-slogan {
        font-size: 25px;
        line-height: 25px;
    }

    .gallery-video-button {
        width: 40px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .bottom-stick-container {
        padding-top: 25px;
    }

    .cooparate {
        gap: 0;
        padding-top: 50px;
    }

    .cooparate-year {
        font-size: 60px;
        line-height: 60px;
    }

    .cooparate-right-top-text {
        font-size: 19.16px;
        line-height: 20.16px;
        letter-spacing: 5px;
    }

    .cooparate-content-title {
        font-size: 21px;
        line-height: 21px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .content-bottom-description {
        width: 92%;
        margin: 20px auto 0;
    }

    .cooparate-number-container {
        margin-top: 20px;
    }

    .cooparate-number-item {
        width: 22.95%;
    }


    .cooparate-title.gallery-title {
        padding-top: 45px;
        margin: 0 0 10px;
    }

    .cooparate-top-text {
        font-size: 16px;
        line-height: 16px;
    }

    .cooparate-bottom-text {
        font-size: 14px;
        line-height: 18px;
        height: 36px;
        display: block;
    }

    .gallery-splide-arrow-right, .gallery-splide-arrow-left {
        font-size: 41px;
    }

    .gallery-splide-arrow-left {
        left: -2%;
    }

    .gallery-splide-arrow-right {
        right: -2%;
    }

    .gallery-container {
        width: 95%;
        margin: 0 auto;
    }

    .cooparate-aside {
        display: none;
    }

    .cooparate-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 95%;
        margin: 0 auto;
    }

    .gallery-splide .splide__track {
        width: 88%;
        margin: 0 auto;
    }

    .content-bottom-title {
        letter-spacing: 4.64px;
        font-size: 16px;
    }

    .content-bottom-subtitle {
        font-size: 21px;
        line-height: 21px;
        margin-top: 10px;
    }

    .content-bottom-slogan {
        font-size: 25px;
        line-height: 25px;
        margin-top: 15px;
    }

    .gallery-video-button {
        width: 40px;
    }

    .content-bottom-container {
        padding-top: 30px;
    }
}
/*#endregion*/

/*#region Icerik*/
.cooparate-content h1 {
    font-family: Poppins-Bold;
    font-size: 24px;
    color: white;
    margin-bottom: 23px;
}

.cooparate-content ul {
    list-style-position: inside;
}

.general-content-content {
    margin-top: 0;
}

.cooparate-content strong {
    font-family: Poppins-Medium;
    font-size: 24px;
}
/*#endregion*/

/*#region Icerik Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .cooparate-content strong {
        font-size: 18px;
    }

    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .cooparate-content strong {
        font-size: 18px;
    }

    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .cooparate-content strong {
        font-size: 20px;
    }

    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .cooparate-content strong {
        font-size: 20px;
    }

    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .cooparate-content h1 {
        margin-bottom: 10px;
    }
}

/*#endregion*/

/*#region Icerik Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .cooparate-content strong {
        font-size: 16px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .cooparate-content strong {
        font-size: 16px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .cooparate-content strong {
        font-size: 16px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .cooparate-content strong {
        font-size: 16px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .cooparate-content strong {
        font-size: 16px;
    }
}

/*#endregion*/

/*#region Sertifika*/
.certificate {
    gap: 6.8%;
}

.certificate-container {
    width: 56.4%;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 4.73%;
}

.certificate-item {
    width: 21.45%;
    text-decoration: none;
}

.certificate-item-image {
    aspect-ratio: 230/332;
    width: 100%;
    overflow: hidden;
}

    .certificate-item-image:hover img {
        transform: scale(1.05);
    }

    .certificate-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .25s ease-in-out all;
    }

.certificate-item-title {
    font-family: Poppins-Bold;
    font-size: 18px;
    color: white;
    display: block;
    text-align: center;
    margin-top: 17px;
}

.cooparate-title.certificate-gallery-title {
    margin-top: 40px;
}
/*#endregion*/

/*#region Sertifika Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.63%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 50px !important;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 22.94%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 50px !important;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 22.94%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 60px !important;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 22.94%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 65px !important;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .certificate-container {
        width: 96.72%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 120px !important;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .certificate-container {
        width: 96.72%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 120px !important;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .certificate-container {
        width: 96.72%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 130px !important;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .certificate-container {
        width: 96.72%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 130px !important;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .certificate-container {
        width: 96.72%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 140px !important;
    }
}
/*#endregion*/

/*#region Sertifika Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.63%;
    }

    .certificate-item-title {
        font-size: 14px;
        margin-top: 10px;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 90px !important;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.64%;
    }

    .certificate-item-title {
        font-size: 16px;
        margin-top: 14px;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 125px !important;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.63%;
    }

    .certificate-item-title {
        font-size: 16px;
        margin-top: 14px;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 125px !important;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.6%;
    }

    .certificate-item-title {
        font-size: 16px;
        margin-top: 14px;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 120px !important;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .certificate-container {
        width: 96.72%;
        gap: 2.73%;
    }

    .certificate-item {
        width: 48.63%;
    }

    .gallery-title.certificate-gallery-title {
        padding-top: 125px !important;
    }
}
/*#endregion*/

/*#region Paslanmaz*/
.product {
    gap: 2.36%;
    /*gap: 5.3%;*/
}

.product-aside {
    padding: 6px 0 44px;
    background-color: #242c5c;
}

.product-aside-titles {
    margin-left: var(--container-left-margin);
    display: flex;
    flex-direction: column;
}

.product-treeview-title {
    font-family: Poppins-Black;
    font-size: 52.64px;
    color: rgba(255, 255,255,0.02);
}

.product-treeview-subtitle {
    font-family: Poppins-Bold;
    font-size: 25px;
    color: white;
    margin: -48px 0 0 -4px;
}

.product-treeview {
    margin: 19px 0 0;
    gap: 29px;
}

.product-container {
    width: 67.5%;
}

.product-image {
    max-width: 50.56%;
    max-height: clamp(300px, 89.2%, var(--image-max-height));
    display: flex;
    margin: 0;
    justify-content: start;
    align-items: start;
    float: left;
    margin: 0 58px 66px 0;
    flex-shrink: 0;
}

    .product-image img {
        width: 100%;
        height: 100%;
        max-height: var(--image-max-height);
        object-fit: contain;
    }



.product-content {
    flex: 1;
    font-size: 16px;
    font-family: Poppins-Light;
    color: white;
    line-height: 29px;
    text-align: justify;
}

    .product-content strong {
        font-family: Poppins-Bold;
    }

    .product-content h1 {
        font-size: 24px;
        font-family: Poppins-Bold;
        color: white;
        margin: -6px 0 25px;
        letter-spacing: 1px;
    }

.product-document {
    background-color: var(--nikelPurple);
    padding-top: 73px;
}

.product-document-title {
    font-family: Poppins-Bold;
    font-size: 24px;
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 44px;
}

.product-document-container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
}

.product-document-item {
    background-color: var(--nikelPlato);
    display: block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 42px 9px 42px;
    color: white;
    font-family: Poppins-Regular;
    font-size: 20px; /*Normalde 24 çok büyük gözüktü ben ve Veysel abiye o yüzden 20 yaptım*/
    text-decoration: none;
    transition: all .25s ease-in-out;
}

    .product-document-item:hover {
        background-color: #5c69a5;
    }

    .product-document-item i {
        display: flex;
        width: 24px;
        justify-content: center;
        align-items: center;
    }

.product-bottom-stick-container {
    padding-top: 126px;
}
/*#endregion*/

/*#region Paslanmaz Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    :root {
        --container-left-margin: 24.6%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    :root {
        --container-left-margin: 21.88%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    :root {
        --container-left-margin: 21.8%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    :root {
        --container-left-margin: 21.88%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {

    :root {
        --container-left-margin: 21.88%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    :root {
        --container-left-margin: 21.88%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    :root {
        --container-left-margin: 10.2%;
    }

    .product-container {
        width: 65.5%;
    }

    .product-image {
        max-width: 44.56%;
        margin: 0 47px 40px 0;
    }
}
/*#endregion*/

/*#region Paslanmaz Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 20px;
        padding-top: 20px;
    }

    .product-document-item {
        font-size: 16px;
    }

    .content-bottom-container {
        padding-top: 20px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 20px;
        padding-top: 20px;
    }

    .product-document-item {
        font-size: 16px;
    }

    .content-bottom-container {
        padding-top: 20px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 20px;
        padding-top: 20px;
    }

    .product-document-item {
        font-size: 16px;
    }

    .content-bottom-container {
        padding-top: 20px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 20px;
        padding-top: 20px;
    }

    .product-document-item {
        font-size: 18px;
    }

    .content-bottom-container {
        padding-top: 20px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 25px;
        padding-top: 25px;
    }

    .product-document-item {
        font-size: 18px;
    }

    .content-bottom-container {
        padding-top: 25px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 25px;
        padding-top: 25px;
    }

    .content-bottom-container {
        padding-top: 30px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 25px;
        padding-top: 25px;
    }

    .content-bottom-container {
        padding-top: 30px;
    }
}


/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 25px;
        padding-top: 25px;
    }

    .content-bottom-container {
        padding-top: 30px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 47%;
        margin: 0 10px 10px 0;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 25px;
        padding-top: 25px;
    }

    .content-bottom-container {
        padding-top: 30px;
    }
}
/*#endregion*/

/*#region Paslanmaz Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 15px;
        padding-top: 15px;
    }

    .product-document-item {
        font-size: 14px;
        padding: 9px 20px;
    }

    .product-content h1 {
        font-size: 21px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .product-container {
        width: 96.72%;
    }

    .product-content h1 {
        font-size: 21px;
    }

    .product-image {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 15px;
        padding-top: 15px;
    }

    .product-document-item {
        font-size: 14px;
        padding: 9px 20px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 15px;
        padding-top: 15px;
    }

    .product-document-item {
        font-size: 16px;
        padding: 9px 20px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 15px;
        padding-top: 15px;
    }

    .product-document-item {
        font-size: 16px;
        padding: 9px 20px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .product-container {
        width: 96.72%;
    }

    .product-image {
        max-width: 100%;
        margin: 0 auto 10px;
    }

    .product-document {
        padding-top: 20px;
    }

    .product-document-title {
        margin-bottom: 10px;
    }

    .product-bottom-stick-container {
        padding-top: 40px;
    }

    .cooparate-title.gallery-title {
        margin: 0px 0 15px;
        padding-top: 15px;
    }

    .product-document-item {
        font-size: 16px;
        padding: 9px 20px;
    }
}
/*#endregion*/

/*#region Servis Merkezi*/
.service-center-treeview-title {
    font-size: 35.32px;
    /*color: rgba(255, 255, 255, 0.2);*/
    color: rgba(255, 255, 255, 0.02);
    font-family: Poppins-Black;
}

.service-center-treeview-subtitle {
    font-family: Poppins-Bold;
    font-size: 23px;
    color: white;
    margin: -27px 0 0 0px;
}

.service-center-treeview li a {
    text-align: left;
    margin-left: var(--container-left-margin);
    padding: 0;
}

.service-center-treeview {
    gap: 15px;
}

    .service-center-treeview > li a.active::after {
        content: '';
        display: block;
        width: 26px;
        height: 3px;
        background-color: var(--nikelLightRed);
        position: absolute;
        top: 50%;
        left: -32px;
        transform: translate(0%, -50%);
    }

    .service-center-treeview > li > a:not(.active)::after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background-color: var(--nikelLightRed);
        position: absolute;
        top: 50%;
        left: -6px;
        transform: translate(0%, -50%);
        transition: all 0.25s ease-in-out;
        transform-origin: left;
        transform: rotate(180deg);
    }

.service-center-link-container {
    margin-top: 65px;
}

.service-center-link {
    display: inline;
    text-decoration: none;
    padding: 5px 20px 5px 23px;
}

    .service-center-link i {
        margin-left: 4px;
    }
/*#endregion*/

/*#region Servis Merkezi AltSayfa*/


/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 130px !important;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .service-center-treeview-title {
        font-size: 30.32px;
    }

    .pipe-title {
        padding-top: 115px !important;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 100px !important;
    }
}
/*#endregion*/

/*#region Servis Merkezi Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .cooparate-title {
        margin-top: 15px;
    }

    .cooparate-content, .cooparate-number-container {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 31.51%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 31.51%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 31.51%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 30.18%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 30.18%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 30.18%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 50px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 30.18%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .certificate-item {
        width: 21.45%;
    }

    .cooparate-title, .cooparate-number-container {
        margin-top: 15px;
    }

    .cooparate-content {
        margin-top: 15px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 20px;
    }
}
/*#endregion*/

/*#region Servis Merkezi Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 15px;
    }

    .service-center-link-container {
        margin-top: 30px;
    }

    .product-content {
        font-size: 14px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 15px;
    }

    .service-center-link-container {
        margin-top: 30px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 15px;
    }

    .service-center-link-container {
        margin-top: 30px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 15px;
    }

    .service-center-link-container {
        margin-top: 30px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .service-center-link-container {
        margin-top: 20px;
    }

    .service-center-treeview-title {
        font-size: 32.32px;
    }

    .pipe-title {
        padding-top: 20px !important;
        margin: 0 0 20px !important;
    }

    .cooparate {
        padding-top: 15px;
    }

    .service-center-link-container {
        margin-top: 30px;
    }
}
/*#endregion*/

/*#region Paslanmaz Boru Profil*/


.pipe-image {
    float: right;
    margin: 0 0 66px 83px;
}

.pipe-titles {
    background-color: var(--nikelPurple);
}

.pipe-top-title {
    display: block;
    text-align: center;
    font-family: Poppins-Black;
    font-size: 93.82px;
    color: rgba(255, 255,255, 0.04);
}

.pipe-titles h1 {
    font-family: Poppins-Black;
    font-size: 41px;
    color: white;
    text-align: center;
    margin-top: -74px;
}

.pipe-content strong {
    font-size: 16px;
    font-family: Poppins-Bold;
}

.pipe {
    background-color: var(--nikelPurple);
    padding-top: 54px;
}

.pipe-title {
    text-align: center;
    margin: 0 0 41px;
    padding-top: 155px;
}

.pipe-bottom-stick-container {
    padding-top: 91px;
}
/*#endregion*/

/*#region Paslanmaz Boru Profil AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .pipe-container {
        width: 82%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .pipe-container {
        width: 82%;
    }

    .pipe-image {
        margin: 0 0 60px 75px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .pipe-container {
        width: 85%;
    }

    .pipe-image {
        margin: 0 0 40px 55px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {

    .pipe-container {
        width: 85%;
    }

    .pipe-top-title {
        font-size: 92px;
    }

    .pipe-image {
        margin: 0 0 40px 55px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .pipe-container {
        width: 85%;
    }

    .pipe-top-title {
        font-size: 92px;
    }

    .pipe-image {
        margin: 0 0 40px 55px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .pipe-container {
        width: 88%;
    }

    .pipe-top-title {
        font-size: 86px;
    }

    .pipe-image {
        margin: 0 0 34px 47px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .pipe-container {
        width: 90%;
    }

    .pipe-top-title {
        font-size: 67px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -54px;
    }

    .pipe-image {
        margin: 0 0 34px 47px;
    }
}
/*#endregion*/

/*#region Paslanmaz Boru Profil Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 30px;
    }

    .pipe-titles h1 {
        font-size: 20px;
        margin-top: -20px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width:47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 38px;
    }

    .pipe-titles h1 {
        font-size: 27px;
        margin-top: -27px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 40px;
    }

    .pipe-titles h1 {
        font-size: 30px;
        margin-top: -30px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 45px;
    }

    .pipe-titles h1 {
        font-size: 30px;
        margin-top: -35px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 50px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -48px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 50px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -48px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 55px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -48px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 57px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -54px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 61px;
    }

    .pipe-titles h1 {
        font-size: 37px;
        margin-top: -54px;
    }

    .pipe-image {
        margin: 0 0 10px 10px;
        width: 47%;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region Paslanmaz Boru Profil Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 22px;
    }

    .pipe-titles h1 {
        font-size: 18px;
        margin-top: -12px;
    }

    .pipe-image {
        width:100%;
        margin:0 auto 10px;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 24px;
    }

    .pipe-titles h1 {
        font-size: 18px;
        margin-top: -18px;
    }

    .pipe-image {
        width: 100%;
        margin: 0 auto 10px;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 26px;
    }

    .pipe-titles h1 {
        font-size: 18px;
        margin-top: -18px;
    }

    .pipe-image {
        width: 100%;
        margin: 0 auto 10px;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 25px;
    }

    .pipe-titles h1 {
        font-size: 18px;
        margin-top: -18px;
    }

    .pipe-image {
        width: 100%;
        margin: 0 auto 10px;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .pipe {
        padding-top: 41px;
    }

    .pipe-container {
        width: 96.72%;
    }

    .pipe-top-title {
        font-size: 25px;
    }

    .pipe-titles h1 {
        font-size: 20px;
        margin-top: -20px;
    }

    .pipe-image {
        width: 100%;
        margin: 0 auto 10px;
    }

    .pipe-bottom-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region Saf Nikel*/
.pure-nickel {
    background-color: var(--nikelPurple);
}

.pure-nickel-container {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 46px;
    padding-top: 25px;
}

.pure-nickel-image {
    width: 43.72%;
    aspect-ratio: 1;
}

    .pure-nickel-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.pure-nickel-content {
    width: 52%;
    margin-top: 74px;
}

.pure-nickel-title {
    font-family: Poppins-Bold;
    font-size: 43px;
    color: white;
}

.pure-nickel-subtitle {
    font-family: Poppins-Medium;
    font-size: 24px;
    line-height: 24px;
    margin-top: 4px;
    color: white;
    display: block;
}

.pure-nickel-description-title {
    font-family: Poppins-Medium;
    font-size: 16px;
    line-height: 16px;
    color: white;
    display: block;
    margin-top: 24px;
}

.pure-nickel-description {
    font-size: 16px;
    font-family: Poppins-Light;
    display: block;
    line-height: 25.01px;
    color: white;
    width: 82%;
    margin-top: 4px;
}

.pure-nickel-contact-info {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}


.nickel-phone {
    font-family: Poppins-Medium;
    font-size: 14px;
    color: white;
    text-decoration: none;
}

.nickel-mail {
    font-family: Poppins-Light;
    font-size: 14px;
    color: white;
    text-decoration: none;
}

.pure-nickel-phone-info-icon {
    font-size: 11px;
    width: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.pure-nickel-envelope-info-icon {
    font-size: 13px;
    width: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.pure-nickel-contact-info:first-of-type {
    margin: 14px 0 3px;
}

.pure-nickel-contact-info:last-of-type {
    margin-top: 3px;
}

.pure-nickel-get-quote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 33px;
}

.pure-nickel-get-quote-text {
    background: var(--nikelPurple) url(/Assets/Images/teklif-al-icon.png) no-repeat 9.5% 50% / 29px 28px;
    padding: 10px 13px 10px 62px;
    border-radius: 4px;
    border: 1px solid white;
    font-size: 26.53px;
    color: white;
    font-family: Poppins-Black;
    position: relative;
    display: block;
    margin-bottom: -26px;
    transition: .25s ease-in-out all;
}

.pure-nickel-get-quote-bottom {
    display: block;
    width: 100%;
    height: 41px;
    background-color: white;
    display: block;
    width: 68.24%;
    margin: 0 auto;
    height: 41px;
    background-color: white;
    border-radius: 20.5px;
}

.pure-nickel-get-quote:hover .pure-nickel-get-quote-text {
    margin-bottom: -10px;
}

.pure-nickel-stick-container {
    padding-top: 128px;
}
/*#endregion*/

/*#region Saf Nikel AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .pure-nickel-container {
        width: 70.59%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-description {
        width: 85%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .pure-nickel-container {
        width: 70.59%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 42px;
    }

    .pure-nickel-description {
        width: 90%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .pure-nickel-container {
        width: 74.59%;
        align-items: center;
    }

    .pure-nickel-title {
        font-size: 42px;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-description {
        width: 90%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .pure-nickel-container {
        width: 78.59%;
        align-items: center;
    }

    .pure-nickel-title {
        font-size: 40px;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-description {
        width: 90%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .pure-nickel-container {
        width: 82.59%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 40px;
    }

    .pure-nickel-description {
        width: 90%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .pure-nickel-container {
        width: 87.59%;
        align-items: center;
    }

    .pure-nickel-title {
        font-size: 36px;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-description {
        width: 90%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .pure-nickel-container {
        width: 88.59%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 33px;
    }

    .pure-nickel-subtitle {
        font-size: 22px;
        line-height: 22px;
    }

    .pure-nickel-description {
        width: 100%;
    }
}
/*#endregion*/

/*#region Saf Nikel Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 20px;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }


    .pure-nickel-get-quote-bottom {
        width: 90.24%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 20px;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 22px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }


    .pure-nickel-get-quote-bottom {
        width: 90.24%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 24px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }


    .pure-nickel-get-quote-bottom {
        width: 90.24%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 26px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-bottom {
        width: 90.24%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 27px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-bottom {
        width: 90.24%;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 29px;
    }

    .pure-nickel-subtitle {
        font-size: 20px;
        line-height: 20px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-bottom {
        width: 90%;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 30px;
    }

    .pure-nickel-subtitle {
        font-size: 20px;
        line-height: 20px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-bottom {
        width: 85%;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 33px;
    }

    .pure-nickel-subtitle {
        font-size: 22px;
        line-height: 22px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-bottom {
        width: 77%;
    }
}

/*#endregion*/

/*#region Saf Nikel Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 15.53px;
        height: 36px;
        margin-bottom: -4px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }

    .pure-nickel-get-quote-bottom {
        width: 84.24%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }

    .pure-nickel-get-quote-bottom {
        width: 84.24%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }

    .pure-nickel-get-quote-bottom {
        width: 84.24%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }

    .pure-nickel-get-quote-bottom {
        width: 84.24%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .pure-nickel-container {
        width: 96.72%;
        align-items: center;
        gap: 10px;
        flex-direction: column-reverse;
    }

    .pure-nickel-content {
        margin: 0;
    }

    .pure-nickel-title {
        font-size: 20px;
    }

    .pure-nickel-subtitle {
        font-size: 18px;
        line-height: 18px;
    }

    .pure-nickel-description {
        width: 100%;
    }

    .pure-nickel-stick-container {
        padding-top: 80px;
    }

    .pure-nickel-get-quote-text {
        font-size: 18.53px;
    }

    .pure-nickel-image {
        width: 100%;
    }

    .pure-nickel-content {
        width: 100%;
    }
}
/*#endregion*/

/*#region Haberler*/
.news {
    background-color: var(--nikelPurple);
}

.news-titles {
    background-color: var(--nikelPurple);
    padding-top: 12px;
    margin: -53px 0 47px;
}

.news-top-title {
    display: block;
    text-align: center;
    font-size: 147.46px;
    font-family: Poppins-Black;
    color: rgba(255,255,255, 0.06);
}

.news-titles h1 {
    text-align: center;
    font-size: 41px;
    font-family: Poppins-Black;
    color: white;
    margin-top: -101px;
}

.news-container {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    gap: 34px 1.92%;
}

.news-item {
    width: 23.56%;
}

.news-bottom-stick-container {
    padding-top: 70px;
}
/*pagination*/
.page-navigation {
    margin-top: 62px;
    text-align: center;
}

    /* Sayfa linkleri */
    .page-navigation a[data-previous="true"] {
        padding: 0 10px 0 0;
    }

    .page-navigation a[data-next="true"] {
        padding: 0 0 0 10px;
    }

    .page-navigation a[data-previous="true"],
    .page-navigation a[data-next="true"] {
        color: #41497a;
        border: none;
    }

        .page-navigation a[data-previous="true"]::before {
            content: "\f060"; /* Ok ikonu */
            font-family: 'Font Awesome 7 Free Solid';
            display: inline-block;
        }

        .page-navigation a[data-next="true"]::before {
            content: "\f061"; /* Ok ikonu */
            font-family: 'Font Awesome 7 Free Solid';
            display: inline-block;
        }

    .page-navigation a {
        display: inline-block;
        text-decoration: none;
        font-family: Poppins-Medium;
        font-size: 16px;
        color: #41497a;
        border-bottom: 2px solid white;
        padding: 0 10px;
        transition: .075s ease-in-out all;
    }

        .page-navigation a:hover {
            color: #ffffff;
        }
        /* Seçili olan sayfa numarası */
        .page-navigation a[data-selected] {
            color: #ffffff;
        }
/*pagination end*/
/*#endregion*/

/*#region Haberler Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .news-container {
        gap: 15.12px 1%;
        width: 90%;
    }

    .news-item {
        width: 24.25%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .news-container {
        gap: 14.40px 1%;
        width: 90%;
    }

    .news-item {
        width: 24.25%;
    }

    .home-blog-description {
        height: 115.05px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .news-container {
        gap: 13.5px 1%;
        width: 90%;
    }

    .news-item {
        width: 24.25%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .news-container {
        gap: 13.82px 1%;
        width: 96%;
    }

    .news-item {
        width: 24.25%;
    }

    .home-blog-description {
        height: 115.05px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .news-container {
        gap: 13.11px 1%;
        width: 96%;
    }

    .news-item {
        width: 24.25%;
    }

    .home-blog-description {
        height: 115.05px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .news-container {
        gap: 12.26px 1%;
        width: 96%;
    }

    .news-item {
        width: 32.66%;
    }

    .home-blog-description {
        height: 115.05px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 32.66%;
    }

    .home-blog-description {
        height: 115.05px;
    }
}
/*#endregion*/

/*#region Haberler Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 224.06px;
    }

    .news-top-title {
        font-size: 87px;
    }

    .news-titles h1 {
        margin-top: -70px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 177.06px;
    }

    .news-top-title {
        font-size: 87px;
    }

    .news-titles h1 {
        margin-top: -70px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {


    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 156.06px;
    }

    .news-top-title {
        font-size: 97px;
    }

    .news-titles h1 {
        margin-top: -75px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {

    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 156.06px;
    }

    .news-top-title {
        font-size: 97px;
    }

    .news-titles h1 {
        margin-top: -75px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 138.06px;
    }

    .news-top-title {
        font-size: 97px;
    }

    .news-titles h1 {
        margin-top: -77px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 49.5%;
    }

    .home-blog-description {
        height: 125.05px;
    }

    .news-top-title {
        font-size: 107px;
    }

    .news-titles h1 {
        margin-top: -80px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 32.66%;
    }

    .home-blog-description {
        height: 201.06px;
    }

    .news-top-title {
        font-size: 117px;
    }

    .news-titles h1 {
        margin-top: -85px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 32.66%;
    }

    .home-blog-description {
        height: 178.06px;
    }

    .news-top-title {
        font-size: 127px;
    }

    .news-titles h1 {
        margin-top: -89px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 32.66%;
    }

    .home-blog-description {
        height: 158.06px;
    }

    .news-top-title {
        font-size: 137px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region Haber Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 100%;
    }

    .home-blog-description {
        height: 155.06px;
    }

    .news-top-title {
        font-size: 55px;
    }

    .news-titles h1 {
        margin-top: -40px;
        font-size: 25px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 100%;
    }

    .home-blog-description {
        height: 138.06px;
    }

    .news-top-title {
        font-size: 60px;
    }

    .news-titles h1 {
        margin-top: -50px;
        font-size: 30px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 100%;
    }

    .home-blog-description {
        height: 138.06px;
    }

    .news-top-title {
        font-size: 60px;
    }

    .news-titles h1 {
        margin-top: -50px;
        font-size: 30px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 100%;
    }

    .home-blog-description {
        height: 108.06px;
    }

    .news-top-title {
        font-size: 70px;
    }

    .news-titles h1 {
        margin-top: -60px;
    }

    .news-titles h1 {
        font-size: 35px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .news-container {
        gap: 9.83px 1%;
        width: 96%;
    }

    .news-item {
        width: 100%;
    }

    .home-blog-description {
        height: 108.06px;
    }

    .news-top-title {
        font-size: 70px;
    }

    .news-titles h1 {
        margin-top: -60px;
    }

    .news-titles h1 {
        font-size: 35px;
    }

    .news-titles {
        padding-top: 12px;
        margin: 0px 0 28px;
    }

    .page-navigation {
        margin-top: 20px;
    }

    .news-bottom-stick-container {
        padding-top: 30px;
    }
}
/*#endregion*/

/*#region Haber Detay*/
.news-detail-main {
    display: flex;
    background-color: var(--nikelPurple);
    gap: 2.67%;
    padding-top: 52px;
}

.other-news {
    background-color: #242c5c;
    width: 22.67%;
    height: 100%;
}

.other-news-container {
    margin-left: var(--container-left-margin);
}

.other-news-title {
    font-size: 34.6px;
    color: rgba(255,255,255, 0.025);
    font-family: Poppins-Black;
    display: block;
    margin-top: 8px;
}

.other-news-subtitle {
    font-family: Poppins-Bold;
    font-size: 25px;
    color: white;
    margin-top: -28px;
    display: block;
}

.other-news-item {
    display: block;
    width: 100%;
    padding-right: 18px;
    text-decoration: none;
    margin-top: 14px;
}

    .other-news-item:last-of-type {
        margin-top: 34px;
    }

        .other-news-item:last-of-type .other-news-examine {
            margin: -2px 0 33px;
        }

.other-news-item-image {
    width: 100%;
    aspect-ratio: 277/147;
    overflow: hidden;
}

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

.other-news-name {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: white;
    display: block;
    margin-top: 7px;
}

.other-news-examine {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-family: Poppins-Medium;
    color: #9fa3b9;
    margin: -2px 0 24px;
    transition: .25s ease-in-out all;
}


.other-news-item:hover .other-news-examine {
    color: white;
}

.other-news-link-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.other-news-link {
    text-decoration: none;
    padding: 5px 20px 5px 23px;
    display: flex !important;
    margin: 0 0 37px;
    transition: .25s ease-in-out all;
}

    .other-news-link:hover {
        background-color: #cecece;
    }

.other-news-divider {
    border-top: 2px solid #1d2550;
}

.news-detail-container {
    width: 70.76%;
    height: auto;
}

.news-detail-image {
    float: right;
    margin: 0 0 40px 45px;
}

.news-detail-title {
    font-size: 24px;
}

.news-detail-gallery-title {
    text-align: center;
    margin: 0 0 41px;
    padding-top: 80px;
}

.news-detail-bottom-stick-container {
    padding-top: 120px;
}
/*#endregion*/

/*#region Haber Detay Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .other-news {
        width: 24.67%;
    }

    .news-detail-container {
        width: 69.76%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .other-news {
        width: 24.67%;
    }

    .news-detail-container {
        width: 69.76%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .other-news {
        width: 26.67%;
    }

    .news-detail-container {
        width: 67.76%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .other-news {
        width: 27.67%;
    }

    .news-detail-container {
        width: 66.76%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .other-news {
        width: 27.67%;
    }

    .news-detail-container {
        width: 66.76%;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .other-news {
        width: 29.67%;
    }

    .news-detail-container {
        width: 64.76%;
    }

    .news-detail-image {
        margin: 0 0 40px 32px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .other-news {
        width: 32.67%;
    }

    .news-detail-container {
        width: 62.76%;
    }

    .news-detail-image {
        margin: 0 0 40px 32px;
    }
}
/*#endregion*/

/*#region Haber Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .news-detail-title {
        font-size: 19px;
    }

    .product-image img {
        --image-max-height: 290px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .news-detail-title {
        font-size: 19px;
    }

    .product-image img {
        --image-max-height: 300px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .news-detail-title {
        font-size: 19px;
    }

    .product-image img {
        --image-max-height: 310px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .news-detail-title {
        font-size: 21px;
    }

    .product-image img {
        --image-max-height: 320px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .product-image img {
        --image-max-height: 330px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }


    .product-image img {
        --image-max-height: 340px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .product-image img {
        --image-max-height: 350px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .product-image img {
        --image-max-height: 360px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 47%;
        margin: 0 0 10px 10px;
    }

    .product-image img {
        --image-max-height: 390px;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region Haber Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-detail-title {
        font-size: 16px;
    }

    .product-image img {
        --image-max-height: 100%;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-detail-title {
        font-size: 16px;
    }

    .product-image img {
        --image-max-height: 100%;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-detail-title {
        font-size: 18px;
    }

    .product-image img {
        --image-max-height: 100%;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-detail-title {
        font-size: 18px;
    }

    .product-image img {
        --image-max-height: 100%;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .news-detail-main {
        padding-top: 25px;
    }

    .other-news {
        display: none;
    }

    .news-detail-container {
        width: 96.72%;
        margin: 0 auto;
    }

    .news-detail-image {
        max-width: 100%;
        margin: 0 auto;
    }

    .news-detail-title {
        font-size: 19px;
    }

    .product-image img {
        --image-max-height: 100%;
    }

    .news-detail-gallery-title {
        margin: 0 0 20px;
        padding-top: 20px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region İletişim*/
.contact {
    background-color: var(--nikelPurple);
    padding-top: 49px;
}

.contact-info-container {
    display: flex;
    gap: 3.62%;
}

    .contact-info-container:last-of-type {
        margin-top: 150px;
    }

.contact-info-left {
    width: 70.32%;
    height: 100%;
}

.contact-info-top-left {
    display: flex;
    gap: 1.89%;
}

.contact-info-adress {
    background-color: var(--nikelDeepIndigo);
    width: 39.34%;
    padding: 0 0 29px 54px;
}

.contact-bottom-info-adress {
    padding: 0 0 20px 54px;
}

    .contact-bottom-info-adress .contact-info-content:last-child {
        margin-top: 10px;
    }

.contact-info-container:nth-child(2) .contact-info-content {
    margin-top: 4px;
}

    .contact-info-container:nth-child(2) .contact-info-content:last-child {
        margin-top: 2px;
    }

.contact-first-info-title {
    padding-top: 27px;
    font-family: Poppins-Bold;
    color: white;
    font-size: 24px;
    display: block;
}

.contact-info-container:last-of-type .contact-first-info-title {
    padding-top: 17px;
}

.contact-info-content {
    display: flex;
    gap: 12px;
    justify-content: start;
    align-items: center;
    color: white;
    margin-top: 10px;
}

    .contact-info-content i {
        font-size: 22px;
    }

.contact-info-content-adress {
    font-family: Poppins-Light;
    font-size: 14px;
    display: block;
    width: 82%;
    text-decoration: none;
    color: white;
}

.contact-info-container:last-of-type .contact-info-content:last-child i {
    font-size: 16px;
}

.contact-info-phone {
    width: 58.75%;
    background-color: var(--nikelDeepIndigo);
    padding: 0 38px 0 60px;
}

.contact-info-container:last-of-type .contact-info-phone {
    padding: 0 10px 0 10px;
}

.contact-info-phone-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 14px;
}

.contact-info-container:first-child .contact-info-phone {
    padding-bottom: 36px;
}

.contact-info-phone-item {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    color: white;
}

    .contact-info-phone-item i {
        font-size: 20px;
    }

    .contact-info-phone-item:last-child i {
        font-size: 33px;
    }

.contact-info-container:last-of-type .contact-info-phone-item {
    align-items: start;
}

.contact-info-phone-numbers {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

    .contact-info-phone-numbers a {
        color: white;
        text-decoration: none;
        font-family: Poppins-Light;
        font-size: 14px;
    }

    .contact-info-phone-numbers span {
        color: white;
        text-decoration: none;
        font-family: Poppins-Light;
        font-size: 14px;
        line-height: 23px;
    }

.contact-info-right {
    width: 26.06%;
}

.contact-info-right-title {
    display: block;
    font-size: 24px;
    color: white;
    font-family: Poppins-Bold;
    padding-left: 28.38%;
}

.contact-sales-department-info {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 15px;
    margin-top: 14px;
}

.contact-sales-department-item {
    background-color: var(--nikelDeepIndigo);
    width: 100%;
    padding: 15px 0 15px 28.38%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.contact-sales-item-info {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 14px;
    color: white;
}

    .contact-sales-item-info i {
        font-size: 12px;
        width: 15px;
        display: block;
    }

    .contact-sales-item-info:first-child i {
        font-size: 15px;
    }

    .contact-sales-item-info a {
        text-decoration: none;
        font-family: Poppins-Light;
        font-size: 14px;
        color: white;
    }

    .contact-sales-item-info:last-child a {
        font-family: Poppins-Bold;
    }

.envelope-phone-icon {
    background-image: url(/Assets/Images/zarftelicon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 37px;
    height: 30px;
    display: block;
    margin-top: 7px;
}


.contact-second-info-right {
    background-color: var(--nikelDeepIndigo);
    padding: 17px 14px 0 10px;
    height: 100%;
}

.contact-second-info-title {
    padding: 0 0 0 20px;
    margin: 0;
}

.contact-connects-item {
    background-color: #303868;
    display: flex;
    justify-content: start;
    align-items: start;
    width: 100%;
    color: white;
    padding: 14px 12px 12px 20px;
    gap: 9px;
}

    .contact-connects-item i {
        font-size: 28px;
    }

.contact-connects-description {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    gap: 3px;
}


    .contact-connects-description span {
        color: white;
        font-family: Poppins-Medium;
        font-size: 16px;
        line-height: 16px;
    }

    .contact-connects-description a {
        text-decoration: none;
        font-family: Poppins-Light;
        font-size: 14px;
        line-height: 14px;
        color: white;
        transition: .25s ease-in-out all;
    }

        .contact-connects-description a:hover {
            color: #d3f7e1;
        }

.contact-second-right-bottom-title {
    font-family: Poppins-Bold;
    font-size: 23px;
    color: white;
    display: block;
    margin: 40px 0 7px;
    padding-left: 20px;
}

.contact-second-phone-item {
    padding-left: 20px;
    align-items: center !important;
    margin-bottom: 15px;
}

.contact-input-container {
    padding-top: 9.45%;
    display: flex;
    gap: 2.77%;
}

.contact-form {
    background-color: var(--nikelDeepIndigo);
    width: 42.88%;
    padding: 42px 49px 0;
}

.contact-form-top-text {
    font-family: Poppins-Medium;
    font-size: 19.03px;
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 6px;
}

.contact-form-bottom-text {
    font-family: Poppins-Black;
    font-size: 46.54px;
    line-height: 46.54px;
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 43px;
}

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

.contact-form-dual-input {
    display: flex;
    gap: 29px;
}

.contact-input {
    background-color: white;
    width: 100%;
    padding: 19.5px 12px 19.5px 21px;
    position: relative;
}

    .contact-input input,
    .contact-input textarea {
        color: #acb0c7;
        font-size: 14px;
        font-family: Poppins-Light;
        width: 100%;
    }

    .contact-input textarea {
        resize: none;
    }

    .contact-input input::placeholder {
        color: #acb0c7;
    }


    .contact-input input,
    .contact-input input:-webkit-autofill,
    .contact-input input:-webkit-autofill:hover,
    .contact-input input:-webkit-autofill:focus,
    .contact-input input:-webkit-autofill:active,
    .contact-input input:-internal-autofill-selected,
    .contact-input textarea,
    .contact-input textarea:-webkit-autofill,
    .contact-input textarea:-webkit-autofill:hover,
    .contact-input textarea:-webkit-autofill:focus,
    .contact-input textarea:-webkit-autofill:active,
    .contact-input textarea:-internal-autofill-selected {
        -webkit-background-clip: text;
        -webkit-text-fill-color: #acb0c7 !important;
        caret-color: #acb0c7 !important;
        border: none;
        outline: none;
        background-color: transparent;
    }

.contact-form-slogan {
    width: 54.34%;
    background-image: url('/Assets/Images/contactFormSlogan.png');
    background-size: cover;
    background-position: center;
    position: relative;
    color: red;
}

    .contact-form-slogan::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255, .9);
        pointer-events: none;
    }

.contact-form-slogan-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 30px;
}

.contact-form-checkbox-main {
    display: flex;
    margin-top: 21px;
    justify-content: start;
    align-items: start;
    gap: 11px;
}



    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        -webkit-appearance: none;
        appearance: none;
        aspect-ratio: 1;
        width: 16px;
        border-radius: 3px;
        background-color: white;
        border: 2px solid white;
    }

    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        outline: 1px solid var(--nikelPurple);
        width: 15px;
    }

        .contact-form-checkbox-main input[type=checkbox]:checked, .contact-form-checkbox-main input[type=radio]:checked {
            background-color: var(--nikelPurple);
        }

    .contact-form-checkbox-main input[type=checkbox], input[type=radio] {
        margin-top: 5px;
    }

    .contact-form-checkbox-main span, .contact-form-checkbox-main a {
        color: white;
        font-family: Poppins-Regular;
        font-size: 14px;
    }

    .contact-form-checkbox-main a {
        font-family: Poppins-Bold;
    }

.contact-form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 33px 0 21px;
}

.contact-slogan-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .contact-slogan-item:first-of-type {
        margin-top: -4%;
    }

.contact-slogan-top-first {
    font-size: 24px;
    font-family: Poppins-Medium;
    display: block;
    text-align: center;
    color: var(--nikelPurple);
    letter-spacing: 50.88px;
    margin-left: 51px;
}

.contact-slogan-top-second {
    margin: 8px 0px 13px;
    font-size: 48px;
    font-family: Poppins-Black;
    display: block;
    text-align: center;
    color: var(--nikelPurple);
}

.contact-slogan-top-third {
    font-size: 24px;
    font-family: Poppins-Thin;
    display: block;
    text-align: center;
    color: var(--nikelPurple);
    letter-spacing: 20.64px;
    margin-left: 27px;
}

.contact-slogan-bottom-first {
    font-size: 14px;
    font-family: Poppins-Light;
    line-height: 22.01px;
    display: block;
    text-align: center;
    color: var(--nikelPurple);
    width: 85%;
}

.contact-slogan-bottom-second {
    color: var(--nikelRed);
    font-size: 33px;
    display: block;
    text-align: center;
    font-family: Antonio-Light;
    margin-top: 30px;
}

.contact-stick-container {
    padding-top: 162px;
}
/*#endregion*/

/*#region İletişim AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 38.34%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        width: 59.75%;
        padding: 0 9px 0 9px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 36.34%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        width: 61.75%;
        padding: 0 9px 0 9px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }


    .contact-form {
        padding: 30px 30px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 41.88px;
    }

    .contact-slogan-top-second {
        font-size: 41px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 36.34%;
    }

    .contact-info-container .contact-info-phone {
        width: 61.75%;
        padding: 0 9px 0 9px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }

    .contact-info-right {
        width: 25.06%;
    }

    .contact-info-left {
        width: 73.32%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 5px;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 25px 25px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 41.88px;
    }

    .contact-slogan-top-second {
        font-size: 41px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 33.34%;
        padding: 0 0 20px 20px;
    }

    .contact-info-container .contact-info-phone {
        width: 64.75%;
        padding: 0 9px 0 9px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 18.38%;
    }

    .contact-info-right-title {
        padding-left: 18.38%;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }

    .contact-info-right {
        width: 25.06%;
    }

    .contact-info-left {
        width: 73.32%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 5px;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 25px 25px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 41.88px;
    }

    .contact-slogan-top-second {
        font-size: 41px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 33.34%;
        padding: 0 0 20px 20px;
    }

    .contact-info-container .contact-info-phone {
        width: 64.75%;
        padding: 0 9px 0 9px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 18.38%;
    }

    .contact-info-right-title {
        padding-left: 18.38%;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }

    .contact-info-right {
        width: 25.06%;
    }

    .contact-info-left {
        width: 73.32%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 5px;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 20px 20px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 41.88px;
    }

    .contact-slogan-top-second {
        font-size: 41px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 33.34%;
        padding: 0 0 20px 20px;
    }

    .contact-info-container .contact-info-phone {
        width: 64.75%;
        padding: 0 9px 0 9px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 3.38%;
    }

    .contact-info-right-title {
        padding-left: 3.38%;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 20px 20px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 34.88px;
    }

    .contact-slogan-top-second {
        font-size: 34px;
    }

    .form-recapcha {
        width: 77%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-form-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}
/*#endregion*/

/*#region İletişim Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item:nth-child(1) {
        width: 100%;
        gap: 9px 10px;
    }

    .contact-info-phone-item:nth-child(2), .contact-info-phone-item:nth-child(3) {
        width: 48%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 48.5%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }

    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 49%;
    }

    .envelope-phone-icon {
        width: 22px;
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 49%;
    }

    .envelope-phone-icon {
        width: 22px;
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 49%;
    }

    .envelope-phone-icon {
        width: 22px;
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }

    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 49%;
    }

    .envelope-phone-icon {
        width: 22px;
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 9px;
    }

    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 30.34%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 68.75%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 1%;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 7px;
    }

    .envelope-phone-icon {
        width: 22px;
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-form-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 43.88%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }

    .contact-form-dual-input {
        flex-direction: column;
        gap: 10px;
    }

    .contact-form-content {
        gap: 10px;
    }

    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 9px;
    }

    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 30.34%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 68.75%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 1%;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0;
    }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 7px;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 20px 20px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 7%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-form-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 43.88%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 9px;
    }

    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 31.34%;
        padding: 0 0 20px 20px;
    }

    .contact-info-container .contact-info-phone {
        width: 66.75%;
        padding: 0 9px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }

    .contact-info-container:last-of-type {
        margin-top: 30px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 3px;
        }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 20px 20px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
    }

    .contact-slogan-top-second {
        font-size: 29px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-form-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 43.88%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-container:first-child .contact-info-phone {
        padding: 0 17px 0 23px;
    }

    .contact-info-adress {
        width: 33.34%;
        padding: 0 0 20px 20px;
    }

    .contact-info-container .contact-info-phone {
        width: 64.75%;
        padding: 0 9px 0 9px;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 3.38%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0;
    }

        .contact-info-container:last-of-type .contact-info-phone-item {
            gap: 10px;
        }

        .contact-info-container:last-of-type {
            margin-top: 30px;
        }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
    }

    .envelope-phone-icon {
        width: 28px;
        height: 23px;
    }

    .contact-form {
        padding: 20px 20px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
    }

    .contact-slogan-top-second {
        font-size: 29px;
    }

    .form-recapcha {
        width: auto;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-form-footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 43.88%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region İletişim Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }


    .contact-first-info-title {
        font-size: 18px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item {
        width: 100%;
        gap: 9px 10px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 17px;
        margin-top: 14px;
        padding-left: 10px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 10px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
                width: 100%;
                padding-left: 10px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 100%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 21px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 16.88px;
        margin-left: 2%;
    }

    .contact-slogan-top-second {
        font-size: 20px;
    }

    .contact-slogan-top-third {
        font-size: 17px;
        letter-spacing: 11.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-dual-input, .contact-form-content {
        gap: 15px;
    }

    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }

    .contact-form-footer {
        flex-direction: column;
        gap: 10px 10px;
        margin: 5px 0 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }


    .contact-first-info-title {
        font-size: 21px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item {
        width: 100%;
        gap: 9px 10px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 17px;
        margin-top: 14px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 10px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
                width: 100%;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 100%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 16.88px;
        margin-left: 2%;
    }

    .contact-slogan-top-second {
        font-size: 20px;
    }

    .contact-slogan-top-third {
        font-size: 17px;
        letter-spacing: 11.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }

    .contact-form-footer {
        flex-direction: column;
        gap: 10px 10px;
        margin: 5px 0 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }


    .contact-first-info-title {
        font-size: 21px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item {
        width: 100%;
        gap: 9px 10px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 10px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
                width: 100%;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 100%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 16.88px;
        margin-left: 2%;
    }

    .contact-slogan-top-second {
        font-size: 20px;
    }

    .contact-slogan-top-third {
        font-size: 17px;
        letter-spacing: 11.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }

    .contact-form-footer {
        flex-direction: column;
        gap: 10px 10px;
        margin: 5px 0 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }


    .contact-first-info-title {
        font-size: 21px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item {
        width: 100%;
        gap: 9px 10px;
    }


    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 10px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
                width: 100%;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 100%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 22.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 20px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }

    .contact-form-footer {
        flex-direction: column;
        gap: 10px 10px;
        margin: 5px 0 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .contact-info-phone-content {
        padding-bottom: 15px;
    }
    .contact-info-phone-item:last-child i {
        font-size: 24px;
    }


    .contact-info-adress {
        width: 100%;
        padding: 0 0 20px 1%;
    }

    .contact-info-container .contact-info-phone {
        width: 100%;
        padding: 0 9px;
    }

    .contact-info-top-left {
        gap: 10px 1%;
        flex-wrap: wrap;
    }

    .contact-sales-item-info {
        gap: 5px;
    }

    .contact-info-container:last-of-type .contact-info-phone {
        padding: 0 9px;
    }


    .contact-info-phone-item i {
        font-size: 16px;
    }

    .contact-info-phone-item {
        gap: 8px;
    }

    .contact-info-phone-content {
        flex-wrap: wrap;
        gap: 9px 10px;
    }

    .contact-info-phone-item:nth-child(1) {
        width: 100%;
        gap: 9px 10px;
    }

    .contact-info-phone-item:nth-child(2), .contact-info-phone-item:nth-child(3) {
        width: 48%;
    }

    .contact-info-right-title {
        padding-left: 0;
        font-size: 18px;
    }

    .contact-second-right-bottom-title {
        font-size: 19px;
    }

    .contact-info-container {
        gap: 1.62%;
        flex-wrap: wrap;
        margin-top: 0px;
    }

        .contact-info-container:last-of-type {
            margin-top: 50px;
        }

            .contact-info-container:last-of-type .contact-info-phone-item {
                gap: 3px;
            }

    .contact-info-right {
        width: 100%;
    }

    .contact-info-left {
        width: 100%;
    }

    .contact-sales-department-info {
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
    }

    .contact-sales-department-item {
        padding: 15px 0 15px 0.38%;
        width: 48.5%;
    }

    .envelope-phone-icon {
        height: 18px;
    }

    .contact-slogan-bottom-second {
        font-size: 26px;
        margin-top: 24px;
    }

    .contact-form {
        padding: 10px 10px 0;
    }

    .contact-slogan-top-first {
        letter-spacing: 28.88px;
        margin-left: 4%;
    }

    .contact-slogan-top-second {
        font-size: 26px;
    }

    .contact-slogan-top-third {
        font-size: 19px;
        letter-spacing: 16.64px;
    }

    .form-recapcha {
        width: 50%;
        transform: translate(0%, 0) scale(.71);
    }

    .contact-slogan-bottom-first {
        width: 95%;
        gap: 1.77%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-form-slogan {
        width: 100%;
    }

    .contact-stick-container {
        padding-top: 40px;
    }


    .contact-form-bottom-text {
        font-family: Poppins-Black;
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .contact-input-container {
        flex-wrap: wrap;
    }

    .contact-form-slogan-container {
        padding: 14% 0px;
    }

    .contact-form-dual-input {
        flex-direction: column;
    }
}
/*#endregion*/

/*#region İnsan Kaynakları*/
.human-resources {
    display: flex;
    margin-top: 106px;
}

.human-resources-form {
    width: 43.56%;
    background-color: #f8f9fc;
    padding: 70px 52px 9px;
}

.human-resources-form-title {
    font-family: Poppins-Medium;
    color: var(--nikelRed);
    font-size: 19.03px;
    display: block;
    text-align: center;
}

.human-resources-form-subtitle {
    font-size: 46px;
    line-height: 46px;
    color: var(--nikelRed);
    font-family: Poppins-Black;
    display: block;
    text-align: center;
    margin: 9px 0 62px;
}

/*cv Yükle*/
.cvUpload {
    background-color: white;
    width: 100%;
}

    .cvUpload input[type="file"] {
        display: none;
    }

.cv-text {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16.5px 0;
    cursor: pointer;
    gap: 13px;
}

.cv-icon {
    width: 60px;
    height: 58px;
    background-image: url('/Assets/Images/cv-icon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cv-content {
    display: flex;
    flex-direction: column;
}

.cv-first-text {
    font-family: Poppins-Bold;
    font-size: 41px;
    line-height: 41px;
    color: var(--nikelPurple);
}

.cv-second-text {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 14px;
    color: var(--nikelPurple);
}

.file-name {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 14px;
}
/*cv yükle end*/
.human-form-checkbox-main {
    margin: 0;
}

    .human-form-checkbox-main a, .human-form-checkbox-main span {
        color: var(--nikelPurple);
    }

.human-resources-slogan {
    width: 56.44%;
    background-image: url('/Assets/Images/ik-bg.png');
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.hr-slogan-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60.7%;
    margin-left: auto;
    position: relative;
    top: 2.6%;
    left: -1%;
    z-index: 1;
}

.hr-slogan-top-title {
    font-family: Poppins-Bold;
    font-size: 30px;
    line-height: 39px;
    color: white;
    display: block;
    text-align: center;
    margin-left: auto;
    width: 100%;
}

.hr-slogan-top-subtitle {
    color: white;
    font-size: 14px;
    font-family: Poppins-Regular;
    line-height: 26.01px;
    text-align: center;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-top: 14px;
}

.hr-slogan-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 62.7%;
    margin-left: auto;
    position: relative;
    bottom: 5.7%;
    z-index: 1;
}

.hr-slogan-bottom-title {
    font-family: Poppins-Regular;
    font-size: 18px;
    color: white;
    display: block;
    text-align: center;
    margin-left: auto;
    width: 100%;
}

.hr-slogan-bottom-subtitle {
    color: white;
    font-family: Poppins-Bold;
    font-size: 38.97px;
    text-align: center;
    display: block;
    width: 100%;
    margin-left: auto;
}

.hr-stick-container {
    padding-top: 84px;
}

.human-resources-stairs {
    width: 90%;
    height: 74.92%;
    background-image: url(/Assets/Images/ik-merdiven.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 19.6%;
    left: 9.79%;
    position: absolute;
    pointer-events: none;
}
/*#endregion*/

/*#region İnsan Kaynakları Altsayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {

    .human-resources-stairs {
        height: 64.92%;
        top: 18%;
        left: 4.93%;
    }

    .hr-slogan-bottom {
        bottom: 12.7%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .human-resources-stairs {
        height: 64.92%;
        top: 18%;
        left: 4.93%;
    }

    .hr-slogan-bottom {
        bottom: 12.7%;
    }

    .human-resources-form {
        padding: 65px 45px 9px;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .human-resources-stairs {
        height: 56.92%;
        top: 21%;
        left: 4.93%;
    }

    .hr-slogan-top {
        top: 5.6%;
    }

    .hr-slogan-bottom {
        bottom: 16.7%;
    }

    .human-resources-form {
        padding: 45px 45px 9px;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .human-resources-stairs {
        height: 56.92%;
        top: 21%;
        left: 4.93%;
    }

    .hr-slogan-top {
        top: 5.6%;
    }

    .hr-slogan-bottom {
        bottom: 16.7%;
    }

    .human-resources-form {
        padding: 35px 35px 9px;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .human-resources-stairs {
        height: 56.92%;
        top: 21%;
        left: 4.93%;
    }

    .hr-slogan-top {
        top: 5.6%;
    }

    .hr-slogan-bottom {
        bottom: 16.7%;
    }

    .human-resources-form {
        padding: 35px 35px 9px;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .human-resources-stairs {
        height: 46.92%;
        top: 21%;
        left: 4.93%;
    }

    .hr-slogan-top {
        top: 5.6%;
    }

    .hr-slogan-bottom {
        bottom: 16.7%;
    }

    .human-resources-form {
        padding: 35px 35px 9px;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .human-resources-form-subtitle {
        font-size: 39px;
        line-height: 39px;
        margin: 9px 0 30px;
    }

    .human-resources-stairs {
        height: 36%;
        top: 27%;
        left: 4.93%;
    }

    .hr-slogan-top {
        top: 9.6%;
    }

    .hr-slogan-bottom {
        bottom: 22.7%;
    }

    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 25px 25px 9px;
        width: 42.56%;
    }

        .human-resources-form .contact-form-dual-input {
            flex-direction: column;
        }

    .human-resources-slogan {
        width: 57.44%;
    }

    .hr-slogan-top-title {
        line-height: 25px;
        font-size: 25px;
    }


    .hr-slogan-bottom-subtitle {
        font-size: 29.97px;
    }

    .hr-slogan-bottom-title {
        font-size: 16px;
    }
}
/*#endregion*/

/*#region İnsan Kaynakları Yatay*/

/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .human-resources {
        margin-top: 60px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .human-resources {
        margin-top: 30px;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        width: 26%;
        height: 72.92%;
        top: 82%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 55%;
    }

        .human-resources-form .contact-form-dual-input {
            flex-direction: column;
        }

    .human-resources-slogan {
        width: 45%;
        justify-content: space-evenly;
    }

    .hr-slogan-top-title {
        line-height: 25px;
        font-size: 25px;
    }


    .hr-slogan-bottom-subtitle {
        font-size: 29.97px;
    }

    .hr-slogan-bottom-title {
        font-size: 16px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .human-resources {
        margin-top: 30px;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        width: 26%;
        height: 72.92%;
        top: 82%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 55%;
    }

        .human-resources-form .contact-form-dual-input {
            flex-direction: column;
        }

    .human-resources-slogan {
        width: 45%;
        justify-content: space-evenly;
    }

    .hr-slogan-top-title {
        line-height: 25px;
        font-size: 25px;
    }


    .hr-slogan-bottom-subtitle {
        font-size: 29.97px;
    }

    .hr-slogan-bottom-title {
        font-size: 16px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .human-resources {
        margin-top: 30px;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        width: 26%;
        height: 72.92%;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 55%;
    }

        .human-resources-form .contact-form-dual-input {
            flex-direction: column;
        }

    .human-resources-slogan {
        width: 45%;
        justify-content: space-evenly;
    }

    .hr-slogan-top-title {
        line-height: 25px;
        font-size: 25px;
    }


    .hr-slogan-bottom-subtitle {
        font-size: 29.97px;
    }

    .hr-slogan-bottom-title {
        font-size: 16px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .human-resources {
        margin-top: 30px;
    }

    .human-resources-form-subtitle {
        font-size: 35px;
        line-height: 35px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        width: 23%;
        height: 72.92%;
        top: 81%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 55%;
    }

        .human-resources-form .contact-form-dual-input {
            flex-direction: column;
        }

    .human-resources-slogan {
        width: 45%;
        justify-content: space-evenly;
    }

    .hr-slogan-top-title {
        line-height: 25px;
        font-size: 25px;
    }


    .hr-slogan-bottom-subtitle {
        font-size: 29.97px;
    }

    .hr-slogan-bottom-title {
        font-size: 16px;
    }
}
/*#endregion*/

/*#region İnsan Kaynakları Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 14px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 18px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        width: 20.79px;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }

    .contact-form-footer {
        margin: 15px 0 15px;
    }

    .human-resources-form .contact-form-footer {
        flex-direction: column;
        gap: 10px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        width: 20.79px;
    }

    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 15px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }

    .contact-form-footer {
        margin: 15px 0 15px;
    }

    .human-resources-form .contact-form-footer {
        flex-direction: column;
        gap: 10px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        width: 20.79px;
    }

    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }

    .contact-form-footer {
        margin: 15px 0 15px;
    }

    .human-resources-form .contact-form-footer {
        flex-direction: column;
        gap: 10px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        width: 20.79px;
    }

    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }

    .contact-form-footer {
        margin: 15px 0 15px;
    }

    .human-resources-form .contact-form-footer {
        flex-direction: column;
        gap: 10px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .contact-form-checkbox-main input[type=checkbox], .contact-form-checkbox-main input[type=radio] {
        width: 20.79px;
    }

    .human-resources {
        margin-top: 30px;
        flex-direction: column;
    }

    .human-resources-form-subtitle {
        font-size: 30px;
        line-height: 30px;
        margin: 9px 0 30px;
    }

    .human-resources-form-title {
        font-size: 16.03px;
    }

    .human-resources-stairs {
        display: none;
    }

    .hr-slogan-top, .hr-slogan-bottom {
        position: static;
        width: 100%;
    }


    .contact-form-content, .human-resources-form .contact-form-dual-input {
        gap: 15px;
    }

    .human-resources-form {
        padding: 35px 25px 9px;
        width: 100%;
    }

    .hr-slogan-top-subtitle {
        width: 70%;
        margin: 20px auto 0;
    }

    .human-resources-slogan {
        width: 100%;
        justify-content: space-evenly;
        padding: 50px 0;
    }


    .hr-slogan-bottom {
        margin-top: 30px;
    }

    .contact-form-footer {
        margin: 15px 0 15px;
    }

    .human-resources-form .contact-form-footer {
        flex-direction: column;
        gap: 10px;
    }
}
/*#endregion*/

/*#region Sektörler*/
.sectors {
    display: flex;
    flex-wrap: wrap;
    gap: 35px 2.43%;
    margin-top: 84px;
}

.sectors-item {
    width: 23.17%;
    aspect-ratio: 333/390;
    text-decoration: none;
    overflow: hidden;
    position: relative;
}

    .sectors-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #272e5d 8%, transparent 100%);
        z-index: 1;
        transition: opacity .5s ease-in-out;
    }


    .sectors-item::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #cf0f18 10%, transparent 100%);
        z-index: 2;
        opacity: 0;
        transition: opacity .25s ease-in-out;
    }

    .sectors-item:hover::after {
        opacity: 1;
    }

    .sectors-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.sector-item-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: end;
    font-size: 20.42px;
    color: white;
    font-family: Poppins-Light;
    padding-bottom: 36px;
    text-align: center;
}

.sectors-item:hover .sector-item-content {
    font-family: Poppins-Bold;
}
/*#endregion*/

/*#region Sektörler AltSayfa*/
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .sectors {
        gap: 11.5px 1%;
    }

    .sectors-item {
        width: 24.25%;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .sectors {
        gap: 9.72px 1%;
    }

    .sectors-item {
        width: 24.25%;
    }
}
/*#endregion*/

/*#region Sektörler Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .sectors {
        gap: 24px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .sectors {
        gap: 28px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .sectors {
        gap: 32px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .sectors {
        gap: 33px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}


/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .sectors {
        gap: 28px 4%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30.66%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .sectors {
        gap: 38px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .sectors {
        gap: 40px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .sectors {
        gap: 42px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .sectors {
        gap: 46px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 30%;
    }
}
/*#endregion*/

/*#region Sektör Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .sectors {
        gap: 16px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .sectors {
        gap: 18px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 50px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .sectors {
        gap: 18px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 60px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .sectors {
        gap: 18px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 70px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .sectors {
        gap: 20px 5%;
        margin-top: 30px;
    }

    .sectors-item {
        width: 47.5%;
    }

    .sector-item-content {
        font-size: 16px;
        padding-bottom: 40px;
    }

    .news-detail-bottom-stick-container {
        padding-top: 80px;
    }
}

/*#endregion*/

/*#region Sektör Detay*/
.sector-detail {
    gap: 2.36%;
}

.sector-detail-image {
    margin: 0 49px 55px 0;
}

.sector-detail-stick-container {
    padding-top: 134px;
}

.sector-detail-content h1 {
    margin: -6px 0 14px;
}
/*#endregion*/

/*#region Sektör Detay AltSayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .sector-detail-image {
        margin: 0 49px 42px 0;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .sector-detail-image {
        margin: 0 49px 42px 0;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .sector-detail-image {
        margin: 0 49px 42px 0;
    }
}
/*width 1280*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .sector-detail-image {
        margin: 0 49px 42px 0;
    }
}
/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .sector-detail-image {
        margin: 0 49px 41px 0;
    }
}
/*#endregion*/

/*#region Sektör Detay Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .sector-detail-image {
        margin: 0 20px 20px 0;
    }

    .sector-detail-stick-container {
        padding-top: 90px;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .sector-detail-image {
        margin: 0 25px 25px 0;
    }

    .sector-detail-stick-container {
        padding-top: 40px;
    }
}
/*#endregion*/

/*#region Sektör Detay Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .sector-detail-image {
        margin: 0 10px 10px 0;
    }

    .sector-detail-stick-container {
        padding-top: 65px;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .sector-detail-image {
        margin: 0 10px 10px 0;
    }

    .sector-detail-stick-container {
        padding-top: 70px;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .sector-detail-image {
        margin: 0 15px 15px 0;
    }

    .sector-detail-stick-container {
        padding-top: 75px;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .sector-detail-image {
        margin: 0 20px 20px 0;
    }

    .sector-detail-stick-container {
        padding-top: 80px;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .sector-detail-image {
        margin: 0 20px 20px 0;
    }

    .sector-detail-stick-container {
        padding-top: 85px;
    }
}
/*#endregion*/

/*#region 404*/
.error-header-actions {
    padding: 0;
}

.error-page {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 111px;
    position: relative;
}

.error-image {
    aspect-ratio: 318/254;
    width: 100%;
    max-width: 318px;
}

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

.error-page h1 {
    font-family: Poppins-Bold;
    font-size: 250px;
    color: white;
    display: block;
    margin-top: -127px;
    line-height: 250px;
}

.error-subtitle {
    font-family: Poppins-Bold;
    font-size: 28.77px;
    color: white;
    margin-top: -15px;
}

.error-description {
    font-size: 16px;
    font-family: Poppins-Light;
    color: white;
    text-align: center;
    display: block;
    width: 25%;
    margin-top: 24px;
    line-height: 19px;
}

.error-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-family: Poppins-Light;
    font-size: 14px;
    color: white;
    border-radius: 3px;
    background-color: var(--nikelRed);
    padding: 9.5px 31px;
    margin-top: 50px;
}

.error-stick-container {
    padding-top: 111px;
}
/*#endregion*/

/*#region 500*/
.error-main {
    display: flex;
    justify-content: center;
    align-items: end;
}

.error-page-500 {
    width: 25%;
    margin-top: 187px;
}

    .error-page-500 h1 {
        margin-top: 0px;
    }

.error-description-500 {
    width: auto;
}

.error-image-500 {
    aspect-ratio: 342/343;
    max-width: 342px;
    margin-right: -5%;
    margin-bottom: 0.8%;
}


.error-link-500 {
    margin-top: 31px;
}

.error-500-stick-container {
    padding-top: 187px;
}
/*#endregion*/

/*#region Error Alt Sayfa*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .error-page {
        margin-top: 90px;
    }

    .error-stick-container {
        padding-top: 51px;
    }

    .error-description {
        width: 31%;
    }

    .error-page-500 {
        width: 30%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {
    .error-page {
        margin-top: 80px;
    }

    .error-stick-container {
        padding-top: 101px;
    }

    .error-description {
        width: 33%;
    }

    .error-page-500 {
        width: 30%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {
    .error-page {
        margin-top: 70px;
    }

    .error-stick-container {
        padding-top: 91px;
    }

    .error-description {
        width: 35%;
    }

    .error-page-500 {
        width: 33%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .error-page {
        margin-top: 60px;
    }

    .error-stick-container {
        padding-top: 81px;
    }

    .error-description {
        width: 37%;
    }

    .error-page-500 {
        width: 33%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    .error-page {
        margin-top: 50px;
    }

    .error-stick-container {
        padding-top: 71px;
    }

    .error-description {
        width: 39%;
    }


    .error-page-500 {
        width: 36%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/*width 1280	*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    .error-page {
        margin-top: 40px;
    }

    .error-stick-container {
        padding-top: 61px;
    }

    .error-description {
        width: 41%;
    }

    .error-image-500 {
        margin-right: -5%;
    }

    .error-page-500 {
        width: 36%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/*width 1024	*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/*#endregion*/

/*#region Error Yatay*/
/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:843px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone 12 Pro yatay*/
@media only screen and (min-width:844px) and (max-width:931px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone 14 Pro Max yatay*/
@media only screen and (min-width:932px) and (max-width:999px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/*#endregion*/

/*#region Error Dikey*/
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}

/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .error-page {
        margin-top: 30px;
    }

    .error-stick-container {
        padding-top: 51px;
    }


    .error-description {
        width: 50%;
    }

    .error-image-500 {
        margin-right: -8%;
    }

    .error-page-500 {
        width: 48%;
    }

    .error-description-500 {
        width: 100%;
    }
}
/*#endregion*/

/*#region Nikel Extra*/
.nikel-bold {
    font-family: Poppins-Bold !important;
}
/*#endregion*/