* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

:root {
    --themecolor: #c10230;
    --themetextcolor: #9b8f97;
}

/* Fonts */
@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetypem');
    font-weight: bold;
    font-style: normal;
}

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

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetypem');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetypem');
    font-weight: bold;
    font-style: normal;
}

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

body {
    font-family: 'Roboto-Regular';
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

::selection {
    color: #fff;
    background: var(--themecolor);
}

/*safari inputlara default border-radius veriyor bunu engelliyorum*/
input, textarea, select {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}


::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(255, 255, 255, .5);
}

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

a {
    text-decoration: none;
    color: #fff;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

.main {
    width: 88.8545%;
    margin: auto;
}

.margin-0 {
    margin: 0 !important;
}


header {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2.575% 5.255%;
    position: absolute;
    justify-content: end;
    z-index: 2;
    height: 125px;
}

    header::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 0;
        box-shadow: 0px 0px 180px 110px rgb(0 0 0 / 30%);
        z-index: -2;
    }

    header .sideShadow {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 0;
        /* box-shadow: 0px 0px 180px 220px rgb(0 0 0 / 40%); */
        z-index: -2;
    }

    header::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 1%;
        height: 0;
        box-shadow: 0px 10px 250px 200px #fff;
        z-index: -1;
        transform: translate(-50%, 0%);
    }

    header .radialShadow {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1%;
        height: 0;
        box-shadow: 0px 0px 110px 120px #fff;
        z-index: -1;
        transform: translate(-50%, 0%);
    }


    header .logo {
        /* width: 269px;
    height: 74px;
    max-width: 269px;
    max-height: 74px; */
        /*logo bulanıklaştığı için*/
        width: 273px;
        height: 74px;
        max-width: 273px;
        max-height: 74px;
        position: absolute;
        top: 56%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        header .logo .apresanLogo {
            background: url('../img/apresan.png')no-repeat;
            width: 100%;
            height: 100%;
            display: inline-block;
            background-position: center center;
            background-size: 100%;
        }

    header .nav {
        width: 365px;
    }

        header .nav .nav-ul {
            list-style: none;
            display: flex;
            gap: 60px;
        }

            header .nav .nav-ul li {
                color: white;
                font-family: 'Roboto-Regular';
                font-size: 22px;
                user-select: none;
                cursor: pointer;
            }

                header .nav .nav-ul li a {
                    color: #fff;
                }

                header .nav .nav-ul li:last-child {
                    position: relative;
                    padding-left: 40px;
                }

                    header .nav .nav-ul li:last-child::before {
                        content: '';
                        background: url('../img/menu_icon.png')no-repeat;
                        background-size: 22px;
                        width: 22px;
                        height: 22px;
                        position: absolute;
                        top: 0;
                        left: 0%;
                    }

.topBanner {
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    user-select: none;
    position: relative;
}

.swiper-container .swiper-zoom-container > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    max-height: 100vh;
}

.swiper-wrapper .swiper-slide img,
.swiper-wrapper .swiper-slide video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center center;
}

.topBannerSection {
    margin-bottom: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 15px !important;
        font-weight: bold !important;
    }

.swiper-button-next,
.swiper-button-prev {
    width: 20px !important;
    height: 20px !important;
    padding: 12px !important;
    transition: all ease 0.3s;
}

    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

.swiper-button-prev {
    left: 4% !important;
}

.swiper-button-next {
    right: 4% !important;
}

/*Banner Mouse Icon*/
.bannerMouseIcon {
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    z-index: 1;
}

    .bannerMouseIcon a {
        padding-top: 60px;
    }

        .bannerMouseIcon a span {
            position: absolute;
            top: 0;
            left: 50%;
            width: 30px;
            height: 50px;
            margin-left: -15px;
            border: 3px solid #fff;
            border-radius: 50px;
            box-sizing: border-box;
        }

            .bannerMouseIcon a span::before {
                position: absolute;
                top: 10px;
                left: 50%;
                content: '';
                width: 6px;
                height: 6px;
                margin-left: -3px;
                background-color: #fff;
                border-radius: 100%;
                -webkit-animation: sdb10 2s infinite;
                animation: sdb10 2s infinite;
                box-sizing: border-box;
            }

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb10 {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.productsBanner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position-y: 0;
    background-size: 100% !important;
    background-repeat: no-repeat;
    position: relative;
    transition: all ease .1s;
}

    .productsBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0 0 0 / 0.5);
    }

.bannerTitle {
    color: white;
    font-size: 80px;
    font-family: 'Roboto-Black';
    user-select: none;
    padding: 8.9% 0 5.7% 0;
    z-index: 1;
}

    .bannerTitle h1 {
        color: white;
        font-size: 80px;
        font-family: 'Roboto-Black';
    }

.productsBackground {
    width: 100%;
    padding-bottom: 8.1456%;
}

    .productsBackground .productBox {
        width: 30.149%;
        background-color: #fff;
        border-radius: 20px;
        cursor: pointer;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 6.506% 7.689% 10.646% 5.027%;
        overflow: hidden;
        height: 386px;
        max-height: 386px;
    }

        .productsBackground .productBox:hover span i {
            animation: arrow infinite 1.5s;
        }



@keyframes arrow {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

.productsBackground .productBox .productName {
    color: var(--themecolor);
    font-family: 'Roboto-Black';
    font-size: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.productsBackground .productBox .productDetailButton {
    color: var(--themecolor);
    font-family: 'Roboto-Light';
    font-size: 18px;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 14%;
    right: 12%;
}

    .productsBackground .productBox .productDetailButton i {
        font-size: 14px;
    }

.productsBackground .main.productsMain {
    margin-top: -80px;
    display: flex;
    flex-wrap: wrap;
    /*gap: 80px;*/
    row-gap: 80px;
    /*justify-content: space-between;*/
    justify-content: space-around;
}

.midBanner {
    width: 100%;
    height: 472px;
    background-position: center 75% !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px;
}

    .midBanner .contentText {
        width: 43.458%;
        height: 100%;
        background-color: rgba(0, 0, 0, .9);
        padding: 7.311% 8.3556% 3.656% 3.499%;
        float: right;
        max-height: 472px;
    }

        .midBanner .contentText .title {
            color: #fff;
            font-size: 35px;
            font-family: 'Roboto-Bold';
            margin-bottom: 7.436%;
            width: 75%;
        }

        .midBanner .contentText .text {
            color: #fff;
            font-size: 22px;
            font-family: 'Roboto-Regular';
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            white-space: normal;
        }

.institutionalBackground {
    width: 100%;
    padding-bottom: 5.781%;
}

.institutionalBanner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% !important;
    position: relative;
    transition: all ease .1s;
    background-position-y: 0;
}

    .institutionalBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0 0 0 / 0.5);
    }

.institutionalBackground .institutionalContent {
    margin: auto;
    background-color: #fff;
    margin-top: -80px;
    width: 69.818%;
    height: 506px;
    max-height: 506px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    border-radius: 20px;
    padding: 7.05% 9.4% 4.439% 9.661%;
}

    .institutionalBackground .institutionalContent .logo {
        background: url('../img/apresan.png')no-repeat;
        background-size: 100%;
        height: 74px;
        width: 296px;
        max-width: 269px;
        max-height: 74px;
        margin-bottom: 55px;
    }

    .institutionalBackground .institutionalContent .text {
        font-size: 18px;
        font-family: 'Roboto-Regular';
        color: var(--themetextcolor);
        line-height: 1.5;
        width: 100%;
        max-height: 55%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 18px;
        font-family: 'Roboto-Bold';
        color: var(--themecolor);
        position: absolute;
        right: 4.5%;
        bottom: 11%;
        display: flex;
        gap: 10px;
        align-items: center;
        cursor: pointer;
    }

        .institutionalBackground .institutionalContent .institutionalContinueButton a:hover i {
            animation: arrow infinite 1.5s;
        }

    .institutionalBackground .institutionalContent a i {
        font-size: 14px;
    }

.blogBanner {
    width: 100%;
    /* padding: 7.331% 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center 44% !important;
    background-size: 100% !important;
    position: relative;
}

    .blogBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0 0 0 / 0.2);
    }


.blogBackground {
    width: 100%;
    padding-bottom: 11.5%;
}

    .blogBackground .main.blogMain {
        margin-top: -80px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .blogBackground .blogBox {
        width: 30.149%;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        overflow: hidden;
        max-height: 386px;
    }

        .blogBackground .blogBox a:hover i {
            animation: arrow infinite 1.5s;
        }


        .blogBackground .blogBox .blogTitle {
            font-size: 35px;
            font-family: 'Roboto-Black';
            color: var(--themecolor);
            margin-bottom: 20px;
            overflow: hidden;
            height: 84px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 18px;
            font-family: 'Roboto-Bold';
            color: var(--themetextcolor);
            margin-bottom: 25px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
        }
        /*
        .blogBackground .blogBox .blogContent {
            font-size: 18px;
            font-family: 'Roboto-Regular';
            color: var(--themetextcolor);
            line-height: 1.4;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
        }*/


        .blogBackground .blogBox .blogContent {
            font-size: 18px;
            font-family: 'Roboto-Regular';
            color: var(--themetextcolor);
            line-height: 1.4;
            overflow: hidden;
            height: 53px;
            /* display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;*/
        }







        .blogBackground .blogBox .blogDetail {
            color: var(--themecolor);
            cursor: pointer;
            position: absolute;
            bottom: 15%;
            right: 11.5%;
            padding: 5px;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 14px;
            }

.bottomBanner {
    width: 100%;
    height: 472px;
    background-position: center 51% !important;
    background-size: 100% !important;
    margin-bottom: 20px;
    position: relative;
}

    .bottomBanner.video {
        width: 100%;
        height: 472px;
        background-image: none !important;
        background-position: center 51% !important;
        background-size: 100% !important;
        margin-bottom: 20px;
        position: relative;
    }

        .bottomBanner.video video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.contactBanner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center 85% !important;
    background-size: 100% !important;
    position: relative;
    background-image: url(/assets/img/contactBanner.png);
}




    .contactBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0 0 0 / 0.5);
    }


.contactBackground {
    width: 100%;
    height: 525px;
    padding-bottom: 8.1456%;
    background: url('../img/footerBG.png');
    background-position: center 0% !important;
    background-size: 100% !important;
    position: relative;
}

    .contactBackground .footer {
        margin: auto;
        width: 88.8545%;
        height: 531px;
        background-color: #fff;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border-radius: 20px;
        position: absolute;
        left: 50%;
        top: 0%;
        transform: translate(-50%, -16%);
    }

        .contactBackground .footer .footerFlex {
            display: flex;
            margin-top: 8.816%;
        }

    .contactBackground .signature {
        width: 100%;
        height: 75px;
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--themecolor);
        font-size: 14px;
        font-family: 'Roboto-Regular';
        gap: 20px;
        user-select: none;
    }


        .contactBackground .signature a {
            color: var(--themecolor);
        }

    .contactBackground .footer .logo {
        background: url('../img/apresan.png')no-repeat;
        background-size: 100%;
        height: 74px;
        width: 296px;
        max-width: 269px;
        max-height: 74px;
        margin: 0px 5.1145% 0 2.7572%;
    }

    .contactBackground .footer .footerTitle {
        font-family: 'Roboto-Bold';
        font-size: 15px;
        color: var(--themecolor);
    }

    .contactBackground .footer .footerLine {
        width: 163px;
        height: 2px;
        background-color: var(--themecolor);
        margin: 7px 0;
    }

    .contactBackground .footer .footerList {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

        .contactBackground .footer .footerList li a {
            color: var(--themetextcolor);
            font-size: 15px;
            font-family: 'Roboto-Regular';
            transition: all ease-in .1s;
        }

            .contactBackground .footer .footerList li a:hover {
                color: var(--themecolor);
                font-family: 'Roboto-Medium';
            }

    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 18.571%;
    }

    .contactBackground .footer .rollerBlinds {
        width: 17.743%;
    }

    .contactBackground .footer .rightBlock {
        display: flex;
        flex-direction: column;
        width: 21.291%;
    }

        .contactBackground .footer .rightBlock .address {
            display: flex;
            flex-direction: column;
            padding-left: 35px;
            color: var(--themetextcolor);
            font-size: 16px;
            gap: 13px;
            margin-bottom: 45px;
        }

            .contactBackground .footer .rightBlock .address .location {
                display: flex;
                flex-direction: column;
                gap: 7px;
                position: relative;
            }

            .contactBackground .footer .rightBlock .address .phone {
                position: relative;
            }

            .contactBackground .footer .rightBlock .address .mail {
                position: relative;
            }

                .contactBackground .footer .rightBlock .address .mail a {
                    color: var(--themetextcolor);
                    font-size: 16px;
                }

            .contactBackground .footer .rightBlock .address .location::before {
                content: '\f3c5';
                font-family: 'FontAwesome';
                position: absolute;
                color: var(--themecolor);
                left: -30px;
                font-size: 18px;
            }

            .contactBackground .footer .rightBlock .address .phone::before {
                content: '\f095';
                font-family: 'FontAwesome';
                position: absolute;
                color: var(--themecolor);
                left: -30px;
                font-size: 18px;
            }

            .contactBackground .footer .rightBlock .address .mail::before {
                content: '\f0e0';
                font-family: 'FontAwesome';
                position: absolute;
                color: var(--themecolor);
                left: -30px;
                font-size: 18px;
            }



    .contactBackground .footer .socialMedias {
        gap: 22px;
        width: 100%;
        display: flex;
        justify-content: end;
        bottom: 7%;
        padding: 2.939% 7.053% 1.764% 0;
    }

        .contactBackground .footer .socialMedias i {
            color: var(--themecolor);
            font-size: 22px;
        }

    .contactBackground .footer .rightBlock .eBulletin {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 90%;
        position: relative;
    }

        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 25px;
            color: var(--themecolor);
            font-family: 'Roboto-Bold';
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
        }

        .contactBackground .footer .rightBlock .eBulletin .mailInput {
            width: 95.375%;
            padding: 12px 0;
            display: flex;
            border: 1px solid var(--themecolor);
            border-radius: 50px;
            margin: auto;
        }

.btnEbulletin {
    display: none !important;
}

.contactBackground .footer .rightBlock .eBulletin .mailInput input {
    height: 22px;
    width: 80%;
    border-radius: 50px;
    border: none;
    padding-right: 5px;
    margin-left: 20px;
}

    .contactBackground .footer .rightBlock .eBulletin .mailInput input::placeholder {
        color: var(--themetextcolor);
        font-size: 14px;
    }


.contactBackground .footer .rightBlock .eBulletin .mailInput i {
    color: var(--themecolor);
    font-size: 22px;
    cursor: pointer;
}

.menu {
    width: 498px;
    height: 100%;
    background: url('../img/apresan-a.png') no-repeat rgba(255, 255, 255, .95);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3;
    padding-left: 3.238%;
    background-position: -70% bottom;
    right: -100%;
    transition: box-shadow 0.5s ease;
}

    .menu .menuContainer {
        width: 332px;
        height: 100%;
    }

.tr-flag {
    background: url('../img/tr-flag.png')no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 21px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}

.en-flag {
    background: url('../img/en-flag.png')no-repeat;
    background-size: 97%;
    background-position: center center;
    width: 21px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
}

.menu .menuContainer .top {
    margin: 45px 0 30px 0;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
}


    .menu .menuContainer .top .language {
        display: flex;
        align-items: center;
        gap: 10px;
    }


    .menu .menuContainer .top .closeButton {
        color: var(--themetextcolor);
        font-size: 22px;
        font-family: 'Roboto-Medium';
        display: flex;
        align-items: center;
        gap: 17px;
        cursor: pointer;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 32px;
        }



.menu .menuContainer .search {
    width: 99%;
    height: 30px;
    border-bottom: 2px solid var(--themetextcolor);
    gap: 40px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 50px;
}

    .menu .menuContainer .search i {
        font-size: 17px;
        color: var(--themetextcolor);
    }

.menu .menuContainer input {
    border: 0;
    background-color: transparent;
    font-size: 16px;
    font-family: 'Roboto-Light';
    width: 80%;
}

    .menu .menuContainer input::placeholder {
        font-size: 16px;
        color: var(--themetextcolor);
        font-family: 'Roboto-Light';
    }


.menu .menuContainer .menu-ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 45px;
    user-select: none;
    height: 70%;
}



.menu-ul .active a {
    color: var(--themecolor) !important;
}

.menu .menuContainer .menu-ul li a {
    color: var(--themetextcolor);
    font-family: 'Roboto-Medium';
    font-size: 20px;
    display: flex;
    gap: 40px;
    align-items: center;
    transition: all ease .2s;
}

.menu .menuContainer .menu-ul li:hover > a {
    color: var(--themecolor);
}

.menu .menuContainer .menu-ul li a i {
    font-size: 20px;
    width: 24px;
}

.menu .menuContainer .menu-ul .socialMedias {
    display: flex;
    gap: 15px;
    margin-top: auto;
}

    .menu .menuContainer .menu-ul .socialMedias i {
        color: var(--themetextcolor);
        font-size: 22px;
        transition: all ease .2s;
    }

    .menu .menuContainer .menu-ul .socialMedias a:hover > i {
        color: var(--themecolor);
    }

.topBannerSection .contentBanner {
    width: 100%;
    height: 411px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover !important;
    background-position: center 27.5%;
    position: relative;
}

    .topBannerSection .contentBanner::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0 0 0 / 0.5);
    }

    .topBannerSection .contentBanner .contentTitle {
        z-index: 2;
        user-select: none;
        position: absolute;
        margin-top: 60px;
        color: #fff;
        font-family: 'Roboto-Bold';
        font-size: 50px;
        letter-spacing: 1px;
    }

.institutionalBackground {
    height: 100%;
    width: 100%;
    background-color: #fff;
}

    .institutionalBackground .institutionalMain {
        margin-top: -90px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 40px;
    }

        .institutionalBackground .institutionalMain .institutionalBox {
            width: 513px;
            background-color: #fff;
            border-radius: 20px;
            cursor: pointer;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            position: relative;
            overflow: hidden;
            height: 386px;
            max-height: 386px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

            .institutionalBackground .institutionalMain .institutionalBox:before {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                background: rgba(255 255 255 / 0.7);
            }

            .institutionalBackground .institutionalMain .institutionalBox:after {
                content: '';
                position: absolute;
                width: 100%;
                height: 0%;
                bottom: 0;
                left: 0;
                box-shadow: #fff 0px -20px 50px 100px;
            }

            .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
                color: #554951;
                font-family: 'Roboto-Black';
                font-size: 40px;
                user-select: none;
                margin-top: 180px;
                position: relative;
                z-index: 1;
            }

                .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
                    content: '';
                    position: absolute;
                    width: 70px;
                    height: 5px;
                    border-radius: 3px;
                    background-color: var(--themecolor);
                    bottom: -5px;
                    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) 1s;
                }


            .institutionalBackground .institutionalMain .institutionalBox:hover .institutionalName::before {
                width: 100%;
            }

.contentBanner.qualityPoliciBanner {
    height: 412px;
    background-position: center 0%;
}

.qualityPolicyBackground {
    min-height: 510px;
    width: 100%;
    position: relative;
    margin-bottom: 4%;
}

    .qualityPolicyBackground .qualityPolicyMain {
        background-color: #fff;
        border-radius: 20px;
        margin-top: -90px;
        min-height: 511px;
        padding: 4.178%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        display: flex;
        justify-content: space-between;
    }

    .qualityPolicyBackground .textBox {
        width: 47.55%;
        max-width: 47.55%;
        overflow-wrap: anywhere;
    }

        .qualityPolicyBackground .textBox .title {
            color: var(--themecolor);
            font-size: 35px;
            font-family: 'Roboto-Black';
            /*margin-bottom: 5.458%;*/
            margin-bottom: 3.458%;
            margin-top: 2.73%;
        }

        .qualityPolicyBackground .textBox .content {
            color: var(--themetextcolor);
            font-size: 18px;
            font-family: 'Roboto-Regular';
            line-height: 1.5;
        }

            .qualityPolicyBackground .textBox .content span {
                display: inline-block;
                margin-bottom: 4%;
            }

    .qualityPolicyBackground .imageBox {
        width: 47.55%;
        height: 347px;
        max-height: 347px;
        max-width: 47.55%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

.productionBackground {
    width: 100%;
    min-height: 100vh;
    margin-bottom: 20px;
}

    .productionBackground:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0 0 0 / .3);
    }

    .productionBackground video {
        width: 100%;
        height: 100vh;
        background-size: 100%;
        background-position: center center;
        position: absolute;
        z-index: -1;
        object-fit: cover;
    }

    .productionBackground .productionContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 1;
        position: relative;
    }

        .productionBackground .productionContainer .productionTitle {
            color: #fff;
            font-family: 'Roboto-Black';
            font-size: 50px;
            margin-bottom: 3.395%;
            margin-top: 10.705%;
        }


        .productionBackground .productionContainer .productionMain {
            background-color: rgba(255 255 255 / .95);
            border-radius: 20px;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            padding: 5.222% 4.961% 4.857% 4.178%;
            z-index: 2;
            position: relative;
            margin-bottom: 8%;
        }

            .productionBackground .productionContainer .productionMain .textBox .title {
                color: var(--themecolor);
                font-size: 35px;
                font-family: 'Roboto-Black';
                margin-bottom: 3.276%;
            }

            .productionBackground .productionContainer .productionMain .textBox .content {
                color: var(--themetextcolor);
                font-size: 18px;
                font-family: 'Roboto-Regular';
                line-height: 1.5;
            }


.contentBanner.aboutBanner {
    height: 412px;
    background-repeat: no-repeat;
    background-position: center top;
}


.contentBanner.aboutTitle {
    font-size: 50px;
    font-family: 'Roboto-Black';
}

.aboutBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .aboutBackground .aboutMain {
        background-color: #fff;
        margin-top: -92px;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 5.066% 4.178% 1.567% 4.178%;
    }

        .aboutBackground .aboutMain .institutionalNav {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 45px;
            user-select: none;
            z-index: 10;
            top: -51px;
            right: 46px;
            background-color: rgb(255 255 255 / 0.9);
            border-radius: 20px 20px 0px 0px;
            padding: 15px;
            width: 30%;
        }

.institutionalNav .line a {
    font-family: 'Roboto-Regular';
    font-size: 18px;
    color: var(--themecolor);
}

.institutionalNav .line.active a {
    font-family: 'Roboto-Medium';
    position: relative;
}


.aboutBackground .aboutTitle {
    font-size: 60px;
    color: var(--themecolor);
    font-family: 'Roboto-Black';
    width: 100%;
    text-align: center;
    margin-bottom: 5.839%;
}

.aboutBackground .contentBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.893%;
    gap: 75px;
}

    .aboutBackground .contentBox:nth-child(2n+1) {
        flex-direction: row-reverse;
    }

        .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
            height: 570px;
        }


    .aboutBackground .contentBox .imageBox {
        width: 47.55%;
        min-height: 366px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        box-shadow: rgba(149, 157, 165, 0.5) 0px 10px 40px;
    }

    .aboutBackground .contentBox .textBox {
        width: 47.55%;
        min-height: 366px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .aboutBackground .contentBox .textBox .title {
            color: var(--themecolor);
            font-size: 35px;
            font-family: 'Roboto-Black';
            margin-bottom: 35px;
        }

        .aboutBackground .contentBox .textBox .text {
            color: var(--themetextcolor);
            font-size: 18px;
            font-family: 'Roboto-Regular';
            line-height: 1.5;
        }

.gallery {
    width: 100%;
    height: 430px;
}

    .gallery .galleryMain {
        padding: 0 80px;
    }

    .gallery .title {
        color: var(--themecolor);
        font-size: 35px;
        font-family: 'Roboto-Black';
        position: relative;
        margin-bottom: 2.595%;
    }

        .gallery .title::before {
            content: '';
            position: absolute;
            bottom: -13px;
            left: 0;
            background-color: #e9e6e6;
            background-image: linear-gradient(0deg, #e9e6e6, #f7f4f4);
            width: 100%;
            height: 2px;
        }

    .gallery .gallerySlider {
        padding: 0 2%;
    }

        .gallery .gallerySlider .slick-slide {
            margin: auto !important;
            width: 333px !important;
            height: 184px !important;
            margin-bottom: 0 !important;
            /* margin-right: 40px !important; */
        }

            .gallery .gallerySlider .slick-slide:nth-last-child(1) {
                margin-right: 0px !important;
            }

        .gallery .gallerySlider .slick-slide {
            transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
            overflow: hidden !important;
            width: 333px !important;
            height: 184px !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            cursor: pointer;
        }

            .gallery .gallerySlider .slick-slide:hover {
                /* width: 392px !important; */
                height: 217px !important;
            }

            .gallery .gallerySlider .slick-slide img {
                width: 100% !important;
            }

        .gallery .gallerySlider .slick-prev {
            left: 0% !important;
        }


        .gallery .gallerySlider .slick-prev,
        .gallery .gallerySlider .slick-next {
            top: 55% !important;
        }


        .gallery .gallerySlider .slick-next {
            right: 0% !important;
        }

        .gallery .gallerySlider .slick-prev:before {
            content: '\f104' !important;
            font-family: 'FontAwesome' !important;
            color: #c3c3c3 !important;
        }

        .gallery .gallerySlider .slick-next:before {
            content: '\f105' !important;
            font-family: 'FontAwesome' !important;
            color: #c3c3c3 !important;
        }



        .gallery .gallerySlider .slick-slide img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }


.videoIcon {
    position: relative;
}

    .videoIcon i {
        position: absolute;
        width: 50px;
        height: 50px;
        cursor: pointer;
        color: rgba(255 255 255 / 0.8);
        font-size: 60px;
        transition: all ease .3s;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .videoIcon:hover > a i {
        color: rgba(255, 255, 255, 1);
    }

.gallerySlider .slick-track {
    display: flex !important;
    align-items: end !important;
    height: 220px !important;
}

.contentBanner.error404banner {
    background-position: center 0%;
    background-image: url(/assets/img/404Banner.png);
}

.topBannerSection .contentBanner.error404banner::before {
    background-color: rgba(0 0 0 / 0);
}

.errorBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .errorBackground .errorMain {
        background-color: #fff;
        margin-top: -92px;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 4.0734% 4.178% 1.567% 4.178%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .errorBackground .statusCode {
        color: var(--themecolor);
        font-size: 80px;
        font-family: 'Roboto-Black';
        margin-bottom: 2.595%;
    }

    .errorBackground .message {
        color: var(--themecolor);
        font-size: 40px;
        font-family: 'Roboto-Bold';
        margin-bottom: 2%;
    }

    .errorBackground .description {
        color: var(--themetextcolor);
        font-size: 16px;
        text-align: center;
        margin-bottom: 4.541%;
        width: 25%;
    }

    .errorBackground .redirectButton {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 1.168% 3.244%;
        font-size: 20px;
        color: #fff;
        background-color: var(--themecolor);
        border-radius: 4px;
        margin-bottom: 2%;
    }

.colorFor500 {
    color: var(--themetextcolor) !important;
}

.colorFor500Button {
    background-color: var(--themetextcolor) !important;
}

.contentBanner.error500banner {
    background-position: center center;
    background-image: url(/assets/img/500Banner.png);
}

.topBannerSection .contentBanner.error500banner::before {
    background-color: rgba(0 0 0 / 0);
}

.contentBanner.certificateBanner {
    background-position: center 0%;
}

.certificateBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .certificateBackground .certificateMain {
        background-color: #fff;
        margin-top: -92px;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 3.395% 4.178%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .certificateBackground .text {
        width: 65%;
        color: var(--themetextcolor);
        font-size: 18px;
        text-align: center;
        margin-bottom: 60px;
        line-height: 1.5;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 65px;
    }

        .certificateBackground .certificateContainer .certficateBox {
            width: 27%;
            border: 2px solid #585e58;
        }

            .certificateBackground .certificateContainer .certficateBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

.contactPageBackground {
    width: 100%;
    margin-bottom: 20px;
}

    .contactPageBackground .contactMain {
        background-color: #fff;
        margin-top: -92px;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 4.961% 4.021%;
        display: flex;
        justify-content: space-between;
    }

.contactPageBanner {
    background-position: center 0% !important;
}

.contactPageBackground .contactForm {
    width: 55.895%;
    position: relative;
}

.contactPageBackground .contactAddress {
    width: 27.786%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    padding-top: 50px;
}

.contactPageBackground .contactForm .title {
    font-size: 50px;
    color: var(--themecolor);
    font-family: 'Roboto-Black';
    margin-bottom: 4.047%;
}

.contactPageBackground .contactForm .fullNameAlignment {
    display: flex;
    justify-content: space-between;
    gap: 90px;
    margin-bottom: 2.313%;
    position: relative;
}

.contactPageBackground .contactForm input:not([type="checkbox"]) {
    border: 1px solid #c6c6c6;
    padding: 18px 20px;
    font-size: 15px;
    width: 100%;
}

.contactPageBackground .contactForm input::placeholder {
    color: #c6c6c6;
    font-size: 15px;
}

.contactPageBackground .contactForm .contactMessageTextArea {
    border: 1px solid #c6c6c6;
    padding: 20px;
    font-size: 15px;
    width: 100%;
    height: 133px;
    overflow: hidden;
    resize: none;
    margin-bottom: 1.85%;
    font-family: 'Roboto-Regular';
}

    .contactPageBackground .contactForm .contactMessageTextArea::placeholder {
        color: #c6c6c6;
        font-size: 15px;
        font-family: 'Roboto-Regular';
    }


.contactPageBackground .contactForm .contactSubject {
    margin-bottom: 2.313%;
}

.contactPageBackground .contactForm .contactBottomLine {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
}

    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        display: flex;
        align-items: center;
        margin-right: 9.597%;
    }

        .contactPageBackground .contactForm .contactBottomLine .kvkk label {
            color: #555555;
            font-size: 12px;
            font-family: 'Roboto-Regular';
            display: flex;
            justify-content: center;
            align-items: center;
            user-select: none;
        }

            .contactPageBackground .contactForm .contactBottomLine .kvkk label a {
                color: var(--themecolor);
            }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        width: 250px;
        height: 60px;
        margin-right: 13.5%;
        transform: scale(0.75);
        -webkit-transform: scale(0.75);
    }

        .contactPageBackground .contactForm .contactBottomLine .reCaptcha img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            color: #fff;
            font-family: 'Roboto-Regular';
            font-size: 20px;
            padding: 23% 65%;
            border-radius: 4px;
            background-color: var(--themecolor);
        }


.kvkk input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.kvkk label {
    position: relative;
    cursor: pointer;
}

    .kvkk label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid #c6c6c6;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 10px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 8px;
    }

.kvkk input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 4px;
    height: 10px;
    border: solid var(--themecolor);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contactPageBackground .contactAddress .addressLine .titleAddress,
.contactPageBackground .contactAddress .addressLine .titlePhone,
.contactPageBackground .contactAddress .addressLine .titleEmail {
    color: var(--themecolor);
    font-size: 20px;
    font-family: 'Roboto-Bold';
    margin-bottom: 4px;
    position: relative;
}

.contactPageBackground .contactAddress .addressLine .text,
.contactPageBackground .contactAddress .addressLine .text a {
    color: var(--themetextcolor);
    font-size: 16px;
    line-height: 1.5;
}

.contactPageBackground .contactAddress .addressLine {
    margin-bottom: 30px;
}



    .contactPageBackground .contactAddress .addressLine .titleAddress::before {
        content: '\f3c5';
        font-family: 'FontAwesome';
        position: absolute;
        color: var(--themecolor);
        left: -30px;
        font-size: 18px;
        top: 4px;
    }


    .contactPageBackground .contactAddress .addressLine .titlePhone::before {
        content: '\f095';
        font-family: 'FontAwesome';
        position: absolute;
        color: var(--themecolor);
        left: -30px;
        font-size: 18px;
        top: 4px;
    }


    .contactPageBackground .contactAddress .addressLine .titleEmail::before {
        content: '\f0e0';
        font-family: 'FontAwesome';
        position: absolute;
        color: var(--themecolor);
        left: -30px;
        font-size: 18px;
        top: 4px;
    }

.contactPageBackground .mapsFrame {
    width: 100%;
    /* height: 882px; */
    height: 96vh;
    margin-top: 20px;
}

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

.textJustify {
    text-align: justify;
}

.breadCrumbs {
    font-size: 14px;
    color: #fff;
    font-family: 'Roboto-Light';
    position: absolute;
    top: -35px;
    user-select: none;
    z-index: 10;
}

    .breadCrumbs ul {
        list-style: none;
        display: flex;
        gap: 5px;
    }

        .breadCrumbs ul li a {
            font-size: 14px;
            color: #fff;
            position: relative;
        }

        .breadCrumbs ul li:not(:last-child) a:after {
            content: '/';
            margin-left: 4px;
        }

        .breadCrumbs ul li:last-child {
            font-family: 'Roboto-Regular';
        }


.contactSection {
    position: relative;
}

.resizeBC {
    top: 295px !important;
}

.contentBanner.blogPageBanner {
    background-position: center 0%;
}

.blogPageBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .blogPageBackground .blogMain {
        background-color: #fff;
        margin-top: -92px;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 8.094% 4.178% 2.611% 4.178%;
    }

        .blogPageBackground .blogMain .blogContainer {
            display: flex;
            flex-wrap: wrap;
            row-gap: 30px;
            justify-content: space-between;
        }

    .blogPageBackground .blogCart {
        width: 488px;
        min-height: 564px;
        border: 2px solid #e9e6e6;
        border-radius: 20px;
    }

        .blogPageBackground .blogCart .blogImage {
            width: 100%;
            height: 250px;
            border-radius: 20px 20px 0 0;
            user-select: none;
        }

            .blogPageBackground .blogCart .blogImage img, .blogPageBackground .blogCart .blogImage video {
                border-radius: 20px 20px 0 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        /* .blogPageBackground .blogCart .title {
            color: var(--themecolor);
            font-size: 28px;
            font-family: 'Roboto-Medium';
            height: 140px;
            padding: 0 8.267%;
            margin-bottom: 8.267%;
            display: flex;
            align-items: end;
            line-height: 1.245;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: horizontal;
            white-space: normal;
            -webkit-box-align: end;
        }*/

        .blogPageBackground .blogCart .title {
            color: var(--themecolor);
            font-size: 28px;
            font-family: 'Roboto-Medium';
            padding: 0 8.267%;
            margin-bottom: 8.267%;
            display: flex;
            align-items: end;
            line-height: 1.245;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            height: 74px;
            margin-top: 10%;
        }


        /* .blogPageBackground .blogCart .text {
            color: var(--themetextcolor);
            font-size: 18px;
            font-family: 'Roboto-Regular';
            padding: 0 8.267%;
            margin-bottom: 8.267%;
            line-height: 1.5;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            white-space: normal;
            -webkit-box-orient: vertical;
        }*/

        .blogPageBackground .blogCart .text {
            color: var(--themetextcolor);
            font-size: 18px;
            font-family: 'Roboto-Regular';
            padding: 0 8.267%;
            margin-bottom: 8.267%;
            line-height: 1.5;
            overflow: hidden;
            height: 80px;
        }

    .blogPageBackground .pageListNavigate {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 5.514%;
        height: 25px;
    }

        .blogPageBackground .pageListNavigate ul {
            display: flex;
            justify-content: center;
            align-items: center;
            list-style: none;
        }

            .blogPageBackground .pageListNavigate ul li {
                position: relative;
                width: 45px;
                color: var(--themetextcolor);
                font-size: 20px;
                font-family: 'Roboto-Medium';
                padding: 2.223%;
                user-select: none;
                display: flex;
                justify-content: center;
                align-items: center;
            }


                .blogPageBackground .pageListNavigate ul li a {
                    color: var(--themetextcolor);
                    font-size: 20px;
                    font-family: 'Roboto-Medium';
                    transition: all ease .2s;
                    padding: 10%;
                }

                .blogPageBackground .pageListNavigate ul li .active {
                    font-size: 25px;
                    color: var(--themecolor);
                    font-family: 'Roboto-Bold';
                    position: absolute;
                    top: -20px;
                }


        .blogPageBackground .pageListNavigate .prev,
        .blogPageBackground .pageListNavigate .next {
            color: var(--themetextcolor);
            font-size: 18px;
            cursor: pointer;
            transition: all ease .2s;
        }

            .blogPageBackground .pageListNavigate .prev:hover,
            .blogPageBackground .pageListNavigate .next:hover {
                color: var(--themecolor);
            }

.blogDetailMain {
    width: 69.7%;
    margin: auto;
    padding: 4.178% 9.783% !important;
}

.blogDetailContainer {
    width: 100%;
    margin: auto;
}

.blogPageBackground .blogDetailMain .imageBox {
    width: 100%;
    height: 480px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin: auto;
    margin-bottom: 7.292%;
}

    .blogPageBackground .blogDetailMain .imageBox img,
    .blogPageBackground .blogDetailMain .imageBox video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.blogPageBackground .blogDetailMain .title {
    color: var(--themecolor);
    font-size: 40px;
    font-family: 'Roboto-Bold';
    margin-bottom: 4.688%;
}

.blogPageBackground .blogDetailMain .text {
    color: var(--themetextcolor);
    font-size: 16px;
    font-family: 'Roboto-Regular';
    line-height: 1.5;
}

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 24px;
        font-family: 'Roboto-Bold';
    }

.blogPageBackground .blogBottomNavContainer {
    width: 69.7%;
    margin: auto;
    margin-top: 4.439%;
    margin-bottom: 8.094%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 4.121% 5.62%;
        width: 38.435%;
        height: 321px;
    }


    .blogPageBackground .blogBottomNavContainer .title {
        color: var(--themecolor);
        font-size: 30px;
        font-family: 'Roboto-Medium';
        height: 115px;
        max-height: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: horizontal;
        -webkit-box-orient: vertical;
        white-space: normal;
        -webkit-box-align: baseline;
        margin-bottom: 4.135%;
    }



    /*.blogPageBackground .blogBottomNavContainer .text {
        color: var(--themetextcolor);
        font-size: 15px;
        font-family: 'Roboto-Regular';
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }*/

    .blogPageBackground .blogBottomNavContainer .text {
        color: var(--themetextcolor);
        font-size: 15px;
        font-family: 'Roboto-Regular';
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        /*  display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;*/
        height: 68px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        color: var(--themetextcolor);
        font-size: 18px;
        font-family: 'Roboto-Regular';
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 4.134%;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        color: var(--themetextcolor);
        font-size: 18px;
        font-family: 'Roboto-Regular';
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: end;
        margin-bottom: 4.134%;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            color: var(--themecolor);
            font-size: 15px;
        }

.contentBanner.productsPageBanner {
    background-position: center 63%;
}

.productsPageBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .productsPageBackground .productsPageMain {
        margin-top: -92px;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        row-gap: 110px;
    }


        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 45.253%;
            /* height: 550px; */
            padding: 5.475% 0;
            position: relative;
            border-radius: 20px;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center center !important;
            box-shadow: rgba(149, 157, 165, 0.1) 0px 0px 24px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .productsPageBackground .productsPageMain .noSubCategoryA {
            width: 45.253%;
            padding: 5.475% 0;
            display: contents;
        }

        .productsPageBackground .productsPageMain .productCategoryBox:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0;
            left: 0;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            z-index: 1;
            border-radius: 20px;
        }

        .productsPageBackground .productsPageMain .productCategoryBox:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 0%;
            bottom: 0;
            left: 0;
            box-shadow: #fff 0px -20px 110px 150px;
        }

        .productsPageBackground .productsPageMain .productCategoryBox a {
            color: #554951;
            font-family: 'Roboto-Black';
            font-size: 40px;
            user-select: none;
            position: relative;
            z-index: 1;
            margin-top: 41%;
        }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            color: #554951;
            font-family: 'Roboto-Black';
            font-size: 40px;
            user-select: none;
            position: relative;
            z-index: 1;
            margin-top: 41%;
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                content: '';
                position: absolute;
                width: 105px;
                height: 7px;
                border-radius: 3px;
                background-color: var(--themecolor);
                bottom: -18px;
                transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
            }


        .productsPageBackground .productsPageMain .productCategoryBox:hover .categoryName::before {
            width: 100%;
        }





        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
            position: absolute;
            bottom: 8%;
            /* right: -20%; */
            width: 367px;
            height: auto;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            background: url('../img/hoverMenuBackgroundImage.png') no-repeat #fff;
            border-radius: 10px;
            background-position: 85% 93%;
            background-size: 60%;
            z-index: 2;
            border-left: 1px solid #e7e6e6;
            padding: 8.443% 1.3% 8.443% 7.794%;
            display: none;
        }

            .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::before {
                content: '';
                position: absolute;
                background-color: rgb(255, 255, 255);
                width: 25px;
                height: 25px;
                left: -25px;
                bottom: 55px;
                transform: rotate(-90deg);
                z-index: 2;
                clip-path: polygon(49% 64%, 0% 100%, 100% 100%);
            }

            .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::after {
                content: '';
                position: absolute;
                width: 27.7px;
                height: 27.7px;
                left: -28px;
                bottom: 53.5px;
                transform: rotate(-90deg);
                z-index: -1;
                clip-path: polygon(49% 64%, 0% 100%, 100% 100%);
                background: rgb(174, 23, 58);
            }

            .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox .hiddenBox {
                position: absolute;
                width: 1px;
                height: 15px;
                background-color: #e4e4e4;
                bottom: 79px;
                left: -1px;
                background: linear-gradient(0deg, rgba(174, 23, 58, 1) 10%, rgba(233, 233, 233, 1) 100%);
            }

                .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox .hiddenBox::before {
                    content: '';
                    position: absolute;
                    width: 1px;
                    height: 15px;
                    background-color: #e4e4e4;
                    bottom: -38.4px;
                    left: 0px;
                    background: linear-gradient(180deg, rgba(174, 23, 58, 1) 10%, rgba(233, 233, 233, 1) 100%);
                }

            .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul {
                list-style: none;
                display: flex;
                flex-direction: column;
                gap: 16px;
            }

                .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
                    color: var(--themetextcolor);
                    font-family: 'Roboto-Medium';
                    font-size: 20px;
                    transition: all ease-in .1s;
                    padding: 5px;
                    position: relative;
                    display: block;
                    margin-top: unset;
                }

                .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li:hover > a {
                    color: var(--themecolor);
                    padding-left: 20px;
                }


                .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a::before {
                    content: '';
                    width: 10px;
                    height: 2px;
                    background-color: transparent;
                    left: -30px;
                    top: 50%;
                    transform: translate(0, -50%);
                    position: absolute;
                    transition: all ease-in .15s;
                }

                .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li:hover > a::before {
                    content: '';
                    width: 10px;
                    height: 2px;
                    background-color: var(--themecolor);
                    left: 5px;
                    top: 50%;
                    transform: translate(0, -50%);
                    position: absolute;
                }

.noSubCategory::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 0);
    top: 0;
    left: 0;
    position: absolute;
    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
}

.productsPageBackground .productsPageMain .productCategoryBox.noSubCategory:hover:before {
    background: rgba(255 255 255 / 0.9);
    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
}


.productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox {
    right: unset;
    /* left: -20%; */
    border-left: unset;
    border-right: 1px solid #e7e6e6;
    /* padding: 21.08% 21.08% 19.578% 19.578%; */
}


    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::before {
        content: '';
        position: absolute;
        background-color: rgb(255, 255, 255);
        width: 25px;
        height: 25px;
        left: 366px;
        bottom: 55px;
        transform: rotate(-270deg);
        z-index: 2;
        clip-path: polygon(49% 64%, 0% 100%, 100% 100%);
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        content: '';
        position: absolute;
        width: 27.7px;
        height: 27.7px;
        left: 366px;
        bottom: 53.5px;
        transform: rotate(90deg);
        z-index: -1;
        clip-path: polygon(49% 64%, 0% 100%, 100% 100%);
        background: rgb(174, 23, 58);
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox .hiddenBox {
        position: absolute;
        width: 1px;
        height: 15px;
        background-color: #e4e4e4;
        bottom: 79px;
        left: 366px;
        background: linear-gradient(0deg, rgba(174, 23, 58, 1) 10%, rgba(233, 233, 233, 1) 100%);
    }

.contentBanner.productListBanner {
    /*background-position: center 0%;*/
    background-position: center center;
}



.productListBackground {
    width: 100%;
    margin-bottom: 60px;
}

    .productListBackground .productListPageMain {
        position: relative;
        background-color: #fff;
        border-radius: 20px;
        margin-top: -90px;
        padding: 4.961% 3.917%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        /*margin-bottom: 5.222%;*/
    }

        .productListBackground .productListPageMain .title {
            font-size: 35px;
            color: var(--themecolor);
            font-family: 'Roboto-Bold';
            margin-bottom: 1.934%;
        }

        .productListBackground .productListPageMain .text {
            font-size: 18px;
            color: var(--themetextcolor);
            font-family: 'Roboto-Regular';
            line-height: 1.5;
        }

    .productListBackground .productListContainer {
        width: 100%;
        margin-bottom: 3.395%;
    }

        .productListBackground .productListContainer .searchBox {
            margin: auto;
            width: 32%;
            border-bottom: 2px solid var(--themetextcolor);
            display: flex;
            align-items: center;
            margin-bottom: 3.1333%;
            margin-top: 5.222%;
        }

            .productListBackground .productListContainer .searchBox i {
                color: var(--themetextcolor);
                font-size: 18px;
                margin-right: 40px;
            }

            .productListBackground .productListContainer .searchBox input {
                border: none;
                height: 39px;
                background-color: transparent;
                font-size: 16px;
                font-family: 'Roboto-Light';
                width: 100%;
                padding: 0 10px 0 0;
            }


                .productListBackground .productListContainer .searchBox input::placeholder {
                    color: var(--themetextcolor);
                    font-size: 16px;
                    font-family: 'Roboto-Light';
                }

            .productListBackground .productListContainer .searchBox a {
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--themecolor);
                padding: 12px 13px;
                border-radius: 5px 5px 0 0;
                cursor: pointer;
            }


                .productListBackground .productListContainer .searchBox a i {
                    font-size: 15px;
                    color: #fff;
                    margin: 0;
                }

        .productListBackground .productListContainer .flexBox {
            display: flex;
            flex-wrap: wrap;
            width: 89.034%;
            margin: auto;
            /*gap: 15px;*/
            justify-content: space-between;
            row-gap: 15px;
        }

            .productListBackground .productListContainer .flexBox .productListBox {
                width: 411px;
                height: 585px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: end;
                cursor: pointer;
            }

                .productListBackground .productListContainer .flexBox .productListBox .imageBox {
                    width: 381px;
                    height: 468px;
                    border-radius: 20px;
                    margin-bottom: 7.3%;
                    transition: all ease .3s;
                }

                    .productListBackground .productListContainer .flexBox .productListBox .imageBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 20px;
                    }

                .productListBackground .productListContainer .flexBox .productListBox .name {
                    color: var(--themetextcolor);
                    font-family: 'Roboto-Medium';
                    font-size: 25px;
                    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
                    white-space: nowrap; /* Tek satıra düşürür */
                    overflow: hidden; /* Taşan kısmı gizler */
                    text-overflow: ellipsis; /* Taşan kısmı '...' ile gösterir */
                    width: 85%;
                    text-align: center;
                }

                .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
                    box-shadow: rgba(50, 50, 50, 0.2) 0px 8px 24px;
                    transform: scale(1.09);
                    margin-bottom: 12.5%;
                }

                .productListBackground .productListContainer .flexBox .productListBox:hover > .name {
                    color: var(--themecolor);
                }

.topScrollButton {
    background-color: var(--themecolor);
    padding: 17px 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    float: right;
    margin-bottom: 50px;
    margin-right: 25px;
    font-size: 18px;
}

.contentBanner.productDetailBanner {
    /*background-position: center 0%;*/
    background-position: center center;
}


.productDetailBackground {
    min-height: 510px;
    width: 100%;
    position: relative;
    margin-bottom: 4%;
}

    .productDetailBackground .productDetailMain {
        position: relative;
        background-color: #fff;
        border-radius: 20px;
        margin-top: -90px;
        padding: 110px 45px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        display: flex;
        gap: 48px;
    }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 733px;
        }

            .productDetailBackground .productDetailMain .infoContainer .name {
                color: var(--themecolor);
                font-size: 50px;
                font-family: 'Roboto-Bold';
                margin-bottom: 12.232%;
                margin-top: -10px;
                padding-left: 10px;
            }

            .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
                width: 100%;
                border-bottom: 2px solid #e9e6e6;
                padding: 0 13px;
                margin-bottom: 25px;
            }

                .productDetailBackground .productDetailMain .infoContainer .features .featureLine:nth-last-child(1) {
                    border-bottom: none;
                }

                .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
                    color: var(--themecolor);
                    font-size: 18px;
                    font-family: 'Roboto-Bold';
                    margin-bottom: 8px;
                }


                .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
                    color: var(--themetextcolor);
                    font-size: 18px;
                    font-family: 'Roboto-Regular';
                    margin-bottom: 20px;
                    line-height: 1.5;
                    overflow-wrap: anywhere;
                }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 800px;
            height: 788px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }


            .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
                width: 732px;
                height: 100%;
                box-shadow: rgba(149, 157, 165, 0.7) 0px 8px 24px;
                border-radius: 20px !important;
                overflow: hidden !important;
            }

                .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider {
                    width: 100% !important;
                    height: 100% !important;
                }

                    .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                        width: 100% !important;
                        height: 788px !important;
                        object-fit: cover !important;
                        object-position: top !important;
                    }

    .productDetailBackground .imageContainer .sliderPrev:before {
        content: '\f104' !important;
        font-family: 'FontAwesome' !important;
        color: var(--themecolor) !important;
        left: -35px !important;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: 0%;
    }

    .productDetailBackground .imageContainer .sliderNext:before {
        content: '\f105' !important;
        font-family: 'FontAwesome' !important;
        color: var(--themecolor) !important;
        right: -35px !important;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -0.5%;
    }




.kvkkModal .modal-dialog {
    max-width: 80% !important;
}

.kvkkModal .modal-content {
    border-radius: 20px !important;
    border: none !important;
}

.kvkkModal .modal-body {
    padding: 50px;
}

.kvkkModal .modal-header {
    border-bottom: 1px solid #f8f8f8 !important;
}

.kvkkModal .modal-body .title {
    color: var(--themecolor);
    font-size: 30px;
    font-family: 'Roboto-Bold';
    margin-bottom: 20px;
}

.kvkkModal .modal-body .content {
    color: var(--themetextcolor);
    font-size: 16px;
    font-family: 'Roboto-Regular';
    line-height: 1.5;
}


.contentBanner.searchBanner {
    height: 412px;
    background-repeat: no-repeat;
    background-position: center 0%;
}

.searchBackground {
    width: 100%;
    margin-bottom: 80px;
}

    .searchBackground .searchMain {
        background-color: #fff;
        margin-top: -4.8045%;
        border-radius: 20px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        position: relative;
        padding: 5.066% 4.178% 1.567% 4.178%;
        z-index: 2;
    }

    .searchBackground .searchedText {
        color: var(--themecolor);
        font-size: 30px;
        font-family: 'Roboto-Medium';
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .searchBackground .productsResult {
        width: 100%;
        margin-bottom: 80px;
    }

        .searchBackground .productsResult .flexBox {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin: auto;
            gap: 32px;
        }

            .searchBackground .productsResult .flexBox .productListBox {
                width: 361px;
                height: 535px;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: end;
                cursor: pointer;
            }

                .searchBackground .productsResult .flexBox .productListBox .imageBox {
                    width: 331px;
                    height: 418px;
                    border-radius: 20px;
                    margin-bottom: 7.3%;
                    transition: all ease .3s;
                }

                    .searchBackground .productsResult .flexBox .productListBox .imageBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 20px;
                    }

                .searchBackground .productsResult .flexBox .productListBox .name {
                    color: var(--themetextcolor);
                    font-family: 'Roboto-Medium';
                    font-size: 25px;
                    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    white-space: normal;
                }

                .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
                    box-shadow: rgba(50, 50, 50, 0.2) 0px 8px 24px;
                    transform: scale(1.09);
                    margin-bottom: 12.5%;
                }

                .searchBackground .productsResult .flexBox .productListBox:hover > .name {
                    color: var(--themecolor);
                }

    .searchBackground .resultTitle {
        color: var(--themecolor);
        font-size: 30px;
        font-family: 'Roboto-Medium';
        position: relative;
        border-bottom: 2px solid var(--themecolor);
        display: inline-flex;
        padding-bottom: 7px;
        user-select: none;
    }

    .searchBackground .contentResult p {
        display: inline;
    }

    .searchBackground .contentResult {
        margin-bottom: 3.568%;
    }

        .searchBackground .contentResult .itemBox {
            margin-top: 3.244%;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            column-gap: 7px;
            row-gap: 20px;
        }


            .searchBackground .contentResult .itemBox a {
                width: 33%;
            }

                .searchBackground .contentResult .itemBox a .item {
                    width: 100%;
                    padding: 5%;
                    border-radius: 20px;
                    border: 1px solid var(--themetextcolor);
                    color: var(--themetextcolor);
                    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 15px;
                    cursor: pointer;
                    transition: all linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) .5s;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .searchBackground .contentResult .itemBox a .item:hover {
                        padding-left: 6%;
                    }

                    .searchBackground .contentResult .itemBox a .item i {
                        color: var(--themetextcolor);
                        margin-right: 15px;
                    }


.productDetailBackground .productDetailMain .imageContainer .slick-slider .slick-list {
    border-radius: 20px !important;
}

.bultenResult {
    font-size: 14px;
    position: absolute;
    bottom: -25%;
    left: 50%;
    transform: translateX(-50%);
    text-wrap: nowrap;
}

    .bultenResult.red {
        color: red;
    }

    .bultenResult.success {
        color: #0dc30d;
    }


.contactForm .error {
    color: red
}

.contactForm .success {
    color: green
}

.contactEmailError {
    position: absolute;
    color: red;
    font-size: 14px;
    right: 0;
    top: -20px;
}



.bulletin-error {
    font-size: 14px;
    position: absolute;
    bottom: -25%;
    left: 50%;
    transform: translateX(-50%);
    color: red;
}

#rgExp {
    font-size: 14px;
    position: absolute;
    bottom: -25%;
    left: 50%;
    transform: translateX(-50%);
    color: red;
}

.institutionalBackground .institutionalMain a:nth-child(1) .institutionalBox {
    background-size: 200%;
    background-position: 50% 0%;
}

.institutionalBackground .institutionalMain a:nth-child(2) .institutionalBox {
    background-size: 280%;
    background-position: 12%;
}

.aboutBackground .aboutMain .contentBox:nth-child(2) > .textBox .title {
    display: none !important;
}

.masterSearchButton {
    display: none;
}

.search-result-desc {
    font-size: 18px;
    color: var(--themecolor);
    font-family: 'Roboto-Medium';
}

.dNone {
    display: none;
}

.minHeight {
    min-height: auto !important;
}

.unsetHeight {
    height: unset !important;
}

.productSearchNotFound {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: var(--themecolor);
    padding-bottom: 5%;
}


.blogNotFound {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-family: Roboto-Medium;
    color: var(--themecolor);
    padding: 5% 0;
    /*    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
}

.contentBoxForDefault {
    display: flex;
    gap: 70px;
    /*align-items: center;*/
}

    .contentBoxForDefault:nth-child(2n) {
        flex-direction: row-reverse;
    }


.blogDetailContainer .imageBox iframe {
    width: 100% !important;
    height: 100% !important;
}

.blogGalleryResizer {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: unset !important;
}



.gallery .gallerySlider.blogSlider .slick-slide {
    width: 400px !important;
}

.defaultContentFlexColumn {
    flex-direction: column;
    row-gap: 100px;
}

.defaultPageBanner {
    background-position: center 64% !important;
}

.defaultPageImageResizer {
    margin-top: 6%;
}

.btnSearchTransferButton {
    display: none;
    background-color: rgba(193 2 48 / 0.7);
    padding: 2px 12px;
    border-radius: 50px;
}

    .btnSearchTransferButton i {
        color: #fff !important;
        font-size: 14px !important;
    }

.lightBoxSlide .popup-iframe {
    width: 100%;
    height: 490px;
}

.lightBoxSlide img {
    max-height: 495px !important;
}

/*mako*/
/* width:1680 */
@media only screen and (min-width:1601px) and (max-width: 1680px) {
    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4%;
    }

    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 321px;
        height: 408px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 351px;
        height: 525px;
    }



    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 460px;
    }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 424px;
        min-height: 544px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 230px;
        }

    /* Search */
    .contentBanner.searchBanner {
        height: 357px;
    }

    .searchBackground .searchMain {
        margin-top: -7.8045%;
    }

    .searchBackground .productsResult .flexBox {
        gap: 130px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 67px;
    }

    /*About*/
    .gallery .gallerySlider .slick-slide {
        width: 300px !important;
    }

    .aboutBackground .aboutTitle {
        font-size: 56px;
    }

    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 57% !important;
    }

    /*quality policy*/
    .qualityPolicyBackground .qualityPolicyMain {
        gap: 52px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 31px;
    }

    .qualityPolicyBackground .textBox {
        width: 48.45%;
        max-width: 48.45%;
    }

    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-bottom: 4.695%;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 78px;
    }

    .errorBackground .message {
        font-size: 40px;
    }

    .errorBackground .redirectButton {
        padding: 0.968% 3.044%;
    }

    /*ins*/
    .institutionalBackground .institutionalMain .institutionalBox {
        width: 463px;
        height: 336px;
        max-height: 336px;
    }


        .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
            font-size: 38px;
        }

    /*contact*/
    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 4.697%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 23% 54%;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 8.5%;
    }

    /*products*/
    .topBannerSection .contentBanner .contentTitle {
        font-size: 48px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 38px;
    }

    /*index*/
    .productsBackground .productBox {
        width: 29.749%;
        padding: 5.506% 4.689% 5.646% 4.027%;
        height: 346px;
        max-height: 346px;
    }

    .midBanner .contentText {
        padding: 5.311% 8.3556% 3.656% 3.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 5.05% 5.4% 4.639% 5.661%;
    }

    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }
}

/* width 1600 */
@media only screen and (min-width:1551px) and (max-width:1600px) {

    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4%;
    }


    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 321px;
        height: 408px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 351px;
        height: 525px;
    }



    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 440px;
    }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 400px;
        min-height: 470px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 230px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 24px;
            height: 61px;
            margin-bottom: 4.267%;
            margin-top: 10%;
        }

        .blogPageBackground .blogCart .text {
            font-size: 16px;
            height: 72px;
        }

    /* Search */
    .searchBackground .productsResult .flexBox {
        gap: 99px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 63px;
    }

    .contentBanner.searchBanner {
        height: 335px;
    }

    /*About*/

    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 57% !important;
    }

    .gallery .gallerySlider .slick-slide {
        width: 280px !important;
    }

    .aboutBackground .aboutTitle {
        font-size: 52px;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    /*quality policy*/
    .qualityPolicyBackground .qualityPolicyMain {
        gap: 52px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 30px;
    }

    .qualityPolicyBackground .textBox {
        width: 48.45%;
        max-width: 48.45%;
    }



    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-bottom: 5.395%;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 78px;
    }

    .errorBackground .message {
        font-size: 40px;
    }

    .errorBackground .redirectButton {
        padding: 0.968% 3.044%;
    }

    /*ins*/
    .institutionalBackground .institutionalMain .institutionalBox {
        width: 443px;
        height: 316px;
        max-height: 316px;
    }



        .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
            font-size: 36px;
        }

    /*contact*/
    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 4.697%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 23% 31%;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 6.5%;
    }

    /*products*/
    .topBannerSection .contentBanner .contentTitle {
        font-size: 46px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 36px;
    }

    /*index*/

    .productsBackground .productBox {
        width: 28.749%;
        padding: 5.506% 4.689% 5.646% 4.027%;
        height: 325px;
        max-height: 325px;
    }



    .midBanner .contentText {
        padding: 5.311% 8.3556% 3.656% 3.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 5.05% 5.4% 4.639% 5.661%;
    }



    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }

    .blogBackground .blogBox {
        padding: 3.759% 3.8202% 4.408% 4.408%;
    }
}

/* width 1500 */
@media only screen and (min-width:1441px) and (max-width:1550px) {

    .productDetailBackground .productDetailMain .imageContainer {
        height: 670px;
    }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
            height: 670px !important;
        }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        width: 77%;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4%;
    }


    /*Product Detail*/
    .productDetailBackground .productDetailMain .infoContainer .name {
        font-size: 40px;
        margin-bottom: 8.232%;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .imageContainer .sliderContainer,
    .productDetailBackground .productDetailMain .imageContainer,
    .productDetailBackground .productDetailMain .imageContainer .slick-initialized .slick-slide {
        width: 600px;
    }

    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 301px;
        height: 388px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 331px;
        height: 505px;
    }

    .topScrollButton {
        padding: 13px 21px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 22px;
    }

    .productListBackground .productListPageMain .title {
        font-size: 30px;
    }

    .productListBackground .productListPageMain .text {
        font-size: 16px;
    }

    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 420px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 36px;
        margin-bottom: 3.688%;
    }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 22px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 15px;
    }

    .blogPageBackground .blogBottomNavContainer .title {
        font-size: 26px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button,
    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        font-size: 16px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 14px;
        }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 385px;
        min-height: 470px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 230px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 22px;
            height: 55px;
        }

        .blogPageBackground .blogCart .text {
            font-size: 16px;
            height: 76px;
        }

    .blogPageBackground .pageListNavigate ul li a {
        font-size: 18px;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        font-size: 22px;
    }

    /* Search */
    .searchBackground .productsResult .flexBox {
        gap: 73px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 60px;
    }

    .contentBanner.searchBanner {
        height: 328px;
    }

    /*About*/
    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 57% !important;
    }

    .gallery .gallerySlider .slick-slide {
        width: 275px !important;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 30px;
        margin-bottom: 26px;
    }

    .aboutBackground .contentBox .textBox .text {
        font-size: 16px;
    }

    .aboutBackground .aboutTitle {
        font-size: 48px;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    /*quality policy*/
    .qualityPolicyBackground .qualityPolicyMain {
        gap: 52px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 28px;
    }

    .qualityPolicyBackground .textBox {
        width: 48.45%;
        max-width: 48.45%;
    }

        .qualityPolicyBackground .textBox .content {
            font-size: 16px;
        }


    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-top: 13.605%;
    }


    /*Certificates*/
    .certificateBackground .text {
        width: 70%;
        font-size: 16px;
    }

    .certificateBackground .certificateContainer .certficateBox {
        width: 25%;
    }

    /*kvkk*/
    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 30px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 16px;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 76px;
    }

    .errorBackground .message {
        font-size: 36px;
    }

    .errorBackground .redirectButton {
        padding: 0.968% 3.044%;
    }

    .errorBackground .description {
        width: 35%;
    }

    /*ins*/
    .institutionalBackground {
        height: auto;
    }

        .institutionalBackground.home {
            height: 570px;
        }

        .institutionalBackground .institutionalMain .institutionalBox {
            width: 433px;
            height: 306px;
            max-height: 306px;
        }



            .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
                font-size: 34px;
            }

    /*contact*/
    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 1.697%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 32% 41%;
        font-size: 16px;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 8%;
    }


    /*products*/
    .topBannerSection .contentBanner .contentTitle {
        font-size: 44px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 34px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        left: 366.2px;
    }

    /*index*/

    .contactBackground .footer .logo {
        margin: 0px 2.1145% 0 2.7572%;
    }

    .menu .menuContainer .menu-ul {
        gap: 33px;
        height: 65%;
    }

    .menu {
        width: 465px;
    }

    .productsBackground .productBox {
        width: 27.749%;
        padding: 5.506% 4.689% 5.146% 4.027%;
        height: 300px;
        max-height: 300px;
    }



    .midBanner .contentText {
        padding: 5.311% 8.3556% 3.656% 3.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 4.05% 4.4% 3.639% 4.661%;
    }


    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }

    .blogBackground .blogBox {
        /*padding: 3.759% 3.8202% 4.408% 4.408%;*/
        padding: 4.759% 3.8202% 6.408% 4.408%;
    }

    .bannerTitle {
        font-size: 60px;
        padding: 8.9% 0 7.7% 0;
    }

        .bannerTitle h1 {
            font-size: 60px;
        }

    .productsBackground .productBox .productName {
        font-size: 35px;
    }



    .productsBackground .productBox .productDetailButton {
        font-size: 16px;
    }

    .bannerMouseIcon a span {
        width: 22px;
        height: 40px;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogTitle {
        font-size: 30px;
        height: 77px;
    }

    .blogBackground .blogBox .blogSubtitle {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogContent {
        font-size: 16px;
        height: 48px;
    }

    .contactBackground .footer .footerList {
        gap: 12px;
    }

    .midBanner .contentText .title {
        font-size: 30px;
    }

    .midBanner .contentText .text {
        font-size: 18px;
    }

    .midBanner {
        height: 402px;
    }

    .bottomBanner {
        height: 402px;
    }
}

/* width 1440 */
@media only screen and (min-width:1367px) and (max-width:1440px) {
    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4%;
    }
    /*Product Detail*/
    .productDetailBackground .productDetailMain .infoContainer .name {
        font-size: 38px;
        margin-bottom: 8.232%;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .imageContainer .sliderContainer,
    .productDetailBackground .productDetailMain .imageContainer,
    .productDetailBackground .productDetailMain .imageContainer .slick-initialized .slick-slide {
        width: 599px;
        height: 700px;
    }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
            height: 700px !important;
        }


    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 281px;
        height: 368px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 311px;
        height: 485px;
    }

    .topScrollButton {
        padding: 13px 21px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 20px;
    }



    .productListBackground .productListPageMain .title {
        font-size: 30px;
    }

    .productListBackground .productListPageMain .text {
        font-size: 16px;
    }

    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 400px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 34px;
        margin-bottom: 3%;
    }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogBottomNavContainer .title {
        font-size: 26px;
        max-height: 100px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button,
    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        font-size: 16px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 14px;
        }

    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        width: 38.435%;
        height: 280px;
    }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 358px;
        min-height: 410px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 200px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 20px;
            height: 52px;
            margin-bottom: 4.267%;
            margin-top: 10%;
        }

        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 63px;
        }

    .blogPageBackground .pageListNavigate ul li a {
        font-size: 18px;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        font-size: 22px;
    }

    /* Search */
    .searchBackground .productsResult .flexBox {
        gap: 35px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 56px;
    }

    .contentBanner.searchBanner {
        height: 300px;
    }

    /*About*/
    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 57% !important;
    }

    .gallery .gallerySlider .slick-slide {
        width: 250px !important;
    }

    .aboutBackground .contentBox .imageBox {
        min-height: 316px;
    }

    .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
        height: 500px;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 30px;
        margin-bottom: 26px;
    }

    .aboutBackground .contentBox .textBox .text {
        font-size: 16px;
    }

    .aboutBackground .aboutTitle {
        font-size: 46px;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    /*quality policy*/
    .qualityPolicyBackground .qualityPolicyMain {
        gap: 25px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 28px;
    }

    .qualityPolicyBackground .textBox {
        width: 50.15%;
        max-width: 50.15%;
    }

        .qualityPolicyBackground .textBox .content {
            font-size: 16px;
        }

    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-top: 15.5%;
        font-size: 42px;
    }


    /*Certificates*/
    .certificateBackground .text {
        width: 70%;
        font-size: 16px;
    }

    .certificateBackground .certificateContainer .certficateBox {
        width: 25%;
    }

    /*kvkk*/
    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 30px;
        margin-bottom: 2.276%;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 16px;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 74px;
    }

    .errorBackground .message {
        font-size: 34px;
    }

    .errorBackground .redirectButton {
        padding: 0.968% 3.044%;
    }

    .errorBackground .description {
        width: 35%;
    }

    /*ins*/
    .institutionalBackground {
        height: auto;
    }

        .institutionalBackground .institutionalMain .institutionalBox {
            width: 393px;
            height: 286px;
            max-height: 286px;
        }



            .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
                font-size: 32px;
                margin-top: 140px;
            }


    /*contact*/
    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 1.697%;
        width: 47%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 29% 21%;
        font-size: 16px;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 6%;
        width: 235px;
    }


    /*products*/
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        bottom: 5%;
    }

    .topBannerSection .contentBanner .contentTitle {
        font-size: 42px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 32px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::before {
        left: -24.8px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        left: 367.1px;
    }

    /*index*/

    .menu {
        width: 455px;
    }

    .productsBackground .productBox {
        width: 27.749%;
        padding: 5.506% 4.689% 5.146% 4.027%;
        height: 300px;
        max-height: 300px;
    }



    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        width: 77%;
    }

    .midBanner .contentText {
        padding: 5.311% 8.3556% 3.656% 3.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 4.05% 4.4% 3.639% 4.661%;
        height: 426px;
        max-height: 426px;
    }

    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }

    .blogBackground .blogBox {
        padding: 3.759% 3.8202% 4.408% 4.408%;
    }

    .bannerTitle, .bannerTitle h1 {
        font-size: 60px;
    }

    .productsBackground .productBox .productName {
        font-size: 35px;
    }

    .bannerTitle {
        padding: 8.9% 0 7.7% 0;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 16px;
    }

    .bannerMouseIcon a span {
        width: 22px;
        height: 40px;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogTitle {
        font-size: 30px;
        height: 77px;
    }

    .blogBackground .blogBox .blogSubtitle {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogContent {
        font-size: 16px;
        height: 46px;
    }

    .contactBackground .footer .footerList {
        gap: 12px;
    }

    .midBanner .contentText .title {
        font-size: 30px;
    }

    .midBanner .contentText .text {
        font-size: 18px;
    }

    .midBanner {
        height: 402px;
    }

    .bottomBanner {
        height: 402px;
    }

    .contactBackground .footer .footerFlex {
        margin-top: 120px;
    }

    .contactBackground .footer .rightBlock .eBulletin .title {
        font-size: 23px;
    }

    .contactBackground .footer .logo {
        height: 64px;
        width: 286px;
        max-width: 259px;
        max-height: 64px;
        background-size: contain;
        margin-right: 0;
    }

    .contactBackground .footer .socialMedias {
        padding: 2.939% 7.053% 1.764% 0;
    }

    .institutionalBackground .institutionalContent .logo {
        background-size: contain;
        height: 64px;
        width: 286px;
        max-width: 259px;
        max-height: 64px;
        margin-bottom: 55px;
    }

    .contactBackground .footer .rightBlock {
        margin-bottom: 1%;
    }
}

/* width 1366 */
@media only screen and (min-width:1281px) and (max-width:1366px) {
    strong > span {
        font-size: 28px;
    }

    .lightBoxSlide img {
        max-height: 450px !important;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        width: 77%;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4%;
    }
    /*Product Detail*/
    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 12px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
        margin-bottom: 12px;
    }

    .productDetailBackground .productDetailMain .infoContainer .name {
        font-size: 38px;
        margin-bottom: 6.232%;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .imageContainer .sliderContainer,
    .productDetailBackground .productDetailMain .imageContainer,
    .productDetailBackground .productDetailMain .imageContainer .slick-initialized .slick-slide {
        width: 499px !important;
        height: 600px;
    }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
            height: 600px !important;
        }

    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 261px;
        height: 348px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 291px;
        height: 465px;
    }

    .topScrollButton {
        padding: 13px 21px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 20px;
    }


    .productListBackground .productListPageMain .title {
        font-size: 28px;
    }

    .productListBackground .productListPageMain .text {
        font-size: 16px;
    }

    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 350px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 30px;
        margin-bottom: 3%;
    }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogBottomNavContainer .title {
        font-size: 22px;
        max-height: 80px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button,
    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        font-size: 16px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 14px;
        }

    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        width: 38.435%;
        height: 250px;
    }


    /*Blog*/
    .blogPageBackground .blogCart {
        width: 338px;
        min-height: 380px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 190px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 20px;
            height: 50px;
            margin-bottom: 4.267%;
            margin-top: 10%;
        }

        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 63px;
        }

    .blogPageBackground .pageListNavigate ul li a {
        font-size: 16px;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        font-size: 20px;
    }


    /* Search */
    .searchBackground .searchedText {
        font-size: 28px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 291px;
        height: 378px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        height: 495px;
    }

    .searchBackground .resultTitle {
        font-size: 26px;
    }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 22px;
    }

    .searchBackground .productsResult .flexBox {
        gap: 5px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 53px;
    }

    .contentBanner.searchBanner {
        height: 290px;
    }

    /*About*/
    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 57% !important;
    }

    .gallery .gallerySlider .slick-slide:hover {
        height: 200px !important;
    }

    .gallery .gallerySlider .slick-slide {
        width: 230px !important;
        height: 170px !important;
    }

    .gallerySlider .slick-track {
        height: 210px !important;
    }

    .aboutBackground .contentBox .imageBox {
        min-height: 316px;
    }

    .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
        height: 500px;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 30px;
        margin-bottom: 26px;
    }

    .aboutBackground .contentBox .textBox .text {
        font-size: 16px;
    }

    .aboutBackground .aboutTitle {
        font-size: 44px;
        margin-bottom: 2.839%;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    /*quality policy*/

    .contentBanner.qualityPoliciBanner {
        background-size: cover !important;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        gap: 25px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 28px;
    }

    .qualityPolicyBackground .textBox {
        width: 50.15%;
        max-width: 50.15%;
    }

        .qualityPolicyBackground .textBox .content {
            font-size: 16px;
        }

    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-top: 15.5%;
        font-size: 42px;
        margin-bottom: 4.3%;
    }

    /*Certificates*/
    .certificateBackground .text {
        width: 70%;
        font-size: 16px;
    }

    .certificateBackground .certificateContainer .certficateBox {
        width: 22%;
    }

    /*kvkk*/
    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 30px;
        margin-bottom: 2.276%;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 16px;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 72px;
    }

    .errorBackground .message {
        font-size: 32px;
    }

    .errorBackground .redirectButton {
        padding: 0.968% 3.044%;
    }

    .errorBackground .description {
        width: 35%;
    }

    /*ins*/
    .institutionalBackground {
        height: 400px;
    }

        .institutionalBackground.home {
            height: 500px;
        }

        .institutionalBackground .institutionalMain .institutionalBox {
            width: 363px;
            height: 276px;
            max-height: 276px;
        }



            .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
                font-size: 30px;
                margin-top: 120px;
            }

    /*contact*/
    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 1.697%;
        width: 47%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 21% 15%;
        font-size: 16px;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 6%;
        width: 225px;
        transform: scale(0.70);
        -webkit-transform: scale(0.70);
    }

    /*products*/
    .topBannerSection .contentBanner .contentTitle {
        font-size: 40px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 30px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::before {
        left: -24.8px;
    }


    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 280px;
        bottom: 3%;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 16px;
        }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::before {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox .hiddenBox {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        left: 279px;
    }

    /*index*/
    .menu {
        width: 455px;
    }

    .productsBackground .productBox {
        width: 27.749%;
        padding: 5.506% 4.689% 5.146% 4.027%;
        height: 280px;
        max-height: 280px;
    }


    .midBanner .contentText {
        padding: 4.311% 7.3556% 2.656% 2.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 4.05% 4.4% 3.639% 4.661%;
        height: 426px;
        max-height: 426px;
    }



    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }

    .blogBackground .blogBox {
        padding: 4.259% 4.5202% 4.408% 4.408%;
    }

    .bannerTitle, .bannerTitle h1 {
        font-size: 50px;
    }

    .productsBackground .productBox .productName {
        font-size: 30px;
    }

    .bannerTitle {
        padding: 8.9% 0 7.7% 0;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 16px;
    }

    .bannerMouseIcon a span {
        width: 22px;
        height: 40px;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogTitle {
        font-size: 24px;
        height: 62px;
    }

    .blogBackground .blogBox .blogSubtitle {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogContent {
        font-size: 16px;
        height: 46px;
    }

    .contactBackground .footer .footerList {
        gap: 12px;
    }

    .midBanner .contentText .title {
        font-size: 30px;
    }

    .midBanner .contentText .text {
        font-size: 18px;
    }

    .midBanner {
        height: 352px;
    }

    .bottomBanner {
        height: 352px;
    }

    .contactBackground .footer .footerFlex {
        margin-top: 120px;
    }

    .contactBackground .footer .rightBlock .eBulletin .title {
        font-size: 21px;
    }

    .contactBackground .footer .logo {
        height: 64px;
        width: 286px;
        max-width: 259px;
        max-height: 64px;
        background-size: contain;
        margin-right: 0;
    }

    .contactBackground .footer .socialMedias {
        padding: 2.939% 5.053% 1.764% 0;
    }

    .institutionalBackground .institutionalContent .logo {
        background-size: contain;
        height: 64px;
        width: 286px;
        max-width: 259px;
        max-height: 64px;
        margin-bottom: 35px;
    }

    .contactBackground .footer .rightBlock {
        margin-bottom: 1%;
    }

    .blogBackground .blogBox .blogDetail {
        bottom: 12%;
        right: 8.5%;
    }

    .contactBackground .signature {
        font-size: 12px;
    }

    .menu .menuContainer .menu-ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 30px;
        user-select: none;
        height: 67%;
    }
}

/*width 1270*/
@media only screen and (min-width:1025px) and (max-width:1280px) {
    strong > span {
        font-size: 28px;
    }

    .lightBoxSlide img {
        max-height: 440px !important;
    }


    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        width: 77%;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -5%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -4.1%;
    }
    /*Product Detail*/
    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 12px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
        margin-bottom: 12px;
    }

    .productDetailBackground .productDetailMain .infoContainer .name {
        font-size: 38px;
        margin-bottom: 6.232%;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .imageContainer .sliderContainer,
    .productDetailBackground .productDetailMain .imageContainer,
    .productDetailBackground .productDetailMain .imageContainer .slick-initialized .slick-slide {
        width: 499px !important;
        height: 600px;
    }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
            height: 600px !important;
        }

    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 241px;
        height: 328px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 271px;
        height: 445px;
    }

    .topScrollButton {
        padding: 13px 21px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 20px;
    }



    .productListBackground .productListPageMain .title {
        font-size: 28px;
    }

    .productListBackground .productListPageMain .text {
        font-size: 16px;
    }


    /*Blog Detail*/
    .blogPageBackground .blogDetailMain .imageBox {
        height: 350px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 30px;
        margin-bottom: 3%;
    }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogBottomNavContainer .title {
        font-size: 22px;
        max-height: 80px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button,
    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        font-size: 16px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 14px;
        }

    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        width: 38.435%;
        height: 250px;
    }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 315px;
        min-height: 365px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 170px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 20px;
            height: 52px;
            margin-bottom: 4.267%;
            margin-top: 10%;
        }

        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 63px;
        }

    .blogPageBackground .pageListNavigate ul li a {
        font-size: 16px;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        font-size: 20px;
    }


    /* Search */
    .searchBackground .searchedText {
        font-size: 28px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 271px;
        height: 358px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        height: 460px;
        width: 336px;
    }

    .searchBackground .resultTitle {
        font-size: 26px;
    }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 22px;
    }

    .searchBackground .productsResult .flexBox {
        gap: 8px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 50px;
    }

    .contentBanner.searchBanner {
        height: 270px;
    }

    /*About*/
    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 60% !important;
    }

    .gallery .gallerySlider .slick-slide {
        width: 290px !important;
        height: 160px !important;
    }

        .gallery .gallerySlider .slick-slide:hover {
            height: 190px !important;
        }

    .gallerySlider .slick-track {
        height: 200px !important;
    }

    .aboutBackground .contentBox .imageBox {
        min-height: 316px;
    }

    .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
        height: 500px;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 30px;
        margin-bottom: 26px;
    }

    .videoIcon a::before {
        font-size: 50px;
    }

    .aboutBackground .contentBox .textBox .text {
        font-size: 16px;
    }

    .aboutBackground .aboutTitle {
        font-size: 44px;
        margin-bottom: 2.839%;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    .gallery .gallerySlider .slick-next {
        right: -1% !important;
    }

    .gallery .gallerySlider .slick-prev {
        left: -1% !important;
    }

    /*quality policy*/
    .contentBanner.qualityPoliciBanner {
        background-size: cover !important;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        gap: 20px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 26px;
    }

    .qualityPolicyBackground .textBox {
        width: 50.55%;
        max-width: 50.55%;
    }

        .qualityPolicyBackground .textBox .content {
            font-size: 16px;
        }


    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-top: 15.5%;
        font-size: 42px;
        margin-bottom: 5.6%;
    }

    /*Certificates*/
    .certificateBackground .text {
        width: 75%;
        font-size: 16px;
    }

    .certificateBackground .certificateContainer .certficateBox {
        width: 22%;
    }

    /*kvkk*/
    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 30px;
        margin-bottom: 2.276%;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 16px;
    }

    /* Error Pages */
    .errorBackground .statusCode {
        font-size: 70px;
    }

    .errorBackground .message {
        font-size: 30px;
    }

    .errorBackground .redirectButton {
        padding: 0.768% 2.844%;
        font-size: 18px;
    }

    .errorBackground .description {
        width: 35%;
    }

    /*ins*/

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
        width: 40px;
    }

    .institutionalBackground {
        height: 400px;
    }

        .institutionalBackground.home {
            height: 500px;
        }

        .institutionalBackground .institutionalMain .institutionalBox {
            width: 343px;
            height: 266px;
            max-height: 266px;
        }



            .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
                font-size: 28px;
                margin-top: 130px;
            }


    /*contact*/
    .contactPageBackground .contactForm .title {
        font-size: 40px;
    }

    .contactPageBackground .contactForm .contactBottomLine .kvkk {
        margin-right: 0;
        width: 51.5%;
    }

    .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
        padding: 25% 15%;
        font-size: 14px;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        margin-right: 3%;
        width: 220px;
        transform: scale(0.60);
        -webkit-transform: scale(0.60);
    }

    .contactPageBackground .contactAddress {
        width: 33.786%;
    }



    /*products*/

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 280px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 16px;
        }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::before {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox .hiddenBox {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        left: 279px;
    }

    .topBannerSection .contentBanner .contentTitle {
        font-size: 38px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 28px;
    }



    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox {
        /* left: -47%; */
        bottom: 3%;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        bottom: 3%;
        right: -47%;
    }

    /*index*/
    .menu {
        width: 440px;
        overflow-y: scroll;
    }

    .productsBackground .productBox {
        width: 29.749%;
        padding: 5.506% 4.689% 5.146% 4.027%;
        height: 250px;
        max-height: 250px;
    }

    .midBanner .contentText {
        padding: 4.311% 7.3556% 2.656% 2.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 4.05% 4.4% 3.639% 4.661%;
        height: 406px;
        max-height: 406px;
    }



    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 17%;
    }

    .blogBackground .blogBox {
        padding: 4.259% 4.5202% 4.408% 4.408%;
    }

    .bannerTitle, .bannerTitle h1 {
        font-size: 50px;
    }

    .productsBackground .productBox .productName {
        font-size: 28px;
    }

    .bannerTitle {
        padding: 8.9% 0 7.7% 0;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 16px;
    }

    .bannerMouseIcon a span {
        width: 22px;
        height: 40px;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogTitle {
        font-size: 24px;
        height: 61px;
    }

    .blogBackground .blogBox .blogSubtitle {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogContent {
        font-size: 16px;
        height: 46px;
    }

    .contactBackground .footer .footerList {
        gap: 12px;
    }

    .midBanner .contentText .title {
        font-size: 30px;
    }

    .midBanner .contentText .text {
        font-size: 18px;
    }

    .midBanner {
        height: 352px;
    }

    .bottomBanner {
        height: 352px;
    }

    .contactBackground .footer .footerFlex {
        margin-top: 120px;
    }

    .contactBackground .footer .rightBlock .eBulletin .title {
        font-size: 20px;
    }

    .contactBackground .footer .logo {
        height: 54px;
        width: 220px;
        max-width: 220px;
        max-height: 54px;
        background-size: contain;
        margin-right: 0;
    }

    .contactBackground .footer .socialMedias {
        padding: 2.939% 5.053% 1.764% 0;
    }

    .institutionalBackground .institutionalContent .logo {
        background-size: contain;
        height: 64px;
        width: 286px;
        max-width: 259px;
        max-height: 64px;
        margin-bottom: 35px;
    }

    .contactBackground .footer .rightBlock {
        margin-bottom: 1%;
    }

    .blogBackground .blogBox .blogDetail {
        bottom: 12%;
        right: 8.5%;
    }

    .contactBackground .signature {
        font-size: 12px;
    }

    .menu .menuContainer .menu-ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 40px;
        user-select: none;
        height: 67%;
    }

    .contactBackground .footer .footerLine {
        width: 150px;
    }

    .contactBackground .footer .rightBlock {
        width: 25.291%;
    }

    .contactBackground .footer .socialMedias i {
        font-size: 20px;
    }
}

/*1024*/
@media only screen and (min-width:1000px) and (max-width:1024px) {
    strong > span {
        font-size: 26px;
    }

    .blogPageBackground .blogBottomNavContainer .text {
        height: 42px;
    }

    .contactPageBackground .contactMain {
        margin-top: -75px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        width: 75%;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -7%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -5%;
    }
    /*Product Detail*/
    .contentBanner.productDetailBanner {
        height: 340px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 12px;
    }

    s .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
        margin-bottom: 12px;
    }

    .productDetailBackground .productDetailMain .infoContainer .name {
        font-size: 32px;
        margin-bottom: 5.232%;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        font-size: 15px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
        margin-bottom: 18px;
    }

    .productDetailBackground .productDetailMain .imageContainer .sliderContainer,
    .productDetailBackground .productDetailMain .imageContainer,
    .productDetailBackground .productDetailMain .imageContainer .slick-initialized .slick-slide {
        width: 400px !important;
        height: 500px;
    }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
            height: 500px !important;
        }

    /*ProductList*/
    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 241px;
        height: 328px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 271px;
        height: 445px;
    }

    .topScrollButton {
        padding: 13px 21px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 20px;
    }



    .productListBackground .productListPageMain .title {
        font-size: 26px;
    }

    .productListBackground .productListPageMain .text {
        font-size: 16px;
    }

    .productListBackground .productListContainer .searchBox {
        width: 40%;
    }

    .contentBanner.productListBanner {
        height: 340px;
    }

    /*Blog Detail*/

    .contentBanner.blogPageBanner {
        height: 345px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 260px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 26px;
        margin-bottom: 3%;
    }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogBottomNavContainer .title {
        font-size: 18px;
        max-height: 68px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog .button,
    .blogPageBackground .blogBottomNavContainer .prevBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        width: 38.435%;
        height: 190px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog,
    .blogPageBackground .blogBottomNavContainer .prevBlog {
        padding: 4.121% 4.62%;
    }

    /*Blog*/
    .blogPageBackground .blogCart {
        width: 253px;
        min-height: 305px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 140px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 16px;
            height: 40px;
            margin-bottom: 4.267%;
            margin-top: 10%;
        }

        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 63px;
        }

    .blogPageBackground .pageListNavigate ul li a {
        font-size: 14px;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        font-size: 18px;
    }



    /* Search */
    .searchBackground .searchedText {
        font-size: 28px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 221px;
        height: 308px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        height: 400px;
        width: 270px;
    }

    .searchBackground .resultTitle {
        font-size: 26px;
    }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 18px;
    }

    .searchBackground .productsResult .flexBox {
        gap: 0px;
        row-gap: 10px;
    }

    .searchBackground .contentResult .itemBox a {
        font-size: 14px;
        width: 30%;
    }

    .searchBackground .contentResult .itemBox {
        column-gap: 40px;
    }

    .contentBanner.searchBanner {
        height: 210px;
    }

    /*About*/
    .gallery .gallerySlider .slick-prev,
    .gallery .gallerySlider .slick-next {
        top: 65% !important;
    }

    .gallery .gallerySlider .slick-slide:hover {
        height: 172px !important;
    }

    .productDetailBackground .productDetailMain {
        gap: 50px;
    }

    .gallery {
        height: 330px;
    }

        .gallery .gallerySlider .slick-slide {
            width: 220px !important;
            height: 150px !important;
        }

    .gallerySlider .slick-track {
        height: 180px !important;
    }

    .aboutBackground .contentBox .imageBox {
        min-height: 276px;
    }

    .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
        height: 430px;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .videoIcon a::before {
        font-size: 50px;
    }

    .aboutBackground .contentBox .textBox .text {
        font-size: 14px;
    }

    .aboutBackground .aboutTitle {
        font-size: 40px;
        margin-bottom: 2.839%;
    }

    .aboutBackground .contentBox {
        gap: 40px;
    }

    .gallery .gallerySlider .slick-next {
        right: -1% !important;
    }

    .gallery .gallerySlider .slick-prev {
        left: -1% !important;
    }

    /*quality policy*/


    .contentBanner.qualityPoliciBanner {
        height: 345px;
        background-size: cover !important;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        gap: 20px;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 24px;
    }

    .qualityPolicyBackground .textBox {
        width: 50.55%;
        max-width: 50.55%;
    }

        .qualityPolicyBackground .textBox .content {
            font-size: 14px;
        }

    /*Production*/
    .productionBackground .productionContainer .productionTitle {
        margin-top: 15.5%;
        font-size: 40px;
        margin-bottom: 5.6%;
    }

    /*Certificates*/
    .contentBanner.certificateBanner {
        height: 345px;
    }

    .certificateBackground .text {
        width: 90%;
        font-size: 16px;
    }

    .certificateBackground .certificateContainer .certficateBox {
        width: 20%;
    }

    /*kvkk*/
    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 26px;
        margin-bottom: 2.276%;
    }

    .kvkkBG {
        margin-top: 5%;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 16px;
    }

    /* Error Pages */
    .contentBanner.error404banner {
        height: 340px;
    }

    .errorBackground .statusCode {
        font-size: 68px;
    }

    .errorBackground .message {
        font-size: 28px;
    }

    .errorBackground .redirectButton {
        padding: 0.768% 2.844%;
        font-size: 16px;
    }

    .errorBackground .description {
        width: 40%;
        font-size: 14px;
    }

    /*ins*/
    .contentBanner.insBanner {
        height: 340px;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
        height: 3px;
        bottom: -4px;
        width: 40px;
    }

    .institutionalBackground {
        height: 390px;
    }

    .resizeBC {
        top: 235px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 283px;
        height: 226px;
        max-height: 226px;
    }


        .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
            font-size: 24px;
            margin-top: 130px;
        }

    /*contact*/
    .contactPageBanner {
        height: 324px !important;
    }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-wrap: wrap;
        row-gap: 20px;
    }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: 0;
            width: 65.5%;
        }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            padding: 25% 35%;
            font-size: 14px;
        }

        .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
            margin-right: 10%;
            width: 230px;
            transform: scale(0.60);
            -webkit-transform: scale(0.60);
        }

    .contactPageBackground .contactAddress {
        width: 35.786%;
        padding-top: 0;
    }

    .contactPageBackground .contactForm .fullNameAlignment {
        gap: 40px;
    }

    .contactPageBackground .contactForm .title {
        font-size: 35px;
        color: var(--themecolor);
        font-family: 'Roboto-Black';
        margin-bottom: 4.047%;
    }

    .contactPageBackground .contactAddress .addressLine .titleAddress,
    .contactPageBackground .contactAddress .addressLine .titlePhone,
    .contactPageBackground .contactAddress .addressLine .titleEmail {
        font-size: 18px;
    }

    .contactPageBackground .contactAddress .addressLine .text,
    .contactPageBackground .contactAddress .addressLine .text a {
        font-size: 14px;
    }

    .contactPageBackground .contactForm input:not([type="checkbox"]) {
        padding: 14px 20px;
    }

    /*products*/
    .contentBanner.productsPageBanner {
        height: 345px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 280px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 16px;
        }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::before {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox .hiddenBox {
        left: 279px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox::after {
        left: 279px;
    }

    .topBannerSection .contentBanner .contentTitle {
        font-size: 38px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
        font-size: 28px;
    }



    .productsPageBackground .productsPageMain .productCategoryBox:nth-child(2n) .hoverMenuBox {
        /* left: -47%; */
        bottom: 1%;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        bottom: 1%;
        right: -47%;
    }

    /*index*/
    .menu {
        width: 390px;
    }

    .productsBackground .productBox {
        width: 30.749%;
        padding: 5.506% 4.689% 5.146% 4.027%;
        height: 230px;
        max-height: 230px;
    }


    .midBanner .contentText {
        padding: 2.311% 7.3556% 2.656% 3.499%;
    }

    .institutionalBackground .institutionalContent {
        padding: 4.05% 4.4% 3.639% 4.661%;
        height: 346px;
        max-height: 346px;
        width: 80.818%;
    }



    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products {
        width: 16%;
    }

    .blogBackground .blogBox {
        padding: 3.259% 5.5202% 3.408% 3.408%;
        width: 32.149%;
        max-height: 280px;
    }

    .bannerTitle, .bannerTitle h1 {
        font-size: 40px;
    }

    .productsBackground .productBox .productName {
        font-size: 26px;
    }

    .bannerTitle {
        padding: 8.9% 0 9% 0;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 16px;
    }

    .bannerMouseIcon a span {
        width: 22px;
        height: 40px;
    }

    .institutionalBackground .institutionalContent .institutionalContinueButton a {
        font-size: 16px;
    }

    .blogBackground .blogBox .blogTitle {
        font-size: 20px;
        height: 50px;
    }

    .blogBackground .blogBox .blogSubtitle {
        font-size: 14px;
    }

    .blogBackground .blogBox .blogContent {
        font-size: 14px;
        height: 40px;
    }

    .contactBackground .footer .footerList {
        gap: 12px;
    }

    .midBanner .contentText .title {
        font-size: 26px;
    }

    .midBanner .contentText .text {
        font-size: 16px;
    }

    .midBanner {
        height: 292px;
    }

    .bottomBanner {
        height: 292px;
    }

    .contactBackground .footer .footerFlex {
        margin-top: 90px;
    }

    .contactBackground .footer .rightBlock .eBulletin .title {
        font-size: 18px;
    }

    .contactBackground .footer .logo {
        height: 44px;
        width: 180px;
        max-width: 180px;
        max-height: 44px;
        background-size: contain;
        margin-right: 0;
    }

    .contactBackground .footer .socialMedias {
        padding: 2.939% 5.053% 1.764% 0;
    }

    .institutionalBackground .institutionalContent .logo {
        background-size: contain;
        height: 54px;
        width: 276px;
        max-width: 249px;
        max-height: 54px;
        margin-bottom: 25px;
    }

    .contactBackground .footer .rightBlock {
        margin-bottom: 1%;
    }

    .blogBackground .blogBox .blogDetail {
        bottom: 9%;
        right: 9%;
        max-height: 280px;
    }

    .contactBackground .signature {
        font-size: 12px;
    }

    .menu .menuContainer .menu-ul {
        gap: 35px;
        height: 72%;
    }

    .contactBackground .footer .footerLine {
        width: 110px;
    }

    .contactBackground .footer .rightBlock {
        width: 25.291%;
    }

    .contactBackground .footer .socialMedias i {
        font-size: 18px;
    }

    header .nav .nav-ul li {
        font-size: 20px;
    }

    header .nav .nav-ul {
        gap: 40px;
    }

    header .nav {
        width: 280px;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 20px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 18px;
        gap: 30px;
    }

    .menu .menuContainer .search {
        width: 90%;
        height: 30px;
        gap: 35px;
        margin-bottom: 35px;
    }

    .institutionalBackground .institutionalContent .text {
        font-size: 16px;
    }

    .contactBackground .footer .footerList li a {
        font-size: 14px;
    }

    .contactBackground .footer .rightBlock .address {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .contactBackground .footer {
        height: 420px;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput {
            padding: 8px 0;
        }

            .contactBackground .footer .rightBlock .eBulletin .mailInput i {
                font-size: 19px;
            }

    .contactBackground {
        height: 425px;
    }

        .contactBackground .footer .rightBlock .address .mail a {
            font-size: 14px;
        }
}

/*Mobil Responsive*/
/*d-none*/
@media only screen and (max-width:999px) {
    strong > span {
        font-size: 18px;
    }

    .lightBoxSlide {
        min-width: unset !important;
    }

        .lightBoxSlide .popup-iframe {
            height: auto;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        white-space: unset;
        overflow: unset;
        text-overflow: unset;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .blogPageBackground .blogBottomNavContainer .text {
        height: 64px;
    }

    .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
        padding: 4.121% 4.62%;
    }

    .blogNotFound {
        font-size: 14px;
    }

    .btnSearchTransferButton {
        display: block;
    }

    header .nav .nav-ul li:nth-child(1),
    header .nav .nav-ul li:nth-child(2),
    .bannerMouseIcon,
    .contactBackground .footer .shortLinks,
    .contactBackground .footer .products,
    .contactBackground .footer .rollerBlinds,
    header .nav .nav-ul li:last-child > a {
        display: none;
    }

    .productsBanner {
        background-position: center 80%;
    }

    .institutionalBanner {
        background-position: center 35%;
    }

    .blogPageBackground .blogMain .blogContainer {
        flex-direction: column;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 20px !important;
    }

    .hiddenBox,
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::before,
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox::after {
        display: none;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        border-left: none;
    }

    .blogPageBackground .pageListNavigate ul li .active {
        top: unset;
    }
}
/* iphone 5/5s dikey */
@media only screen and (max-width:359px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }



















    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -15px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 80%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 15px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                margin-top: unset;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 200px;
    }

    .topBanner {
        height: 200px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 150px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 8%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 15%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        margin-top: 110px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 300px;
        height: 200px;
        max-height: 200px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 150px;
        max-height: 150px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 12%;
        margin-top: 22%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }



    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactEmailError {
        font-size: 12px;
        top: -16px;
        right: 0;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 6px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 120px;
        height: 150px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 130px;
        height: 210px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 100%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: center;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 80%;
            padding: 10% 0;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 20%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 250px;
            height: 300px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 250px;
            height: 300px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 300px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
        min-width: 290px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }
}
/* Samsung S3 dikey */
@media only screen and (min-width:360px) and (max-width:369px) {

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }


    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -15px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 200px;
    }

    .topBanner {
        height: 200px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 150px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 8%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 15%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        margin-top: 110px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 300px;
        height: 200px;
        max-height: 200px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 150px;
        max-height: 150px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 12%;
        margin-top: 22%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 6px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 130px;
        height: 160px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 140px;
        height: 220px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 100%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: center;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 80%;
            padding: 10% 0;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 14px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 150px;
        height: 150px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: space-between;
        row-gap: 80px;
        margin-top: 20%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 250px;
            height: 300px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 250px;
            height: 300px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 300px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }
}
/* iphone 6/6s dikey */
@media only screen and (min-width:370px) and (max-width:389px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -15px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 75%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 200px;
    }

    .topBanner {
        height: 200px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 150px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 175px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 75%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 7%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 10%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        margin-top: 110px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 300px;
        height: 200px;
        max-height: 200px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 150px;
        max-height: 150px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 12%;
        margin-top: 18%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 6px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 130px;
        height: 160px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 140px;
        height: 220px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 100%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: center;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 80%;
            padding: 10% 0;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 14px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 150px;
        height: 150px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 87%;
        justify-content: space-between;
        row-gap: 80px;
        margin-top: 20%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 250px;
            height: 300px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 250px;
            height: 300px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 300px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .searchBackground .productsResult {
        margin-bottom: 40px;
    }
}
/* iPhone 12 dikey */
@media only screen and (min-width:390px) and (max-width:399px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -15px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 35px;
        height: 80%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        background-position: 0% 90%;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 200px;
    }

    .topBanner {
        height: 200px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 150px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 175px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 85%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 7%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 12%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        margin-top: 110px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 300px;
        height: 200px;
        max-height: 200px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 150px;
        max-height: 150px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 12%;
        margin-top: 18%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 58px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 6px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 130px;
        height: 160px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 140px;
        height: 220px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 100%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: center;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 80%;
            padding: 10% 0;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 14px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 150px;
        height: 150px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 86%;
        justify-content: space-between;
        row-gap: 80px;
        margin-top: 20%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 250px;
            height: 300px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 250px;
            height: 300px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 300px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .searchBackground .productsResult {
        margin-bottom: 40px;
    }

    .productionBackground:before {
        background-color: unset;
    }

    .productionBackground {
        min-height: 75vh;
    }
}
/* iphone Plus dikey */
@media only screen and (min-width:400px) and (max-width:479px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -15px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 35px;
        height: 75%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        background-position: 0% 90%;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 160px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 140px;
        max-height: 140px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 200px;
    }

    .topBanner {
        height: 200px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 150px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 175px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 85%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 7%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 10%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 20px;
        margin-top: 110px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 300px;
        height: 200px;
        max-height: 200px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 150px;
        max-height: 150px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 12%;
        margin-top: 18%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 6px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 150px;
        height: 260px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 95%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: center;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 80%;
            padding: 10% 0;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 14px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 150px;
        height: 150px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 82%;
        justify-content: space-between;
        row-gap: 80px;
        margin-top: 20%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 250px;
            height: 300px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 250px;
            height: 300px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 300px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 170px !important;
        }

    .searchBackground .productsResult {
        margin-bottom: 40px;
    }

    .productionBackground:before {
        background-color: unset;
    }

    .productionBackground {
        min-height: 75vh;
    }
}


/* iphone 4 yatay */
@media only screen and (min-width:480px) and (max-width:559px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 5;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 200px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 4%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 85%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 7%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 170px;
        height: 140px;
        max-height: 140px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
            width: 180px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 200px;
        max-height: 200px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 8%;
        margin-top: 14%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 45px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 160px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 350px;
            height: 250px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 350px;
            height: 250px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 250px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 170px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 150px !important;
        }
}
/* iphone 5/5s yatay */
@media only screen and (min-width:560px) and (max-width:639px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center top !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 5;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 200px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 4%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 88%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 4%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 170px;
        height: 140px;
        max-height: 140px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 5%;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -7% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -7% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
            width: 180px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 10%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 200px;
        max-height: 200px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 8%;
        margin-top: 14%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 150px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 45px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 160px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 350px;
            height: 250px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 350px;
            height: 250px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 250px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 170px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 155px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }
}
/* Samsung S3 yatay */
@media only screen and (min-width:640px) and (max-width:659px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: 40px;
        justify-content: center;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 5;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 250px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 2%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 4%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 84%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 60%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 4%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 170px;
        height: 140px;
        max-height: 140px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 0%;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -3% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -3% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 120px !important;
            width: 170px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 120px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 5%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 200px;
        max-height: 200px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 5%;
        margin-top: 12%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 250px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 42px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 160px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 350px;
            height: 250px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 350px;
            height: 250px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 250px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 170px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }
}
/* iphone 6/6s yatay */
@media only screen and (min-width:660px) and (max-width:699px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }


        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: 40px;
        justify-content: center;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 140px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 120px;
        max-height: 120px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 5;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 250px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 150px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 2%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 3%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 85%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 60%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 4%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 170px;
        height: 140px;
        max-height: 140px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 150px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 0%;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -3% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -3% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 120px !important;
            width: 170px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 120px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 5%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 270px;
        max-height: 270px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 5%;
        margin-top: 12%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 250px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 45px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 160px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 350px;
            height: 250px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 350px;
            height: 250px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 250px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 170px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }
}
/* iphone Plus yatay */
@media only screen and (min-width:700px) and (max-width:759px) {
    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }


        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: center;
        column-gap: 50px;
        row-gap: 30px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 180px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 150px;
        max-height: 150px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 4;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 250px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 160px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 2%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 2%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 85%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 60%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 4%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 210px;
        height: 160px;
        max-height: 160px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 250px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 250px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 0%;
    }


        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -3% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -3% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 120px !important;
            width: 170px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 120px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 5%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 300px;
        max-height: 300px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 3%;
        margin-top: 12%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 120px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 4%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 250px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 45px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 210px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 450px;
            height: 400px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 450px;
            height: 400px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 400px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 220px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }
}
/* iphone x yatay*/
@media only screen and (min-width:811px) and (max-width:999px) {
    .lightBoxSlide .popup-iframe {
        width: 430px;
        height: 240px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }


        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: center;
        column-gap: 50px;
        row-gap: 30px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 180px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 150px;
        max-height: 150px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 4;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 250px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 160px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 2%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 2%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 84%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 50%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 3%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 210px;
        height: 160px;
        max-height: 160px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 250px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 250px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 0%;
    }


        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -3% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -3% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 120px !important;
            width: 170px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 120px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 5%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 300px;
        max-height: 300px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 3%;
        margin-top: 12%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 170px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 0%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 2%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            margin-bottom: 3%;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 250px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 45px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 210px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 450px;
            height: 400px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 450px;
            height: 400px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 400px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 180px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }

    .blogBackground {
        padding-bottom: 5%;
    }
}

/*ıPhone 12 Yatay*/
@media only screen and (min-width:844px) and (max-width:999px) {
    .lightBoxSlide .popup-iframe {
        width: 420px;
        height: 235px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }

    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }


        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: -10 px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 20px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 30px;
        height: 70%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        overflow-y: scroll;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
                padding-bottom: 5%;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: center;
        column-gap: 50px;
        row-gap: 30px;
    }

    .productsBackground .productBox .productName {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 180px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 150px;
        max-height: 150px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 80vh;
    }

    .topBanner {
        height: 80vh;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }

        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 4;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 300px;
        margin-bottom: 5px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 400px;
        top: 8%;
    }

    .contactBackground {
        height: 420px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 4.759% 3.8202% 4.408% 4.408%;
        max-height: 160px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 24px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            -webkit-line-clamp: 1;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 2%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contactBackground .footer .rightBlock {
        width: 92%;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 100%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 3%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
        width: 85%;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 50%;
        padding: 10px 0;
        align-items: center;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: 1%;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: space-around;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 60px;
    }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 210px;
        height: 160px;
        max-height: 160px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
            height: 3px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 250px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

            .aboutBackground .contentBox .textBox .title {
                font-size: 18px;
                font-family: 'Roboto-Bold';
                margin-bottom: 15px;
            }

        .aboutBackground .contentBox:nth-child(2n+1) {
            flex-direction: column;
        }

            .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
                height: 250px;
            }

        .aboutBackground .contentBox .textBox .text {
            font-size: 14px;
        }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 0%;
    }


        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -3% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -3% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 120px !important;
            width: 170px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 120px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 3%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 300px;
        max-height: 300px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
        padding-right: 5px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 3%;
        margin-top: 12%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 170px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 0%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 2%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            margin-bottom: 3%;
            height: 60px;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 5px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 250px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 42px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 10px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 150px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 160px;
        height: 200px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 190px;
        height: 250px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 10%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        align-items: center;
        justify-content: space-around;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 20px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 10% 0;
            max-height: 210px;
        }

            .productsPageBackground .productsPageMain .productCategoryBox:after {
                box-shadow: #fff 0px 100px 30px 150px;
            }

    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 200px;
        height: 250px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 90%;
        justify-content: center;
        row-gap: 80px;
        margin-top: 10%;
    }

        .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        flex-direction: column;
        padding: 20px;
        align-items: center;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 100%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 450px;
            height: 400px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 450px;
            height: 400px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 400px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 180px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 180px !important;
        }

    .productListBackground .productListContainer .flexBox {
        justify-content: space-evenly;
    }

    .blogBackground {
        padding-bottom: 5%;
    }
}

/* tablet dikey */
@media only screen and (min-width:760px) and (max-width:810px) {
    .lightBoxSlide .popup-iframe {
        width: 530px;
        height: 340px;
    }

    .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox {
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: min-content;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .hoverMenuBox ul li a {
            font-size: 12px;
        }


    .contentBoxForDefault {
        display: flex;
        gap: 10px;
        align-items: unset;
        flex-direction: column;
    }

        .contentBoxForDefault:nth-child(2n) {
            flex-direction: column;
        }

    .productsBanner {
        background-position: center 74%;
    }

    header .nav {
        width: 100%;
        margin-bottom: 6%;
    }

        header .nav .nav-ul li {
            font-size: 16px;
        }

            header .nav .nav-ul li:last-child::before {
                background-size: 16px;
                width: 16px;
                height: 16px;
                top: 0px;
                background-image: url(../img/menu_icon.png);
                background-color: var(--themecolor);
                padding: 10px;
                background-position: 50%;
                border-radius: 54%;
                right: 35px;
                left: unset;
            }

            header .nav .nav-ul li:last-child {
                padding-left: 18px;
                padding-right: 10px;
            }

    header .logo {
        width: 130px;
        height: 55px;
        top: 40%;
    }

    header::before {
        box-shadow: unset;
    }

    header::after {
        box-shadow: 0px 0px 60px 50px #fff;
    }

    .menu .menuContainer .top .closeButton {
        font-size: 16px;
    }

        .menu .menuContainer .top .closeButton i {
            font-size: 20px;
        }

    .menu .menuContainer .menu-ul {
        gap: 35px;
        height: 80%;
    }

    .menu .menuContainer input {
        font-size: 14px;
    }

    .menu .menuContainer .search {
        gap: 20px;
        margin-bottom: 40px;
    }

    .menu .menuContainer .menu-ul li a i {
        font-size: 18px;
    }

    .menu .menuContainer .menu-ul li a {
        font-size: 16px;
    }

    .menu .menuContainer .top {
        margin: 20px 0 20px 0;
    }

    header .nav .nav-ul {
        flex-direction: row-reverse;
    }

    .menu {
        width: 100%;
        padding-left: 10%;
        background: url(../img/apresan-a.png) no-repeat rgba(255, 255, 255, 1);
        z-index: 99;
        background-position: 100% 90%;
    }

        .menu .menuContainer {
            width: 90%;
        }

            .menu .menuContainer .menu-ul li a {
                gap: 20px;
            }

            .menu .menuContainer .menu-ul .socialMedias {
                gap: 25px;
            }

                .menu .menuContainer .menu-ul .socialMedias i {
                    font-size: 18px;
                }

    .bannerTitle, .bannerTitle h1 {
        font-size: 30px;
        padding: 10% 0 15% 0;
        font-family: 'Roboto-Bold';
    }

    .main {
        width: 95%;
    }

    .productsBackground .main.productsMain {
        margin-top: -40px;
        gap: unset;
        justify-content: space-around;
        row-gap: 20px;
    }

    .productsBackground .productBox .productName {
        font-size: 20px;
        -webkit-line-clamp: 3;
    }

    .productsBackground .productBox .productDetailButton {
        font-size: 14px;
    }

    .productsBackground .productBox {
        width: 220px;
        border-radius: 20px;
        padding: 5% 5% 12% 5%;
        height: 170px;
        max-height: 170px;
    }

    .swiper-wrapper .swiper-slide img, .swiper-wrapper .swiper-slide video {
        height: 400px;
    }

    .topBanner {
        height: 400px;
    }

    .topBannerSection {
        margin-bottom: 5px;
    }

    header {
        width: 100%;
        padding: 0;
        height: 70px;
    }

        header .radialShadow {
            box-shadow: 0px 0px 50px 60px #fff;
        }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .midBanner {
        height: 250px;
        margin-bottom: 10px;
        background-position: center center !important;
        position: relative;
    }


        .midBanner .contentText {
            width: 100%;
            height: 75%;
            s padding: 7% 8% 3% 3%;
            position: absolute;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.80);
        }

            .midBanner .contentText .title {
                font-size: 16px;
                margin-bottom: 5%;
                width: 100%;
            }

            .midBanner .contentText .text {
                font-size: 14px;
                -webkit-line-clamp: 6;
            }

    .institutionalBackground .institutionalContent {
        margin-top: -40px;
        width: 95%;
        height: 280px;
        max-height: 280px;
        padding: 10% 5% 5% 5%;
    }

        .institutionalBackground .institutionalContent .logo {
            height: 45px;
            width: 140px;
            max-width: 140px;
            max-height: 56px;
            margin-bottom: 15px;
        }

        .institutionalBackground .institutionalContent .text {
            font-size: 14px;
            -webkit-line-clamp: 4;
        }

        .institutionalBackground .institutionalContent .institutionalContinueButton a {
            font-size: 14px;
            font-family: 'Roboto-Medium';
            right: 10%;
            bottom: 10%;
            gap: 5px;
        }

    .bottomBanner.video {
        height: 400px;
    }

    .contactBackground .footer {
        width: 95%;
        height: 300px;
        top: 0;
    }

    .contactBackground {
        height: 350px;
    }

    .blogBackground .main.blogMain {
        margin-top: -40px;
        row-gap: 15px;
        justify-content: center;
    }

    .institutionalBackground {
        padding-bottom: 20%;
    }

    .blogBackground .blogBox {
        width: 95%;
        padding: 6.759% 3.8202% 4.408% 4.408%;
        max-height: 190px;
    }

        .blogBackground .blogBox .blogTitle {
            font-size: 16px;
            font-family: 'Roboto-Bold';
            margin-bottom: 10px;
            height: 20px;
        }

        .blogBackground .blogBox .blogSubtitle {
            font-size: 14px;
            font-family: 'Roboto-Medium';
        }

        .blogBackground .blogBox .blogContent {
            font-size: 14px;
            height: 40px;
        }

        .blogBackground .blogBox .blogDetail {
            bottom: unset;
            right: 5%;
            top: 5%;
        }

            .blogBackground .blogBox .blogDetail i {
                font-size: 12px;
            }

    .contactBackground .footer .logo {
        height: 45px;
        width: 140px;
        max-width: 140px;
        max-height: 45px;
        margin-bottom: 5%;
    }

    .contactBackground .footer .footerFlex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3%;
    }

    .contactBackground .footer .rightBlock {
        width: 90%;
        flex-direction: row;
        justify-content: space-between;
    }

        .contactBackground .footer .rightBlock .address,
        .contactBackground .footer .rightBlock .address .mail a,
        .contactBackground .footer .socialMedias i {
            font-size: 14px;
        }


        .contactBackground .footer .rightBlock .eBulletin .title {
            font-size: 20px;
            font-family: 'Roboto-Bold';
        }

    .contactBackground .signature {
        font-size: 14px;
        gap: 5px;
        height: 50px;
    }

    .contactBackground .footer .rightBlock .eBulletin {
        width: 40%;
    }

    .contactBackground .footer .socialMedias {
        gap: 10px;
        justify-content: space-evenly;
        position: unset;
        margin-top: 3%;
        padding: unset;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput input {
        height: 14px;
    }

    .contactBackground .footer .rightBlock .eBulletin .mailInput {
        width: 100%;
        padding: 10px 0;
        align-items: center;
        margin: unset;
    }

        .contactBackground .footer .rightBlock .eBulletin .mailInput i {
            font-size: 20px;
        }

    .bulletin-error,
    #rgExp,
    .bultenResult {
        font-size: 12px;
        bottom: 0%;
    }

    .contactBackground .footer .rightBlock .address {
        margin-bottom: unset;
    }

    .contactBanner {
        background-position: center center !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }

    .topBannerSection .contentBanner .contentTitle {
        margin: unset;
        font-size: 24px;
    }

    .institutionalBackground .institutionalMain {
        margin-top: -40px;
        gap: unset;
        row-gap: 20px;
        justify-content: center;
        column-gap: 25px;
    }

    .topBannerSection .contentBanner {
        height: 170px;
    }

    .resizeBC {
        top: 110px !important;
    }

    .institutionalBackground .institutionalMain .institutionalBox .institutionalName {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        margin-top: 80px;
    }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            height: 3px;
        }

    .institutionalBackground .institutionalMain .institutionalBox {
        width: 220px;
        height: 160px;
        max-height: 160px;
    }

        .institutionalBackground .institutionalMain .institutionalBox:after {
            box-shadow: #fff 0px 50px 50px 100px;
        }

        .institutionalBackground .institutionalMain .institutionalBox .institutionalName::before {
            width: 40px;
        }

    .aboutBackground .aboutTitle {
        font-size: 22px;
    }

    .aboutBackground .aboutMain {
        margin-top: -40px;
    }

    .aboutBackground .contentBox {
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

        .aboutBackground .contentBox .imageBox {
            width: 100%;
            min-height: 150px;
        }

        .aboutBackground .contentBox .textBox {
            width: 100%;
            min-height: unset;
            height: auto;
        }

    .gallery .gallerySlider .slick-slide img {
        width: 90% !important;
    }

    .aboutBackground .contentBox .textBox .title {
        font-size: 18px;
        font-family: 'Roboto-Bold';
        margin-bottom: 15px;
    }

    .aboutBackground .contentBox:nth-child(2n+1) {
        flex-direction: column;
    }

        .aboutBackground .contentBox:nth-child(2n+1) .imageBox {
            height: 150px;
        }

    .aboutBackground .contentBox .textBox .text {
        font-size: 14px;
    }

    .aboutBackground {
        margin-bottom: 40px;
    }

    .gallery .title {
        font-size: 25px;
    }

    .gallery {
        height: 250px;
        margin-bottom: 2%;
    }

        .gallery .galleryMain {
            padding: 0 20px;
        }

        .gallery .gallerySlider .slick-next {
            right: -2% !important;
        }

        .gallery .gallerySlider .slick-prev {
            left: -2% !important;
        }

        .gallery .gallerySlider .slick-slide {
            height: 150px !important;
        }

            .gallery .gallerySlider .slick-slide:hover {
                height: 150px !important;
            }

    .gallerySlider .slick-track {
        height: auto !important;
        margin-top: 3%;
    }

    .qualityPolicyBackground .qualityPolicyMain {
        margin-top: -40px;
        gap: unset;
        flex-direction: column;
        row-gap: 20px;
    }

    .qualityPolicyBackground .textBox {
        width: 100%;
        max-width: 100%;
    }

    .qualityPolicyBackground .imageBox {
        width: 100%;
        max-width: 100%;
        height: 300px;
        max-height: 300px;
    }

    .contentBanner.qualityPoliciBanner {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .qualityPolicyBackground .textBox .title {
        font-size: 18px;
    }

    .qualityPolicyBackground .textBox .content {
        font-size: 14px;
    }

    .productionBackground .productionContainer .productionMain .textBox .title {
        font-size: 18px;
    }

    .productionBackground .productionContainer .productionMain .textBox .content {
        font-size: 14px;
        overflow: scroll;
        height: 350px;
    }

    .productionBackground .productionContainer .productionMain {
        background-color: rgba(255 255 255 / 1);
    }

    .productionBackground .productionContainer .productionTitle {
        font-family: 'Roboto-Bold';
        font-size: 24px;
        margin-bottom: 5%;
        margin-top: 9%;
    }

    .productionBackground {
        margin-bottom: 10px;
    }

    .certificateBackground .certificateMain {
        margin-top: -40px;
        padding: 6% 4%;
    }

    .certificateBackground .text {
        width: 100%;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .certificateBackground .certificateContainer {
        width: 100%;
        gap: 20px;
    }

    .blogDetailMain {
        width: 95%;
        padding: 4% 10% !important;
    }

    .blogPageBackground .blogMain {
        margin-top: -40px;
    }

    .blogPageBackground .blogCart {
        width: 100%;
        min-height: 260px;
    }

        .blogPageBackground .blogCart .blogImage {
            height: 150px;
        }

        .blogPageBackground .blogCart .title {
            font-size: 18px;
            height: 45px;
            padding: 0 8.267%;
            margin-bottom: 0%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal;
            margin-top: 5%;
        }


        .blogPageBackground .blogCart .text {
            font-size: 14px;
            margin-bottom: 4%;
        }

    .blogPageBackground .pageListNavigate ul li a,
    .blogPageBackground .pageListNavigate ul li {
        font-size: 14px;
        width: 24px;
        padding: 2% 0;
    }

        .blogPageBackground .pageListNavigate ul li .active {
            font-size: 18px;
        }

    .blogPageBackground .pageListNavigate .prev, .blogPageBackground .pageListNavigate .next {
        font-size: 12px;
    }

    .blogPageBackground .pageListNavigate {
        margin-top: 10%;
        margin-bottom: 5%;
        gap: 10px;
    }

    .blogPageBackground .blogDetailMain .title {
        font-size: 18px;
    }

    .blogPageBackground .blogDetailMain .text {
        font-size: 14px;
    }

    .blogPageBackground .blogDetailMain .imageBox {
        height: 290px;
    }

    .blogPageBackground .blogBottomNavContainer .prevBlog .button,
    .blogPageBackground .blogBottomNavContainer .nextBlog .button {
        font-size: 14px;
    }

        .blogPageBackground .blogBottomNavContainer .prevBlog .button i,
        .blogPageBackground .blogBottomNavContainer .nextBlog .button i {
            font-size: 12px;
        }

    .blogPageBackground .blogBottomNavContainer {
        width: 95%;
    }

        .blogPageBackground .blogBottomNavContainer .title {
            font-size: 16px;
        }

        .blogPageBackground .blogBottomNavContainer .text {
            font-size: 14px;
            height: 42px;
        }

        .blogPageBackground .blogBottomNavContainer .nextBlog, .blogPageBackground .blogBottomNavContainer .prevBlog {
            width: 45%;
            height: 180px;
        }

        .blogPageBackground .blogBottomNavContainer .title {
            height: 60px;
        }

    .blogPageBackground .blogDetailMain .text strong {
        font-size: 16px;
    }

    .breadCrumbs ul li a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .errorBackground .statusCode {
        font-size: 40px;
    }

    .errorBackground .message {
        font-size: 14px;
        margin-bottom: 4%;
    }

    .errorBackground .description {
        font-size: 14px;
        width: 100%;
    }

    .errorBackground .redirectButton {
        font-size: 14px;
    }

    .errorBackground {
        margin-bottom: 40px;
    }

    .contactPageBackground .contactMain {
        flex-direction: column;
        margin-top: -40px;
        padding: 6% 5%;
    }

    .contactPageBackground .contactForm .title {
        font-size: 22px;
        margin-bottom: 4%;
    }

    .contactPageBackground .contactForm {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            padding: 8px;
            width: 90%;
        }

        .contactPageBackground .contactForm .fullNameAlignment {
            flex-direction: column;
            row-gap: 12px;
            align-items: center;
            width: 100%;
        }

        .contactPageBackground .contactForm .contactMessageTextArea {
            padding: 10px;
            width: 90%;
        }

        .contactPageBackground .contactForm .contactBottomLine .kvkk {
            margin-right: -15px;
            margin-top: 15px;
        }

        .contactPageBackground .contactForm .contactMessageTextArea,
        .contactPageBackground .contactForm input:not([type="checkbox"]) {
            font-size: 14px;
        }

    .contactPageBackground .contactAddress {
        width: 95%;
        margin-left: 10%;
    }

        .contactPageBackground .contactAddress .addressLine .text, .contactPageBackground .contactAddress .addressLine .text a {
            font-size: 14px;
        }

        .contactPageBackground .contactAddress .addressLine .titleAddress, .contactPageBackground .contactAddress .addressLine .titlePhone, .contactPageBackground .contactAddress .addressLine .titleEmail {
            font-size: 16px;
        }

    .contactPageBackground .contactForm .contactBottomLine {
        row-gap: 30px;
        justify-content: center;
        align-items: center;
    }

        .contactPageBackground .contactForm .contactBottomLine .contactSubmitButton a {
            font-size: 14px;
            padding: 18% 24%;
        }

    .contactPageBackground .mapsFrame {
        height: 250px;
    }

    .contactForm .error,
    .contactForm .success {
        font-size: 12px;
    }

    .searchBackground .searchedText {
        font-size: 16px;
    }

    .search-result-desc {
        font-size: 14px;
        text-align: center;
    }

    .searchBackground .resultTitle {
        font-size: 16px;
    }

    .searchBackground .contentResult .itemBox a {
        width: 100%;
    }

        .searchBackground .contentResult .itemBox a .item {
            font-size: 14px;
            padding: 3%;
        }

    .searchBackground .productsResult .flexBox .productListBox .name {
        font-size: 14px;
    }

    .searchBackground .productsResult .flexBox .productListBox .imageBox {
        width: 140px;
        height: 170px;
    }

    .searchBackground .productsResult .flexBox .productListBox {
        width: 150px;
        height: 230px;
    }

        .searchBackground .productsResult .flexBox .productListBox:hover > .imageBox {
            transform: unset;
            margin-bottom: 7.3%;
        }

    .searchBackground .productsResult .flexBox {
        gap: unset;
        justify-content: space-between;
        width: 100%;
    }

    .productsPageBackground .productsPageMain {
        margin-top: -40px;
        justify-content: space-evenly;
        gap: unset;
        row-gap: 30px;
    }

        .productsPageBackground .productsPageMain .productCategoryBox .categoryName {
            font-size: 18px;
            font-family: 'Roboto-Bold';
        }

            .productsPageBackground .productsPageMain .productCategoryBox .categoryName:before {
                width: 40px;
                height: 4px;
                bottom: -5px;
            }

        .productsPageBackground .productsPageMain .productCategoryBox {
            width: 40%;
            padding: 5% 0;
            min-height: 250px;
        }


    .productListBackground .productListPageMain {
        margin-top: -40px;
    }


        .productListBackground .productListPageMain .title {
            font-size: 18px;
        }

        .productListBackground .productListPageMain .text {
            font-size: 14px;
        }


    .productListBackground .productListContainer .searchBox {
        width: 80%;
    }

        .productListBackground .productListContainer .searchBox a {
            padding: 8px 8px;
        }

        .productListBackground .productListContainer .searchBox i {
            font-size: 14px;
            margin-right: 20px;
        }

        .productListBackground .productListContainer .searchBox input {
            height: 25px;
            font-size: 14px;
        }

        .productListBackground .productListContainer .searchBox a i {
            font-size: 12px;
        }

    .productListBackground .productListContainer .flexBox .productListBox .name {
        font-size: 18px;
    }

    .productListBackground .productListContainer .flexBox .productListBox .imageBox {
        width: 250px;
        height: 300px;
    }

    .productListBackground .productListContainer .flexBox .productListBox {
        width: 250px;
        height: 300px;
    }

    .productListBackground .productListContainer .flexBox {
        width: 84%;
        justify-content: space-between;
        row-gap: 100px;
        margin-top: 10%;
    }

    .productionBackground.kvkkBackground {
        min-height: 75vh;
    }

    .productListBackground .productListContainer .flexBox .productListBox:hover > .imageBox {
        transform: unset;
        margin-bottom: 7.3%;
    }

    .topScrollButton {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 12px;
    }

    .productDetailBackground .productDetailMain {
        margin-top: -40px;
        padding: 60px 40px 40px 40px;
        align-items: center;
        gap: 35px;
    }

        .productDetailBackground .productDetailMain .infoContainer .name {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureName {
            font-size: 16px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
            font-size: 14px;
        }

        .productDetailBackground .productDetailMain .infoContainer {
            width: 70%;
        }

        .productDetailBackground .productDetailMain .imageContainer .sliderContainer {
            width: 350px;
            height: 400px;
        }

        .productDetailBackground .productDetailMain .imageContainer {
            width: 350px;
            height: 400px;
        }

            .productDetailBackground .productDetailMain .imageContainer .sliderContainer .productSlider .slick-slide img {
                height: 400px !important;
            }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            padding: 0 10px;
            margin-bottom: 15px;
        }

        .productDetailBackground .productDetailMain .infoContainer .features .featureLine {
            border-bottom: 1px solid #e9e6e6;
        }

    .productDetailBackground .imageContainer .sliderPrev,
    .productDetailBackground .imageContainer .sliderNext {
        z-index: 2;
    }

    .productDetailBackground .imageContainer .sliderNext {
        right: -10%;
    }

    .productDetailBackground .imageContainer .sliderPrev {
        left: -7%;
    }

    .productDetailBackground .imageContainer .slick-prev:before,
    .productDetailBackground .imageContainer .slick-next:before {
        font-size: 16px;
    }

    .productDetailBackground .productDetailMain .infoContainer .features .featureLine .featureDescription {
        margin-bottom: 15px;
    }

    .kvkk label:before {
        padding: 8px;
    }

    .kvkk input:checked + label:after {
        top: 3px;
        left: 7px;
        width: 4px;
        height: 8px;
    }

    .kvkkModal .modal-body {
        padding: 15px;
    }

        .kvkkModal .modal-body .title {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .kvkkModal .modal-body .content {
            font-size: 14px;
            overflow: scroll;
            height: 390px;
        }

    .kvkkModal .modal-dialog {
        max-width: 100% !important;
    }

    .lightBoxSlide {
        min-height: 230px !important;
    }

        .lightBoxSlide img {
            height: 300px !important;
        }

    .searchBackground .productsResult {
        margin-bottom: 40px;
    }

    .productionBackground:before {
        background-color: unset;
    }

    .productionBackground {
        min-height: 100vh;
    }

    .contactPageBackground .contactForm .contactBottomLine .reCaptcha {
        width: 250px;
        height: 60px;
        margin-right: 1%;
        transform: scale(0.60);
        -webkit-transform: scale(0.60);
    }
}